@media all{
body{overflow-y:scroll}
body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300
    font-style: normal;
	color: #474747;
}

* html .ym-wrapper{width:1200px}
.ym-wrapper{text-align:left;margin:0 auto;max-width:1200px;}
.ym-wbox{padding:0;position:relative}
	
	
html *{font-size:99% ;}
* 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)}

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

.kontakt-img-kl {width: 80%;}

.img-kl {width: 70%}

.vari-bilder-abstand {padding-top: 50px}
	
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans','Roboto condensed', Arial,Helvetica,sans-serif;
	font-weight:300;
	color: #474747;
	margin:0;
	letter-spacing:0.0em;
	} 


h1 {
	font-size:2.2em; line-height:135%;
	margin:35px 0 0 0;
	}

h1 span {
	font-size:24px; line-height:0.5!important; padding:0px 0 0 0; letter-spacing: -0.03em;
	margin:0;
	}
	
h2 {font-size:1.8em;
	margin:35px 0 0 0;
	letter-spacing:0.0em;
	}

h3 {font-size:1.6em;
	margin:35px 0 0 0;
	}

h4 {font-size:1.35em;
	margin:35px 0 0 0;
	}

h5 {font-size:1.2em;
	margin:35px 0 0 0;
	}

h6 {font-size:1.1em;
	margin:35px 0 0 0;
	}


	

	
	
	
	

p {padding:0; margin:0;}
p {font-size:1.2em; line-height:1.8em; margin:1.25em 0 0 0; letter-spacing:-0.01em;}

small {font-size: .7em;}
.ssmall{font-size: 14px;}
a {font-family:'Roboto condensed','Open Sans', sans-serif; color: #006781; text-decoration: none}
a:hover {color: #666; color: #29658F}

hr {border-color: #ededed; border-block-start: none;}

.cnd{font-family:'Roboto condensed','Open Sans', sans-serif;}

.aufz {
	font-size: 1.2em; 
	line-height: 0.5em;
	margin:0;
	padding-left: 15px;
	background-image: url(../bilderpfad/pfeilunt.png);
	background-repeat: no-repeat;
	background-position: 0% 12px
	}

.aufza{margin-top: 30px;}
.aufze{margin-bottom: 50px;}


.aufzaehlung {margin: 0 0 0 35px; font-size: 1.2em;}
.aufzaehlung div{margin: 15px 0; padding: 0 0 0 0; }
.aufzaehlung span{}
.aufzaehlung span:before{color: #006781; font-size: 0.75em; margin-right: 15px;}

.aufzaehlung-2 {margin: 20px 0 0 0; padding: 0 0 0 25px}
.aufzaehlung-2 ul {font-size:30px; list-style-type: square;}
.aufzaehlung-2 li {font-size:32px; line-height:22px; padding:10px 0 0 0; margin:0; color:#006781; /*top: -0.9em;*/}
.aufzaehlung-2 li span{font-size:18px; color:#333; line-height:22px;  position:relative; bottom: 4px;}


.arzt-kontkat{}
.arzt-kontkat h2{margin-bottom: 10px}
.arzt-kontkat p{font-size: 1.1em; line-height: 160%;}

}



@media screen,projection{

#ueberschrift-h1 h1 {
	font-size:2.2em; line-height:120%;
	margin:35px 0 0 0;
	}

#ueberschrift-h1  h1 div {
	font-size:24px; line-height:130%!important; padding-top:10px; letter-spacing: -0.03em;
	margin:0;
	}

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

#ueberschrift-h1 h1 {
	font-size:1.8em; line-height:120%;
	margin:35px 0 0 0;
	}

#ueberschrift-h1  h1 div {
	font-size:18px; line-height:130%!important; padding-top:10px; letter-spacing: -0.03em;
	margin:0;
	}
}



/* ------------ BILD mit abgrundeten Ecken --------------------*/
.img-ecken {border-radius: 5px}


/* ---------------------------- ANDROID STYLE ICONS BUNT--------------------------- */
	
/* FONTELLO ICONS RUND AUF VERSCHIEDENE FARBEN */

.sz-box3 {position: absolute; top:10px; left: 1%; z-index:101;  margin: 0; padding: 0;}

.no-vari-bild {padding: 120px 0 0 0}

@media screen and (max-width:1600px){
.no-vari-bild {padding: 105px 0 0 0}
}
@media screen and (max-width:1400px){
.no-vari-bild {padding: 100px 0 0 0}
}
@media screen and (max-width:1280px){
.no-vari-bild {padding: 90px 0 0 0}
}
@media screen and (max-width:1150px){
.no-vari-bild {padding: 80px 0 0 0}
}
@media screen and (max-width:960px){
.no-vari-bild {padding: 0px 0 0 0}
}


.linkzeile > * span{
font-size:40px;	
text-align:center;
color:#006781;
}
.linkzeile > * div{
margin:0 auto;
padding:0;
}
.linkzeile > * p{
margin:0;
padding:5px;
}
.linkzeile > * div a p:hover{
color:#478270;
margin:0;
padding:5px;
}	

.testemonials .ym-gbox {
    border-left: 8px solid rgba(85,147,146,0.9);
    border-left: 8px solid rgba(91,176,174,0.9);
    background: rgba(91,176,174,0.2);
    }


/* ------------ fontello für Linkzeile --------------------*/


				

.img-ersatz {display: inline;}
@media screen and (max-width:960px){.img-ersatz {max-width: 95px; heigth: auto}}
@media screen and (max-width:480px){.img-ersatz {max-width: 75px; heigth: auto}}

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

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

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

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

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

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

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

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

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

.displaynone1050-inline {display: block-inline}
.display1050-inline {display: none}		

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

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

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

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

.displaynone1550-inline {display: block-inline}
.display1550-inline {display: none}		

.displaynone1650-inline {display: block-inline}
.display1650-inline {display: none}		

.right {padding: 0px 25px 0 0; float:right}

.lz-icon-ot:before {color: #f90}




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

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



img {overflow: hidden;}

.zoom {overflow: hidden;transition: transform 0.25s;}
.zoom:hover {transform: scale(1.025);}








.info-zeile-1 {background: #006781; padding: 20px 0; color: #fff; font-weight: 800; text-align: center; font-size:1.6em;}
@media screen and (max-width:1024px){
.info-zeile-1 {padding: 20px 0; color: #fff; font-weight: 800; text-align: center; font-size:1.2em;}

}




/*
.jamedafahne {padding: 0; margin: 0; float: right}
.jamedafahne {padding:0; margin: -30px 0 0 0; float: right}
.jamedastyle {position:relative; width:97px; height:145px; margin: -4px 25px; background-image:url(//www.jameda.de/premium/widgets/_images/bw-small-bg.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
.jamedalinkstyle {display:block; position:absolute; top:100px; left:10px; width:70px; height:20px; background-color:transparent !important;}
*/

.impressum h3{font-weight:bold; margin:45px 0 0 0}
.impressum h4{font-weight:bold; margin:15px 0 0 0}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------
MOBILMENÜ
------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#toggle {
  position: absolute;
  left: -9999px; }

#toggle:checked ~ nav #nav {
  z-index: 200;
  }
  
  #toggle:checked ~ nav #nav a {
    position: relative;
    z-index: 199; }
    
  #toggle:checked ~ nav #nav #close {
    position: relative;
    z-index: 0; }
    
    #toggle:checked ~ nav #nav #close label {
      background: transparent;
      border-bottom: 0;
      z-index: 0; }
      
  #toggle:checked ~ nav #nav .submenu li,
  #toggle:checked ~ nav #nav .submenu a {
    z-index: 1;
    height: 0;
    line-height: 0;
    margin: 0 0 0 -7px;
    list-style-type: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    
  #toggle:checked ~ nav #nav .submenu.open li,
  #toggle:checked ~ nav #nav .submenu.open a {
    height: 3em;
    line-height: 3em;
    }
    
  #toggle:checked ~ nav #nav .submenu a {
    padding: 0 0 1em 6%;
    background: #a5a5a5;
    	background-image: -webkit-linear-gradient(top, #a5a5a5, #c2c2c2);
    	background-image: -moz-linear-gradient(top, #a5a5a5, #c2c2c2);
    	background-image: -ms-linear-gradient(top, #a5a5a5, #c2c2c2);
    	background-image: -o-linear-gradient(top, #a5a5a5, #c2c2c2);
	background-image: linear-gradient(top, #a5a5a5, #c2c2c2);
    color: #000;
    }


.wrapper {
  width: 100%;
  overflow: hidden; 
  }

:checked ~ nav {
  left: 0; }
  
  :checked ~ nav .close {
    position: fixed;
    top: 1.5em;
    left: 4%;
    display: block; }

:checked ~ .wrapper .inner {
  margin-right: -75%; }



.menureinresp{display:none}


.p-kein-abstand h3 {margin-bottom: 20px}
.p-kein-abstand p {margin: 0; padding: 0;}




.sz-box-r {border:solid 0px #f90; position: absolute; top: -65px; right: 0; z-index: 999}
.sz-button-r {
	width: 100px;
	height: 60px;
	color: #fff;
	font-size: 2.45em;
	line-height: 50px;
	background: #006781;
	text-align: center;
	margin: 0 0 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}


.sz-box-stelle {border:solid 0px #f90; position: fixed; top: 30%; right: 0; z-index: 999}





.sz-box {position: absolute; top:15px; left: 2%; z-index:101;  width: 240px; margin: 0; padding: 0;}
.sz-button {float: left;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 2.3em;
	line-height: 50px;
	background: rgba(255,255,255,0.2);
	text-align: center;
	margin: 0 5px 0 5px;
	border-radius: 5px; 
	}
.sz-button-orange {background: #33859A;}

.sz-button-text {float: left;
	width: 80px;
	height: 45px;
	color: #fff;
	font-size: 1.3em;
	line-height: 100%;
	background: #33859A;
	text-align: center;
	margin: 0 5px 0 -11px;
	padding: 5px 0 0 5px;
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
	}

.sz-box2 {position: absolute; top:10px; right: 0.5%; z-index:999999999999999999999999999;  margin: 0; padding: 0;}

.sz-box-kontakt {position: relative; top:10px; right: 2%; z-index:101;  margin: 0; padding: 0;}
.sz-button-text-kontakt {float: left;
	width: 180px;
	height: 45px;
	color: #fff;
	font-size: 1.3em;
	line-height: 100%;
	background: #33859A;
	text-align: center;
	margin: 0 5px 0 -11px;
	padding: 5px 0 0 5px;
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
	}

@media screen and (max-width:960px){.sz-box-kontakt {position: relative; top:0; right: 0; z-index:101;  margin: 25px 0; padding: 0;}}





.kontaktzeile {background: #898989; padding: 5px 0;}
.kontaktzeile h2{color: #fff; text-align: center; font-size: 1.15em; font-weight: 300; letter-spacing: 0.05em; margin:0; padding:0;}
.kontaktzeile a{color: #fff;}

    .ym-col1 { min-width: 20%; background: #d2d2d2}
    .ym-col2 { min-width: 80%; }
    
    #senkr-text { /* erzeugen einer Box um den Text */
        position: relative;
        width: 100px;
        height: 80vh;
    }

    .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: -6%;
    }@media screen and (max-width:1150px){.rotate {left: -5%;top: 2%;}}@media screen and (max-width:1024px){.rotate {left: -15%;top: 5%;}}
   
    #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: 65px;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        white-space: nowrap;
    }



.schwerpunkt-box {border: solid 1px #d2d2d2; height: 80vh;}

.schwerpunkte{margin-top:30px}
.schwerpunkte h3{color: #006781; font-size: 1.9em; margin:0 ; padding: 0; text-transform: uppercase; font-weight: 900}
.schwerpunkte ul{list-style: none}
.schwerpunkte ul li{margin: 0 0 21px 0}
.schwerpunkte ul li h3{color: #006781; margin: 0 0 5px 0; padding: 0; font-size: 1.5em; text-transform: none; font-weight: normal}
.schwerpunkte ul li p{margin: 0; padding: 0; font-size: 1.0em }


/* ZWEISPALTINE BOX **********************************************************************************************/

.schwerpunkt-box2 h3{color: #006781; font-size: 1.9em; margin:0 ; padding: 0; text-transform: uppercase; font-weight: 900}

#senkr-text2 {position: relative; width: 100px; height: 800px;}
@media screen and (max-width:1700px){#senkr-text2 {height: 950px;}}
@media screen and (max-width:1350px){#senkr-text2 {height: 1000px;}}
@media screen and (max-width:1150px){#senkr-text2 {width: 80px;}}
@media screen and (max-width:1090px){#senkr-text2 {height: 1100px;}}
@media screen and (max-width:1024px){#senkr-text2 {height: 1500px;}}
@media screen and (max-width:860px){#senkr-text2 {height: 1550px;}}

.schwerpunkt-box2 {border: solid 1px #d2d2d2; height: 800px;}
@media screen and (max-width:1700px){.schwerpunkt-box2 {height: 950px;}}
@media screen and (max-width:1350px){.schwerpunkt-box2 {height: 1000px;}}
@media screen and (max-width:1090px){.schwerpunkt-box2 {height: 1100px;}}
@media screen and (max-width:1024px){.schwerpunkt-box2 {height: 1500px;}}
@media screen and (max-width:860px){.schwerpunkt-box2 {height: 1500px;}}

@media screen and (max-width:860px){.schwerpunkt-box2 {border: solid 0px #d2d2d2}}

.schwerpunkt2-ym-col1{width: 15%; background: #006781;}@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: #006781; font-size: 19px; margin:0 ; padding: 0; text-transform: uppercase; font-weight: 900}
#schwerpunkt2  p{margin: 0; padding: 8px 100px 25px 0; font-size: 16px }

#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 }

.nav-wrap { 
	margin: 0 auto 0 auto; 
	background-color: #474747; 
	}
	
	
#example-one { 
	margin: 0 auto 0 auto; 
	list-style: none; 
	position: relative; 
	text-align: center;
	}
	
#example-one li { 
	display: inline-block;
	margin:4px 0 0 0;
	padding: 5px; 
	}
	
#example-one a { 
	color: #fff; 
	font-size: 14px; 
	float: left;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase;
	}

#example-one li:hover { 
	color: #f90;
	background-color: #02A0E3;
	}


	
#navblau{background:#474747;
	border-left:1px solid #646464;
	border-left:1px solid rgba(255,255,255,.1);
	border-right:1px solid #323232;
	border-right:1px solid rgba(0,0,0,.2);
	border-top:1px solid rgba(0,0,0,.2);
	border-bottom:1px solid rgba(0,0,0,.2);
	}




.mnav_blau ul{margin:0}
.mnav_blau h2{margin:0; font-size:1.2em;color:#fff; letter-spacing:-0.03em}

.mnav_blau{
	background:#474747;
	border-right:1px solid rgba(255,255,255,.1);
	border-left:1px solid rgba(0,0,0,.2);
	}

* html .mnav_blau ul{overflow:hidden}

.mnav_blau li{
	overflow:hidden;
	background:#474747;
	border-left:1px solid rgba(255,255,255,.1);
	border-right:1px solid rgba(0,0,0,.2);
	}

.mnav_blau li.active{
	background: #2bbaf8;
	}

.mnav_blau li.active h2{color:#fff}

.mnav_blau li strong,.mnav_blau li a{
	font-family:"Droid Sans",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:left;
	display:block;
	line-height:1em;
	padding:1em 7%;
	color:rgba(255,255,255,.6);
	}

.mnav_blau li strong span,.mnav_blau li a span{display:block; margin-top:.7em; font-size:10px;color:#fff; font-weight:normal}

.mnav_blau li.active strong span,.mnav_blau li.active a span{color:#ffffff}

.mnav_blau li strong{
	color:#fff;-webkit-box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);
	-moz-box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);
	box-shadow:inset 0 -24px 30px rgba(255,255,255,.1)}

.mnav_blau li:hover,.mnav_blau li a:focus,.mnav_blau li a:active{
	color:#fff;
	background:#2bbaf8;
	}

.mnav_blau li a:hover span,.mnav_blau li a:focus span,.mnav_blau li a:active span{color:#fff; color:rgba(255,255,255,.7)}


.impressum {font-size: 90%}
.impressum ul{font-size: 1.2em}


.ym-form,.ym-form fieldset{overflow:hidden}
.ym-form div .ym-form label,.ym-form .ym-message{position:relative;display:block}
.ym-form .ym-fbox-check label{display:inline}
.ym-form input,.ym-form textarea{cursor:text}
.ym-form input[type="checkbox"],.ym-form input[type="radio"],.ym-form select,.ym-form label{cursor:pointer}
.ym-form textarea{overflow:auto}
.ym-form input[type=hidden]{display:none!important}
.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table; margin-top:10px}
.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.ym-form select,.ym-form input,.ym-form textarea{display:block;position:relative;width:58.5%}
.ym-form .ym-fbox-check input{display:inline;width:auto}
.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}
.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active{border:0 none}




footer{color: #9f9f9f; background:#474747}
footer p {color: #9f9f9f}
footer p a{color: #faf8fc} /* Farbe footer links z.b. neben Vcard*/
footer div {color: #faf8fc}

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



.footer-h2 {color: #fff; margin: 0; font-size: 1.35em}

ul.footer-list {list-style-type: none; margin: 0; padding: 0; }
ul.footer-list li {border: solid 0px #ff0; width: max-content; display: inline-block; padding: 0 75px 0 0}
@media screen and (max-width:1024px){ul.footer-list li {width: 310px; display: inline-block; padding: 0}}

.footer-liste-container {border-left: solid 1px #fff; padding: 0 0 0 50px}
@media screen and (max-width:1400px){.footer-liste-container {border-left: solid 0px #fff; padding: 0}}




.behandlung-ueberblick {}
.behandlung-ueberblick h2{margin: 10px 0 0 0; font-size: 1.4rem}






.startseiten-ueberblick {}
.startseiten-ueberblick-innen {padding: 0 15px 20px 15px}
.startseiten-ueberblick h2 {margin: 10px 0 0 0; color: #fff; font-size: 1em}
.startseiten-ueberblick p {margin: 10px 0 0 0; color: #D2C792; font-size: 1em}
.startseiten-ueberblick a {color: #fff}
.startseiten-ueberblick a:hover {color: #ccc}

.startseiten-ueberblick-bg-1 {background: rgba(0,164,232,0.65)}
.startseiten-ueberblick-bg-2 {background: rgba(0,164,232,0.75)}
.startseiten-ueberblick-bg-3 {background: rgba(0,164,232,0.85)}
.startseiten-ueberblick-bg-4 {background: rgba(0,164,232,1)}









/**************************************** COOKIE **************************************/

/*
#cookiehinweis a {color:#fff; font-weight: bold; text-decoration:none;}
#cookiehinweis a:hover {text-decoration: underline;}

#cookiehinweis div {padding:25px; padding-right:100px; width: 85%}
@media screen and (max-width:1250px){#cookiehinweis div {width: 75%; padding: 25px 10px}}
@media screen and (max-width:760px){#cookiehinweis div {width: 100%; margin-top: 40px; padding: 25px 5px}}

#cookiehinweis {
   text-align:left;
   background: rgba(101,203,201,1);
   background: #006781;
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   color: #fff;
   font-size:16px;
   line-height:16px;
   }

#cookiehinweisCloser {
   color: #333;
   position: absolute;
   right: 35px;
   top: 20px;
   text-decoration: none;
   cursor:pointer;
   border-radius: 10px;
   padding:10px 55px;
   background: #fff;
 }

#cookiehinweisCloser:hover {background: #ccc; text-decoration: underline;}

*/





table{width:100%;
	border-collapse:collapse;
	margin: 0;
	color:#333;
	border-bottom:1px #ccc solid}

th,td{line-height:1.5em; vertical-align:top; padding:.7143em .3em}

thead th {
    text-align: left;
    font-size: 1.4em;
    line-height: 1.5em;
    padding-bottom: 3px;
    font-weight: normal;
    color: #333;
    border-bottom: 2px #000 solid;
    padding: 0 0 10px 0;
}
	
tbody th{text-align:left;border-top:1px solid #ccc;text-align:left}
tbody td{text-align:left;border-top:1px solid #ccc}.bordertable tbody td{border-right:1px solid #ccc}

.thklein{padding-top:20px; font-size:1.3em}


/*
table{
	font-size:0.9em;
	width:95%;
	border-collapse:collapse;
	margin:0;
	line-height:80%;}
	
thead th{
	text-align:left;
	font-size:1.4em;
	line-height:1.2em;
	padding-bottom:3px;
	font-weight:normal;
	color:#b90266;
	border-bottom:2px #000 solid}

tbody {text-align:left;border-top:1px solid #ccc;text-align:left}
tbody tr{line-height:30px; text-align:left;border-top:1px solid #eee; padding:0 15px 0 15px}
tbody td{line-height:30px; text-align:left;border-top:1px solid #eee;padding:0}
*/




.behandlungs-table {}

.behandlungs-table table{
	font-size:1em;
	width:65%;
	border-collapse:collapse;
	margin:0 auto;
	}


.behandlungs-table tbody {text-align:left;border-top:1px solid #eee;text-align:left}

.behandlungs-table .tr-bg-color {background-color: #006781}
.behandlungs-table .font-fff {color: #fff}

.behandlungs-table tbody td{line-height:40px; text-align:left;border-top:1px solid #eee;padding:0 0 0 50px}
/*.behandlungs-table tbody tr:hover .behandlungs-table th,tbody tr:hover td{line-height:40px}*/


/*********************************** NEUE STYLES TRANSITION/ANIMATIONEN ********************************************/


.feld-center {margin: 0 auto; padding: 0 auto}

.u-schrift { padding: 10px 10px 20px 10px; min-height:100px} @media screen and (max-width:1400px){.u-schrift {padding: 10px 5px 20px 5px}}@media screen and (max-width:1200px){.u-schrift {min-height:115px}}@media screen and (max-width:1100px){.u-schrift {min-height:115px}} @media screen and (max-width:960px){.u-schrift {min-height:135px}}
.u-schrift h3 {text-align:center; font-size:1.3em; letter-spacing:0em; word-spacing:0em;  margin: 0; padding: 10px 0 0px 0;}
.u-schrift p {text-align:center; margin: 0; padding: 7px 10px 0 10px;font-size: 85%; line-height:150%;letter-spacing:0.08em} @media screen and (max-width:1400px){.u-schrift p {padding: 7px 3px 0 3px; line-height:140%; }}


.border-bottom-1eee{ border-bottom: 1px solid #eee;}
.border-right-1eee{ border-right: 1px solid #eee;}
.border-top-1eee{ border-top: 1px solid #eee;}
.border-left-1eee{ borderleft: 1px solid #eee;}

.border-bottom-1ccc{ border-bottom: 1px solid #d4d2d2;}
.border-right-1ccc{ border-right: 1px solid #d4d2d2;}
.border-top-1ccc{ border-top: 1px solid #d4d2d2;}
.border-left-1ccc{ border-left: 1px solid #d4d2d2;}


.breite-3box{width:80%} @media screen and (max-width:1600px){.breite-3box{width:90%}} @media screen and (max-width:1400px){.breite-3box{width:93%}} @media screen and (max-width:1280px){.breite-3box{width:95%}}
/*********************************** abdunkeln ****************************************/

.view {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}

.view .mask, .view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
   margin:0px;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:0px;
   width:25px;
   height:25px;
}

.view a.info:before {
	font-size: 2em;
	color: #666;
	margin-top: 30%;
}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border: 1000px solid rgba(255,255,255,0.5);
   box-sizing:border-box;
   transition: all 0.2s ease-in-out;
}

.third-effect a.info {
   position:relative;
   top:-1000px; /* Center the link */
   opacity: 0;
   transition: opacity 0.1s 0s ease-in-out;
}

.third-effect:hover .mask {
   opacity: 1;
   border:1000px solid rgba(255,255,255,0.5);
}

.third-effect:hover a.info {
   opacity:1;
   transition-delay: 0.1s;
}


.third-effect:hover a.box2green {
	background: rgba(0, 103, 129,0.1); /* Farbe Kreis Grün*/
	background: rgba(217, 234, 239,0.6); /* Farbe Kreis Weiss*/
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 100px;
	top:40%;
	left:40%;
	animation: pfeilspin 0.3s linear 0s ;
	-moz-animation: pfeilspin 0.3s linear 0s ;	
	-webkit-animation: pfeilspin 0.3s linear 0s ; 
	-0-animation: pfeilspin 0.3s linear 0s ;
	}
		
@keyframes pfeilspin {
    0% { transform: rotate(-175deg) scale(0.2); }
    100% { transform: rotate(0deg) scale(1.1); }
}
@-moz-keyframes pfeilspin{
    0% { -moz-transform: rotate(-175deg) scale(0.2); }
    70% { -moz-transform: rotate(+20deg) scale(1.2); }
    100% { -moz-transform: rotate(0deg) scale(0.2); }
}
/* Chrome Browser*/
@-webkit-keyframes pfeilspin {
    0% {-webkit-transform: rotate(-175deg) scale(0.5); }
    60% { -webkit-transform: rotate(+20deg) scale(1.3); }
    100% { -webkit-transform: rotate(0deg) scale(1.0); }
}
@-o-keyframes pfeilspin {
    0% { -o-transform: rotate(-175deg) scale(0.2); }
    100% { -o-transform: rotate(0deg) scale(1.1); }
}


#top .box2green {
	background: rgba(127,127,180,0.5);
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 100px;
	top:40%;
	left:40%;
	animation: pfeilspin .5s linear 0s ;
	-moz-animation: pfeilspin .5s linear 0s ;	/* Mozillabrowser */
	-webkit-animation: pfeilspin .5s linear 0s ; /* Chrome Browser*/
	-0-animation: pfeilspin .5s linear 0s ;
	}


.info-button {text-align: center; margin: 0 0 -25px 0;}
.info-button .icon-info-circled:before {color: rgba(83,31,47,8,0.2)}
.info-button a{color:rgba(83,31,47,8,1)}
.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 #999;
	border-radius: 5px;
	padding: 20px;
	margin: 0 20px;
	text-align: center;
	font-size: 16px;
	z-index: 900
	}

.info-feld a{color: #333;}
.info-feld a:hover{color: #D2C792}
.info-feld a.button.link:hover {color: #fff} 

.info-feld.border2 {border: solid 2px #997ec1; height:220px;}
.info-feld.termin {padding: 20px 0 0 20px; float:left; background:#FCFCFC url(../bilderpfad/home/hint-terminbuchung.png) top right no-repeat;}
.info-feld.smile {background:#FCFCFC url(../bilderpfad/home/hint-smile-design-neu.png) top right no-repeat;}
	
	

.kontakt {font-size:1.1em;}
.kontakt p {/*margin-top:5px;*/}
.kontakt p a{color:#474747;/*font-size:1.1em; line-height:1.55em;*/}
.kontakt table {}
.kontakt table tr{}
.kontakt table td{/*font-size:1.1em;line-height:1.8em;*/margin-top:5px;}
.kontakt table td.tag{padding-right:10px;}

.vita table tr td.table-ueb1 {padding: 0; line-height: 120%; font-size: 1.6em}
.vita table tr td.table-ueb2 {padding: 65px 0 0 0; line-height: 120%; font-size: 1.6em}
.vita table {border: solid 0px #f90}
.vita table tr{border-bottom: solid 0px #ccc;}
.vita table td{line-height:1.8em; margin:0; padding: 10px 0}


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


.linkkl {text-align:left;padding: 35px 0 50px 0}
.linkkl .color-fff{color:#fff}
.linkkl .vcard {font-size: 12px; padding: 20px 0 15px 0; line-height: 160%}

.linkkl h5 {
	font-size:1.1em;
	font-weight:normal;
	line-height:100%;
	color:#faf8fc;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;}
	
.linkkl h5:hover {
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-decoration:none;
	}

.linkkl p {color:#9f9f9f; 
	line-height:100%; 
	margin-top:8px;
	margin-bottom:1px;
	font-size:0.9em;
	padding:0px;
	}

.linkkl p.padding5 {padding-top:5px}

.linkkl a p {color:#004494; 
	line-height:115%;
	font-size:0.9em;
	padding:0px;
	text-decoration:none;
	}
		
.linkkl .alink {color:#fff; 
	line-height:115%;
	font-size:0.9em;
	margin-top:15px;
	margin-left:0px;
	padding:0;
	/*background: url("../bilderpfad/buttons/pfeilrechts.png") no-repeat  left;*/
	text-decoration:none;
	}

.linkkl .alink:hover {
	color:#ccc;
	}
	
	
.linkkl .olink {color:#fff; 
	line-height:115%;
	font-size:0.9em;
	margin-top:15px;
	margin-left:0px;
	padding:0;
	text-decoration:none;
	}
	
.linkkl h5.olink {color:#fff; 
	line-height:115%;
	font-size:1.1em;
	margin-top:15px;
	margin-left:0px;
	padding:0;
	text-decoration:none;
	}





.linkkl .likelink a h1  { 
	font-size:1.1em;
	font-weight:normal;
	line-height:100%;
	text-shadow:0px 0px 0px #ccc;
	color:#fec804;	padding:10px 0 10px 50px;
	background: url("http://www.almedico.com/bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	}
	
	
.linkkl .likelink { 
	line-height:115%;
	font-size:1.0em;
	margin-top:0px;
	margin-left:0px;
	padding:10px 0 10px 50px;
	background: url("http://www.almedico.com/bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	}

.linkkl .likelink:hover{ 
	line-height:115%;
	font-size:1.0em;
	margin-top:0px;
	margin-left:0px;
	padding:10px 0 10px 50px;
	background: url("http://www.almedico.com/bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	text-decoration:none;
	}

.linkkl .snetlink{float: left; padding-top:20px; padding-right:10px}


/*
.begruessung {padding: 20px 0 0 0}
.begruessung h1 {font-size:1.6em;
		line-height: 140%;
		margin-bottom:5px;
		}

.begruessungabstand {padding: 25px 20px 25px 20px}
*/


/* Font-Icons */
.icon-link:before { font-size: 80%; }

/* Listen Punkte */
#aufz-vorteile > li {
	min-height: 32px;
	list-style: none;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-left: 45px;
	background-image: url(../bilderpfad/pfeilunt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
  	}
  	
#aufz-vorteile > li > h3 { margin:0; padding: 5px 0 0 0;}



.aufz {
	line-height:2.0em;
	margin-top: 35px;
	margin-left: 60px;
	margin-bottom: 30px;
	padding-left: 60px;
	background-image: url(../bilderpfad/pfeilunt.png);
	background-repeat: no-repeat;
	background-position: 0% 0px
	}

.aufza{MARGIN-top: 30px;}
.aufze{MARGIN-bottom: 30px;}



#aufz-muster > li { list-style: none;  }
#aufz-muster > li > h3 {  }
#aufz-muster > li > h3:before {margin-right: 10px !Important; margin-top: 10px!Important;
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	color: #ffffff;
	font-family: "1178-font";
	content: '\e805';
	text-align: center;
	line-height: 35px;
	background-color: #474747;
	border-radius: 5px;


}
#aufz-muster > li:nth-child(1) > h3:before { content: '\e800'; }
#aufz-muster > li:nth-child(2) > h3:before { content: '\e805'; }
#aufz-muster > li:nth-child(3) > h3:before { content: '\e806'; }
#aufz-muster > li:nth-child(4) > h3:before { content: '\e807'; }
#aufz-muster > li:nth-child(5) > h3:before { content: '\e809'; }
#aufz-muster > li:nth-child(6) > h3:before { content: '\e80a'; }
#aufz-muster > li:nth-child(7) > h3:before { content: '\e80d'; }
#aufz-muster > li:nth-child(8) > h3:before { content: '\e80f'; }
#aufz-muster > li:nth-child(9) > h3:before { content: '\e810'; }
#aufz-muster > li:nth-child(10) > h3:before { content: '\e811'; }
#aufz-muster > li:nth-child(11) > h3:before { content: '\e812'; }
#aufz-muster > li:nth-child(12) > h3:before { content: '\e81a'; }
#aufz-muster > li:nth-child(13) > h3:before { content: '\e81b'; }
#aufz-muster > li:nth-child(14) > h3:before { content: '\e81c'; }
#aufz-muster > li:nth-child(15) > h3:before { content: '\e81d'; }
#aufz-muster > li:nth-child(16) > h3:before { content: '\e82a'; }
#aufz-muster > li:nth-child(16) > h3:before { content: '\e830'; }






#nachoben {
        position: fixed;
        right: 4%;
        top: 84%;
	width: 55px;
	height: 55px;
	border-radius: 1%;
	background: rgba(0, 103, 129, 0.9);
	
        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: rgba(0, 103, 129, 0.5);
        padding: 0;
        display:block;
        z-index:100000;
	}

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

#nachunten {
	position: fixed;
	/*bottom: 40px;*/
        right: 4%;
        top: 91%;
	z-index: 1;
	display: none;
	font-size: 2.35em;
	cursor: pointer;
	width: 55px;
	height: 55px;
	border-radius: 5px;
	background: rgba(0, 103, 129, 0.8);
        border: solid 1px #fff;
	
        }

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

#nachunten.icon-menu {
	font-size: 50px;
	text-align: center;
	color: #fff;
	}




}






@media all{

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


.ym-vlist li {border-top: 1px dotted #ccc;}
.ym-vlist li:first-child {border-top: 0px dotted #ccc;}
.ym-vlist li:last-child {border-bottom: 0px dotted #ccc;}

.ym-vlist li a{display: block; border-bottom: 0px dotted #ccc; cursor: pointer; padding: 10px 0 10px 15px}


.ym-vlist li a:hover {color:#006781 ; background-color: rgba(74, 141, 132, 0.8);}
.ym-vlist li a.current {color:#006781 ; font-weight: bold; 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(74, 141, 132, 0.8);}

}


@media screen and (max-width:1650px){
.displaynone1650-inline {display: none}
.display1650-inline {display:block-inline}		

}


@media screen and (max-width:1550px){
.displaynone1550-inline {display: none}
.display1550-inline {display:block-inline}		

}





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

.sz-box2 {top:10px;}

}

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

.sz-box2 {top:10px;}


}



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

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

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

}



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

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

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

}



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

.sz-box2 {top:10px; }

}

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

.sz-box2 {top:10px;}


}


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



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


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

.displaynone1050-inline {display: none}
.display1050-inline {display: block-inline}		

}

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

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

}

@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}

.margin-top-main{margin-top:0px}

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

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



html *{font-size:99%}

h1 {
	font-size:2em;
	margin:35px 0 0 0;
	}

h2{font-size:1.2em;}
h3{font-size:1.15em;}

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


.menureinresp {display:block}


/* ----------- MOBIL MENU ------------- */
.btn {
	z-index:5555555;
	float: left;
	margin: 10px 10px;
	padding: 0.25em 2%;
	color: #fff;
	cursor: pointer;
	border-radius: 0.25em;
	background-color: #474747;
	/*background-image: -webkit-linear-gradient(top, #b8b6b6, #a19f9e);
	background-image: -moz-linear-gradient(top, #b8b6b6, #a19f9e);
	background-image: -ms-linear-gradient(top, #b8b6b6, #a19f9e);
	background-image: -o-linear-gradient(top, #b8b6b6, #a19f9e);
	background-image: linear-gradient(top, #b8b6b6, #a19f9e);*/
	}

.btn:hover {
	/*background-color: #b5b3b3;
	background-image: -webkit-linear-gradient(top, #8b8786, #7b7776);
	background-image: -moz-linear-gradient(top, #8b8786, #7b7776);
	background-image: -ms-linear-gradient(top, #8b8786, #7b7776);
	background-image: -o-linear-gradient(top, #8b8786, #7b7776);
	background-image: linear-gradient(top, #8b8786, #7b7776);*/
	}

.close {
	display: none;
	cursor: pointer;
	color: #fff;
	z-index: 203;
	}

.close:hover {
	color: #fff; }



.noscrollbar::-webkit-scrollbar { 
    display: none; 
    overflow: -moz-scrollbars-none;
}

nav {
	position: fixed; /* vorher absolute*/
	padding: 4em 0 0 0;
	margin:0 0 0 -12px;
	background: #474747; /* Background hinter X Close*/
	width: 75%;
	left: -75%;
	height: 100%;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-ms-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s; 
	
	}

#nav {
	margin: 0.1875em 0 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff; }

#nav a {
	text-decoration: none;
	color: #fff;
	padding: 1.25em 0 1.25em 5%; /* Oben/unten hälfter der height */
	height: 2.5em;
	display: block;
	border-bottom: 1px solid #fff;
	background-image: -webkit-linear-gradient(top, #009fe3, #39baf1);
	background-image: -moz-linear-gradient(top, #009fe3, #39baf1);
	background-image: -ms-linear-gradient(top, #009fe3, #39baf1);
	background-image: -o-linear-gradient(top, #009fe3, #39baf1);
	background-image: linear-gradient(top, #009fe3, #39baf1); }

#nav a:hover {
	background: #39baf1;
	background-image: -webkit-linear-gradient(top, #39baf1, #68cdf8);
	background-image: -moz-linear-gradient(top, #39baf1, #68cdf8);
	background-image: -ms-linear-gradient(top, #39baf1, #68cdf8);
	background-image: -o-linear-gradient(top, #39baf1, #68cdf8);
	background-image: linear-gradient(top, #39baf1, #68cdf8); }
    
       
    
   nav {
	position: fixed; /* vorher absolute*/
	padding: 4em 0 0 0;
	margin:0 0 0 -12px;
	background: #474747; /* Background hinter X Close*/
	width: 75%;
	left: -75%;
	height: 100%;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-ms-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s; 
	
	} 
	
	
    #nav {
	margin: 0.1875em 0 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff; }

#nav a {
	text-decoration: none;
	color: #fff;
	padding: 1.25em 0 1.25em 5%; /* Oben/unten hälfter der height */
	height: 2.5em;
	display: block;
	background-image: -webkit-linear-gradient(top, #1a1a1a, #393939);
	background-image: -moz-linear-gradient(top, #1a1a1a, #393939);
	background-image: -ms-linear-gradient(top, #1a1a1a, #393939);
	background-image: -o-linear-gradient(top, #1a1a1a, #393939);
	background-image: linear-gradient(top, #1a1a1a, #393939); }

#nav a:hover {
	background: #474747;
	background-image: -webkit-linear-gradient(top, #393939, #686868);
	background-image: -moz-linear-gradient(top, #393939, #686868);
	background-image: -ms-linear-gradient(top, #393939, #686868);
	background-image: -o-linear-gradient(top, #393939, #686868);
	background-image: linear-gradient(top, #393939, #686868); }





}








@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}

.mobileausblenden {display: none}

h1 {
	font-size:1.6em;
	}
	
	
#introzeile {display: none}
    
.ym-gbox {
    padding: 0 0; 
}


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


.vari-bilder-abstand {padding-top: 0}


}


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


.kontaktzeile h2{font-size: 0.85em;}

}







@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}

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

}


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

.displaynone600-sz {display: none}

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

}

@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}

h1 {
	font-size:1.3em;
	}
	
h2 {
	font-size:1.2em; padding:0; margin:0;
	}	
.displaynone480 {display: none}
.display480 {display: block}

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

abstand0 {padding: 0;}


.displaynone650 {display: block}
.displaynone600-sz {display: block}

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

}


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


}

@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}

}


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


}










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

/* TelefonNr. im Fleißtext oder alleinstehend */
.tel.link-mobile        { display: none; }
.tel.link-mobile span	    { color: inherit !Important; font-size:inherit !Important; }
.tel.link-web	        { display: inline-block; }
.tel.link-web span	    { color: inherit !Important; font-size:inherit !Important; }
.tel.link-web a	    { color: inherit !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 all{
.color-blau2 { color: #006781 !Important; }
div.menureinresp { border-bottom: solid 0px #474747 !Important; }

.sf-menu, .sf-mega { font-size: 80%; }
.sf-menu, .sf-menu > li { background: #006781 !Important; }
.sf-menu > li > a:hover { color: #cccccc !Important; }
.sf-menu ul li a        { font-size: 1.4em !Important; }

.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; */
    color: #fff;
    background: transparent;
    margin: 0 0 .75em 0;
    padding: 0 0 .75em 0;
    border: 0;
    border-bottom: 1px #eee solid;
}
   
.img-border { border-top: solid 1px #ccc; } /* OBERE LINIE IM FUSSBILD */


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; }
    

fieldset,img{display:block}
/* Anfahrt Litenpunkte Fontello */
#wegweiser > ul 						{ list-style: none; margin-left: 50px; }
#wegweiser > ul > li					{ padding-left: 20px; }
#wegweiser > ul > li:before			    { position: relative; top: 8px; left: -20px; margin-left: -30px; color: #474747; font-size: 1.6rem; }
#wegweiser > ul > li.icon-cab:before	{}
#wegweiser > ul > li.icon-train:before	{}
#wegweiser > ul > li.icon-bus:before	{}
#wegweiser > ul > li.icon-walk:before 	{ font-size: 2rem; top: 12px; left: -16px;  margin-left: -36px; }
}



/* ***************** TESTEMONIALS *************************************************************************************************+ */

@media all{

blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    background: #fff;
    /* border-left: 10px solid rgba(255,153,0,0.6); */
    margin: 1.5em 10px;
    padding: 1em 10px;
    quotes: "\201C""\201C""\201C""\201C";
	}
	
blockquote h3{
	margin: 0;
	padding:0;
	font-size: 1.2em;
	display: inline;
	position: relative;
	top: -5px;
	}

blockquote:before {
  color: rgba(91,176,174,1.0);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote h3 {
        color: rgba(91,176,174,1.0);
    } 
    
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: 20px solid rgba(255,255,255,1);
    background: #fff;
    }
}

/* ***************** ENDE TESTEMONIALS *************************************************************************************************+ */




/* ************* STOERER ********************************************************************** */

@media all {

/* .stoerer{min-height:400px;}*/



.stoerer{
	background:rgba(133,202,206,0.999);
	color:black;
	width:90%;
	min-height:50px;
	
	padding:25px;
	padding:20px 15px 5px 20px;
	border-radius: 15px 15px 15px 15px;
	height:100%;
	}
	
	
 .stoerer-rechts{
	background:rgba(133,202,206,0.999);
	color:black;
	width:90%;
	min-height:130px;

	padding:25px;
	padding:20px 15px 5px 20px;
	border-radius: 15px 15px 15px 15px;
	height:100%;
	text-align:start;
	}
	
 .stoerer-links{
	background:rgba(54,195,225,1);
	color:black;
	width:90%;
	min-height:130px;

	padding:20px 15px 5px 20px;
	border-radius: 15px 15px 15px 15px;
	text-align:start;
	}
	
 .stoerer-links.gelb{  background: rgba(254,200,4,0.1);
	}
 .stoerer-rechts.gelb{  background: rgba(254,200,4,0.1);
	}
 .stoerer-links.turkis{  background: rgba(91,176,174,0.2);
	}
 .stoerer-rechts.turkis{  background: rgba(91,176,174,0.2);
	}	
 .stoerer-rechts h2, .stoerer h2 {
	 color:white;
	 margin:0;
	 padding:0;
	 font-size:22px;
 } 
 .stoerer-rechts p, .stoerer p{
	 color:black;
	 margin:3px;
	 padding:0;
	 font-size:14px;
 }
 	
 .stoerer-links h2{
	 color:white;
	 margin:0;
	 padding:0;
	 font-size:22px;
 } 
 .stoerer-links p{
	 color:black;
	 margin:3px;
	 padding:0;
	 font-size:14px;
 }
 
}


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

	
.stoerer-rechts h2, .stoerer-links h2{
	 font-size:18px;padding-bottom:5px;
 	} 

}


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

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



.ym-col2 { min-width: 100%; }

.schwerpunkt-box {border: solid 0px #d2d2d2; height: 85vh;}


.stoerer-rechts{
	min-height:100px;
	margin:5px;
	border-radius: 15px 15px 15px 15px;
	padding:10px;
	
	}
	
 .stoerer-links{
 	min-height:100px;
	margin:5px;
	border-radius: 15px 15px 15px 15px;
	padding:10px;
	}

}




/* ************* ENDE STÖRER ********************************************************************** */





















/* ************* Video Einbau style="width: 940px; height: 528.28px; ********************************************************************** */

@media all {
.zvideoeinbau {width: 950px; height: 529px;}
}

@media screen and (max-width:1280px){
.zvideoeinbau {width: 700px; height: 390px;}
}

@media screen and (max-width:960px){
.zvideoeinbau {width: 600px; height: 334px;}

}
@media screen and (max-width:740px){
.zvideoeinbau {width: 470px; height: 262px;}
}
@media screen and (max-width:480px){
.zvideoeinbau {width: 400px; height: 223px;}
}
@media screen and (max-width:400px){
	.zvideoeinbau {width: 320px; height: 178px;}
}


.html5-video-player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    color: #eee;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
    contain: size layout style;
    -ms-high-contrast-adjust: none;
}




.zvideoeinbau {}




/* ==================== FORMULAR ==================== */
.ym-form, .ym-form fieldset { overflow : hidden; }
.ym-form div .ym-form label, .ym-form .ym-message { position : relative; display : block; }
.ym-form .ym-fbox-check label { display : inline; }
.ym-form input, .ym-form textarea { cursor : text; }
.ym-form input[type="checkbox"], .ym-form input[type="radio"], .ym-form select, .ym-form label { cursor : pointer; }
.ym-form textarea { overflow : auto; }
.ym-form input[type="hidden"] { display : none !important ; }
.ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before { content : ""; display : table; margin-top : 10px; }
.ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after { clear : both; content : "."; display : block; font-size : 0; height : 0; visibility : hidden; }
.ym-columnar label, .ym-columnar .ym-label { display: inline; float: left;  width: 40%; z-index: 1; }
.ym-form select, .ym-form input, .ym-form textarea { display : block; position : relative;   width: 59.5%; min-height: 45px; padding: 0.4em; }
.ym-form .ym-fbox-check input { display : inline; width : auto; }
.ym-form .ym-fbox-button input { display : inline; overflow : visible; width : auto; padding: 0 8px; cursor: pointer; }
.ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active { border : none 0; }
.button-formular { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight:700; background: #474747;  border: none;   border-radius: 5px;  }
/* formular */

.ym-form .ym-fbox-text input, .ym-form .ym-fbox-text textarea, .ym-form .ym-fbox-select select {
  border: 1px solid #ddd;
  width: 100%;
  }
    section.kontakt small { display: block; min-height: 0; margin: -10px 0 20px 0; }
    section.kontakt > div > div > div > table > tbody > tr > td > span { display: block; margin-left: -27.2px; margin-left: -1.7rem; }
    section.kontakt > div > div > div > table > tbody > tr > td > span > span  { display: none; } 
	
	
	
sub{font-weight:bold; color:#006781!important}
	
sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text 
  font-size: 75%;*/

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: 0em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: 0em;
  top: -0.01em;
  
}	
	
sub{vertical-align:center; font-weight:bold; color:#006781!important}