@media all {

.layer {
	position:relative;
	width:100%;
	z-index:3;	
	display:table;
	}

.content {
	padding:88px 0 23px 0;
	}



#footerbanner {position:relative; margin: 0px; padding-top:0px; border: solid 0px #f90}
#footerbanner img{position:relative; margin-left:0px}
#footerbanner .kreis{
	width:260px;
	height:260px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
	font-size:2.5em;
	color:#fff;
	line-height:1.4em;
	text-align:center;
	background:url(../bilderpfad/buttons/bg_kreis.png) center no-repeat;
	border:10px solid #e4efd9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:26px 0 0 0;
	margin: 0 0 35px 0;
	}

#footerbanner h3{position:absolute; right:27%; top:10%; text-align:center}
#footerbanner h3.kreis{position:absolute;  right:25%; top:35%; }
#footerbanner h3.kreis span{margin-top:150px; font-size:1.1em; font-weight:bold;  color:#f90}

#footerbanner h2{font-size: 3.5em; line-height:150%; position:absolute; left:28%; top:7%; text-align:left;}


#footerbanner-man {position:relative; margin: 0px; padding-top:0px; border: solid 0px #f90}
#footerbanner-man img{position: relative; top:0; left: 15%; margin-left:0px;}
#footerbanner-man .kreis{
	width:260px;
	height:260px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
	font-size:2.5em;
	color:#fff;
	line-height:1.4em;
	text-align:center;
	background:url(../bilderpfad/buttons/bg_kreis.png) center no-repeat;
	border:10px solid #e4efd9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:26px 0 0 0;
	margin: 0 0 35px 0;
	}


#footerbanner-man h3{position:absolute; right:27%; top:10%; text-align:center}
#footerbanner-man h3.kreis{position:absolute;  right:25%; top:40%; }
#footerbanner-man h3.kreis span{margin-top:150px; font-size:1.1em; font-weight:bold;  color:#f90}

#footerbanner-man h2{font-size: 3.5em; line-height:150%; position:absolute; left:28%; top:7%; text-align:left;}


.kreis {
	width:260px;
	height:260px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
	font-size:28px;
	color:#fff;
	line-height:34px;
	text-align:center;
	background:url(../bilderpfad/buttons/bg_kreis.png) center no-repeat;
	border:10px solid #e4efd9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:36px 0 0 0;
	margin: 0 0 35px 0;
	}

.kreis {
	width:283px;
	height:283px;
	-webkit-border-radius: 142px;
	-moz-border-radius: 142px;
	border-radius: 142px;
	font-size:28px;
	color:#fff;
	line-height:1.5em;
	text-align:center;
	background:#485a7c;
	background:url(../bilderpfad/buttons/bg_kreis.png) center no-repeat;
	border:12px solid #e4ecfb;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:55px 0 0 0;
	margin: 30px 0 35px 0;
	}

.kreis span{margin-top:50px; font-size:1.2em; font-weight:bold;  color:#f90}




section#home { height:100%; background-attachment:fixed;  position:fixed; top:0px; z-index:4;}	/* Hier müßte zum Webfahren auch das Fixed gelöst werden*/
section#home img {position:absolute; left:0; top:0; width:100%; height:auto; z-index:1;}
section#home h1 {color:#fff; line-height:1.5em; letter-spacing: 0.01em; position:relative; top:350px; left:6%; z-index:2;}

.home.ganzheit-kopf-text2 {
	padding: 25px 50px;
	position: fixed;
	bottom: 50px;
	border-radius: 5px;
	font-size: 20px;
	}
	

section#hint h1 {position: relative; line-height:1.5em; letter-spacing: 0.01em; z-index:2; margin: 0; padding: 0;}
section#hint h2 {position: relative; line-height:1.5em; letter-spacing: 0.01em; z-index:2; margin: 0; padding: 0;}
	
section#hint.hint-super-90 #nachunten{
	position: fixed;
	bottom: 100px;
	left: 48%;
	z-index: 1;
	display: block;
	font-size: 2em;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 100px;
	background-color: rgba(217,217,215,.3);
	}

section#hint.hint-super-90 #nachunten.icon-angle-down {
	font-size: 50px;
	text-align: center;
	color: #fff;
	}
	


section#start {padding-bottom: 100px; height:100%; top:740px;  background:#fff; position:relative; z-index:5;}

section#start2 {padding: 0 0 740px 0; top:840px; position:relative; z-index:5;}
section#start3 {padding: 0 0 1480px 0; height:100%; top:1080px;  background:#fff; position:relative; z-index:5;}


section#hint {width=100%; z-index:1}
section#hint.hint-super-90 {height:90%;}
section#hint.hint-super-100 {height:100%;}


section#start4 {padding: 0 0 0px 0; background: transparent; border: 0px solid #f90; position:relative; z-index:5;}
section#main3 { padding: 0 0 0 0;  background:#fff; position:relative; z-index:5;}


section#banner { height:100%; background:#fff; position:relative; z-index:5;}


section#bildtrenner4 {padding:0px 0 0px 0; top:0; background-attachment:fixed; position:relative; z-index:5;}
section#bildtrenner4 h1{color:#fff; line-height:1.5em; letter-spacing: 0.01em; position:relative; top:0;; left:6%; z-index:0;}
section#bildtrenner4 .terminbuchung{margin:0 auto; padding:0; width:1200px; height:940px; border: 0px solid #f90;}
section#bildtrenner4 .iframeterminbuchung{margin:0 auto; padding:0; width:1200px; height:940px; border: 0px solid #f07;}
section#bildtrenner4 .bt4-linkstext{width:50%; background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat; margin-top:25px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext50{width:50%; background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat; margin-top:25px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30{width:30%; /*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-cmd, section#bildtrenner4 .bt4-linkstext30-grau, section#bildtrenner3 .bt4-linkstext30-cmd{width:30%; text-align: left; margin-top:25px; margin-bottom:25px;  margin-left:60px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-rezeption{color:#fff; width:30%; text-align: left;/*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; margin-left:330px; padding:10px 30px 20px 30px}


section#bildtrennerfest {padding:10px 0 50px 0; top:0px; border: 0px solid #f90; background-attachment:inherit; position:relative; z-index:5;}
section#bildtrennerfest .bt4-linkstext30-rezeption{color:#fff; width:30%; text-align: right; margin-top:15%; margin-left:390px; padding:10px 30px 20px 30px}

.bt-content {padding: 50px 0 50px 0}


section#news { height:100%; top:0;  background:#fff; position:relative; z-index:5;}
section#news .ym-wbox{ padding:80px 100px 0 100px; }
section#news h1 { z-index:2;}
section#news h2 { font-size:2.2em;}
section#news p { font-size:1.0em;}
section#news .top { background:#ffffff;  }
section#news .bottom { background:url(../img/bg_blue.png) left bottom repeat-x; padding:62px 0 56px 0;  }

section#newsklar { position:relative; z-index:5;}
section#newsklar .ym-wbox{padding:80px 100px 0 100px;}


/* ----------- BILDER DIE IN DEN BILDTRENNER EINGESTZT WERDEN KÖNNEN ---------- */

.rezeption-kh{background:#fff url(../bilderpfad/scroll/rezeption-kh-xxl-neu.jpg) center center no-repeat; }
.telefon { background:#fff url(../bilderpfad/back/telefon_64256566.png) center center no-repeat;}
.kids { background:#bfbfbf url(../bilderpfad/scroll/termine-61592591-neu.jpg) center center no-repeat;} 
.disco { background:#460000 url(../bilderpfad/scroll/disco-teen-aligner-xxl.jpg) center center no-repeat;} 
.selfie2 { background:#460000 url(../bilderpfad/scroll/selfie-2-frauen-55187456-xxl.jpg) center center no-repeat;} 
.white1000 { background:#fff url(../bilderpfad/scroll/white1000.jpg) center center no-repeat;} 
.paar { background:#f90 url(../bilderpfad/back/bg04_start.jpg) center center no-repeat; }
.paar { background:#f90 url(../bilderpfad/scroll/bg04_start.jpg) center center no-repeat; }
.paar-insignia { background:#eee url(../bilderpfad/scroll/insignia-3343863.jpg) center center no-repeat; }
.cmd{background:#fff url(../bilderpfad/scroll/cmd-30157978-xxl.jpg) center center no-repeat; }
.man-relax{background:#fff url(../bilderpfad/scroll/man-relax-39568407.jpg) center center no-repeat; }
.business{background:#fff url(../bilderpfad/scroll/business-57614261.jpg) center center no-repeat; }
.business-gruppe{background:#fff url(../bilderpfad/scroll/beruf-50343706.jpg) center center no-repeat; }
.business-gruppe-balken{background:#fff url(../bilderpfad/scroll/business-10764384-balken.jpg) center center no-repeat; }
.damonboy{background:#fff url(../bilderpfad/scroll/Fotolia_59980702_Subscription_XL.jpg) center center no-repeat; }
.junge-frau{background:#fff url(../bilderpfad/scroll/junge-frau-56423594.jpg) center center no-repeat; }
.frau-relaxed{background:#fff url(../bilderpfad/scroll/frau-relaxed-62568523-xxl.jpg) center center no-repeat; }


.separator { display:block; }
.separator.arrow {height:27px; background:url(../bilderpfad/buttons/trenner.png) top center no-repeat; /*background: rgba(255,90,0,0.5);*/ border: solid 0px #f90; }
.separator.blue { height:18px; background:url(../bilderpfad/buttons/trenner-white.png) left top  no-repeat; }



.container:not(.notrans) button.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) button.trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}




/* -- 
end-section habe ich(Max) in manchen Seiten am ende der Seiten benutzt 
mitte-section ist in termin Seiten benutzt worden
-------- */
section#start-section {padding: 0 0 100px 0; background:#fff; position:relative; z-index:5;}
section#mitte-section {padding: 50px 0 0 0; background:#fff; position:relative; z-index:5;}
section#end-section {padding: 0 0 0 0; background:#fff; position:relative; z-index:5;}


.separator.weiss { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -28px no-repeat; margin:0; }
.separator.weiss2 { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -42px no-repeat; margin:0px 0 0 0; }
.separator.lila { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -56px no-repeat; margin:0px 0 0 0; }
.separator.lila1 { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -70px no-repeat; margin:0px 0 0 0; }





.circle {
	width:260px;
	height:260px;
	-webkit-border-radius: 130px;
  -moz-border-radius: 130px;
  border-radius: 130px;
	font-size:28px;
	color:#fff;
	line-height:34px;
	text-align:center;
	background:url(../img/bg_circle.png) center no-repeat;
	border:10px solid #e4efd9;
	box-sizing:border-box;
-moz-box-sizing:border-box;
	padding:66px 0 0 0;
	margin: 0 0 35px 0;
	font-family: "Interstate Thin";
}
.circle2 {
	width:283px;
	height:283px;
	-webkit-border-radius: 142px;
  -moz-border-radius: 142px;
  border-radius: 142px;
	font-size:28px;
	color:#fff;
	line-height:34px;
	text-align:center;
	background:#78ad3f;
	border:12px solid #e4efd9;
	box-sizing:border-box;
-moz-box-sizing:border-box;
	padding:95px 0 0 0;
	margin: 30px 0 35px 0;
	font-family: "Interstate Thin";
}




}



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

section#home h1 {top:340px; left:6%;}
section#home #nachunten{bottom: 2%;}
section#start, section#start2{ padding: 0 0 600px 0; top:700px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:900px;  background:#fff; position:relative; z-index:5;}



section#news .ym-wbox{ padding:80px 100px 0 100px}
section#news h1 {color:#666; line-height:1.1em; letter-spacing: 0.01em; z-index:2;}
section#news h2 { font-size:2.1em;}
section#news .top { background:#ffffff;  }
section#news .bottom { background:url(../img/bg_blue.png) left bottom repeat-x; padding:62px 0 56px 0;  }


section#bildtrenner4 .iframeterminbuchung{margin:auto; width:1050px; height:823px; border: 0px solid #f90;}
section#bildtrenner4 .bt4-linkstext30-rezeption{color:#fff; width:30%; text-align: left;/*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; margin-left:230px; padding:10px 30px 20px 30px}

}



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

section#home h1 {top:320px;}
section#home #nachunten{bottom: 3%;}
section#start, section#start2 {padding: 0 0 550px 0; /*height:100%;*/ top:660px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:800px;  background:#fff; position:relative; z-index:5;}


section#news .ym-wbox{ padding:80px 100px 0 100px}
section#news h1 {color:#666; line-height:1.1em; letter-spacing: 0.01em; z-index:2;}

}


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

section#home h1 {top:280px; left:3%;}
section#home #nachunten{bottom: 6%;}
section#start, section#start2 {padding: 0 0 450px 0;/*height:100%;*/ top:590px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:700px;  background:#fff; position:relative; z-index:5;}

section#news .ym-wbox{padding:80px 110px 0 110px}
section#news h1 {}
section#news h2 { font-size:1.8em;}

section#bildtrenner4 .bt4-linkstext30{width:40%; /*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-cmd,  section#bildtrenner4 .bt4-linkstext30-grau, section#bildtrenner3 .bt4-linkstext30-cmd{width:40%; margin-top:25px; margin-left:30px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-rezeption{color:#fff; width:50%; text-align: left;/*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; margin-left:120px; padding:10px 30px 20px 30px}


#footerbanner .kreis{width:250px; height:250px; font-size:2.5em;}
#footerbanner img{position:relative; margin-left:-70px}

#footerbanner h2{position:absolute; left:55%; top:7%; text-align:left;}

#footerbanner h3{position:absolute; right:15%; top:7%; text-align:center;}
#footerbanner h3.kreis{position:absolute;  right:15%; top:45%; }
#footerbanner h3.kreis span{margin-top:150px; font-size:0.9em; font-weight:bold;  color:#f90}


#footerbanner-man img{position: relative; top:0; left: 10%; margin-left:0px;}

}




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

section#home h1 {top:250px; left:3%;}
section#home #nachunten{bottom: 12%;}
section#start, section#start2 {padding: 0 0 400px 0;/*height:100%;*/ top:550px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:650px;  background:#fff; position:relative; z-index:5;}

section#news .ym-wbox{padding:80px 110px 0 110px}
section#news h2 { font-size:1.8em;}


}

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

section#home h1 {font-size:2.4em; top:180px; left:2.5%;}
section#home #nachunten{bottom: 23%;}
section#start, section#start2 {padding: 0 0 350px 0; /*height:100%;*/ top:450px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:600px;  background:#fff; position:relative; z-index:5;}

section#news h1 {color:#666; line-height:1.1em; letter-spacing: 0.01em; z-index:2;}

section#bildtrenner4 {padding: 0; text-align:center; top:0;  background-attachment:inherit; position:relative; z-index:5;}
section#bildtrenner4 h1 {font-size:2.4em;}
section#bildtrenner4 .terminbuchung{margin:0 auto; width:700px; height:550px; border: 0px solid #f05;}
section#bildtrenner4 .iframeterminbuchung{margin:0 auto; width:700px; height:550px; border: 0px solid #f90;}
section#bildtrenner4 .bt4-linkstext{width:80%; /*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-cmd{width:65%; background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat; margin-top:25px; margin-left:15px; padding:10px 30px 20px 30px}

section#bildtrenner4 .bt4-linkstext30-grau{width:65%; background:url(../bilderpfad/buttons/grau-30-pro.png) top left repeat; margin-top:25px; margin-left:15px; padding:10px 30px 20px 30px}

section#bildtrenner3 .bt4-linkstext30-cmd{width:65%; background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat; margin-top:25px; margin-left:15px; padding:10px 30px 20px 30px}
section#bildtrenner4 .bt4-linkstext30-rezeption{color:#fff; width:50%; text-align: left;/*background:url(../bilderpfad/buttons/weiss-30-pro.png) top left repeat;*/ margin-top:25px; margin-left:20px; padding:10px 30px 20px 30px}

section#bildtrennerfest {padding:70px 0 150px 0; top:0px;}

.rezeption-kh{background:#fff url(../bilderpfad/scroll/kh-empfang-klein.jpg) center center no-repeat; }




#footerbanner .kreis{width:220px; height:220px; font-size:2em;}
#footerbanner h3{font-size:1.7em; position:absolute; right:14.5%; top:4%; text-align:center}
#footerbanner h3.kreis{position:absolute;  right:12.3%; top:45%; }
#footerbanner h3.kreis span{margin-top:130px; font-size:0.9em; font-weight:bold;  color:#f90}

#footerbanner-man img{position: relative; top:0; left: 5%; margin-left:0px;}
#footerbanner-man .kreis{width:220px; height:220px; font-size:2em;}
#footerbanner-man h3{font-size:1.7em; position:absolute; right:14.5%; top:4%; text-align:center}
#footerbanner-man h3.kreis{position:absolute;  right:12.3%; top:45%; }
#footerbanner-man h3.kreis span{margin-top:130px; font-size:0.9em; font-weight:bold;  color:#f90}


.separator.weiss { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -28px no-repeat; margin: 0; }
.separator.weiss2 { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -42px no-repeat; margin: 0; }
.separator.lila { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -56px no-repeat; margin: 0; }
.separator.lila1 { height:14px; background:url(../bilderpfad/buttons/trenner-all.png) left -70px no-repeat; margin: 0; }


}

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

section#home h1 {top:170px; left:2.2%;}
section#home #nachunten{bottom: 30%;}
section#start, section#start2  {padding: 0 0 430px 0; /*height:100%;*/ top:430px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:550px;  background:#fff; position:relative; z-index:5;}


section#bildtrenner4 .terminbuchung{margin:0 auto; width:650px; height:510px; border: 0px solid #f90;}
section#bildtrenner4 h1{font-size:2.2em;}



}

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

section#home h1 {font-size:2.2em; top:170px; left:2.2%;}
section#home #nachunten{bottom: 35%;}
section#start, section#start2  {padding: 0 0 390px 0; /*height:100%;*/top:390px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:500px;  background:#fff; position:relative; z-index:5;}


#footerbanner .kreis{width:200px; height:200px; font-size:1.9em;}
#footerbanner h3{font-size:1.7em; position:absolute; right:14.5%; top:1%; text-align:center}
#footerbanner h3.kreis{position:absolute;  right:12.3%; top:45%; }
#footerbanner h3.kreis span{margin-top:130px; font-size:0.9em; font-weight:bold;  color:#f90}

#footerbanner-man img{position: relative; top:0; left: 0%; margin-left:0px;}
#footerbanner-man .kreis{width:200px; height:200px; font-size:1.9em;}
#footerbanner-man h3{font-size:1.7em; position:absolute; right:14.5%; top:1%; text-align:center}
#footerbanner-man h3.kreis{position:absolute;  right:12.3%; top:45%; }
#footerbanner-man h3.kreis span{margin-top:130px; font-size:0.9em; font-weight:bold;  color:#f90}

}

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

section#home h1 {top:150px; left:2.2%;}
section#home #nachunten{bottom: 38%;}
section#start, section#start2  { /*height:100%;*/ top:370px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:470px;  background:#fff; position:relative; z-index:5;}

}


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

section#home h1 {top:22%; left:6%;}
section#home { height:100%; background-attachment:fixed;  position:fixed; top:0px; z-index:4;}
section#home #nachunten{bottom: 45%;}
section#start, section#start2  {padding: 0 0 370px 0; /*height:100%;*/ top:370px;  background:#fff; position:relative; z-index:5;}
section#start3 {height:100%; top:400px;  background:#fff; position:relative; z-index:5;}

section#bildtrenner4 .bt4-linkstext{width:90%;}

#footerbanner .kreis{width:180px; height:180px; font-size:1.8em;}
#footerbanner h3{font-size:1.5em; position:absolute; right:14.5%; top:5%; text-align:center;}
#footerbanner h3.kreis{position:absolute;  right:13%; top:45%;}

}





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

#footerbanner h3.kreis{position:absolute;  right:13%; top:80%;}

.business{background:#fff url(../bilderpfad/scroll/business-57614261-kl.jpg) center center no-repeat; }
.junge-frau{background:#fff url(../bilderpfad/scroll/junge-frau-56423594-kl.jpg) center center no-repeat; }
.frau-relaxed{background:#fff url(../bilderpfad/scroll/frau-relaxed-62568523-kl.jpg) center center no-repeat; }
.cmd{background:#fff url(../bilderpfad/scroll/cmd-30157978-kl.jpg) center center no-repeat; }

section#bildtrenner4 .bt4-linkstext30-cmd{width:65%; margin-top:25px; margin-left:15px; padding:10px 10px 35px 15px}
section#bildtrenner4 .bt4-linkstext30-cmd h3 {font-size: 1.5em}


section#bildtrenner4 .bt4-linkstext30-grau{width:65%; margin-top:25px; margin-left:15px; padding:10px 15px 20px 15px}



}

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

#footerbanner h3.kreis{position:absolute;  right:13%; top:5%;}

}