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

/*
body.hide-overflow {
    overflow:hidden;
}
*/

.t {
    display: table;
    width:100%;
    height:100%;
}

.tc {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.rel {
    position:relative;
}

#reference-book {
	z-index:1000;
	margin-top:0;
	margin-left:1.20481927710843%;
	margin-right:1.20481927710843%;
	width:97.59036144578313%;
}

.book {
    margin:0 auto;
    width:100%;
    height:100%;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.book div {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.book .page {
    height:100%;
}

#reference-book-ns .page {
	width:50%;
	float:left;
}

.book .page img {
    width:100.01%;
    height:100%;
}

.even img {
}

.odd img {
}

.odd.p1 {
	background:none;
}

#hgb2 {
	margin-top:0;
}


#event1 {
	z-index:1;
}
 
#event1 img {
	width:107%;
	margin:0 0 -20% -6%;
}
 
#event1 p.caption {
	position:absolute;
	top:115%;
	left:36%;
	width:64%;
}

#event2 {
	z-index:0;
}

#event2 p.caption {
	width:29.957805907173%;
	position:absolute;
	bottom:0;
	right:0;
	padding-bottom:0;
}

@media only screen and (max-width: 900px) {
	
#event1 img {
	width:107%;
	margin:0 0 0 -6%;
}

#event1 p.caption {
	position:relative;
	bottom:auto;
	left:auto;
	width:auto;
}

#event2 p.caption {
	width:auto;
	position:relative;
	bottom:auto;
	right:auto;
}
	
}

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

#event2 p.caption {
	width:auto;
	position:relative;
	float:left;
	padding-bottom:0.5em;
}

}

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

#event1 img {
	width:100%;
	margin:0;
}

}

@media only screen and (max-width: 400px) {
#event2 .box-inner-fourth.last {
	width:96.3855421686747%;
}

}

#broschueren1 {
	margin-top:-1.80722891566265%;
}

#sonder2 {
	position:relative;
}

#sonder2 img {
	width:70%;
	margin:0 0 -20% -6%;
}

#sonder2 p.caption {
	position:absolute;
	width:46%;
	top:0;
	right:0;
}

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

#sonder1 {
	float:left;
	width:56%;
	margin-right:4%;
	
}

#sonder2 {
	float:left;
	width:40%;
}

}

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

#sonder1,
#sonder2 {
	float:none;
	width:96.3855421686747%;
}

#sonder2 img {
	width:50%;
	margin:0 auto;
}

#sonder2 p.caption {
	position:relative;
	width:50%;
	float:right;
	top:auto;
	right:auto;
}

}

#flyer .box-half {
	margin-bottom:0;
}

#milde img {
	width:70%;
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	z-index:1;
	margin:-2% 0 0 0;
}

@media only screen and (max-width: 700px) {
	
#flyer .box-half {
	margin-bottom:1.80722891566265%;
}

#milde img {
	width:70%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index:1;
	margin:0;
}

}

@media only screen and (max-width: 500px) {
	
#milde img {
	width:100%;
}

}


#text2 {
	margin-top:0;
}