@charset "utf-8";
/* Webdesign by Benjamin Hemer
 * post@benjaminhemer.com
 */

@media only screen and (min-width: 400px) and (max-width: 700px) {
#beforeafter {
	margin-bottom:3.6144578313253%;
}
}

#fotomontage .noscript img {
	display:block;
	float:left;
	width:50%;
}


#illu1 img {
	display:block;
}

#illu1 p.caption {
	position:absolute;
	display:table;
	height:50px;
	margin-top:-25px;
	top:50%;
	left:0;
	padding:0;
	width:64.9789029535865%;
}

#illu1 p.caption span {
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
}

#illu1 div {
	position:absolute;
	bottom:0;
	left:0;
	width:64.9789029535865%;
	width:100%;
}

@media only screen and (max-width: 700px) {

#illustration .box-fourth.resp-full, #illu1 {
	width:96.3855421686747%;
}

#illu2 p.caption {
	 display:inline;
	 position:relative;
	 padding-bottom:0.5em;
	 bottom:auto;
	 width:auto;
}
	
}

@media only screen and (max-width: 400px) {

#illu1, #illu2 {
	width:100%;
}

#illu1 p.caption {
	position:relative;
	display:block;
	height:auto;
	margin-top:0;
	top:auto;
	left:auto;
	padding:0.75em 1.80722891566265% 0.5em 1.80722891566265%;
	width:auto;
	clear:both;
}

#illu1 p.caption span {
	display:inline;
}

#illu1 .box-inner-fourth, #illu1 .box-inner-eighth {
	width:29.71887550200803%;
	margin:1.80722891566265%;
}

#illu2 div:first-child {
	width:auto;
}

#illu1 a {
	width:33% !important;
}

#illu1 div {
	position:relative;
	display:inline;
}

}

#schaubilder {
}

#diagramm1,
#diagramm2,
#diagramm3,
#diagramm4 div {
	background:#4094bd;
	background: linear-gradient(top left, #4094bd 0%, #a3c8e3 100%);
	background: -moz-linear-gradient(top left, #4094bd 0%, #a3c8e3 100%);
	background: -webkit-linear-gradient(top left, #4094bd 0%, #a3c8e3 100%);
	background: -ms-linear-gradient(top left, #4094bd 0%, #a3c8e3 100%);
	background: -o-linear-gradient(top left, #4094bd 0%, #a3c8e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4094bd, endColorstr=#a3c8e3,GradientType=1);
}

#diagramm1 img,
#diagramm2 img,
#diagramm3 img,
#diagramm4 img {
	margin:4%;
	width:92%;
}

#hdri1, #hdri2 {
	width:20%;
}

#hdri1 {
	margin:-72px 0 0 3.6%;
}

#hdri2 {
	margin:-72px 0 0 3%;
}

@media only screen and (max-width: 700px) {

#bildbearbeitung .box-third.right {
	float:right;
	width:46.3855421686747%;
}

}

@media only screen and (max-width: 400px) {

#bildbearbeitung .box-third.right {
	width:96.3855421686747%;
	float:none;
}
	
}

#detail {
	width:auto;
	position:absolute;
	bottom:2%;
	left:2%;
	border:3px solid #fff;
}