ul.catalog {
	list-style:none;
	margin:0; 
	padding:0;
	width:100%;
	margin:0 auto;
	border-top:1px solid #E9953B;
	border-top:1px solid #ff9900;
}

ul.catalog label {
	background: white; /* fallback colour */
	display:block;
	width:100%;
	height:10%;
	border-bottom:1px solid #E9953B;
	border-bottom:1px solid #ff9900;
	line-height: 100%;
	padding: 0;
	padding-left: 2%;
	padding-top: 1.5%;
	padding-top: 1.5%;
	padding-bottom: 0.2%;
	cursor: pointer;
}

ul.catalog label h3 { font-size: 100%; color: #727272; font-weight:500; }
ul.catalog p.ueberschrift { font-size: 100%; color:#727272; width:90%; }


ul.catalog input + h3 { margin-top:1%; }
 
ul.catalog li input[type='checkbox'] { display: none; }


ul.catalog label span {
	position:relative;
	display:inline;
	float:right;
	color: #E9953B;
	color:#ff9900;
	margin-top:-4%;
}

ul.catalog li label:hover {
	background: white; /* fallback colour */
}



ul.catalog li input[type='checkbox']:checked ~ label span {
	color: #283c50; /* andere Teile Dreieck sind transparent */
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

ul.catalog li input[type='checkbox']:checked ~ p.ueberschrift { color: #283c50; }


ul.catalog li input[type='checkbox']:checked ~ label {
	background: white; /* fallback colour */
}

ul.catalog li input[type='checkbox']:checked ~ label span {
	background: white; /* fallback colour */
}

.options {
	height: 0;
	display: block;
	overflow: hidden;
}

ul.catalog li input[type='checkbox']:checked ~ .options {
	display:block;
	min-height:40px;
	height: auto;
	max-height:auto;
	padding-bottom:2%;
	border-bottom:7px solid #E9953B;
}

ul.catalog ul {
	background:white;
	margin:0;
	padding:0;
	padding-left:4%;
}

ul.catalog ul li a { display:block; }
ul.catalog ul li a.link { display:inline; }

ul.catalog ul li:first-child { padding-top:2%; }
ul.catalog ul li:last-child {  }

.catalog li li img { width:100%; }

.catalog li li h3 { color:#E9953B; font-size: 120%; padding-top:5%;  padding-bottom:3%; }

.catalog li ul li {
	list-style: none;
	float: left;
}
.catalog li ul li:nth-child(2n+1) {
	margin-right: 4%;
	width:64%;
	margin-bottom:2%;
	margin-left:-2%;
}
.catalog li ul li:nth-child(2n) { width:28%; margin-left:1%; padding-top:6%; }
.catalog li ul li:nth-child(2n) img { padding-top:0%; }


ul.catalog li.block:hover { background:#FFFBF9; background:#F7E9E1; background:#fff5ee; }  


ul.catalog li.block:hover .options {
/*	display:block;
	min-height:40px;
	height: auto;
	max-height:auto;
	padding-bottom:2%;
	border-bottom:7px solid #E9953B; */
}


@media screen and (max-width:600px) {
	
ul.catalog ul {
}
.catalog li ul li:nth-child(2n+1) {
	width:100%;
	margin:0%;
	margin-left:-2%;
	margin-right:0%;
	padding:0%; 
}
.catalog li ul li:nth-child(2n) {
	width:100%;
	margin:0%;
	margin-left:-2%;
	padding:0%;
	margin-top:2%;
	margin-bottom:2%;
}

.catalog li ul li:nth-child(2n) img { margin-bottom:4%; }

ul.catalog li input[type='checkbox']:checked ~ .options {
	width:100%;
}

ul.catalog ~ p  { width:80%; background:yellow; }

ul.catalog label span { margin-top:-6%; }

}

@media screen and (max-width:400px) {
ul.catalog label span { margin-top:-9%; }
}