@media screen,projection{
* {margin:0; padding:0;}
.ym-grid{display:table; width:100%; table-layout:fixed; list-style-type:none; padding-left:0; padding-right:0;margin-left:0;margin-right:0}
.ym-gl{float:left;margin:0}
.ym-gr{float:right;margin:0}
.ym-center{float:left;margin: 0;padding:0;}
.ym-g1{width:1%}
.ym-g8{width:6%}
.ym-g5{width:5%}
.ym-g10{width:10%}
.ym-g12{width:13.5%}
.ym-g15{width:15%}
.ym-g16{width:16.666%}
.ym-g20{width:20%}
.ym-g25{width:25%}
.ym-g30{width:30%}
.ym-g33{width:33.333%}
.ym-g38{width:38.2%}
.ym-g40{width:40%}
.ym-g45{width:45%}
.ym-g50{width:50%}
.ym-g55{width:55%}
.ym-g60{width:60%}
.ym-g62{width:61.8%}
.ym-g66{width:66.666%}
.ym-g70{width:70%}
.ym-g75{width:75%}
.ym-g80{width:80%}
.ym-g90{width:90%}
.ym-g99{width:99%}


.ym-gheader1{width:30%}
.ym-gheader2{width:70%}
@media screen and (max-width:1860px){.ym-gheader1{width:25%} .ym-gheader2{width:75%}}
@media screen and (max-width:1480px){.ym-gheader1{width:22%} .ym-gheader2{width:78%}}



.ym-g40-section-l {width:40%}
@media screen and (max-width:1024px){.ym-g40-section-l {width:60%}}
@media screen and (max-width:600px){.ym-g40-section-l {width:80%}}
@media screen and (max-width:480px){.ym-g40-section-l {width:100%}}
.ym-g40-section-r {width:40%}
@media screen and (max-width:1024px){.ym-g40-section-r {width:60%}}
@media screen and (max-width:600px){.ym-g40-section-r {width:80%}}
@media screen and (max-width:480px){.ym-g40-section-r {width:100%}}



/* MNA HEAD KÖPFE ********************************************************** */	

.mnahead .kopf {background: #fff;
	box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	height: 192px;
	}
	
.mnahead .logo-pic img{max-width:100%;}
 
.mnahead .menupostop{
	 width:100%; top: 0;  border-top:0px solid #000; border-right:0px solid #000;
 }
 
.mnahead .menupostop2{
	 width:100%; top: 14px;
	 padding-top: 5px;
	 border-top:1px solid #ead7b2;
 }


.mnahead .iconstop{ 
 top:10px; left:10px;
}


.mnahead h1,
.mnahead img,
.mnahead .kopf,
.mnahead .menupostop,
.mnahead .steffensheaderpic2,
.mnahead .iconstop,
.mnahead .display-icons,
.mnahead nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}	
	
/* SHRINK KÖPFE ********************************************************** */	
	
	
 .mnahead.mnahead-shrink .kopf    {
	height: 140px;
	}


.mnahead.mnahead-shrink .logo-pic img{width:21%; margin-top:-4px; width: 540px;}


 .mnahead.mnahead-shrink .menupostop {
	 top: 0;  
 }
 
.mnahead.mnahead-shrink .menupostop2{
	 width:100%; top: 5px;  
	 border-top:1px solid #ead7b2;
 } 

.mnahead.mnahead-shrink .iconstop{ 
top:10px; left:10px;}
 
 
 
/* MNA Head KÖPFE 1024 und kleiner ********************************************************** */	
 
@media screen and (max-width:1024px){ 



.mnahead-1024 .kopf {
	box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	height: 140px;
	background: #fff;
	}	

.mnahead-1024 .logo-pic img{width:530px; margin-top: -10px}

}

@media screen and (max-width:600px){ 
.mnahead-1024 .kopf {
	height: 100%;
	background: #fff;
	border: solid 0px #f90;
	padding: 0 0 20px 0;
	}	

.mnahead-1024 .logo-pic {padding: 0 25px}

.mnahead-1024 .logo-pic img{max-width:100%; margin: 50px auto 0 auto; padding: 0 0;}


}





/* E N D E MNA Head KÖPFE 1024 und kleiner ********************************************************** */	


	
.ym-kopf-g0{width:20%; border-top: solid 0px #f90;}
.ym-kopf-g1{width:60%; border-top: solid 0px #000;}
.ym-kopf-g2{width:20%; border-top: solid 0px #f90;}

.ym-3box{padding:0; margin:0}
.ym-3box-left{margin:0; padding:0 8px 20px 8px;}
.ym-3box-right{margin:0; padding:0 8px 30px 8px; }

.ym-gbox{padding:0 10px}
.ym-gbox-center {padding:0}
.ym-gbox-aussen1 {padding:0 10px 0 0;}
.ym-gbox-aussen2 {padding:0 0 0 10px;}

.ym-gbox-1 {padding:0 15px 0 15px; border-top: solid 0px #f90;}
.ym-gbox-2 {padding:0 15px 0 15px; border-top: solid 0px #ffcc00;}

.ym-gbox-left{padding:0 10px 0 10px}
.ym-gbox-right{padding:0 10px 0 10px}
.ym-gbox0, .ym-gbox-0, .ym-ibox-left, .ym-ibox-right{padding: 0}

.ym-videobox-left{padding:0 50px 0 25px}
.ym-videobox-right{padding:0 25px 0 50px}

.ym-vbox{padding: 0 10px 0 10px}

.ym-ibox-right{padding: 0}

.ym-innen-g25{width:25%}
.ym-innen-g75{width:75%}

.ym-innen-left-box{padding: 0}
.ym-innen-right-box{padding:0 10px 0 75px}

}




@media all{
html *{font-size:100% ;}
* html .flexible{width:100%}
.bordered{margin-top:1.5em;border:2px #eee solid;border:2px rgba(255,255,255,1) solid;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);-moz-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}




body{
    font-family: 'Open Sans','Arial', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #444;
}
    

h1,h2,h3,h4,h5,h6 {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #d6af62;} /* c4a362*/

p {
    font-family:'Open Sans', sans-serif;  
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #474747;
} 

li {
    font-family:'Open Sans', sans-serif;  
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #474747;
} 


* h1, * h2, * h3, h1, h2, h3, th
{ line-height: 140%; margin: 1.25em 0 0 0; }
    
h4, h5, h6, p, td, li h3, #wegweiser > ul > li
{ font-size: 1.1em ; line-height: 140%; margin: 1.25em 0 0 0; }
    


* h1,  h1
{ font-size: 1.8em; margin: 0;}  * h1 div, h1 div{ font-size: 0.73em; line-height:130%; margin:15px 0 0 0;}  * h1 span, h1 span{ font-size: 0.73em; line-height:130%; margin:15px 0 0 0;}
   
h1.padding-h1 {padding-top:75px}
@media screen and (max-width: 1200px){h1.padding-h1 {padding-top:50px}}
@media screen and (max-width: 960px){h1.padding-h1 {padding-top:35px}}
@media screen and (max-width: 720px){h1.padding-h1 {padding-top:25px}}
@media screen and (max-width: 480px){h1.padding-h1 {padding-top:10px}}


   
h2 { font-size: 1.4em; margin:50px 0 0 0;}
h3 { font-size: 1.2em}
h4 { font-size: 1.2em}
h5 { font-size: 1.2em}

p {line-height:1.6em; margin:1.25em 0 0 0}

a:hover {color: #258c8a;}

a:hover p {color: #474747;}
ul,ol,dl{font-size:1em;line-height:1.5em;margin:1.5em 0 0 1em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
ul ul{list-style-type:circle;margin-top:0}
ol ol{list-style-type:lower-latin;margin-top:0}
ol ul{list-style-type:circle;margin-top:0}
li{font-size:1em;line-height:1.5em;margin-left:.8em}


strong,b{font-weight:bold}
small{font-size:0.8em;}
sub{vertical-align: 4px; font-size : 80%;}
em,i{font-style:italic}
hr{color:#fff;background:transparent;margin:0 0 .75em 0;padding:0 0 .75em 0;border:0;border-bottom:1px #eee solid}

a{color: #474747;background:transparent;text-decoration:none;} 
a:active{outline:0}
a:hover,a:focus{color: #258c8a; text-decoration:none; transition: all 0.25s ease}

.engschrift{letter-spacing: -0.02em}
/*
.steffensheaderpic{
	background-image: url(../bilderpfad/home/dr-steffens-zahnzentrum-daun-headzeile.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 0px;}

.steffensheaderpic2{
	background-image: url(../bilderpfad/logo/kopfgesamt.jpg); 
	background-repeat: no-repeat; 
	background-position: 55% 1px;
	border-bottom: 1px solid #eee}
*/	
	.linkzeile > * span{
font-size:40px;	
text-align:center;
color:#c4a362;
}
.linkzeile > * div{
margin:0 auto;
padding:0;
}
.linkzeile > * p{
margin:0;
padding:5px;
}
.linkzeile > * div a p:hover{
color:#c4a362;
margin:0;
padding:5px;
}


img{display:block}
img,figure{margin:0 auto}

.inlineb {display: inline-block}

.flexible{margin-top:0; max-width:100%} 	
.flexible100{margin-top:0; width:100%} 	

.img-inline-left {float: left; margin: 5px 15px 0 0}
@media screen and (max-width:470px){.img-inline-left {float: left; margin: 5px 250px 0 0}}

.vari4-sitebild {float: right; margin: 25px 0 25px 75px}
@media screen and (max-width:960px){.vari4-sitebild {float: none; margin: 25px auto 25px auto; width: 40%}}
@media screen and (max-width:480px){.vari4-sitebild {width: 80%}}
@media screen and (max-width:340px){.vari4-sitebild {width: 100%}}




.bild-lfloat-abstand {float: left; padding: 0 25px 20px 0}
@media screen and (max-width:740px){.bild-lfloat-abstand {float: none; margin: 0 500px 15px 0; overflow: hidden}}

.bild-rfloat-abstand {float: right; margin: 0 0 20px 25px}
@media screen and (max-width:740px){.bild-rfloat-abstand {float: none; padding: 0; margin: 20px 0 15px 0}}





img.bildxklein{margin-top:100px; max-width:450px}

img.bildkleiner{}

img.scal {width:100%; height:auto;}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}




.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ************* VIDEO / FANCE ****************** */


.videoblock {margin:0; padding:0; background: rgba(233,200,134,0.3);}
.videoblock img{padding-top: 0; padding-bottom:0;}
.videoblock .ym-gbox-right{padding:0 25px 0 20px;}
.videoblock h3 {margin: 15px 0 0 0; padding:0; font-size: 1.15em}
.videoblock p {margin:10px 0 20px 0}

.mediathek-video {width:1280px;	height: 720px;}
@media screen and (max-width:1450px){.mediathek-video {width:1024px; height: 576px;}}
@media screen and (max-width:1100px){.mediathek-video {width:720px; height: 405px;}}
@media screen and (max-width: 800px){.mediathek-video {width:480px; height: 270px;}}
@media screen and (max-width:560px){.mediathek-video {width:270px; height: 152px;}}



.videoplay {border: solid 2px #fff;
  position: absolute;
  height: 50px;
  width: 50px;
  margin-left:-25px;
  margin-top:-25px;
  border-radius: 100%;
  background: #fff;
  top: 50%;	
  left: 50%;  
  opacity: 0.8;}

.videoplay:before { 
  color: #c4a362;
  font-size: 32px;
  position: absolute;
  top: 18%;	
  left: 10%;  

  }


/* ********************************************** */

  .lp-hlist {
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1em;
  }
  .lp-hlist ul {
    margin: 0 auto;
    padding: 0.5em 1.5em;
    display: inline;
    float: left;
  }
  .lp-hlist ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1;
    list-style-type: none;
    margin: 0 .25em 0 0;
    padding: 0;
  }
  .lp-hlist ul li a, .lp-hlist ul li strong {
    background: transparent;
    color: #ccc;
    display: block;
    font-size: 0.85em;
    line-height: 2em;
    padding: 0 0.5em;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }

.jump-service {visibility: hidden; position: relative; top: -120px}





#team h3 {font-size:1em; margin-top:8px;}
#team p {font-size:0.8em;}


.schwerpunkt-box2 h3{color: #c4a362; font-size: 1.9em; margin:0 ; padding: 0; text-transform: uppercase; font-weight: 900}
.schwerpunkt-box2 {border: solid 1px #d2d2d2; height: 1300px;}
@media screen and (max-width:1350px){.schwerpunkt-box2 {height: 1650px;}}
@media screen and (max-width:1024px){.schwerpunkt-box2 {height: 1900px;}}
@media screen and (max-width:840px){.schwerpunkt-box2 {height: 2000px;}}
@media screen and (max-width:740px){.schwerpunkt-box2 {border: solid 0px #d2d2d2;}}

.schwerpunkt2-ym-col1{width: 15%; background: #c4a362;}
@media screen and (max-width:1150px){.schwerpunkt2-ym-col1{width: 10%;}}
@media screen and (max-width:740px){.schwerpunkt2-ym-col1{width: 0%;}}

.schwerpunkt2-ym-col2{width: 85%;}
@media screen and (max-width:1150px){.schwerpunkt2-ym-col2{width: 90%;}}
@media screen and (max-width:740px){.schwerpunkt2-ym-col2{width: 100%;}}


#schwerpunkt2 {margin-top:30px}
#schwerpunkt2  h3{color: #666; font-size: 19px; margin:0 ; padding: 0; text-transform: uppercase; font-weight: normal}
#schwerpunkt2  p{margin: 0; padding: 8px 100px 25px 0;}

#schwerpunkt2  ul{list-style: none}
#schwerpunkt2  ul li{margin: 0 0 25px 0}
#schwerpunkt2  ul li h3{color: #006781; margin: 0 0 5px 0; padding: 0; font-size: 1.5em; text-transform: none; font-weight: normal}
#schwerpunkt2  ul li p{margin: 0; padding: 0; font-size: 100px }

#senkr-text2 {position: relative; width: 100px; height: 1300px;}
@media screen and (max-width:1350px){#senkr-text2 {height: 1650px;}}
@media screen and (max-width:1150px){#senkr-text2 {width: 80px;}}
@media screen and (max-width:1024px){#senkr-text2 {height: 1900px;}}
@media screen and (max-width:840px){#senkr-text2 {height: 2000px;}}

#senkr-text > div > p, #senkr-text2 > div > p {
/* Text in die Leserichtung drehen: */
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); 
-ms-transform: rotate(180deg); 
-o-transform: rotate(180deg); 
-transform: rotate(180deg);
/* -> Text ausrichten: */
line-height: 100px;
max-height: 100px;
height: 100px;
padding: 0;
margin: 0;
/* -> Text formatiern: */
font-family: 'Martel Sans', sans-serif;
font-size: 55px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
}

.rotate { /* seperate Box um den Text zum rotieren */
/* Box von horizontal in die senkrechte: */
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
-transform: rotate(90deg);

/* -> ausrichten der Rotationsachse: */
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
/* -> ausrichten des Textes: */
text-align: right;
position: absolute;
left: 45%;
top: -5%;
}@media screen and (max-width:1150px){.rotate {left: -5%;top: 2%;}}@media screen and (max-width:1024px){.rotate {left: -15%;top: 5%;}}


/* *************************** ACORDION **************************************************** */


button.accordion {
	background-color: white;
	background-color: #f4e3c2;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.25em;
	transition: 0.4s;

}

button.accordion.active, button.accordion:hover {
	background-color: #ebc987;
}

button.accordion:before {
	font-family: "fontello";
	content: '\e848';
	color: #777;
	font-weight: bold;
	float: left;
	margin-right: 20px;
}

button.accordion.active:before {
	content: "\e84a";
}

div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div.panel p {
	font-size: 1em
	}

@media screen and (max-width:960px){button.accordion {font-size: 1em;} div.panel table h4{font-size: 1em}div.panel table td{font-size: 1em}}



/* ********************************************************************** NEUE STYLE ********************************************************************** */
	#marquee {background: #f90; margin: 0; padding: 10px 0; color: #fff; font-size: 1.35em; width: 100%;}

	#marq {
	margin: 0 auto;
	width: 75vw;
	overflow: hidden;
	white-space: nowrap;
	}
	@media screen and (max-width:1024px){#marq {width: 90%;}}

	#marq a{color: #fff}
	#marq a:before{color: #fff}

	#orig {
	display: inline-block;
	transform: translatex(0);
	animation: marquesina 25s infinite normal linear 1s;
	}
	#copia{
	background-color: none;
	}
	@keyframes marquesina {
	  0% {transform: translatex(0); }
	  100% {transform: translatex(-50%); }
	}

/* Generelle Styles */

.ueb-gr-w {font-size: 2em; line-height: 38px; text-transform: uppercase; letter-spacing: 0.5em; color: #fff; font-weight: 300  }

.outlineshadow {color: white; text-shadow: 0.5px  0.5px 0.5px black, 0.5px -0.5px 0.5px black, -0.5px  0.5px 0.5px black, -0.5px -0.5px 0.5px black;}



.unterschied {}
@media screen and (max-width: 480px){.unterschied h2{font-size: 1.5em}}

/*
.bg-ueb {padding:0; margin:0}
.bg-ueb div {font-size: 0.75em; line-height: 130%; padding:15px 0 0 0; margin:0}
@media screen and (max-width: 1024px){.bg-ueb{font-size: 1.50em; } .bg-ueb div {padding:15px 0 0 0; font-size: 0.85em; line-height: 130%}}
@media screen and (max-width: 740px){.bg-ueb{font-size: 1.4em}.bg-ueb div {font-size: 0.85em; line-height: 130%}}
*/


/* Überblick Seite */
#ueberblick-kopf {border: solid 0px #f90; margin: -125px 0 0 0; padding: 0;}
#ueberblick-kopf h1  {font-size: 2.5em; text-transform: uppercase; letter-spacing: 0.5em; line-height: 180%; font-weight: 300; margin: 10% 0 50px 0}
#ueberblick-kopf h1 span.ueberblick-ueb-s1  {font-size: 1.5em;  margin: 0 0 0 0}
#ueberblick-kopf h1 span.ueberblick-ueb-s2  {font-size: 2em;  margin: 0 0 0 20%}
#ueberblick-kopf h1 span.ueberblick-ueb-s3  {font-size: 1.25em;  margin: 0 0 0 10%}
#ueberblick-kopf h1 span.ueberblick-ueb-s4  {margin: 0 0 0 30%}

@media screen and (max-width: 1410px){#ueberblick-kopf h1 {transform: scale(0.8);margin: -20px 0 15px -50px;}}
@media screen and (max-width: 1200px){#ueberblick-kopf h1 {transform: scale(0.7);margin: -40px 0 5px -50px;}}
@media screen and (max-width: 1024px){#ueberblick-kopf h1 {font-size: 2.5em; transform: scale(1);letter-spacing: 0.2em; line-height: 120%; margin: 0; text-align: center}}
@media screen and (max-width: 480px){#ueberblick-kopf h1 {font-size: 1.5em;}}



.zitat-ab {background: #eeeccc; padding: 50px 0 10px 0}
.like-h1 {font-size: 3em; text-transform: uppercase; letter-spacing: 0.1em; line-height: 120%; font-weight: 300; margin: 0 0 50px 0}
.like-h1 span{padding-left:10px; font-size: 0.4em; color:#474747; letter-spacing: 0.1em;}
@media screen and (max-width: 650px){.like-h1 {font-size: 2em; margin: 0 0 50px 0}}
@media screen and (max-width: 480px){.like-h1 {font-size: 1.85em; margin: 0 0 50px 0}}


.like-h2 {font-size: 2.5em; text-transform: uppercase; letter-spacing: 0.1em; line-height: 120%; font-weight: 300; margin: 0 0 10px 0}
.like-h2 span{padding-left:10px; font-size: 0.4em; color:#474747; letter-spacing: 0.1em;}
.like-h2-innen {font-size:1.2em; text-transform: uppercase; letter-spacing: 0.1em; color: #474747; font-weight: 300; margin: -20px 0 10px 0}
@media screen and (max-width: 480px){.like-h2-innen {margin: -40x 0 0 0}}


/* STYLE BEHANDLUNGSABLAUF */
.seiten-h1 {font-size: 3em; text-transform: uppercase; letter-spacing: 0.5em; line-height: 120%; font-weight: 300; margin: 0 0 50px 0}
.seiten-h1 span{margin: 0 0 0 20%}
@media screen and (max-width: 1220px){.seiten-h1 span{margin: 0 0 0 0}}
@media screen and (max-width: 1300px){.seiten-h1 {font-size: 2.8em;}}
@media screen and (max-width: 1024px){.seiten-h1 {font-size: 2.5em;}}
@media screen and (max-width: 1024px){.seiten-h1 {font-size: 2em; text-transform: uppercase; letter-spacing: 0.35em;}}
@media screen and (max-width: 480px){.seiten-h1{font-size: 1.65em;}}
@media screen and (max-width: 340px){.seiten-h1{font-size: 1.4em;}}

#block-1-bild-left-text-right {}
#block-1-bild-left-text-right .block-1-text {padding: 0 150px 0 15px; margin: 50px auto 0 auto;}

@media screen and (max-width: 1600px){#block-1-bild-left-text-right .block-1-text {padding: 0 15px; margin: 75px auto 0 auto}}

#block-1-bild-right-text-left {}
#block-1-bild-right-text-left .block-1-text {padding: 0 15px 0 250px; margin: 50px auto 0 auto;}

@media screen and (max-width: 1600px){#block-1-bild-right-text-left .block-1-text {padding: 0 15px; margin: 75px auto 0 auto}}


.text-block-behandlungsablauf{/*background-color: rgba(233,200,134,0.5);*/ position: relative; padding: 20px 0 75px 0}
.text-block-behandlungsablauf-innen {padding: 0; border: solid 0px #f90; position: relative; left: 25%}
@media screen and (max-width: 1024px){.text-block-behandlungsablauf-innen {padding: 0 15px; position: relative; left: 0}}
@media screen and (max-width: 480px){.text-block-behandlungsablauf-innen {padding: 0; position: relative; left: 0%}}


.text-block-behandlungsablauf h2{color: #fff; font-size: 2.25em; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 300}
.text-block-behandlungsablauf h3{color: #474747; font-size: 2em; text-transform: uppercase; letter-spacing: 0.5em; font-weight: 300; text-align: right}
@media screen and (max-width: 480px){.text-block-behandlungsablauf h2{font-size: 1.8em; margin-left: 25px}}

.col-container {
  display: table;
  width: 100%;
}
.col {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.bi-cover-poll {background-image: url(../bilderpfad/dr-poll-behandlungsablauf.jpg); background-size: cover;}
@media screen and (max-width: 1024px){.bi-cover-poll {background-image: none;}}

.bi-cover-angst {background-image: url(../bilderpfad/oralchirurgie/lachgas-sedierung-132867660.jpg); background-size: cover;}
@media screen and (max-width: 1024px){.bi-cover-angst {background-image: none;}}

.bi-cover-pflege {background-image: url(../bilderpfad/pflege-41996787.jpg); background-size: cover;}
@media screen and (max-width: 1024px){.bi-cover-pflege {background-image: none;}}


.zoom {
  transition: transform .2s;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.025);
}


.zoom2 {
  transition: transform .2s;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.zoom2:hover {
  transform: scale(1.1);
}




.block-accordion {padding: 50px 0}

.section-background {background-color: rgba(233,200,134,0.5); padding: 25px 0 50px 0}

/* ********************************************************************** NEUE STYLE ********************************************************************** */







}



@media screen,projection{

body{overflow-y:scroll}
.border-top-rot{border-top:1px solid #ff0000;}

#kopfmain {margin: 0; padding: 192px 0 0 0}
@media screen and (max-width:1024px){#kopfmain {padding: 142px 0 0 0}}
@media screen and (max-width:960px){#kopfmain {padding: 0 0 0 0}}

#main {margin: 0; padding: 75px 0 0 0; border-bottom: 0px solid #000; border-top:0px solid #06c2bb;}
@media screen and (max-width:1280px){#main {padding: 60px 0 0 0}}
@media screen and (max-width:1024px){#main {padding: 40px 0 0 0}}
@media screen and (max-width:960px){#main {padding: 40px 0 0 0}}






* html .ym-wrapper{width:1200px}
.ym-wrapper{text-align:left; margin:0 auto; max-width:1200px; padding: 0;}
.ym-wbox{padding: 0 40px 0 40px}

.ym-clearfix:before{content:"";display:table}
.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}








.nav-seite {margin: 45px 0 0 0;}
.ym-vlist{width:100%; overflow:hidden; margin: 0; text-align:left;}
.ym-vlist h3 {margin: 0 0 15px 0; padding: 0}
.ym-vlist ul{list-style-type:none; margin:0; padding:0}

.ym-vlist li:nth-child(1) {border-top: 1px dotted #ccc;}
.ym-vlist li a{color: #666; display: block; border-bottom: 1px dotted #ccc; cursor: pointer; padding: 10px 0 10px 15px; font-weight: 300}
.ym-vlist li a:hover {color:rgba(11,150,158,0.5); background-color: rgba(255, 255, 255, 1);}
.ym-vlist li a.current {color:rgba(11,150,158,1); background-color: rgba(255, 255, 255, 1);}

.ym-vlist li ul li a.current{background-color: rgba(255, 255, 255, 1);}
.ym-vlist li ul li a:hover {background-color: rgba(255, 255, 255, 1);}

.ym-vlist ul li ul li:nth-child(1) {border-top: 0px dotted #ccc;}
.ym-vlist ul li ul li {margin-left: 25px}



.submenubreite{width:40%}

@media screen and (max-width:1150px){
.submenubreite{width:70%}
}

@media screen and (max-width:600px){
.submenubreite{width:90%; margin-top:150px}
}

@media screen and (max-width:480px){
.submenubreite{width:98%}
}










/* ------------ BILD mit abgrundeten Ecken --------------------*/
.img-ecken {border-radius: 5px}
.img-abstand {margin: 120px auto 20px auto}



.displaynone480 {display: block}
.display480 {display: none}

.displaynone600 {display: none}
.display600 {display: block}

.displaynone740 {display: block}
.display740 {display: none}
		
.displaynone960 {display: block}
.display960 {display: none}

.displaynone1024 {display: block}
.display1024 {display: none}

.displaynone1280 {display: block}
.display1280 {display: none}

.displaynone1350 {display: block}
.display1350 {display: none}



.impressum-fixed {position: fixed;
	top: 90px;
	right: 0;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform-origin: 100% 100% ;
	padding: 1px 5px;
	background: #c4a362;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	z-index:9999999;
	}


header{position: fixed; /*background: #000999;*/ z-index: 999999}
header .ym-wrapper{padding:0; margin-top:0}
header .ym-wbox{padding:0;  margin-top:0;}

				
				
				
				
/* ------------ HEADER --------------------*/

header{border-bottom: solid 0px #f90;  /*background: #fff*/}


header .headerpadding{padding:40px 0px 0 15px}

header .headerlinks{max-width:100%; padding-top:25px; margin:0 auto}
header .headerlinks img{margin:0 auto}

header h1,header h2,header h3, header h4{
	font-family:'Open Sans', Arial,Helvetica, sans-serif;
	font-weight:normal;
	color:#c4a362;
	border:0 none;
	}

header h1{
	margin: 0.15em 0 0 0;
	}

header h2{
	margin: 0.1em 0 0 0;
	color:#333; 
	font-size:1.3em;	
	}

header h3{
	font-size:1.2em;
	letter-spacing: -0.35px;
	line-height:.8em;
	margin:0.1em 0 0 0;
	margin-top:5px;
	}



header h5{display:none}

header .break{display:none}
header .logo{position: absolute; top: 10px; left: 50%; padding:0; z-index: 1}


/* ------------ E N D E  HEADER --------------------*/





.vita-tb {}
.vita-tb table{}
.vita-tb tr{border-top: solid 1px #eee}
.vita-tb tr:last-child{border-bottom: solid 0px #eee;}
.vita-tb td{line-height: 220%; padding: 10px 0}
.vita-tb td:first-child{padding-right: 25px;}







h3 .icon-phone:before { position:  relative; left: -6px;}
    
    
/* Fontello icons ausrichten */
.icon-phone:before { position: relative; left: -0.2rem; }
.icon-mail:before  { position: relative; left: -0.3rem; }
a.icon-right-open:before { position: relative; font-size: 0.8em; left: 0.2em; margin-left: -0.2em; }



.high-tech-feld {background:#eee; padding: 25px 25px 75px 25px ; margin: 50px 0;}

.behandlungs-ueberblick {margin: 0}
@media screen and (max-width:740px){.behandlungs-ueberblick {margin: 0 10px}}


.text-abstand-rechts {padding-right: 50px}
.text-abstand-links {padding-left: 50px}


.lageplan {border-top: solid 2px #c4a362; border-bottom:  solid 2px #c4a362;}
iframe{display: block;}

.sprechzeiten {margin: 25px 0 0 0; }
.w-tag {padding-right: 25px;}
.sprechzeiten table {margin: 20px 0 0 0}
.sprechzeiten table tr{border-top: solid 1px #eee;}
.sprechzeiten table tr:last-child{border-bottom: solid 1px #eee;}
.sprechzeiten table td{line-height: 220%}
.sprechzeiten table td:first-child{padding-right: 10px;}


.sprechzeiten-startseite {margin: 0 0 0 0; border: solid 0px #f90;}
.sprechzeiten-startseite table {margin: 0}
.sprechzeiten-startseite table tr{border-top: solid 1px #eee;}
.sprechzeiten-startseite table tr:last-child{border-bottom: solid 1px #eee;}
.sprechzeiten-startseite table td{line-height: 220%; min-width: 0}
.sprechzeiten-startseite table td:first-child{padding-right: 15px;}
@media screen and (max-width:450px){.sprechzeiten-startseite table{font-size: 80%;}}




.newslink {color: #c4a362;}
.newslink:hover {color: #c4a362;}
.newslink:before {
	font-family: 'fontello';
	content: '\e84c';
	padding: 0 5px 0 0;
	color: #c4a362;
	}


.alinkpfeil {color: #c4a362;}
.alinkpfeil:hover {color: #c4a362;}
.alinkpfeil:before {
	font-family: 'fontello';
	content: '\e84c';
	padding: 0 5px 0 0;
	color: #c4a362;
	}


.alinkpfeil-white {color: #fff;}
.alinkpfeil-white:hover {color: #666;}
.alinkpfeil-white:before {
	font-family: 'fontello';
	content: '\e84c';
	padding: 0 5px 0 0;
	color: #fff;
	}


.alinkpfeil-dark {color: #bfa46f;}
.alinkpfeil-dark:hover {color: #666;}
.alinkpfeil-dark:before {
	font-family: 'fontello';
	content: '\e84c';
	padding: 0 5px 0 0;
	color: #bfa46f;
	}


.alinkpfeil-fuss {color: #fff; font-size: 1.2em}
.alinkpfeil-fuss:hover {color: #258c8a;}
.alinkpfeil-fuss:before {
	font-family: 'fontello';
	content: '\e84c';
	padding: 0 5px 0 0;
	color: #fff;
	}



#nachoben {
        position: fixed;
        right: 4%;
        top: 84%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: rgba(233,200,134,0.5);
        padding: 0;
        display:none;
        z-index:100000;
        border: solid 1px #fff;
	}

#nachoben span.icon-up-open {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top:25%;
	left: 17%;
	}

#nachoben2 {
        position: relative;
        left: 50%;
        top: 0px;
	width: 55px;
	height: 55px;
	border-radius: 10px;
	background-color: rgba(233,200,134,0.5);
        padding: 0;
        display:block;
        z-index:100000;
	}

#nachoben2.icon-angle-up {
	font-size: 40px;
	text-align: center;
	color: #669bc4;
	}


#nachunten {
        position: fixed;
        right: 4%;
        top: 90.5%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: rgba(233,200,134,0.5);
        padding: 0;
        display:none;
        z-index:100000;
        border: solid 1px #fff;
	}

#nachunten span.icon-menu {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top:25%;
	left: 17%;
	}





.info-button {text-align: center; margin: 0 0 0 0;}
.info-button span {
	font-size: 40px; 
	padding:0 ; 
	margin: 0; 
	background: #fff; 
	border-bottom: solid 1px #eee;
	border-radius: 100px;
	}

.info-feld {display: block;
	height: 100%;
	max-width: 100%;
	background: #FCFCFC;
	
	border: solid 1px #eee;
	border-radius: 5px;
	padding: 30px;
	text-align: center;
	font-size: 16px;
	z-index: 900
	}



.aufz-feld2 {padding-left: 20px; margin: 0 0 20px 0}
.aufz-feld2:before {font-size: 1.5em; padding-right: 10px; color: #ad5194}


.aufz {line-height: 1.8em;
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 60px;
    padding-bottom: 25px;
    background-image: url(../bilderpfad/pfeilunt.gif);
    background-repeat: no-repeat;
    background-position: 0% 5px;
    }


ul#aufz-check {list-style-type: none; position: relative}
ul#aufz-check li.icon-ok {margin: 15px 0 15px 55px; padding-top: 5px; text-align: left}
ul#aufz-check li.icon-ok p{color: #666; margin: 0}
ul#aufz-check li.icon-ok:before {color: #c4a362; font-size: 2em; position: absolute; left: 0;}


.sz-box {position: absolute; top:26px; left: 2%; z-index:999999999999999;  width: 240px; margin: 0; padding: 0; }

.sz-button {float: left;
	width: 50px;
	height: 50px;
	color: #c4a362;
	font-size: 2.3em;
	line-height: 50px;
	background:#fff;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 5px;
	border:0px solid #f90;	
	}

.sz-box2 {position: absolute; top:20px; right: 20%; z-index:101;  margin: 0; padding: 0;}

.sz-box-kl {position: absolute; top: 65%; left: 10%; z-index:101;  width: 240px; margin: 0; padding: 0;}

.sz-button-kl {float: left;
	width: 40px;
	height: 40px;
/*	color: #c4a362;*/
color:#fff;
	font-size: 1.8em;
	line-height: 40px;
	background: rgba(234,215,178,1);
	border-radius: 5px; 
	text-align: center;
	margin: 0 5px 0 0;
	border:0px solid #f90;
	}


.sz-box-footer {margin: 25px 0 0 0; padding: 0;}

.sz-button-footer {
	float: left;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 2.5em;
	line-height: 50px;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 5px;
	}


.cta-button-neu-ausen {
	border: solid 0px #fff;
	padding: 0 0;
	margin: 0 auto;
}
@media screen and (max-width:480px){.cta-button-neu-ausen {padding: 0 0;margin: 0 0;} }

.cta-button-neu-g {
	border: solid 0px #fff;
	margin: 0 auto;
	padding: 20px;
	width: 400px;
}
@media screen and (max-width:480px){.cta-button-neu-g {margin: 0 0; padding: 20px 0; width: 300px;} }

.cta-button-neu-a {
	background: #c4a362;
	padding: 15px 40px;
	margin: 25px 0;
	border-radius: 50px;
	color: #fff;
	font-size: 1.25em !important;
	border: solid 0px #f90;	
	}
	
.cta-button-neu-a:hover {
	color: #fff;
	}

.cta-button-neu-a .cta-button-neu-inner{
	display: inline-block;
	background: #fff;
	border-radius: 100px;
	padding: 11px;
	margin: 0 15px 0 -36px;
	color: #666;
	}

footer {color: #fff; font-size: 0.9em; background: #666;}
footer h1, footer h2, footer h3 ,footer h4 ,footer h5, footer h6 {color: #fff}
footer p {color: #fff}
footer a {color: #fff}
footer div {color: #fff}

.jameda-footer-fahne {position: absolute; top: 0; right: 1%}

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


.ym-wrapper-footer{text-align:left;margin:0 auto; padding:0 10px 0px 10px;  max-width:1200px;}
.ym-wbox-footer{padding:0px}










#colorbox,#cboxOverlay,#cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999999999;
	overflow:hidden}

#cboxWrapper{max-width:none}

#cboxOverlay{position:fixed;width:100%;height:100%}

#cboxMiddleLeft,#cboxBottomLeft{clear:left}

#cboxContent{position:relative}

#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}

#cboxTitle{margin:0}

#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}

.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}

.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}

#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}

#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}

#colorbox{outline:0}

#cboxContent{margin-top:20px;background:#000}

.cboxIframe{background:#fff}

#cboxError{padding:50px;border:1px solid #ccc}

#cboxLoadedContent{border:5px solid #000;background:#fff}

#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}

#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}

#cboxLoadingGraphic{background:url("../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}

#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}

#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}

#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}

#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../colorbox/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}

#cboxPrevious:hover{background-position:bottom left}

#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../colorbox/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}

#cboxNext:hover{background-position:bottom right}

#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../colorbox/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}

#cboxClose:hover{background-position:bottom center}













/* ========================================================================================================================================================================== 
HR Tags Fricke
============================================================================================================================================================================= */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}





.rotate-klein {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-4deg);
  filter: progid:DXImageTransform.Microsoft .BasicImage(rotation=-2);
  transform: rotate(-2deg) translate(0em,0);
        transform-origin: 0 0;
  }
  
.stoerer {position: absolute; 
	top: -35px;
	right: 3%;
	text-align: center;
	border-radius: 5px;
	background: #f90;
	padding: 5px;
	color: #fff;
	font-size:1.15em;
	margin: 50px 0 0 0;
	width: 250px;
	z-index:1999999999999999999999999999999999;
	}

.stoerermitte {position: absolute; 
	position: absolute;
	width: 260px;
	top: -55px;
	margin-top: 50px;
	margin-left: -133px; /* Breite des Elements + Padding */
	left:	50%;
	text-align: center;
	border-radius: 5px;
	background: #f90;
	padding: 3px;
	color: #fff;
	font-size:1.15em;
	z-index:1999999999999999999999999999999999;
	}	
	
	

.stoerer h2{
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}



.stoerer a{display: block;
	color: #fff;
	}
.stoerer a:hover{
	}


.stoerer2 {
	text-align: center;
	border-radius: 5px;
	background: #f90;
	padding: 5px;
	color: #fff;
	font-size:1.15em;
	margin: 0px auto 0 auto;
	width: 250px;
	}

.stoerer2 h2{
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}



.stoerer2 a{display: block;
	color: #fff;}
.stoerer2 a:hover{}

}





@media all{
/* ========================================================================================================================================================================== 
Mobile TEL herf"tel:00000" links
============================================================================================================================================================================= */
/* Generel: */
.tel > mark, mark.tel   { background-color: transparent !Important;}
.tel                    { color: #c4a362 ;}
.tel-block              { color: #c4a362 ; }

/* TelefonNr. im Fließtext oder alleinstehend */
.tel.link-mobile        { display: none; }
.tel.link-mobile span	{ color: #c4a362 !Important; font-size:inherit !Important; }
.tel.link-web	        { display: inline-block; }
.tel.link-web span	{ color: #c4a362 !Important; font-size:inherit !Important; }
.tel.link-web a	    { color: #c4a362 !Important; font-size:inherit !Important; }
.tel.link-web.tel-block { display: block; }     
} /* end @media all  */





@media screen and (max-width:1024px){
.tel.link-mobile                     { display: inline-block; }
.tel.link-mobile.tel-block   { display: block; }
.tel.link-web, .tel.link-web.tel-block     { display: none; } 
    
} /* end @media screen and (max-width:1024px) */














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

.displaynone1350 {display: none}
.display1350 {display: block}

}


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

.displaynone1280 {display: none}
.display1280 {display: block}

.ym-kopf-g1 {width:100%;}


header .headerlinks{margin; 0 auto; margin-top:-13px; padding-top:0px}
header .headerlinks img{margin: 0 auto; padding-top:0px; max-width:160px!important; }

.sz-box-kl {position: absolute; top: 65%; left: 1%; z-index:101;  width: 240px; margin: 0; padding: 0;}


.sz-button-kl {float: left;
	width: 40px;
	height: 40px;
	color: #c4a362;
	background: rgba(234,215,178,1);
	background: rgba(255,255,255,1);
	font-size: 1.8em;
	line-height: 40px;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 0;
	}


}

@media screen and (max-width:1160px){
.sz-box-kl {position: absolute; top: 70%; left: 1%; z-index:101;  width: 180px; margin: 0; padding: 0; border: solid 0px #f90;}
}


@media screen and (max-width:1160px){
.displaynone1160 {display: none}
}


@media screen and (max-width:1120px){
.displaynone1120 {display: none}
}



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

vari-bild-abstand  img{ border: 0px solid #f90;
	padding-top: 130px;}
	
.header-960 {
	height: 135px;
	
	
	/*position:fixed;*/
	/*background: #fff;*/
	-webkit-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	}	
	
}




@media screen and (max-width:1024px){
.linearize-level-0,.linearize-level-0>[class*="ym-g"],.linearize-level-0>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-0>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-0>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}


	
	
	
h1 { font-size: 1.5em; margin:0px 0 0 0;} h1 div{ font-size: 0.85em; line-height:120%; margin:20px 0 0 0;}
h2 { font-size: 1.25em; margin:27px 0 0 0;}
h3 { font-size:	1.2em}
h4 { font-size: 1.2em}
h5 { font-size: 1.2em}


.ym-wrapper{padding: 0 20px 0 20px}

.menureinresp {display:block}
.mobileausblenden {display: none}

.displaynone1024 {display: none}
.display1024 {display: block}

.jump-menu {position: absolute; top: 0}




	
header .headerlinks img{margin: 0 auto; width:500px!important; margin-top:0px;}


header{position: absolute; /*background: #fff;*/ z-index: 999999}


header h1{
	font-size:1.3em;
	line-height:20px;
	margin:0;
	padding:0px 0 8px 0;
	}
header h2{
	font-size:1.2em;
	margin:0;
	padding:0;
	}
header h2{
	font-size:1.0em;
	margin:0;
	padding:0;
	}
.header-960 {
	height: 135px;
	/*position:fixed;*/
	/*background: #fff;*/
	-webkit-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	}

header .logo{position: absolute; top: 40%; left: 55%; padding:0; z-index: 1; height: 100px}
header .headerpadding{padding:70px 10px 0 15px}


#parallax {background-attachment:fixed;}
.bild-index {background: #fff url(../bilderpfad/hint/invisalign_44670557.jpg) center center no-repeat;}



.sz-box {top: 10px; }


}






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

.linearize-level-1,.linearize-level-1>[class*="ym-g"],.linearize-level-1>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-1>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}
.right {padding: 0px 25px 0 0; float: left}

small{font-size:0.7em;}

header #intro h3{font-size:1.25em;line-height:150%;}
#introzeile {display: none}

.text-abstand-rechts {padding-right: 0px}
.text-abstand-links {padding-left: 0px}

.ym-gbox {padding: 0 0; }

header{position: relative;}


.displaynone960 {display: none}
.display960 {display: block}

.linkmehrkl {display: block; padding: 20px 0 25px 0; margin: 0;}
.linkmehr {display: none}

.ym-innen-g25{width:0%}
.ym-innen-g75{width:100%}

.ym-innen-left-box{padding:0}
.ym-innen-right-box{padding:0 10px 0 10px}

header .logo{position: absolute; top: 40%; left: 60%; padding:0; z-index: 0; height: 100px}
header .headerlinks img{margin: 0 auto; width:400px!important; margin-top:0px;}

.img-abstand {margin: 50px auto 0px auto}

#news-spacing{
padding-left:0px;
}

img.bildxklein{margin-top:0px; width:400px}
.vari-nobild-abstand  {padding-top: 50px;}	

.abstand-rechts-960 {padding-right: 150px;}

.sz-button {float: left;
	width: 50px;
	height: 50px;
	color: #c4a362;
	font-size: 2.3em;
	line-height: 50px;
	background:none;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 5px;
	border:0px solid #f90;	
	}
.steffensheaderpic{
	background-image: url(../bilderpfad/home/dr-steffens-headzeile-500.jpg); 
	background-repeat: no-repeat; 
	background-position: 55% 0px;}
}


@media screen and (max-width: 800px){
header .logo{position: absolute; top: 40%; left: 65%; padding:0; z-index: 9; height: 100px}
.vari-bild-abstand img {padding-top: 130px; }
}




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

.linearize-level-2,.linearize-level-2>[class*="ym-g"],.linearize-level-2>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-2>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-2>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

h1 { font-size: 1.4em; margin:0px 0 0 0;} h1 div{font-size: 0.85em; margin:15px 0 0 0;}
h2 { font-size: 1.25em; margin:27px 0 0 0;}



#intro {margin: 0 auto; padding:0; float: none; text-align: center}
.right {float: none; margin: 0 auto; padding: 0;}


.displaynone740 {display: none}
.display740 {display: block}

.header-960 {
	/*position:fixed;*/
	height: 145px;
	}
.bildkleiner{max-width:250px}

.vari-bild-abstand img {padding-top: 85px; }


header .logo{position: absolute; top: 0%; left: 80%; padding:0; z-index: 0; height: 100px}

header .headerlinks img{margin: 10px auto; padding-top:10px;  width:330px!important; margin-top:-70px!important;}

header .headerpadding{padding:90px 10px 0 15px}



}




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

.displaynone650 {display: none}


header h2{
	margin: 0;
	font-size:1.4em;	
	}

header h3{
	font-size:1.3em;
	letter-spacing: 0px;
	line-height:1.0em;
	margin:0;
	margin-top:5px;
	}


.vari-bild-abstand img {
	padding-top: 85px;
 	}


img.bildxklein{width:300px}

}




@media screen and (max-width:550px){
.displaynone600 {display: none}
.display600 {display: block}

header .logo{display: none;}
header h1{
	font-size:1.4em;
	}
/*
	.steffensheaderpic{
	background-image: url(../bilderpfad/home/dr-steffens-headzeile-500.jpg); 
	background-repeat: no-repeat; 
	background-position: 55% -1px;}

.steffensheaderpic2{
	background-image: url(../bilderpfad/logo/kopfgesamt1024.jpg); 
	background-repeat: no-repeat; 
	background-position: 55% 70px;}
*/	
	
.sz-box {top: 13px; }

.parallax-text {float: none; padding: 15px; margin: 50px auto; background: rgba(255,255,255,0.5); width: 80%; }

}


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





@media screen and (max-width:480px){
.linearize-level-3,.linearize-level-3>[class*="ym-g"],.linearize-level-3>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-3>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-3>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

.ym-wbox{padding: 0}


.displaynone480 {display: none}
.display480 {display: block}
header .headerpadding{padding:95px 10px 0 10px}

header {margin:0; padding:0;}
header .ym-wrapper{padding:0 10px 0 10px; margin:0}
header .ym-wbox{padding: 0; margin-top:0}

header h1{
	font-size:1.3em;
	}
	
header h2{
	margin: 0;
	color:#333; 
	font-size:1.2em;	
	}

header h3{
	font-size:1.1em;
	letter-spacing: 0px;
	margin:3px 0 0 0;
	}

header .headerlinks img{margin: 10px auto; padding-top:10px;  width:330px!important; margin-top:-45px!important;}
	
	
}



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

.displaynone450 {display: none}

header h1{
	font-size:1.5em;
	line-height:15px;
	}
h1{
	/*margin:-20px 0 0 0px;
	padding:0;*/
	font-size:1.3em;
	line-height:27px;
	}
h2{
	/*margin:0px 0 0 0px;
	padding:0;*/
	font-size:1.1em;
	line-height:27px;
	}
}



@media screen and (max-width:380px){
.linearize-level-4,.linearize-level-4>[class*="ym-g"],.linearize-level-4>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-4>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-4>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}


header h1{
	font-size:1.4em;
	}
}


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

header h1{
	font-size:1.4em;
	line-height:25px;
	}

}



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

header h1{
	font-size:1.2em;
	line-height:25px;
	}

}





@media (min-width: 1600px) {  

.ym-wrapper{text-align:left;margin:0 auto;max-width:1500px; border:0px solid #eee;}
.ym-wrapper-footer{text-align:left;margin:0 auto; padding:25px 10px 0px 10px;  max-width:1500px}

}

/*
@media (min-width: 1600px) and (max-width: 2200px) {  

.ym-wrapper{text-align:left;margin:0 auto;max-width:1500px; border:0px solid #eee;}
.ym-wrapper-footer{text-align:left;margin:0 auto; padding:25px 10px 0px 10px;  max-width:1500px}

}
*/







@media all{


blockquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 0.9em;
}

blockquote p small {
	font-size: 0.8em;
	}

.testemonials .ym-gbox {
    border-left: 10px solid #c4a362;
    background: #F9F9F9;
    }


}





/* ***************** STEUERUNG FOOTERBANNER ************************************************************************************************* */

    
@media all{

/**** Footerbanner Schrift Abstände Position **********************************************/    
    
#footerbanner { margin: 0px; padding-top:0px;}
#footerbanner .container{width:100%; position:relative;}
#footerbanner img{position:relative; margin-left:100px}
#footerbanner .container2{width:50%; height:100%; position:absolute; right:1%; top:10%;}

     
#footerbanner .cta-button{margin:0 auto;}

#footerbanner h3{color: #666}

#footerbanner h2{font-size: 2.5em; line-height:3.3rem; margin:0 10px }

#footerbanner h3{font-size:1.6em; padding:50px 0 150px 0; text-align:center}
#footerbanner h3 sp{}


/**** Footerbanner CTA BUTTONS plus Gestaltung **********************************************/    

.cta-button{
	background: #c4a362;
	font-size: 1.5em;
	
	letter-spacing:-0.03em;	
	
	border-radius: 5px;
	color: #fff;
	width: 340px;
	height: 70px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

    


/* Innen-Kreis Stil */  
.cta-button.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    margin: 25px 0 25px 0px;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button.btn-inline-cirle:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 30px;
    height: 30px;
    color: rgba(102,102,102,1.0);
    font-size: 1.4em;	

    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;

} 
    



/* Button Klein */

.cta-button-kl{
	background: #c4a362;
	font-size: 1.1em;
	
	letter-spacing:-0.03em;	
	
	border-radius: 5px;
	color: #fff;
	width: 217px;
	height: 55px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

    


/* Innen-Kreis Stil */  
.cta-button-kl.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 25px;
    margin: 25px 0 25px 0px;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button-kl.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button-kl.btn-inline-cirle:before {
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 20px;
    color: rgba(102,102,102,1.0);
    font-size: 1.2em;	

    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;} 
    

}


@media screen and (max-width:1600px){
#footerbanner .container2{width:40%;}

}


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

#footerbanner h2{font-size: 2.2em; line-height:3.0rem; margin:0 10px }
#footerbanner img{margin-left:0px}

}


@media screen and (max-width:1024px){
#footerbanner h2{font-size: 2.0em; line-height:2.5rem; margin:0 0 0 20px }

}



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

#footerbanner h2{font-size: 1.8em; line-height:2.2rem;}
#footerbanner img{width:60%; margin:0; padding:0}
#footerbanner h3{font-size:1.4em; padding:30px 0 30px 0;}
#footerbanner .cta-button{bottom:20%; left:0%}

}


@media screen and (max-width: 800px){
#footerbanner .container2{width:55%; top:-20px}
#footerbanner h3{ padding:10px 0 60px 0;}

}


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

#footerbanner h2{font-size: 1.4em; line-height:1.8rem; text-align:left;}
#footerbanner .cta-button{left:0%}

}



@media screen and (max-width:650px){
#footerbanner h2{font-size: 1.15em; line-height:1.8rem;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner .cta-button{left:-5%}
#footerbanner h3{ font-size:1.2em; padding:10px 0 10px 0;}

}


@media screen and (max-width:550px){
#footerbanner h2{font-size: 1.4em;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner h3{font-size:1.2em; }
#footerbanner .cta-button{left:-20%}

}


@media screen and (max-width:480px){
	
#footerbanner h2{font-size: 1.2em; }
#footerbanner h3{font-size:1.1em; padding:10px 0 10px 0;}
#footerbanner .cta-button{left:-20%}

}



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

#footerbanner h2{font-size: .8em; padding-bottom:0px }
#footerbanner h2{font-size: 1em; line-height:20px }
#footerbanner h3{font-size:0.9em;}
#footerbanner h3.klein{font-size:0.8em; padding-top:20px}
#footerbanner .cta-button{left:-70%;}
#footerbanner .container2{width:55%; top:-40px}

}


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

#footerbanner h3{font-size:1em}


}




@media screen,projection{

/* ========================================================================================================================================================================== 
HR Tags 
============================================================================================================================================================================= */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}

.hr.hr-space-o25{margin-top:25px;}
.hr.hr-space-u25{margin-bottom:25px;}

.hr.hr-space-o50{margin-top:50px;}
.hr.hr-space-u50{margin-bottom:50px;}

.hr.hr-space-o75{margin-top:75px;}
.hr.hr-space-u75{margin-bottom:75px;}

.hr.hr-space-o100{margin-top:100px;}
.hr.hr-space-u100{margin-bottom:100px;}

.hr.hr-space-o150{margin-top:150px;}
.hr.hr-space-u150{margin-bottom:150px;}

.hr-inner{
	width:100%;
	position: absolute;
	height:1px;
	left:0;
	top:50%;
	width:100%;
	margin-top:-1px;
	border-top-width:1px;
	border-top-style:solid;
	border-color: #ccc;
	}



.hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; }
.hr-invisible {float:none;}

.hr-full, .hr-big{margin:70px 0;}
.hr-full .hr-inner{width:300%; left:-100%;}
.hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);}

.sidebar_right .hr-full .hr-inner{left:auto; right:-50px;}
.sidebar_left .hr-full .hr-inner{left:-50px;}



.hr-short {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-short .hr-inner{ width:80%; left:30% }

.hr-middle {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-middle .hr-inner{ width:80%; left:10%}

.hr-long {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-long .hr-inner{ width:100%;}

.hr-short.hr-left .hr-inner{  left:0%; margin-left:0%;}
.hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; }

/*Runder Button links*/
.hr-short .hr-inner-style, .hr-middle .hr-inner-style, .hr-long .hr-inner-style{
	height:50px;
	width:50px; 
	background:#fff;
	display:block;
	position: absolute;
	left:50%;
	margin-left:-6px;
	margin-top:-26px;
	background-image: url(../bilderpfad/buttons/logoicon.png); 
	background-repeat: no-repeat; 
	background-position: 50% 0px;}
	
	
	}

.hr-short.hr-left .hr-inner-style{  left:5px; }
.hr-short.hr-right .hr-inner-style{  left:auto; right:0; }

}