/******************************************************************
/* Theme Designer auf Coming soon ausblenden	
******************************************************************/
body.coming_soon { font-family: 'Open Sans', sans-serif; }
body.coming_soon.themedesigner_active { background-color: #fff; }
.coming_soon .themedesigner_bar, .coming_soon .themedesigner_wrapper, .palette_wrapper  { display: none; }
.coming_soon #themedesigner_iframe_wrapper { padding-left: 0; padding-top: 0; }
.coming_soon #themedesigner_iframe_wrapper .inner { margin: 0; }
#themedesigner_iframe { height: 1000px !important; }
body.coming_soon h1 { color: #000; text-transform: uppercase; letter-spacing: 1px; }


@font-face{
	font-family:"DIN W03 Light";
	src:url("/files/cto_layout/fonts/5590871/6d82533a-28b4-4755-83d5-74d2eb2b5be2.woff2") format("woff2"),url("/files/cto_layout/fonts/5590871/5652257a-eb06-43ed-b7b9-77444c65f9e6.woff") format("woff");
}
@font-face{
	font-family:"DIN W03 Medium";
	src:url("/files/cto_layout/fonts/5591108/3703aeb6-0373-4b02-bfb0-97b66e8f2f86.woff2") format("woff2"),url("/files/cto_layout/fonts/5591108/4f99cc7e-9e83-4698-bf36-c7033e16db05.woff") format("woff");
}


/**********************************************************************************
Farben
Blau: #CE0E2D
**********************************************************************************/
:root {
  --spitex_farbe_1: #095096;
  --spitex_farbe_2: #008b3b;
}

/******************************************************************
Grundkonfiguration
******************************************************************/
body{
	font-family:"DIN W03 Light";
	font-size: 18px;
	line-height: 150%;
}
h1{
	font-family:"DIN W03 Medium";
	font-size: 34px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #666;
}
h2{
	font-size: 24px;
	margin-top: 34px;
	margin-bottom: 20px;
}
h3{
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: 15px;
}
h4{
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: 15px;
}
h5{
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: 15px;
}
h6, h6 a{
	font-family:"DIN W03 Light";
	font-size: 22px;
	color: #000;
}

a, p a{
	font-family:"DIN W03 Light";
	color: #000;
	text-decoration: underline;	
}
a:hover{
	text-decoration: none;	
}
p {
  margin-bottom: 6px;
}	

#offcanvas-top, #contentwrapper {
  max-width: 1210px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
#wrapper{
	z-index: 1;
}
#container{
	background-color: transparent;	
}


/******************************************************************
Kopfbereich
******************************************************************/
#slider{
	min-height: 70px;
}
.mod_top_phone {
	font-size: 15px;
	display: block;
	line-height: 100%;
	height: 20px;
	position: absolute;
	top: 65px;
	right: 280px;
}
.mod_top_mail {
	font-size: 15px;
	display: block;
	line-height: 100%;
	height: 20px;
	position: absolute;
	top: 65px;
	right: 90px;
}
.mod_suchlink {
	font-size: 15px;
	display: block;
	line-height: 100%;
	height: 20px;
	position: absolute;
	top: 65px;
	right: 30px;
}
#header .fa{
	color: var(--spitex_farbe_1);
}
.stickyheader .mod_top_phone, .stickyheader .mod_top_mail, .stickyheader .mod_suchlink {
	top: 25px;
}

.stickyheader .header{
	width: 100%;
	max-width: 100%;
}
.stickyheader .header .inside{
	max-width: 1110px;

}

#voraktuelles{
	height: 140px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#voraktuelles{
		width: 80%;
		font-size: 14px;
	}	
}
@media screen and (max-width: 500px) {
	#voraktuelles{
		width: 100%;
		font-size: 12px;
	}	
}
.voraktuellesbutton{
	display: block;
	width: 19%;
	height: 100px;
	float: left;
	margin-right: 3%;
	margin-left: 3%;
	background-position: center top;
	background-size: 50px;;
	padding-top: 50px;
}
.voraktuellesbutton:hover{
	opacity: 0.7;
}
.voraktuellesbutton{
	text-decoration: none;	
}
.voraktuellesbutton.angebot{
	background-image: url(/files/cto_layout/img/ic_angebot.png);
}
.voraktuellesbutton.verein{
	background-image: url(/files/cto_layout/img/ic_vereinsmitglieder.png);
}
.voraktuellesbutton.anmeldung{
	background-image: url(/files/cto_layout/img/ic_patientenanmeldung.png);
}
.voraktuellesbutton.bewerben{
	background-image: url(/files/cto_layout/img/ic_bewerben.png);
}

.fa{
	margin-right: 5px;
}
@media screen and (max-width: 768px) {
	.mod_top_phone {
		font-size: 13px;
		top: 20px;
		right: 100px;
	}
	.mod_top_mail {
		font-size: 15px;
		top: 40px;
		right: 100px;
	}	
	.header .inside{
		padding-left: 0px !important;
	}
	#contentwrapper {
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.mod_suchlink {
		display: none;
	}
	.stickyheader .mod_top_phone {
		top: 10px;
	}
	.stickyheader .mod_top_mail{
		top: 25px;
	}
	.stickyheader .header.cloned .logo {
		padding-left: 20px;
	}
  .logo {
    height: 90px;
  }
}
@media screen and (max-width: 768px) {
	.mod_top_phone, .mod_top_mail {
		display: none;
	}	
}





.smartmenu {
	top: 400px;
}
@media only screen and (max-width: 768px) {
	.smartmenu {
		display: block !important;
	}
	.smartmenu {
		z-index: 2000;
		position: fixed;
		top: 20px;
		right: 20px;
		width: 50px;
	}
	.header {
		width: 50%;
		float: left;
	}
	.smartmenu-trigger {
		width: 50px !important;
		height: 50px !important;
	}
	.smartmenu .smartmenu-trigger .line {
		margin-left: 5px;
		width: 40px;
	}
	.smartmenu-content {
		left: 0px !important;
		width: 100%;
		overflow: auto;
	}
	.smartmenu-content .smartmenu-close {
		top: 20px;
		right: 20px;
		width: 60px !important;
	}
}
.mmenu_trigger {
	display: none !important;
}



.smartmenu {
	z-index:1000;
	position: fixed; 
	top: 260px;	
	right: calc((100% - 1210px) / 2);
	width: 100px;
}
.startseite .smartmenu{
	top: 160px;	
}
@media screen and (max-width: 1200px) {
	.smartmenu{
		position: fixed;
		right: 0px;
		width: 100px;
	}	
}
@media screen and (max-width: 768px) {
	.smartmenu .smartmenu-trigger .line {
		margin-left: 10px !important;
	}
}

.smartmenu-trigger{
	position: absolute;
	width: 100px !important;
	height: 60px !important;
	background-color: var(--spitex_farbe_1);
	color: #FFF;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 30px;
}

.smartmenu .smartmenu-trigger .line {
	width: 40px;
	margin-left: 30px;
	height: 2px;
	background: #fff;
}
.smartmenu .smartmenu-trigger .line::before, .smartmenu .smartmenu-trigger .line::after, .smartmenu .smartmenu-trigger .line {
	width: 40px;
	height: 2px;
	background: #fff;
}
.smartmenu-content .smartmenu-close {
	position: fixed;
	padding: 10px;
	top: 260px;	
	right: calc((100% - 1210px) / 2);
	width: 100px !important;
	height: 60px !important;
	background-color: var(--spitex_farbe_1);
	color: #FFF;
	cursor: pointer;
}
@media screen and (max-width: 1200px) {
	.smartmenu-content .smartmenu-close{
		position: fixed;
		right: 0px;
		top: 20px;	
		width: 60px !important;
	}	
}
@media screen and (max-width: 768px) {
	.smartmenu{
		top: 20px;
		right: 20px;
		width: 60px;
		padding-right: 20px;
	}	
	.smartmenu-trigger{
		width: 60px !important;
	}
}
.smartmenu-content .smartmenu-close::before, .smartmenu-content .smartmenu-close::after {
	background: rgba(255,255,255,1);
}
.mmenu_trigger{
	position: absolute;
	width: 45px !important;
	height: 45px !important;
	padding: 12px;
	background-color: var(--spitex_farbe_1);
	color: #FFF;
	top: 110px;
	right: 20px;
}
.mmenu_trigger .burger .burger_lines::before, .mmenu_trigger .burger .burger_lines::after, .mmenu_trigger .burger .burger_lines{
	background: #fff;
}
.mmenu_trigger .label{
	display: none;
}
@media screen and (max-width: 768px) {
	.stickyheader .mmenu_trigger{
		top: 30px;
		right: 20px;
	}
	.mmenu_trigger{
		top: 30px;
		right: 0px;		
	}
}
/*
.startseite .smartmenu {
	padding-top: 25%;
}
*/
.mmenu_overlay{
	background: rgba(255,255,255,1);
}


.smartmenu-content {
	position: fixed;
	z-index: 100000000;
	left: calc(50% - 625px);
	top: 0;
	width: 100%;
	max-width: 1230px;
	height: 100%;
	background: rgba(243,243,243,1);
	visibility: hidden;
	text-align: center;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}
@media screen and (max-width: 1230px) {
	.smartmenu-content {
		position: fixed;
		z-index: 100000000;
		left: 0;
		top: 0;
		width: 100%;
		max-width: 1230px;
		height: 100%;
		background: rgba(243,243,243,1);
		visibility: hidden;
		text-align: center;
		opacity: 0;
		transition: All 0.5s ease;
		-webkit-transition: All 0.5s ease;
	}	
}

.smartmenu-content .smartmenu-table {
	margin-top: 20px;
}
.smartmenu-content .mod_navigation li:not(.floatbox){
	line-height: 130%;
	padding: 0px;
}
.smartmenu-content .mod_navigation a {
	color: #000;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	color: #666;
}
.a-level_1{
	text-decoration: none;
	font-size: 24px;
	font-family:"DIN W03 Medium";
	cursor: pointer;
	color: #666;
}
.a-level_2, .a-level_3{
	text-decoration: none;
	font-size: 18px;
	font-family:"DIN W03 Light";
	cursor: pointer;
	color: #666;
}
.a-level_1:hover, .a-level_2:hover{
	text-decoration: underline;
	color: #000;
}
.smartmenu-content .subitems_trigger{
	margin-left: 0px;
}
.smartmenu-content .subitems_trigger::before {
	content: '';
}
.smartmenu-content .mod_navigation li.open > .subitems_trigger::before {
	content: '';
}
.smartmenu-content .mod_navigation a.active {
	border: none;
}

.a-level_1 {
  animation-duration: 1800ms;
  animation-name: nav_a_slidein;
}

@keyframes nav_a_slidein {
  from {
    margin-top: 30%;
    height: 150%;
  }

  to {
    margin-top: 0%;
    height: 100%;
  }
}


#vornav{
	height: 140px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 20px;
}
.vornavbutton{
	display: block;
	width: 19%;
	height: 100px;
	float: left;
	margin-right: 3%;
	margin-left: 3%;
	background-position: center top;
	background-size: 50px;;
	padding-top: 50px;
}
.smartmenu-content .mod_navigation a.vornavbutton{
	font-size: 14px;
	color: #000 !important;	
}
.vornavbutton.angebot{
	background-image: url(/files/cto_layout/img/ic_angebot.png);
}
.vornavbutton.verein{
	background-image: url(/files/cto_layout/img/ic_vereinsmitglieder.png);
}
.vornavbutton.anmeldung{
	background-image: url(/files/cto_layout/img/ic_patientenanmeldung.png);
}
.vornavbutton.bewerben{
	background-image: url(/files/cto_layout/img/ic_bewerben.png);
}


#nachnav{
	height: 200px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 20px;
}
@media screen and (max-width: 1200px) {
	#nachnav{
		width: 70%;
	}	
}
.nachnav_spalte_1, .nachnav_spalte_2, .nachnav_spalte_3{
	display: block;
	float:left;
	text-align:left;
	font-size: 14px;
	line-height: 130%;
}
.nachnav_spalte_1{
	width: 35%;
}
.nachnav_spalte_2{
	width: 35%;
}
.nachnav_spalte_3{
	width: 30%;
}
.nachnav_spalte_1 .fa{
	font-size: 30px;
	color: var(--spitex_farbe_1);
	margin-right: 20px;
}
#nachnav a{
	color: #000;
}
#mmenu li i{
	margin-right: 0px;
}
@media screen and (max-width: 560px) {
	#vornav {
	  width: 70%;
	}
	.nachnav_spalte_1{
		width: 100%;
	}
	.nachnav_spalte_2{
		display: none;
	}
	.nachnav_spalte_3{
		width: 100%;
	}	
}

/******************************************************************
Aktuelles
******************************************************************/
.newslist-v3 .content {
	height: 270px;
	padding: 5%;
	padding-top: 4%;
	background: rgb(255,255,255);
	border: 0px;
	overflow: hidden;
}
.newslist-v3 .date-top {
	top: 30px;
	background: rgb(255,255,255,0.7);
	color: #000;
	text-align: center;
	line-height: 1;
	padding: 15px;
}
.newsreader .info {
  margin-bottom: 35px;
  background: none;
  padding: 0px;
}


/******************************************************************
Inhalt
******************************************************************/
.mod_article.seiteninhalt, #main .mod_article.fullwidth.seiteninhalt{
	background-color: #f3f3f3;
	padding-left: 10%;
	padding-top: 50px;
	padding-right: 10%;
	padding-bottom: 50px;
	margin-bottom: 50px;
	min-height: 350px;
}

/* Akkordeon */
.ce_accordion{
	background-color: #FFF;	
	border: 1px solid rgb(255,255,255);
	margin-bottom: 5px;
}
.ce_accordion .toggler::before {
  color: rgb(0,0,0);
}

/* Call to action */
.call2action{
	background-color: var(--spitex_farbe_2);
	color: #fff;
	position: fixed; 
	top: 600px;	
	left: calc((100% - 1210px) / 2);
	z-index: 1000;
	height: 120px;
	width: 120px;	
	hyphens: none !important;
}
.call2action a{
	font-family:"DIN W03 Medium";
	display: block;
	height: 120px;
	padding: 10px;
	text-align: center;
	color: #fff;
	hyphens: none !important;
	word-wrap: normal;
}
.call2action:hover{
	background-color: var(--spitex_farbe_1);
}
@media screen and (max-width: 1200px) {
	.call2action{
		position: fixed;
		left: 0px;
		top: auto;
		bottom: 100px;
		margin-left: 0px;
	}	
}
@media screen and (max-width: 768px) {
	.call2action{
		height: 80px;
		width: 80px;
	}
	.call2action a{
		padding: 5px;
		font-family:"DIN W03 Light";
		font-size: 14px;
	}	
}
@media screen and (max-width: 460px) {
	.call2action{
		display: none;
	}	
}


.responsivetextgross{
	display: block;
}
.responsivetextklein{
	display: none;
}

@media screen and (max-width: 700px) {
	.responsivetextgross{
		display: none;
	}
	.responsivetextklein{
		display: block;
	}
}

grizoon-widget {
	bottom: 40px !important;
}
#aitextbox{
    position: fixed;
    bottom: 5px;
    font-size: 13px;
    width: 265px;
    height: 30px; /* Hinzugefügt: Fixe Höhe von 40px */
    padding: 6px;
    right: 20px;
	line-height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    overflow: hidden;
    z-index: 1000;
    text-align: center;
	background-color:#FFF;
}



/******************************************************************
Teamkarte
******************************************************************/
img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}
.responsivekartechur{
	position: relative;
	padding-bottom: 107%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;	
}
.responsivekartechur iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/******************************************************************
Stellen
******************************************************************/
#yousty-app a, #yousty-app h4{
	font-size: 18px;
}
.fEgLCs{
	padding: 10px !important;
}


/******************************************************************
Suche
******************************************************************/
.mod_search .widget-text{
	width: 70%;
}
.mod_search .widget-submit{
	width: 30%;
}
.widget-submit button{
	width: 100% !important;
}


/******************************************************************
Tabellen
******************************************************************/
.ce_table.tarif, .ce_table.tarif table {
  	margin-bottom: 0px;
}
.ce_table.tarif td{
	font-size: 100%;
	padding: 5px;
	white-space: normal;
	vertical-align: top;
	hyphens: manual;
	background-color:#FDFDFD;
}
.ce_table.tarif td.col_1{
	width: 180px;
	text-align:right;
}

.autogrid_row .column{
	margin-bottom: 20px;
}


/******************************************************************
Stellen
******************************************************************/
#yousty-app a, h2.jmKKCK, .zyMOj h2, .MuiModal-root, article .jZAOYo, div .MuiBox-root, .jZAOYo p{
	font-family:"DIN W03 Medium" !important;
	font-size: 22px;
}
h3.dZzpDc{
	font-family:"DIN W03 Medium" !important;
	font-size: 18px;
}
#yousty-app a, #yousty-app h4, .zyMOj h4, .jZAOYo ul{
	font-family:"DIN W03 Light" !important;
	font-size: 18px;
}
.epRrkp, .zyMOj ul, .zyMOj ol, .zyMOj p, .fHopGf, .kwevjk, .dhajWx, .ktjICm{
	font-family:"DIN W03 Light" !important;
	padding: 0px !important;
}
.jsDtWO{
	font-family:"DIN W03 Light" !important;
	padding: 10px !important;
}



/******************************************************************
Fusszeile
******************************************************************/
#footer .inside {
	max-width: 650px;
}
#footer .mod_socials a{
	color: var(--spitex_farbe_1);
}
#footer .mod_socials a i{
	margin-right: 5px;
}
#footer .mod_socials .fa{
	border-width: 1px;
	border-style: solid;
	border-color: var(--spitex_farbe_1);
	border-radius: 10px	
}
.ce_iconbox .fa{
	color: var(--spitex_farbe_1);;
}