@media all and (min-width: 40em) and (max-width: 50em) {
	[class*=colgroup] .col {
		float:left;
		width:47.5%;
	}*/ 

	[class*=colgroup] .col:nth-of-type(2n+1),
	.colspan-2+.col {
		clear:left;
		margin-left:0
	}

	.colgroup-1 .col {
		width:100%;
		float:none;
		margin-left:0
	}

	.colgroup-3 .colspan-2,
	.colgroup-3 .colspan-2+.col,
	.colgroup-3 .col.primary,
	.colgroup-3 .col.secondary {
		width:100%;
		float:none;
		margin-left:0
	}

	.colgroup-3 .col.secondary { margin:2em 0 0 0 }
}

@media all and (min-width: 50em) {
	body {  }
	[class*=colgroup] .col {
	margin-left:5%;
   
	float:left
	}

	.colgroup-2 .col { width:47.5%}
	.colgroup-2 .col:nth-of-type(2n+1) {
		clear:left;
		margin-left:0
	}

}

/*Accordion*/
.schalter{clear:both;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;/*-moz-box-shadow:0 1px 1px #fff inset;-webkit-box-shadow:0 1px 1px #fff inset;box-shadow:0 1px 1px #fff inset;background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);*/background:url(/imperia/md/images/icons/acc-plus.gif) no-repeat 5px center;background-color:#f0f0f0;border:1px solid #ddd;color:/*#888*/#33c;cursor:pointer;margin-bottom:4px;padding:4px 4px 4px 25px;text-shadow:0 1px 0 #fff;width:97%;}
.schalter_activ{background:url(/imperia/md/images/icons/acc-minus.gif) no-repeat 5px center;background-color:#f0f0f0;color:/*#333*/black;}
.schalter_inhalt{padding:4px 10px;width:97%;}


.tab {
  position: relative;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  width: 100%;
  color: #000;
  overflow: hidden;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  /*background: #16a085;*/
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  border-bottom: 2px solid #fff;  
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0em;
  overflow: hidden;
  /*background: #1abc9c;*/
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 62em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}