@font-face{
font-family:"EncodeSans";
src:url("../inc/font/EncodeSans-SemiBold.eot?#iefix");
src:url("font/EncodeSans-SemiBold.eot?#iefix") format("eot"),url("../inc/font/EncodeSans-SemiBold.woff") format("woff"),url("../inc/font/EncodeSans-SemiBold.ttf") format("truetype"),url("../inc/font/EncodeSans-SemiBold.svg") format("svg");
}
@font-face{
font-family:"EncodeSans-Light";
src:url("../inc/font/EncodeSans-Light.eot?#iefix");
src:url("../inc/font/EncodeSans-Light.eot?#iefix") format("eot"),url("../inc/font/EncodeSans-Light.woff") format("woff"),url("../inc/font/EncodeSans-Light.ttf") format("truetype"),url("../inc/font/EncodeSans-Light.svg") format("svg");
}
@font-face{
font-family:"EncodeSans-ExtraBold";
src:url("../inc/font/EncodeSans-ExtraBold.eot?#iefix");
src:url("../inc/font/EncodeSans-ExtraBold.eot?#iefix") format("eot"),url("../inc/font/EncodeSans-ExtraBold.woff") format("woff"),url("../inc/font/EncodeSans-ExtraBold.ttf") format("truetype"),url("../inc/font/EncodeSans-ExtraBold.svg") format("svg");
}


a {color:#E84C18;text-decoration:none;}
a:hover {color:#000000;}
.upper {text-transform:uppercase;}

html{scroll-behavior:smooth}
body { font-family: EncodeSans-Light, sans-serif;color:#000000;background:#ffffff url(/fileadmin/download/designpic/bg72.png) top fixed no-repeat;padding:0;margin:0;font-size:16px; }
#frameouter { position:absolute;top:0px;left:calc(50% - 518px);width:1036px;  }
#kopf { float:left;position:fixed;top:0px;left:0px;z-index:400; width:100%; height:300px;padding-bottom:0px;transition: all 0.3s ease-out;background:rgba(255, 255, 255, 1);}
#kopf_start { float:left;position:fixed;top:0px;left:0px;z-index:400; width:100%; height:50px;padding-bottom:0px;background:rgba(255, 255, 255, 1);}
#kopf.small {height: 160px;padding-bottom:0px;}

#logo {position:absolute;bottom:116px;left:calc(50% - 218px);z-index:400;background:#ffffff url(../img/logo.png) center no-repeat;background-size:contain;width:436px;height:178px;transition: all 0.3s ease-out;}
#headline {position:absolute;bottom:38px;left:0px;z-index:400;text-align:center;width:100%;color:#E84C18;font-family: EncodeSans-ExtraBold, sans-serif;text-transform:uppercase;font-size:60px;transition: all 0.3s ease-out;}
#kopf.small #logo {bottom:40px;height:110px;}
#kopf.small #headline {display:none;}
#inhalt {float:left;position:relative;margin-top:300px;}
#inhalt_start {float:left;position:relative;margin-top:50px;}

#foot_start { clear:both;float:left;position:relative;width:100vw;overflow:auto;}
#foot { clear:both;float:left;position:relative;width:100vw;overflow:auto;line-height:30px;border-top:2vw solid #ffffff;}
#foot1,#foot2,#foot3 { float:left;width:32vw;text-align:center;color:#E84C18;background:#C4C4C4;padding-top:1vw;padding-bottom:1vw;}
#foot2 { border-left:2vw solid #ffffff;border-right:2vw solid #ffffff;}


/* Menue oben links */
#menul {display:block;position:absolute;bottom:4px;z-index:510;}
#kopf.small #menul {bottom:5px;}
#menul, #menul ul {margin:0px;padding:0;list-style:none;}
#menul li {float:left;position:relative;margin-right:4px;margin-left:80px;}
#menul a {float:left;text-align:center;padding-left:0px;font-weight:normal;color:#626262;font-family: EncodeSans-Light, sans-serif;font-size:22px;height:32px;}
#menul a:hover,
#menul a.active,
#menul li:hover > a {color:#E84C18;font-family: EncodeSans, sans-serif;}
/* SUBMENU oben links*/
#menul ul {margin:30px 0px 0px 0px;visibility:hidden;position:absolute;top:34px;left:-15px;z-index:1;background:#FFFFFF;transition:all .2s ease-in-out;}
#menul li:hover > ul {visibility:visible;margin:0;}
#menul ul ul {}
#menul ul li {float:none;display:block;margin-left:0px;}
#menul ul a {border-radius:0;text-align:left;padding:8px 15px 2px 15px;margin:1px 0px 1px 0px;width:150px;display:block;float:none;text-transform:none;font-size:16px;font-weight:bold;color:#626262;}
#menul ul a:hover {color:#E84C18;}


/* Menue oben rechts */
#menor {display:block;position:absolute;top:6px;right:10px;z-index:510;}
#menor, #menor ul {margin:0px;padding:0;list-style:none;}
#menor li {float:left;position:relative;margin-right:4px;margin-left:4px;text-align:center;padding-left:0px;font-weight:normal;color:#626262;font-family: EncodeSans-Light, sans-serif;font-size:22px;}
#menor a {color:#626262;}
#menor a:hover,
#menor a.active,
#menor li:hover > a {color:#E84C18;font-family: EncodeSans, sans-serif;}


.kasten {border:2px dotted #E84C18;color: #E84C18;padding:5px;margin-top:20px;}
.kasten strong{font-family:"EncodeSans"; font-weight:bold}



/* Intro */
.bild_x_s {position:relative;z-index:80;top:0;width:95.833%;max-width:1840px;height:calc(100vh - 50px);margin:0 auto;background: radial-gradient(circle closest-side, #ee7a09, #E84C18);overflow:hidden;}
.bild_g_s {position:absolute;top:0;z-index:100;width:100%;max-width:1920px;margin:0 auto;background:url(../img/start_tiere_bg.png);background-size: contain;}
.bild_g_s img {display:block;width:100%;max-width:1920px;height:auto;margin:0 auto;}
.bild_g_s .startlogo {margin-top:-3vw;padding-bottom:80vh;width:43vw!important;}


/* Home */
#frameouter2 { float:left;position:absolute;top:0px;left:0px;overflow-x:hidden;overflow-y:visable;width:100%;  }
.bild_x_h {position:relative;width:100vw;height:32.448vw;background: radial-gradient(circle closest-side, #ee7a09, #E84C18);overflow:hidden;}
.bild_g_h {position:absolute;left:0px;top:0px;width:100vw;height:32.448vw;opacity: 0.15;background-repeat: no-repeat;background-size: 100vw auto;}
.bild_k_h {position:absolute;left:38.0vw;top:4.224vw;width:24.0vw;height:24.0vw;border-radius:12.00vw;background-repeat:no-repeat;background-size: 100vw auto;background-position: center;transition: all 0.5s ease-out;}
.bild_k_h:hover {position:absolute;left:0px;top:0px;width:100vw;height:32.448vw;border-radius:0;}

/* bilder mit kreis */
#frameouter2 { float:left;position:absolute;top:0px;left:0px;overflow-x:hidden;overflow-y:visable;width:100%;  }
.bild_pre { padding-top: 160px;margin-top: -160px;}
.bild_x {position:relative;width:100vw;height:32.448vw;background: radial-gradient(circle closest-side, #ee7a09, #E84C18);overflow:hidden;}
.bild_g {position:absolute;left:0px;top:0px;width:100vw;height:32.448vw;opacity: 0.15;background-repeat: no-repeat;background-size: 100vw auto;}
.bild_k {position:absolute;left:38.0vw;top:4.224vw;width:24.0vw;height:24.0vw;border-radius:12.00vw;background-repeat:no-repeat;background-size: 100vw auto;background-position: center;transition: all 0.5s ease-out;}
.bild_k:hover {position:absolute;left:0px;top:0px;width:100vw;height:32.448vw;border-radius:0;}

#home .bild_z {background-image:url(../img/home.jpg);}
#behandlungsraeume .bild_z {background-image:url(../img/praxis_behandlung.jpg);}
#op_bereich .bild_z {background-image:url(../img/praxis_op.jpg);}
#labor .bild_z {background-image:url(../img/praxis_labor.jpg);}
#station .bild_z {background-image:url(../img/praxis_station.jpg);}
#impressum .bild_z {background-image:url(../img/impressum.jpg);}
#datenschutz .bild_z {background-image:url(../img/impressum.jpg);}
#kontakt .bild_z {background-image:url(../img/kontakt.jpg);}
#leistungen .bild_z {background-image:url(../img/leistungen.jpg);}
#digitales_roentgen .bild_z {background-image:url(../img/leistungen_roentgen.jpg);}
#ultraschall .bild_z {background-image:url(../img/ultraschall.jpg);}

/* bilder mit kreis team */
.bild_x_t {position:relative;width:100vw;background: radial-gradient(circle closest-side, #ee7a09, #E84C18);overflow:hidden;padding-bottom:50px;}
.bild_i_t {width:800px;margin:0 auto;}
.bild_o_t {float:left;width:400px;max-width:100vw;height:350px;}
.bild_k_t {margin:0 auto;margin-top:20px;width:224px;height:224px;border-radius:112px;background-repeat:no-repeat;background-position: center;transition: all 0.5s ease-out;}
.bild_k_t:hover {border-radius:0;}

.bild_z_t_1 {background-image:url(../img/team_hanne_marco_kratz.jpg);}
.bild_z_t_2 {background-image:url(../img/team_simone_reindl.jpg);}
.bild_z_t_6 {background-image:url(../img/team_sofie_schneider.jpg);}
.bild_z_t_4 {background-image:url(../img/team_selina_kirner.jpg);}
.bild_z_t_5 {background-image:url(../img/team_viktoria_barth.jpg);}

.inside_t {color:#ffffff;}
.inside_t p {margin:0;padding:0;}
.insidebl_t {margin-top:40px;text-align:center;line-height:30px;}


.kontakt_map {position:relative;width:100vw;height:32.448vw;min-height:350px;overflow:hidden;}

/* Inside */
.inside {width:100vw;margin-bottom:3vw;margin-top:2vw;}
.inside h2 {font-size:16px;color:#E84C18;line-height:30px;margin:0;padding:0;}
.inside p {margin:0;padding:0;}
.insidebl {text-align:center;width:32vw;margin:0 auto;line-height:30px;}
.insidebl_left {text-align:left;width:32vw;margin:0 auto;line-height:30px;}
.insidebl_multi {text-align:center;width:32vw;margin:0 auto;line-height:30px;}


@media screen and (max-width:800px) {
	.bild_i_t {width:400px;max-width:100vw;}
}

#menu-trigger {display:none;}
.rmen {display:none!important;}
@media screen and (max-width:950px) {
	
	#kopf {height:270px;}
	#logo {bottom:86px;}
	#headline {bottom:25px;font-size:40px;}
	#inhalt {margin-top:270px;}
	/* #kopf {position:fixed;top:0px;left:0px;z-index:400; width:100%; height:139px;} */
	#menor {display:none!important;}
	.mens {display:none!important;}
	.rmen {display:block!important;}
	#menu-trigger {position:absolute;top:10px;left:2.5%;z-index:999;display: block;height: 35px;width: 35px;line-height: 20px;padding-left:23px;cursor: pointer;background:url(../img/burger.png) no-repeat 0px 0px;}
	#menul {margin: 0; padding:0;position: absolute;top:50px;left:2.5%;z-index: 900;display: none;}
	#menul ul {position: static;visibility: visible;margin: 0;border:0;margin:0;padding:0;}
	#menul ul ul {margin:0 !important;} 
	#menul li {position: static;display: block;float: none;border: 0;margin:0;padding:0;line-height:30px;}
	#menul ul li{margin-left: 10px;}
	#menul a {display:block;float: none;text-align: left;padding-left: 10px;height: 50px;line-height: 50px;border-top-right-radius: 0px;width:150px;background:#ffffff;}
	#menul ul a{padding: 0;width: auto;line-height: 30px;}

	
	#foot1,#foot2,#foot3 { float:left;width:90%;padding-right:5%;padding-left:5%;}
	#foot2 { border-left:0;border-right:0;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}

	.insidebl {width:90%;}
	.insidebl_left {width:90%;}
	.insidebl_multi {width:90%;}
	.bild_g_s .startlogo {width: 80vw !important;}

}


@media screen and (min-width:950px) {
	#menul {display:block !important;}
}
@media screen and (max-width:460px) {
	#kopf {height: 160px;padding-bottom:0px;}
	#logo {bottom:40px;height:110px;}
	#headline {bottom:0px;font-size:8vw;}
	#inhalt {margin-top: 170px;}
}




/* Cookie-Steuerung */
#cookiecon *, #cookiecon ::before, ::after {box-sizing: initial!important;}

#mapss {float: left;width: 100%;background-color:#F1F7F3;text-align:center;font-size:14px;padding-bottom:20px;}
#mapss svg {height:auto;width:160px;margin:0 auto;margin-top:75px;margin-bottom:25px;display:block;}
#mapss button {border: 1px solid #1f1f1f;border-radius:3px;font-weight:normal;font-size: 16px;padding:10px;margin:0;outline:none;transition: 0.3s;background:#004799;color:#ffffff;cursor: pointer;}
#mapss button:hover {background:#ffffff;color:#1f1f1f;}


#cookiecon {display:block;background-color:#C4C4C4;color:#1f1f1f;padding:25px;width:740px;position:fixed;bottom:20px;left:calc(50vw - 395px);border-radius:5px;z-index:1000;font-size:14px;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;max-width:calc(100vw - 70px);animation:einblenden 1.5s;}
#cookiecon h2 {color:#EB5C27;marin-top:0px;}
#cookiecon .cconul {margin-top:.6em;}
#cookiecon .cconli {float:left;width: calc(100% - 22px);border-radius:4px;border:1px solid #ffffff;padding: 10px;margin-bottom:10px;}
#cookiecon .cconlia {float:left;width: calc(100% - 20px);border-radius:4px;border:1px solid #ffffff;padding: 10px;padding-bottom: 0px;margin-bottom:10px;}
#cookiecon .cconlii {clear:both;}
#cookiecon #coconli {float:left;width:100%;}
#cookiecon a {color:#EB5C27;text-decoration:none;font-weight:bold;}
#cookiecon a:hover {color:#9C9B99;}
#cookiecon input {position: absolute;height:0;width:0;visibility: hidden;}
#cookiecon label {cursor: pointer;display:block;float:left;width:200px;}
#cookiecon .cconspan label::after {content:'';position:absolute;top:2px;width:14px;height:14px;border-radius:7px;transition:0.3s;left: 2px;background:#9C9B99;}
#cookiecon .cconspan label {text-indent:-9999px;width:40px;height:18px;display:block;border-radius:11px;border:2px solid #1f1f1f;position:relative;margin-right:5px;margin-bottom:5px;transition:0.3s;background:#eeeeee;}
#cookiecon input[type=checkbox]:checked ~ label {background:#DCF3DB;border:2px solid #008D48;}
#cookiecon input[type=checkbox]:checked ~ label::after {left: 24px;background:#008D48;}
#cookiecon input[type=checkbox]:disabled ~ label {background:#ffffff;border:2px solid #C8C7C5;}
#cookiecon input[type=checkbox]:disabled ~ label::after {left: 24px;background:#C8C7C5;}
#cookiecon button {border: 1px solid #1f1f1f;border-radius:3px;font-weight:normal;font-size: 16px;padding:10px;margin:0;outline:none;transition: 0.3s;background:#EB5C27;color:#ffffff;cursor: pointer;}
#cookiecon button:hover {background:#9C9B99;color:#1f1f1f;}
#cookiecon button.cconsave {background:#ffffff;color:#EB5C27;margin-right:20px;}
#cookiecon button.cconsave:hover {background:#9C9B99;color:#1f1f1f;}
#cookiecon .cbl1 {float: left;width: 100%;text-align: center;margin-bottom:20px;}
#cookiecon .cbl {float: left;width: 100%;text-align: center;}
#cookiecon button.ccondiv {width:50%;text-align:right;cursor:pointer;float:right;display:block;font-size:13px;line-height:20px;height:20px;background:transparent;color:#000000;border:0px;padding:0;margin:0;}
#cookiecon button.ccondiv:after {content: 'Details einblenden';}
#cookiecon button.ccondiv.ccondivAktiv:after {content: 'Details ausblenden';}
#cookiecon .chl {font-size:15px;font-weight:bold;line-height:20px;}
#cookiecon .ch2 {font-size:15px;line-height:20px;}
#cookiecon span {position: relative;}
#cookiecon .ccon2 {width:100%;clear:both;margin-bottom:8px;}
#cookiecon .ccon3 {clear:both;border-radius:4px;border:1px solid #DCE2E5;padding: 10px;}
#cookiecon .cconlii {max-height: 0px;overflow: hidden;transition: max-height 0.5s linear; }
@media screen and (max-width:800px) {
	#cookiecon {left:10px;}
}
@media screen and (max-width:460px) {
	#cookiecon button {width:90%;}
	#cookiecon button.cconsave {margin-right:0px;margin-bottom:10px;}
}
@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}
#cookiechange {opacity:0.8;background-color:#C4C4C4;color:#EB5C27;border-radius:5px 5px 0px 0px;text-decoration:none;display:none;text-align:center;position:fixed;bottom:0px;left:10px;z-index:1000;font-size:12px;transition: 0.5s;animation:einblenden 1.5s;}
#cookiechange:hover {background:#C4C4C4;color:#1f1f1f;}

.inside.notdienstplan .insidebl{
	background-color: #EB5C27;
	border-radius: 5px;
	color: #fff;
	padding: 1rem;
}
.inside.notdienstplan .insidebl *{
	color: #fff;
}
.inside.notdienstplan .insidebl a{
	font-weight: bold;
	text-decoration: underline;
}
.inside.notdienstplan .insidebl a:hover{
	text-decoration: none;
}