html { height: 100%; margin: 0; padding: 0; overflow-y: scroll; }
body {
	margin: 0;
	padding: 0;
	font-family: "DM Sans", Sans-Serif;
 	font-size: 10px;
	background-color: #ffffff;
	height:100%;

	--color-txt-grey: #7A7B7D; 
	--color-txt-darkblue: #0A394E; 
	--color-txt-blue: #0090D7;
	--color-txt-orange-light: #ec7734;
	--color-txt-orange: #ff792b;
	--color-txt-orange-dark: #dd621b;


	--color-bg-orange: #EC671A;
	--color-bg-orange-hover: #cc5a18;
	--color-bg-darkblue: #0A394E;
	--color-bg-darkblue-lighter: #084F70;
	--color-bg-lightblue: #EFF5FA;
	--color-bg-blue: #0090D7;
	--color-bg-blue-hover: #0077b3;
	--color-bg-karriere-dblue: #15658F;
	--color-bg-karriere-turquoise: #ABEDD8;
	
	--color-txt-blue-karriere: #15658F;

	--header-height1: 142px;
	--header-height2: 70px;
	--header-height-mobil: 70px;

	--header-txt-color: var(--color-txt-darkblue);

	--header-height: var(--header-height1);
	--page-padding: 50px;
	--content-maxwidth: 1320px;
	--content-width-2: 1100px;
	--content-width-1: 780px;

	--padding-article-margin: 70px;
	--padding-bgcolor-box: 70px;

	--radius-medium: 10px;
	--radius-small: 5px;

	color: var(--color-txt-grey);
}

body.hero {
	--header-txt-color: white;
}

.scrolled body.hero {
	--header-txt-color: black;
}

.has-open-dialog { overflow: hidden; scrollbar-gutter: stable; } /* prevent scrolling when dialog is open */

#logoBox, 
#header, 
.headbar-secondary, 
.headbar-primary, 
#nav1 .level1, 
#nav1 .level1 svg, 
#langsel svg { transition: all .5s; }



a img { border: 0; }
img { vertical-align: bottom; }

iframe { border: none; }

a { color: #0190D4; text-decoration: underline; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4 { font-weight: 700; font-family: Inter, sans-serif; margin: 0; margin-bottom: 0.5em; color: black; }
p { margin: 0; margin-bottom: 1em; }




.clear { clear: both; }
.hid { display: none; }
.clearafter:after, .ceWrapper:after, .pcHeadrow:after { visibility: hidden; display: table; font-size: 0; content: " "; clear: both; height: 0; }

#overallContainer { overflow-y: hidden; color: var(--color-txt-grey); }
#header { display: block; position: fixed; width: 100%; height: var(--header-height); left: 0; top: 0; z-index: 20; background: #fff; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%); padding-top: 6px; box-sizing: border-box; }
#header::after { content: ""; display: block; width: 100%; height: 6px; position: absolute; top: 0; left: 0; background-color: var(--color-txt-blue); z-index: 10; }
	.headbar-secondary { height: 42px; width: auto; z-index: 9; position: relative; top: 0; float: right; border-bottom: 3px solid var(--color-txt-blue); }
		.headbar-secondary .wrap { float: right; display: flex; }
		.headnav { line-height: 1.6em; font-size: 12px; color: var(--header-txt-color); padding-right: 24px; }
		.headnav a { color: var(--header-txt-color); text-decoration: none; white-space: nowrap; line-height: 42px; display: inline-block; padding: 0 12px; }
		#notfall { color: white; text-transform: uppercase; text-decoration: none; height: 42px; width: 150px; display: inline-block; background-color: #EC671A; font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; padding-right: 30px; box-sizing: border-box; }
		#notfall::after { content: ""; width: 21px; height: 21px; display: block; position: absolute; top: 11px; right: 30px; background-image: url(/files/sysimages/phone-call.svg); background-repeat: no-repeat; background-size: 21px; }
		#hsearch { min-width: 128px; height: 42px; }
		.headbar-secondary::after { content: ""; display: block; width: 43px; height: 29px; position: absolute; left: -37px; bottom: -9.5px; background-image: url(/files/sysimages/sinusberge.svg); background-repeat: no-repeat; }
	.headbar-primary { position: absolute; left: 0; bottom: 0; height: 102px; width: 100%; z-index: 8; }

	#logoBox { position: absolute; top: -10px; left: var(--page-padding); width: 254px; z-index: 10; }
	#logoBox img, #mobnavlogoBox img { width: 100%; height: auto; }
	.site-logo-white { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: auto; }
	#hnavbar { position: absolute; height: 66px; right: 0; bottom: 0; width: 100%; }

.head-spacer { height: var(--header-height); transition: height .5s; }
.with-newsbar .head-spacer { height: calc(var(--header-height) + var(--newsbar-height)); }

/* desktop navi */
#nav1 { position: absolute; right: 0; bottom: 0; width: 100%; }
#nav1 ul.ullevel1 { margin: 0; padding: 0; list-style: none; margin-right: 40px; display: flex; justify-content: flex-end; }

#nav1 a.level1, #nav1 span.level1 { display: block; position: relative; color: var(--header-txt-color); text-decoration: none; cursor: pointer; }
#nav1 .level1 { font-size: 16px; line-height: 72px; height: 72px; font-weight: 700; padding: 0 44px 0 18px; box-sizing: border-box; stroke: var(--header-txt-color); font-family: Inter, sans-serif; text-transform: uppercase; }
#nav1 .level1 svg { position: absolute; top: 50%; margin-top: -3px; right: 18px; width: 15px; height: 8px; stroke: var(--color-bg-orange); }

#nav1 .level1:hover, #nav1 .level1:focus {  }
#nav1 .level1.track { color: var(--color-txt-orange-dark); }

#nav1 .open .level1::after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--color-bg-darkblue);  }
#nav1 .level2-flyout { display: none; position: absolute; width: 100%; max-width: 100%; top: 72px; left: 0; box-sizing: border-box; background-color: var(--color-bg-darkblue); box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 20%);  }
#nav1 .level2-flyout ul.level3 { 
/*	max-height: calc(100vh - var(--header-height));
  overflow-y: auto;              
  -webkit-overflow-scrolling: touch; */ }
  #nav1 .level2-flyout { 
	max-height: calc(100vh - var(--header-height));
  overflow-y: auto;              
  -webkit-overflow-scrolling: touch; }
#nav1 .open .level2-flyout { display: block; }
#nav1 ul.level2 { padding: 0; max-width: var(--content-maxwidth); margin: 0 auto; box-sizing: border-box; position: relative; }
#nav1 .ul2head { position: absolute; top: 50px; left: 0; display: block; font-size: 16px; color: white; text-transform: uppercase; font-weight: 700; border-bottom: 2px solid white; padding-bottom: 8px; }

#nav1 .clusterhead, .fb-start-liste .clusterhead { display: block; font-size: 16px; line-height: 1.2em !important; color: white; font-weight: 400; padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1px solid white; margin-top: 20px; }
#nav1 .ncol > li:first-child .clusterhead, #nav1 .ncol > .clusterhead:first-child { margin-top: 0; }


#nav1 ul.level3 { display: block; position: relative; margin-bottom: 0; padding-left: 0; }

#nav1 .threelevel ul.level3 { display: none; }
#nav1 .threelevel ul.level2 > li:first-child { border-top: 100px solid var(--color-bg-darkblue); }
#nav1 .threelevel .level2.clusterhead { background-color: var(--color-bg-darkblue); margin: 0; padding: 20px 80px 20px 30px; background-image: url(/files/sysimages/white_arrow.svg); background-position: right 40px center; background-repeat: no-repeat; width: 340px; box-sizing: border-box; border-bottom: none; cursor: pointer; }
#nav1 .threelevel li.open .level2.clusterhead { background-color: var(--color-bg-darkblue-lighter); background-image: url(/files/sysimages/orange_arrow.svg); }

#nav1 .threelevel ul.level2 ul.level3 { display: none; padding: 0; position: absolute; width: calc(100% - 340px); top: 0; left: 340px; padding: 54px 10px 54px 80px; box-sizing: border-box; background-color: var(--color-bg-darkblue-lighter); }


#nav1 .threelevel ul.level2 > li.open ul.level3 { display: block; }


#nav1 .twolevel ul.level2 { /*column-count: 3; column-gap: 20px;*/ padding: 60px 10px 80px 80px; }

#nav1 ul.level2 li { list-style: none; display: block; }


#nav1 .colwrap { display: flex; column-gap: 30px; }
#nav1 .colwrap > .ncol { flex: 1; }


#nav1 a.level3, #nav1 .twolevel a.level2 { display: block; font-size: 16px; color: white; font-weight: 400; line-height: 1.4em; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; background-image: url(/files/sysimages/orange_arrow.svg); background-repeat: no-repeat; background-position: left 9px; background-color: transparent; text-decoration: none; }

span.level2.active { background-color: var(--color-bg-darkblue); color: white; stroke: white; }


#nav1 .threelevel ul.level2 > li:first-child { border-top: 100px solid var(--color-bg-darkblue); }
#nav1 .threelevel a.level2, #nav1 .threelevel span.level2 { background-color: var(--color-bg-darkblue); padding: 20px 80px 20px 30px; background-image: url(/files/sysimages/white_arrow.svg); background-position: right 40px center; width: 340px; }


#nav1 a.level2:hover,
#nav1 a.level3:hover { color: var(--color-txt-orange); }
#nav1 .level3 { font-size: 16px; line-height: 1.6em; }

#nav1 .level2 li a:hover { /* background: #626161; */ }

#nav1 .level3:hover { /* background: #626161; */ }

#nav1 .level2.mm-listitem_selected { color: var(--color-txt-orange); }
#nav1 .level3.mm-listitem_selected { color: var(--color-txt-orange); }


.mbutton.level1 { border: none; background-color: transparent; }

#nav1 ul.second { display: none; }
ul.second { position: absolute; bottom: 0; left: 0; width: 100%; background-color: var(--color-bg-lightblue); }
ul.second li a { display: block; padding: 12px 15px; font-size: 14px; }
ul.second li:first-child a { margin-top: 8px; }
ul.second li:last-child { margin-bottom: 8px; }
ul.second li a.lang-item { display: inline-block; }

.closer { position: absolute; bottom: 0; left: 0; height: 0px; background: rgba(0,0,0, 0.6); width: 100%; opacity: 0; transition: opacity .4s ease; }
/*.mm-wrapper_opened .closer { height: 120px; opacity: 1; transition: opacity .4s ease; }*/
.closer .x { position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; left: 24px; color: #93c020; }
.closer .x svg { width: 100%; }

.closer.open { height: 96px; opacity: 1; transition: opacity .4s ease; }


/* mobile navi */
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { -webkit-transform: translate(-100vw, 0);
    -ms-transform: translate(-100vw,0);
    transform: translate(-100vw, 0);
    -webkit-transform: translate3d(-100vw, 0, 0);
    transform: translate3d(-100vw, 0, 0); }
.mm-menu_offcanvas { width: 100%; }

.mm-menu { color: white; background: var(--color-bg-darkblue); font-size: 18px; }
.mm-menu .mm-listitem > a,
.mm-menu .mm-listitem .nolink { font-weight: 500; }
.mm-menu .active, .mm-menu .track {  }
.mm-listitem.aktiv { background-color: var(--color-bg-blue); }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: white; }
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview .mm-btn_next:after { border-color: var(--color-bg-orange); }
.mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-listview .mm-btn_next:after { border-color: white; }
.mm-listitem:after { content: none; }

.mm-listitem.clusterhead { font-size: 18px; color: white; font-weight: 700; border-bottom: 1px solid white; margin: 30px 10px 10px 20px; }

.ullevel1.mm-listview,
ul.level2.mm-listview,
ul.level3.mm-listview { padding-top: 8px; }

[class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker{opacity:.3;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-page__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-page__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-page__blocker{background:#fff}

.mm-menu .mm-listitem_selected {  }
/* xtra suche */
.mm-navbar {  }
.mm-panel_has-navbar .mm-navbar { border-color: var(--color-txt-blue-karriere); box-sizing: border-box; }
.mm-menu .mm-navbars_top .mm-navbar { height: 116px; }
.mm-menu_navbar_top-1 .mm-panels { top: 0; margin-top: 116px; }
.mm-btn_close { position: absolute; top: 0; right: 0; padding: 20px; width: 20px; height: 20px; cursor: pointer; color: #000; }
.mm-navbar__title { font-size: 14px; }
ul.level3.mm-listview { display: block; position: relative; top: 0; left: 0; column-count: auto; width: auto; }

.mm-menu .level2.mm-listitem_selected { color: #7decff; }
.mm-menu .level3.mm-listitem_selected { color: #7decff; }

#mobnavclose { position: absolute; top: 9px; right: 6px; padding: 10px; width: 52px; height: 52px; cursor: pointer; color: #000; }

.mm-menu .ul2head { display: none; }
ul.level2.twolevel ul.level3 { display: none; }


#mobNavButton { display: none; text-align: center; z-index: 10; }
#mobNavButton { position: absolute; width: 70px; height: 70px; top: 0; right: 0; padding-top: 28px; padding-right: 4px; cursor: pointer; box-sizing: border-box; }


.with-newsbar #mobNavButton { top: 82px; }

#mobAmbulanz112 { display: none;  position: absolute; right: 70px; top: 12px; z-index: 10; }
#mobAmbulanz112 a { display: block; padding: 10px; }
#mobAmbulanz112 img { width: 100%; height: auto; }

/* header search */
#hsearch { background: #F8F8F9; padding-right: 12px; box-sizing: border-box; }

.hsearchfield { width: 128px; padding: 13px 12px 12px 12px; color: black; outline: none; -webkit-appearance: textfield; box-sizing: border-box; font-family: inherit; font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 1em; }
.hsearchfield { background: #F8F8F9 url(/files/sysimages/icon_search.svg) no-repeat right center; background-size: 16px; border: none; }
.hsearchfield { transition: all .5s;  }
.hsearchfield:focus { width: 300px;  }
.hsearchfield::-webkit-search-decoration,
.hsearchfield::-webkit-search-cancel-button {
	display: none; 
}
.hsearchfield::placeholder { color: black; }
.hsearchfield::-ms-input-placeholder { color: black; }

#mobsearch { position: relative; margin-top: 70px; height: 46px; padding: 0; box-sizing: border-box; }
#mobsearch .mobsearchfield { color: white; width: 100%; height: 46px; padding: 6px 6px 6px 10px; font-size: 16px; box-sizing: border-box; border: none; }
#mobsearch .mobsearchfield { background-size: 28px; background-color: var(--color-txt-blue);; background-image: url(/files/sysimages/icon_search_white.svg); background-repeat: no-repeat; background-position: calc(100% - 8px) center; }
.mobsearchfield::placeholder { color: white; }
.hsearcmobsearchfieldhfield::-ms-input-placeholder { color: white; }

@media screen and (min-width: 901px) {

	.hero #header, .hero .headbar-secondary { background: transparent; }
	.hero .headbar-secondary { border-bottom: 3px solid white; }
	.hero .headbar-secondary::after { background-image: url(/files/sysimages/sinusberge_white.svg); }
	
	.hero #header { box-shadow: none; }
	.hero .site-logo-white { opacity: 1; transition: opacity .5s; }
	.hero .site-logo { opacity: 0; transition: opacity .5s; }
	.hero .head-spacer { display: none; }
	.hero.with-newsbar .head-spacer { display: block; height: var(--newsbar-height); }

	.scrolled body {
		--header-height: var(--header-height2);
		--newsbar-height: var(--newsbar-height2);
	}
	
	.scrolled body .headbar-secondary { top: -50px; }
	.scrolled body #logoBox { width: 128px; }
	.scrolled body #header { height: var(--header-height); }
	.scrolled body .headbar-primary { height: 44px; }
	.scrolled body #nav1 .level1 { height: var(--header-height); line-height: var(--header-height); }
	.scrolled body #nav1 .level2-flyout { top: var(--header-height); }

	.scrolled .hero #header { background: white; }
	.scrolled .hero #header { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);; border-bottom: 1px solid white; }
	.scrolled .hero .site-logo-white { opacity: 0; }
	.scrolled .hero .site-logo { opacity: 1;  }
}

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

	body {
		--header-height: var(--header-height-mobil);
		--page-padding: 30px;
	}

	/* nav mobil */
	.headbar-secondary { display: none; }
	.closer { display: none; }
	.headbar-primary { height: var(--header-height); position: relative; }
	#header { position: absolute; height: var(--header-height); left: 0; right: 0; top: 0; z-index: 9999; transition: transform .2s ease; }
	#header { box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.1);}
	#header.auto-offset { position: fixed;  }
	#header.auto-offset.scrolling-down { transform: translateY( calc((var(--header-height) + 6px) * -1) );  }
	#header.auto-offset.scrolling-up { transform: translateY(0); }

	
	.with-newsbar #header { height: 156px; }
	.with-newsbar #overallContainer { padding-top: 146px; }
	.with-newsbar #header.auto-offset.scrolling-down { transform: translateY(-152px);  }
	#newsbar { height: 60px;  font-size: 1.6em; }
	#newsbar .pcLink a { background-size: 14px; height: 60px; padding-left: 20px; margin-right: 40px; }
	#newsbarclose { top: 0; right: 0; }

	
	#hnavbar { display: none; }
	#mobNavButton, #mobAmbulanz112 { display: block; }
	
	#logoBox { width: 148px; top: 6px; left: 15px }

	ul.second { background-color: var(--color-bg-darkblue); border-top: 1px solid var(--color-txt-blue-karriere); }
	ul.second li a { color: white; }
}

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

	body {
		--page-padding: 15px;
	}

}



/* hero + kopfbild */
#pc5 { position: relative; z-index: 10; }
.hero #pc5 { padding-bottom: 100px; }
.pc5.hero { position: relative; height: 790px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide-gradient { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0, 0.35); }
.slide-claim { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 60px; box-sizing: border-box; color: white; font-size: 36px; line-height: 1.2em; font-weight: 400; font-family: Inter, sans-serif; text-align: center; } 
.slide-claim span { display: block; font-weight: 700; margin-top: 10px; }

.pc5.kopfbild { position: relative; height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; }



/* hero teaser */
#pc1 { position: absolute; bottom: 0; width: 100%; }
#pc1 .pad { display: flex; column-gap: 20px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
.ceWrapper.pc1.teaser { position: relative; flex: 1;  text-decoration: none; padding-bottom: 60px; margin-bottom: 0; }
.pc1.teaser { background-color: var(--color-bg-darkblue); border-radius: var(--radius-medium); }
.pc1.teaser .icon { position: absolute; width: 60px; height: 60px; left: 26px; top: 50%; transform: translateY(-50%); }
.pc1.teaser .icon img { width: 100%; height: auto; }
.pc1.teaser .txtcol { padding: 25px 30px; color: white; box-sizing: border-box; position: relative; }
.pc1.teaser.withimage .txtcol { padding-left: 110px; }
.pc1.teaser .headline { font-size: 24px; line-height: 1em; font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; }
.pc1.teaser .txt { font-size: 12px; font-weight: 300; line-height: 1.2em; margin-top: 30px; text-decoration: none; }
.pc1.teaser.hellblau { background-color: var(--color-txt-blue); }
.pc1.teaser .button { margin-top: 20px; position: absolute; width: calc(100% - 60px); bottom: 25px; left: 30px; cursor: pointer; }
.pc1.teaser .button.mobil { display: none; }

@media screen and (max-width: 1300px) {
	.pc5.kopfbild { height: 320px; }
	.pc5.hero { height: 680px; }
	.slide-claim { top: 46%; }
	.pc1.teaser .icon { width: 50px; height: 50px; }
	.pc1.teaser .txtcol { padding: 25px 20px; }
	.pc1.teaser .button { width: calc(100% - 40px); left: 20px; }
	.pc1.teaser .headline { font-size: 22px; }
}
@media screen and (max-width: 1050px) {
	.pc5.kopfbild { height: 260px; }
	.pc5.hero { height: 580px; }
	.slide-claim { font-size: 30px; top: 46%; }
	.pc1.teaser.withimage .txtcol { padding-left: 100px; }
	.pc1.teaser .headline { font-size: 20px; }

	#pc1 { bottom: 20px; }
	#pc1 .pad { padding-left: 10px; padding-right: 10px; }
	.pc1.teaser .txtcol { padding: 30px 15px; }
	.pc1.teaser .button { width: calc(100% - 30px); left: 15px; }
	.pc1.teaser.withimage .txtcol { padding-left: 30px; }
	.pc1.teaser .icon { display: none; }
}
@media screen and (max-width: 900px) {
	.pc5.kopfbild { height: 200px; }
	.pc5.hero { height: 480px; }
	.slide-claim { top: 36%; }
}
@media screen and (max-width: 800px) {
	.slide-claim { font-size: 28px; top: 20%; }
	#pc1 { bottom: 0; }
	#pc1 .pad { display: block; width: 100%; padding-left: 0; padding-right: 0; }
	.ceWrapper.pc1.teaser { margin-bottom: 10px; display: block; border-radius: 0; margin-bottom: 2px; }
	.pc1.teaser .txtcol { padding: 15px 20px;  }
	.pc1.teaser.withimage .txtcol { padding-left: 100px;  }
	.pc1.teaser .headline { display: none; }
	.pc1.teaser .txt { display: none; }
	.pc1.teaser .icon { display: block; }

	.pc1.teaser .button { display: none; }
	.pc1.teaser .button.mobil { display: block; }
}
@media screen and (max-width: 600px) {
	.pc5.hero { height: calc(100vh - var(--header-height)); }
	.slide-claim { top: 30%; left: 0; text-align: center; }
}


#breadcrumb { clear: left; position: relative; font-size: 12px; padding-top: 20px; width: 100%; margin: 0 auto; padding-left: var(--page-padding); padding-right: var(--page-padding); box-sizing: border-box; }
#breadcrumb a { font-weight: normal; color: var(--color-txt-grey); text-decoration: none; }
.mobile #breadcrumb { /*margin-top: 60px;*/ }
.hero #breadcrumb { display: none; }



/* pc2 */
.ceWrapper.pc2 { position: relative; margin-top: var(--padding-article-margin); margin-bottom: var(--padding-article-margin); }
.ceWrapper.pc2 .pad { position: relative; width: 100%; max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); margin: 0 auto; padding-left: var(--page-padding); padding-right: var(--page-padding); box-sizing: border-box; }
#pc2 { position: relative; width: 100%; padding-bottom: 0; }
.fachbereich #pc2 { padding-bottom: 0; }
.pc2 .preheading { position: relative; font-size: 12px; text-transform: uppercase; font-weight: 700; font-family: Inter, sans-serif; color: var(--color-txt-blue); padding-left: 52px; padding-top: 8px; margin-bottom: 20px; }
.pc2 .preheading::after { content: ""; display: block; position: absolute; left: 0; top: -1px; width: 43px; height: 29px; background-image: url(/files/sysimages/sinusberge.svg); background-repeat: no-repeat; background-size: contain; }
.pc2 h1, .pc2 h2 { font-size: 36px; line-height: 1.2em; color: black; }
.pc2 h3 { font-size: 24px; line-height: 1.1em; color: black; }
.pc2 h4 { font-size: 18px; line-height: 1.1em; color: black; }
.pc2 .subhead { display: block; font-size: 36px; font-weight: 400; font-family: Inter, sans-serif; color: black; }
.pc2 .edtxt { font-size: 18px; line-height: 1.5em; color: var(--color-txt-grey); }
.pc2 .edtxt p { margin-top: 0; }
.pc2 .edtxt ul { padding-left: 30px; margin-top: 0; }
.pc2 .edtxt ul li { padding-left: 10px; list-style: url("/files/sysimages/check.svg"); padding-bottom: 0.5em; }
.pc2 .edtxt ul li ul { margin-top: 0.5em; }
.pc2 .edtxt ul li ul li { list-style: disc; padding-left: 4px; padding-bottom: 0.2em; }
.pc2 .edtxt ul li::marker { color: var(--color-txt-blue); }
.pc2 .pcBildtext { font-size: 12px; }

.pc2.incfontsize h1, .pc2.incfontsize h2 { font-size: 56px; line-height: 1.2em; }
.pc2.incfontsize .subhead { font-size: 56px; }
.pc2.incfontsize .edtxt { font-size: 22px; }

#fb-tabs-content .pc2 h1, 
#fb-tabs-content .pc2 h2,
#fb-tabs-content .pc2 h3,
#fb-tabs-content .pc2 h4 { color: var(--color-txt-darkblue); }


/* default breite */
.pc2.multi .pad,
.pc2.multibild .pad,
.pc2.standalonelink .pad,
.pc2.link .pad,
.pc2.linkliste .pad,
.pc2.ecThumbs .pad,
.pc2.ecForm .pad,
.pc2.accordion .pad,
.pc2.klappstart .pad,
.pc2.suchfeld .pad,
.pc2.searchresult .pad,
.pc2.resultHead .pad,
.pc2.nomatches .pad,
.pc2.sprechstunden.width-1 .pad,
.pc2.numbers.width-1 .pad,
.pc2.searchinfo .pad { max-width: calc(var(--content-width-1) + (var(--page-padding) * 2)); }


/* einstellung breite */
.pc2.multi.width-2 .pad,
.pc2.multibild.width-2 .pad,
.pc2.standalonelink.width-2 .pad,
.pc2.link.width-2 .pad,
.pc2.linkliste.width-2 .pad,
.pc2.ecThumbs.width-2 .pad,
.pc2.accordion.width-2 .pad,
.pc2.sprechstunden.width-2 .pad,
.pc2.numbers.width-2 .pad,
.pc2.linkmulti.width-2 .pad { max-width: calc(var(--content-width-2) + (var(--page-padding) * 2)); }

.pc2.multi.width-max .pad,
.pc2.multibild.width-max .pad,
.pc2.standalonelink.width-max .pad,
.pc2.link.width-max .pad,
.pc2.linkliste.width-max .pad,
.pc2.accordion.width-max .pad,
.pc2.sprechstunden.width-max .pad,
.pc2.numbers.width-max .pad,
.pc2.linkmulti.width-max .pad,
.pc2.babygal .pad,
.pc2.koerpernavigator .pad,
.tabs-autoheader .pad,
.fb-standorte,
#breadcrumb .pad,
#pc1 .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }

.pc2.multi.frame.topmarge,
.ceWrapper.pc2.multi.topmarge,
.accordion-container .ceWrapper.pc2.multi.topmarge { margin-top: 40px; }
.pc2.multi.frame { background-color: var(--color-bg-lightblue); margin-top: 0; margin-bottom: 0; }
.pc2.multi.frame .pad { padding-top: var(--padding-bgcolor-box); padding-bottom: var(--padding-bgcolor-box); }
.pc2.multi.frameboxed .pad { padding-top: 40px; padding-bottom: 40px; }
.pc2.multi.frameboxed.width-1 { background-color: transparent; }
.pc2.multi.frameboxed.width-1 .pad { background-color: var(--color-bg-lightblue); max-width: var(--content-width-1); }
.pc2.multi.frameboxed.width-2 { background-color: transparent; }
.pc2.multi.frameboxed.width-2 .pad { background-color: var(--color-bg-lightblue); max-width: var(--content-width-2); }


.anchor { height: 0px !important; position: absolute; visibility: hidden; left: 0; top: -60px; }
.with-newsbar .anchor { top: -130px; }
@media screen and (max-width: 1000px) {
	.anchor { top: -78px; }
	.with-newsbar .anchor { top: -122px; }
}


/* multi */
.pc2.twotextcol .txtcol { width: 100%; }
.pc2.twotextcol .twocolwrap { width: 100%; display: flex; column-gap: 40px; }
.pc2.twotextcol .txtcol .col1 { width: 50%; }
.pc2.twotextcol .txtcol .col2 { width: 50%; }

.pc2.withimg.imgleft .pad,
.pc2.withimg.imgright .pad, 
.pc2.withimg.imgright-adaptive .pad { display: flex; column-gap: 40px; }

.pc2.withimg.imgleft .txtcol,
.pc2.withimg.imgleft .imgcol,
.pc2.withimg.imgright .txtcol,
.pc2.withimg.imgright .imgcol { flex: 1; }

.pc2.withimg.imgright .txtcol,
.pc2.withimg.imgright-adaptive .txtcol { order: 1 }
.pc2.withimg.imgright .imgcol,
.pc2.withimg.imgright-adaptive .imgcol { order: 2; }

.pc2 .pcImage.right-adaptive img { width: auto; max-width: none; }

.pc2.withimg.imgtop .imgcol { margin-bottom: 20px; }
.pc2.withimg.imgtop .preheading { margin-top: 30px; }

.pc2.withimg.imgtop2 .pcImage  { margin-top: 26px; margin-bottom: 26px; }

.pc2.withimg.imgbottom .pad  { display: flex; flex-direction: column; }
.pc2.withimg.imgbottom .txtcol  { order: 1; }
.pc2.withimg.imgbottom .imgcol  { order: 2; margin-top: 10px; }

.pc2 .pcImage { width: 100%; }
.pc2 .pcImage img { max-width: 100%; height: auto; }

.pc2 .morelink { display: inline-block; font-size: 12px; font-weight: 700; font-family: Inter, sans-serif; color: black; text-transform: uppercase; }
.pc2 .pcLink a, .pc2 .pcExtLink a { display: inline-block; font-size: 16px; font-weight: 700; padding-left: 30px; color: var(--color-txt-grey); margin-bottom: 10px; }
.pc2 .pcLink a, .pc2 .pcExtLink a { background-image: url(/files/sysimages/orange_arrow.svg); background-repeat: no-repeat; background-position: left 4px; }
.pc2 .pcLink.first, .pc2 .pcExtLink.first { margin-top: 20px; }
.pc2 .morelink:has(+ .pcLink), .pc2 .morelink:has(+ .pcExtLink) { margin-bottom: 20px; }

.pc2.withfond { background-image: url(/files/sysimages/fond-zacken.png); background-repeat: repeat-x; background-size: auto 300px; background-position: center bottom 100px; }
.bg-wrapper.withfond { background-image: url(/files/sysimages/fond-zacken.png); background-repeat: repeat-x; background-size: auto 300px; background-position: center bottom 100px; }

.pc2 .cta-wrap { margin-top: 20px; }
.pc2 .cta-wrap .button:first-child { margin-right: 20px; margin-bottom: 20px; }
.pc2 .cta-wrap .button { padding-right: 48px; position: relative; }
.pc2 .cta-wrap .button svg { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.pc2 .cta-wrap .button[target="_blank"] svg { transform: rotate(-45deg); top: 13px; }

/* verkleinerter oberer Abstand, wenn keine headline */
.ceWrapper.pc2.nohead { margin-top: 0; }
.ceWrapper.pc2:has(+ .ceWrapper.pc2.nohead) { margin-bottom: 0; }
/* kein Abstand, wenn danach linkliste */
.ceWrapper.pc2:has(+ .ceWrapper.pc2.linkliste) { margin-bottom: 0; }
/* kein Abstand, wenn bg farbe */
.ceWrapper.pc2.frame { margin-top: 0; margin-bottom: 0; }
.ceWrapper.pc2.standort.hellblau { margin-top: 0; margin-bottom: 0; }
.ceWrapper.pc2.frame.nohead > .pad { padding-top: 0; }
.ceWrapper.pc2.frame:has(+ .ceWrapper.pc2.nohead) { margin-bottom: 0; }
.ceWrapper.pc2.frame:has(+ .ceWrapper.pc2.nohead) > .pad { padding-bottom: 0; }
.ceWrapper.pc2.frame:has(+ .ceWrapper.pc2.frame) > .pad { padding-bottom: 0; }
.bg-wrapper.hellblau:has(+ .bg-wrapper.hellblau) .boxes-container > .pad { padding-bottom: 0; }

.ceWrapper.pc2.frame:has(+ .ceWrapper.pc2.accordion ) { margin-bottom: var(--padding-article-margin); }

.boxes-container.hellblau .ceWrapper.pc2.linkliste:last-child,
.boxes-container.hellblau .ceWrapper.pc2.multi:last-child { margin-bottom: 0; }

.bg-wrapper.hellblau .boxes-container { margin-top: 0; }

#fb-tabs-content .ceWrapper.pc2.nohead:first-child { margin-top: var(--padding-article-margin); }


.pc2.link { margin-top: 0; }
.pc2.link .pad { padding-top: 0; }

.pc2.linkliste { margin-top: 0; padding-top: 0; }
.pc2.linkliste.topmarge { padding-top: 40px; }
.pc2.linkliste .pad { padding-top: 0; }
.pc2.linkliste.twocol .itemlist { column-count: 2; column-gap: 40px; }
@media screen and (max-width: 820px) {
	.pc2.linkliste.twocol .itemlist { column-count: auto; }
}

/* Box */
.ceWrapper.pc2.floatbox { position: relative; box-sizing: border-box; margin-top: 0; margin-bottom: 0; }
.ceWrapper.pc2.floatbox .pad { background-color: transparent; padding: 0; }
.fb-tabs-content .pc2.floatbox .pad { background-color: white; }
.pc2.floatbox .imgcol { position: relative; width: 100%; }
.pc2.floatbox .image { width: 100%; aspect-ratio: 100 / 66; overflow: hidden; }
.pc2.floatbox .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.pc2.floatbox .preheading { font-size: 12px; line-height: 1.2em; color: var(--color-txt-grey); font-weight: 400; text-transform: none; margin-bottom: 16px; padding-left: 0; }
.pc2.floatbox .preheading::after { content: none; }
.pc2.floatbox .heading { font-size: 22px; line-height: 1.1em; font-weight: 700; color: black; margin-bottom: .8em; font-family: Inter, sans-serif; }
.pc2.floatbox .txtcol { padding: 30px 20px; display: flex; flex-direction: column; flex: 1; overflow: hidden; }
.pc2.floatbox .edtxt { font-size: 14px; }
.pc2.floatbox .txt { font-size: 14px; }
.pc2.floatbox .ellipsis { max-height: 220px; margin-bottom: 2em; overflow: hidden; }
.pc2.floatbox .maintag { display: none; position: absolute; top: 15px; right: 8px; background-color: var(--color-bg-blue); color: white; text-transform: uppercase; font-size: 12px; line-height: 1em; font-weight: 700; font-family: Inter, sans-serif; padding: 6px 25px; border-radius: 12px }
.showmaintag .pc2.floatbox .maintag { display: block; }

.floatbox .txt a.email, .pc2.artex a.email { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; max-width: 100%; box-sizing: border-box; }
.floatbox .txt a.email, .pc2.artex a.email { font-size: 16px; padding-left: 22px; background-image: url(/files/sysimages/linkicon-email.svg); background-repeat: no-repeat; background-size: 16px; background-position: left 5px; }

.pc2.floatbox .morelink, .pc2.floatbox .button { margin-bottom: 0; margin-top: auto; }
.pc2.floatbox.slick-slide { margin-top: 0; padding-top: 0; }

.pc2.floatbox .edtxt { hyphens: auto; }

#pc2 > .pc2.floatbox { max-width: 320px; }

.no-slider .pc2.floatbox { display: flex; flex-direction: column; min-height: 100%; }
.pc2.floatbox .pad { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 100%; }

/* box teaser-box */
.pc2.floatbox.teaser-box .imgcol {  }
.pc2.floatbox.teaser-box > .pad { background-color: var(--color-bg-lightblue); border-radius: var(--radius-small); overflow: hidden; }
.hellblau .pc2.floatbox.teaser-box > .pad { background-color: white; }
.dunkelblau .pc2.floatbox.teaser-box > .pad { background-color: white; }
#fb-tabs-content .pc2.floatbox.teaser-box > .pad { background-color: white; }
.pc2.floatbox.teaser-box .button { width: 100%; }
.pc2.floatbox.teaser-box.box-border .pad { background-color: transparent; border: 1px solid var(--color-txt-blue); border-radius: var(--radius-medium); overflow: hidden; }
.pc2.floatbox.teaser-box.box-border .image { border-radius: 0; }
.pc2.floatbox.teaser-box.box-border .txtcol { padding: 30px 20px; }

.pc2.boxes-container .pc2.floatbox.teaser-box.viertel { width: 25%; }
.pc2.boxes-container .pc2.floatbox.teaser-box.drittel { width: 33.33%; }
.pc2.boxes-container .pc2.floatbox.teaser-box.halb { width: 50%; }
.pc2.boxes-container .pc2.floatbox.teaser-box.zweidrittel { width: 66.66%; }

/* box portrait */
.pc2.floatbox.portrait { max-width: 400px; }
.pc2.floatbox.portrait .pad { background-color: white; border-radius: var(--radius-small); overflow: hidden; }
.transparent .pc2.floatbox.portrait .pad { background-color: var(--color-bg-lightblue); }

.pc2.floatbox.portrait .preheading { color: var(--color-txt-blue); font-weight: 700; text-transform: uppercase; }
.pc2.floatbox.portrait .image { aspect-ratio: 100 / 84; }
.pc2.floatbox.portrait .image > img { object-position: center 14%; }
.pc2.floatbox.portrait .bereich { margin-bottom: 14px; font-weight: 700; line-height: 1.5em; hyphens: auto; }
.pc2.floatbox.portrait .txtcol { box-sizing: border-box; }
.pc2.floatbox.portrait .ellipsis { max-height: 300px; }

.pc2.portrait.artex {}
.pc2.portrait.artex .flexwrap { display: flex; margin-bottom: 40px; background-color: var(--color-bg-lightblue); border-radius: var(--radius-small); overflow: hidden; }
.pc2.portrait.artex .ellipsis { max-height: 400px; }
.pc2.portrait.artex .imgcol { position: relative; width: 360px; }
.pc2.portrait.artex .image { width: 100%; aspect-ratio: 100 / 84; overflow: hidden; }
.pc2.portrait.artex .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center 14%; display: block; }
.pc2.portrait.artex .txtcol { padding: 40px 20px; display: flex; flex-direction: column; flex: 1; overflow: hidden; }
.pc2.portrait.artex .preheading { color: var(--color-txt-blue); font-weight: 700; text-transform: uppercase; }
.pc2.portrait.artex .heading { font-size: 22px; line-height: 1.1em; font-weight: 700; color: black; margin-bottom: .8em; font-family: Inter, sans-serif; }
.pc2.portrait.artex .bereich { font-size: 14px; margin-bottom: 14px; font-weight: 700; line-height: 1.5em; }
.pc2.portrait.artex a.email { font-size: 14px; }

@media screen and (max-width: 800px) {	
	.pc2.portrait.artex .flexwrap { display: block; }
	.pc2.portrait.artex .txtcol { width: 100%; }
	.pc2.portrait.artex .imgcol { width: 100%; padding: 20px; padding-bottom: 0; }
	.pc2.portrait.artex .image { width: 320px; }
}
@media screen and (max-width: 500px) {	
	.pc2.portrait.artex .flexwrap { display: block; }
	.pc2.portrait.artex .txtcol { width: 100%; }
	.pc2.portrait.artex .imgcol { width: 100%; padding: 0; padding-bottom: 0; }
	.pc2.portrait.artex .image { width: 100%; }

	.pc2.floatbox .ellipsis { max-height: 180px; }
}

/* box veranstaltung */
.pc2.floatbox.veranstaltung { max-width: 400px; }
.pc2.floatbox.veranstaltung .pad { background-color: var(--color-bg-lightblue); border-bottom: none; border-radius: var(--radius-small); overflow: hidden; }
.pc2.floatbox.veranstaltung .imgcol {  }
.pc2.floatbox.veranstaltung .image { border-radius: 0; }
.pc2.floatbox.veranstaltung .txtcol { padding: 40px 20px; padding-bottom: 30px; }
.pc2.floatbox.veranstaltung .preheading { color: var(--color-txt-blue); font-weight: 700; text-transform: uppercase; }
.pc2.veranstaltung .subtitle { font-size: 14px; font-weight: 400; margin-bottom: 0.8em; }
.pc2.floatbox.veranstaltung .ellipsis { max-height: 270px; }
.pc2.veranstaltung .info { font-size: 14px; line-height: 1.4em; margin-bottom: 18px; margin-top: 18px; }
.pc2.veranstaltung .info > div { padding: 1px 0 10px 28px; }
.pc2.veranstaltung .date { background: url(/files/sysimages/calendar.svg) no-repeat left top; background-size: 18px; }
.pc2.veranstaltung .time { background: url(/files/sysimages/clock.svg) no-repeat left top; background-size: 18px; }
.pc2.veranstaltung .loc { background: url(/files/sysimages/map_pin_icon.svg) no-repeat left top; background-size: 16px; }

.hellblau .pc2.floatbox.veranstaltung .pad,
#fb-tabs-content .pc2.floatbox.veranstaltung .pad { background-color: white; }

/* Klinik/Standort */
.pc2.floatbox.bildbox { }
.pc2.floatbox.bildbox .imgcol { padding-top: 140%; border-radius: var(--radius-small); overflow: hidden; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25); }
.pc2.floatbox.bildbox .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; aspect-ratio: unset; }
.pc2.floatbox.bildbox .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.pc2.floatbox.bildbox .text-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background-color: rgba(10, 57, 78, 0.5); transition: background-color 0.4s ease; }
.pc2.floatbox.bildbox .linktitle { position: absolute; bottom: 40px; left: 25px; width: 100%; padding-right: 60px; box-sizing: border-box; font-size: 22px; font-weight: 700; font-family: Inter, sans-serif; color: white; }
.pc2.floatbox.bildbox .arrow-icon { position: absolute; bottom: 40px; right: 25px; }
.pc2.floatbox.bildbox:hover .text-overlay { background-color: rgba(10, 57, 78, 0.9); }

/* artex */
.pc2.artex .pad { padding-top: 100px; padding-bottom: 60px; }
.pc2.artex .anchor { position: absolute; top: -160px; }
.pc2.artex .subtitle { font-size: 16px; }
.pc2.artex .info { font-size: 16px; margin-bottom: 30px; }
.pc2.artex .pcImage { margin-bottom: 30px; }
.pc2.artex .cta-wrap { margin-top: 30px; }

/* backlink bei artex */
.floater-wrapper { position: relative; height: 0px; width: 100%; }
.floater-wrapper::before { content: ""; display: block; border-bottom: 2px solid var(--color-txt-blue); width: 100%; height: 0px; position: relative; top: -54px; left: 0; }
.close-button { position: absolute; top: -100px; left: 0;  }
.backlink { height: 26px; padding: 0 50px; font-size: 12px; line-height: 1em; font-weight: 700; text-transform: uppercase; font-family: Inter, sans-serif; background-color: var(--color-bg-blue); color: white; display: inline-block; border: 1px solid var(--color-txt-blue); border-radius: 13px; box-sizing: border-box; text-decoration: none; padding-top: 7px; }
.backlink:hover { text-decoration: none;  color: var(--color-txt-blue); background-color: white; }
.backlink svg { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); fill: white; }
.backlink:hover svg { fill: var(--color-txt-blue); }

/* Container */
.pc2.boxes-container { margin-bottom: 0; }
.pc2.boxes-container { margin-bottom: 0; }
.pc2.boxes-container.transparent { margin-bottom: var(--padding-article-margin); }
.pc2.boxes-container.withfond { margin-bottom: var(--padding-article-margin); }
.pc2.boxes-container.with-header { margin-top: 0; }
.bg-wrapper.hellblau { background-color: var(--color-bg-lightblue); }
.bg-wrapper.dunkelblau { background-color: var(--color-bg-darkblue); }
.bg-wrapper.topmarge { margin-top: 60px; }
.bg-wrapper.bottommarge { margin-bottom: 60px; }

.boxes-container.hellblau > .pad,
.boxes-container.dunkelblau > .pad { padding-bottom: var(--padding-bgcolor-box); }
.ceWrapper.pc2.boxes-container > .pad { padding-top: 0; }
.hellblau .ceWrapper.pc2.boxes-container > .pad { padding-top: var(--padding-bgcolor-box); }
.dunkelblau .ceWrapper.pc2.boxes-container > .pad { padding-top: var(--padding-bgcolor-box); }
.ceWrapper.pc2.boxes-container.slider > .pad { padding-top: 0; }
.ceWrapper.pc2.boxes-container.with-header > .pad { padding-top: 0; }
.boxes-container > .pad::after { content: ""; clear: both; display: block; font-size: 0px; height: 0px; visibility: hidden; }
.boxes-container.slider .row { margin-left: -10px; margin-right: -10px; }

.pc2.boxes-container.slider .row { padding-top: 30px; position: relative; }
.pc2.boxes-container.slider > .pad { padding-bottom: 40px; }
.pc2.boxes-container.slider.dunkelblau > .pad { padding-bottom: 90px; }
.pc2.boxes-container.slider.hellblau > .pad { padding-bottom: 90px; }

.pc2.boxes-container.tagfilter .row { padding-top: 108px; position: relative; }
.pc2.boxes-container.tagfilter:not(.slider) .row { padding-top: 108px; position: relative; }

.pc2.container_head { position: relative; margin-bottom: 0; }
.dunkelblau .pc2.container_head,
.dunkelblau .pc2.container_head h1,
.dunkelblau .pc2.container_head h2,
.dunkelblau .pc2.container_head .edtxt,
.dunkelblau .pc2.boxes-container .filter-tab,
.dunkelblau .pc2.boxes-container .filter-tab.is-checked,
#fb-tabs-content .dunkelblau .pc2.container_head,
#fb-tabs-content .dunkelblau .pc2.container_head h1,
#fb-tabs-content .dunkelblau .pc2.container_head h2,
#fb-tabs-content .dunkelblau .pc2.container_head .edtxt,
#fb-tabs-content .dunkelblau .pc2.boxes-container .filter-tab,
#fb-tabs-content .dunkelblau .pc2.boxes-container .filter-tab.is-checked { color: white; }

.dunkelblau .slick-prev:before, .dunkelblau .slick-next:before { background-image: url(/files/sysimages/white_arrow.svg);}

.hellblau .pc2.container_head { margin-top: 0; }
.dunkelblau .pc2.container_head { margin-top: 0; }
.hellblau .pc2.container_head .pad { padding-top: var(--padding-bgcolor-box); }
.dunkelblau .pc2.container_head .pad { padding-top: var(--padding-bgcolor-box); }

.pc2.container_head .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.container_head.width-1 .pad { max-width: calc(var(--content-width-1) + (var(--page-padding) * 2)); }
.pc2.container_head.width-2 .pad { max-width: calc(var(--content-width-2) + (var(--page-padding) * 2)); }
.pc2.container_head.width-max .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.container_head.width-full .pad { max-width: 100%; padding-left: 0; padding-right: 0; }

.pc2.container_head.textcentered .txtcontent { text-align: center; }
.pc2.container_head.textcentered .preheading { display: inline-block; }

.pc2.boxes-container > .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.boxes-container.width-1 > .pad { max-width: calc(var(--content-width-1) + (var(--page-padding) * 2)); }
.pc2.boxes-container.width-2 > .pad { max-width: calc(var(--content-width-2) + (var(--page-padding) * 2)); }
.pc2.boxes-container.width-max > .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.boxes-container.width-full > .pad { max-width: 100%; padding-left: 0; padding-right: 0; }

.pc2.boxes-container .pc2.multi .pad,
.pc2.boxes-container .pc2.linkliste .pad { padding-left: 10px; padding-right: 10px; }

.pc2.accordion .pc2.multi .pad,
.pc2.accordion .pc2.linkliste .pad { padding-left: 0; padding-right: 0; }

.pc2.boxes-container { background-image: none; }
.pc2.container_head { background-image: none; }


/* container tagfilter */
.filter-tabs-wrapper { position: absolute; top: 38px; width: 100%; border-bottom: 1px solid var(--color-txt-blue); }
.filter-tabs-wrapper .swiper-container { margin: 0; }
.pc2.boxes-container .filter-tabs { display: table; justify-content: center; column-gap: 0; margin: 0 auto; }
.pc2.boxes-container .filter-tab { display: table-cell; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: Inter, sans-serif; cursor: pointer; height: 38px; text-align: center; box-sizing: border-box; white-space: nowrap; }
.pc2.boxes-container .filter-tab.is-checked { color: var(--color-txt-blue); border-bottom: 4px solid var(--color-txt-blue); }
.pc2.boxes-container .filter-tab { padding-left: 30px; padding-right: 30px; min-width: 250px; }
@media screen and (max-width: 1100px) {
	.pc2.boxes-container .filter-tab { padding-left: 20px; padding-right: 20px; min-width: 200px; }
}
@media screen and (max-width: 950px) {
	.pc2.boxes-container .filter-tab { padding-left: 20px; padding-right: 20px; min-width: 140px; }
}
@media screen and (max-width: 720px) {
	.pc2.boxes-container .filter-tab { flex-grow: 1; padding-left: 15px; padding-right: 15px; min-width: 120px; }
}


/* container inhalte */
.boxes-container.slider .pc2.floatbox { padding-left: 10px; padding-right: 10px; }
.boxes-container.no-slider.with-header .row { padding-top: 20px; }
/* Equal height für Slick-Reihen */
.boxes-container .slick-track { display:flex !important; align-items:stretch; }
.boxes-container .slick-slide { height:auto !important; }
.boxes-container .slick-slide > div { height:100%; } /* streckt .pad */

.boxes-container.no-slider .row:has(.pc2.floatbox) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 20px; }
.pc2.boxes-container.no-slider.width-1 .row:has(.pc2.floatbox) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pc2.boxes-container.no-slider.width-2 .row:has(.pc2.floatbox) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc2.boxes-container.no-slider.width-max .row:has(.pc2.floatbox) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pc2.boxes-container.no-slider.width-full .row:has(.pc2.floatbox) { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.pc2.boxes-container.no-slider.maxcol4 .row:has(.pc2.floatbox) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pc2.boxes-container.no-slider.maxcol3 .row:has(.pc2.floatbox) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc2.boxes-container.no-slider.maxcol2 .row:has(.pc2.floatbox) { grid-template-columns: repeat(2, minmax(0, 1fr)); }

div#fb-tabs-content .pc2.floatbox.portrait .pad { background-color: white; }

@media screen and (min-width: 700px) {
	.pc2.floatbox { max-width: 400px; }
	#pc2 { min-height: 400px; }
}
@media screen and (max-width: 1400px) {
	.pc2.boxes-container.no-slider.width-full .row:has(.pc2.floatbox) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media screen and (max-width: 1100px) {
	.pc2.boxes-container.no-slider .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.width-max .row:has(.pc2.floatbox) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	
	.pc2.boxes-container.no-slider.width-full .row:has(.pc2.floatbox) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media screen and (max-width: 820px) {
	.pc2.boxes-container.no-slider .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.width-max .row:has(.pc2.floatbox) { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.pc2.twotextcol .twocolwrap { display: block; }
	.pc2.twotextcol .txtcol .col1 { width: auto; }
	.pc2.twotextcol .txtcol .col2 { width: auto; padding-top: 20px; }

	.pc2.withimg.imgleft .pad, 
	.pc2.withimg.imgright .pad, 
	.pc2.withimg.imgright-adaptive .pad { display: block; }
	.pc2.withimg.imgleft .txtcol,
	.pc2.withimg.imgright .txtcol,
	.pc2.withimg.imgright-adaptive .txtcol { padding-top: 30px; }

	body { 
		--padding-article-margin: 60px;
		--padding-bgcolor-box: 60px; 
	}
}
@media screen and (max-width: 640px) {
	.pc2.boxes-container.no-slider .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.maxcol4 .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.maxcol3 .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.maxcol2 .row:has(.pc2.floatbox),
	.pc2.boxes-container.no-slider.width-max:not(.slider) .row:has(.pc2.floatbox) { grid-template-columns: repeat(1, minmax(0, 1fr)); }

	.pc2.boxes-container.no-slider .pc2.floatbox,
	.pc2.boxes-container.no-slider.width-max:not(.slider) .pc2.floatbox { width: 100%; max-width: 420px; float: none; margin-left: auto; margin-right: auto; }

	.pc2 h1, .pc2 h2, .pc2 .subhead { font-size: 28px; }
	.pc2 .edtxt { font-size: 16px; }
	.pc2.incfontsize h1, .pc2.incfontsize h2, .pc2.incfontsize .subhead { font-size: 36px; }
	.pc2.incfontsize .edtxt { font-size: 18px; }

	.pc2 .pcLink a, .pc2 .pcExtLink a { font-size: 14px; line-height: 1.5em; }

	body { 
		--padding-article-margin: 40px;
		--padding-bgcolor-box: 40px; 
	}

}

/* Container Karriere/Fort-/Weiterbildung */
.bg-wrapper.karriere { background-color: var(--color-bg-karriere-dblue); border-top: 25px solid var(--color-bg-karriere-turquoise); padding-bottom: 60px; }

.container_head.karriere h1, 
.container_head.karriere h2, 
.container_head.dunkelblau .subhead, 
#fb-tabs-content .container_head.karriere h1,
.container_head.karriere .subhead  { font-size: 24px; color: white; }

.container_head.karriere .edtxt,
.boxes-container.karriere .pc2 .edtxt { color: white; }
#fb-tabs-content .karriere .pc2 h2 { color: white; }
.boxes-container.karriere h1 { color: white; }
.boxes-container.karriere h2 { color: white; }
.boxes-container.karriere .pc2 .subhead { color: white; }
.boxes-container.karriere a { color: white; }
.boxes-container.karriere .edtxt ul { padding-left: 20px; }
.boxes-container.karriere .edtxt ul li { padding-left: 20px; list-style: url(/files/sysimages/white_arrow.svg); }
.boxes-container.karriere .button { background-color: var(--color-bg-karriere-turquoise); color: var(--color-txt-darkblue); }



/* Buttons */
.button, a.button { display: inline-block; height: 42px; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; box-sizing: border-box; padding: 0 18px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: white; background-color: var(--color-bg-orange); text-decoration: none; border: none; border-radius: 21px; transition: background-color .3s ease; }
.button:hover { background-color: var(--color-bg-orange-hover); }
.button.blue, a.button.blue { background-color: var(--color-bg-blue); }
.button.blue:hover, a.button.blue:hover { background-color: var(--color-bg-blue-hover); }

.button.secondary, a.button.secondary { background-color: white; color: var(--color-bg-orange); border: 2px solid var(--color-bg-orange); }
.button.secondary:hover, a.button.secondary:hover { background-color: var(--color-bg-orange); color: white; }

.pc2.multibild .multibild { display: flex; column-gap: 20px; }
.pc2.multibild .multibild .item { flex: 1; position: relative; }
.pc2.multibild .multibild .item a { display: block; position: relative; }
.pc2.multibild .multibild .item img { width: 100%; height: auto; border-radius: var(--radius-medium); }

.pc2.multibild .multibild .flipside { opacity: 0; transition: opacity .2s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-color: rgba(0, 144, 215, 0.75); border-radius: var(--radius-medium); display: flex; align-items: center; justify-content: center; }
.pc2.multibild .multibild .item a:hover .flipside { opacity: 1; }
.pc2.multibild .multibild .item a:focus .flipside { opacity: 1; }
.pc2.multibild .multibild .item:hover .flipside { opacity: 1; }
.pc2.multibild .multibild .item:focus .flipside { opacity: 1; }
.pc2.multibild .multibild .flipside .inner { width: 70%; color: white; font-size: 18px; }


/* ecards */
.pc2.ecThumbs { margin-top: 0; margin-bottom: 0; }
#ecForm { font-size: 1.4em; background-color: var(--color-bg-lightblue); clear: left; margin-top: 30px; margin-bottom: 0; }
#ecForm > .pad { padding-top: 20px; padding-bottom: 60px; }
#ecPadder { width: 47%; padding: 10px; padding-left: 0; }
#ecForm strong { color: var(--color-txt-blue); font-weight: 300; font-size: 1.4em; }
#ecForm input[type=text] { width: 98%; height: 30px; }
#ecForm textarea { width: 98%; height: 130px; }
#ecForm button { width: 100%; height: 40px; }
#ecForm select { width: 100%; height: 30px; }
#ecMainImg { border: 1px solid #BBBBBB; width: 100%; }
#ecB0 { position: relative; float: right; margin-top: 2%; width: 46%; }
#ecB0.init:after { content: "Bitte oben auf ein Motiv klicken"; display: block; position: absolute; top: 1px; bottom: 1px; left: 1px; width: 100%; background-color: rgba(238,249,255, 0.9); box-sizing: border-box; color: #000; font-size: 1.2em; text-align: center; padding-top: 20%; }
#ecB1 { margin-bottom: 4px;  }
#ecB23 { margin-top: 20px; margin-bottom: 4px;  }
#ecB25 { margin-top: 20px; margin-bottom: 4px; display: none;  }
#ecB4 { font-size: 0.857em; line-height: 1.3em; display: none;  }
#ecB5 { margin-top: 20px;  }
#ecB6 { margin-top: 20px; text-align: right; padding-bottom: 40px; }

#ecSTS, #ecSTB, #ecSBR, #ecSFR, #ecSBG, #ecSRP { display: none; }

.ecThumbs .inner { display: flex; flex-wrap: wrap; column-gap: 15px; }

.ecThumb { margin-bottom: 20px; cursor: pointer; flex: 1 0 21%; }
.ecThumb img { width: 100%; border: 1px solid #BBBBBB; }
.edImgText { margin-top: 2px; font-size: 1.2em; text-align: center; }

.pc2.multi:has(+ .ecThumbs) { margin-bottom: 30px; }

@media screen and (min-width: 1100px) {	
	.ecThumb { flex: 1 0 17%; }
}

@media screen and (max-width: 700px) {	
	#ecB0 { float: none; width: auto; margin-top: 0; }
	#ecPadder { width: auto; padding-right: 0; }
}
@media screen and (max-width: 670px) {	
	.ecThumb { flex: 1 0 29%; }
}
@media screen and (max-width: 500px) {
	.ecThumb { flex: 1 0 40%; }
}

/* babygal */
.pc2.babygal .txtcol { padding: 35px 30px; }
.pc2.babygal .data { font-size: 12px; font-family: Inter, sans-serif; font-weight: 700; }
.pc2.babygal .name { font-size: 16px; color: black; font-family: Inter, sans-serif; font-weight: 700; padding-top: 10px; }
.babygal .baby.m { background-color: #EFF5FA; color: var(--color-txt-blue); }
.babygal .baby.w { background-color: #f3d6eb; color: #D30094; }
.babygal .baby img { width: 100%; }

.pc2.babygal .inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 15px; }
.pc2.babygal .baby { border-radius: var(--radius-small); overflow: hidden; }

@media screen and (max-width: 1200px) {	
	.pc2.babygal .inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media screen and (max-width: 850px) {	
	.pc2.babygal .inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* accordion */
.pc2.accordion { margin-top: 0; margin-bottom: var(--padding-article-margin); padding-top: 0; }
.pc2.accordion:has(+ .pc2.accordion) { margin-bottom: 0; }
.pc2.accordion > .pad { padding-top: 0; }
.pc2.accordion .wrap { border-top: 1px solid var(--color-txt-grey); border-bottom: 1px solid var(--color-txt-grey); padding-left: 18px; padding-right: 18px; }
.pc2.accordion.topmarge { margin-top: 40px; }
.pc2.accordion:has(+ .pc2.accordion) .wrap { border-bottom: none; }
.pc2.accordion .accordion-head { position: relative; padding: 25px 0; cursor: pointer; }
.pc2.accordion .accordion-head h3 { margin: 0; font-size: 22px; }
.pc2.accordion .accordion-head::before { content: "mehr erfahren"; display: block; position: absolute; top: 28px; right: 36px; font-size: 16px; color: var(--color-txt-grey); }
.pc2.accordion .accordion-head::after { content: ""; display: block; position: absolute; width: 16px; height: 8px; top: 34px; right: 0; background-image: url(/files/sysimages/caret_black.svg); background-size: contain; background-repeat: no-repeat; }
.pc2.accordion .content { display: none; }
.pc2.accordion.open .content { display: block; margin-bottom: 30px; }
.pc2.accordion.open .accordion-head::before { content: "zuklappen"; }
.pc2.accordion.open .accordion-head::after { transform: rotate(180deg); }

/* inhalte */
.pc2.accordion .ceWrapper.pc2 { margin-top: 0; margin-bottom: 0; }

@media screen and (max-width: 900px) {
	.pc2.accordion .accordion-head::before,
	.pc2.accordion.open .accordion-head::before { content: none; }
	.pc2.accordion .accordion-head h3 { padding-right: 40px; }
}
@media screen and (max-width: 600px) {
	.pc2.accordion .wrap { padding-left: 2px; padding-right: 4px; }
	.pc2.accordion .accordion-head h3 { font-size: 20px; }
}	

/* standort */
.pc2.standort { background-color: var(--color-bg-lightblue); padding-bottom: var(--padding-bgcolor-box); padding-top: var(--padding-bgcolor-box); }
.pc2.standort .wrap { border-radius: var(--radius-medium); display: flex; overflow: hidden; }
.pc2.standort .txtcol { display: flex; align-items: center; padding: 60px; background-color: white; font-size: 18px; box-sizing: border-box; }
.pc2.standort .txtcol h5 { font-size: 24px; font-weight: 700; color: black; font-family: Inter, sans-serif; margin: 0; margin-bottom: 20px; }
.pc2.standort .txtcol { width: 360px; }
.pc2.standort .maps { width: calc(100% - 360px); }
.pc2.standort .links { padding-top: 40px; }
.pc2.standort.topmarge { margin-top: var(--padding-article-margin); }
.pc2.standort.bottommarge { margin-bottom: var(--padding-article-margin); }

@media screen and (max-width: 900px) {	
	.ceWrapper.pc2.standort .wrap { display: block; }
	.ceWrapper.pc2.standort .txtcol { width: 100%; }
	.ceWrapper.pc2.standort .maps { width: 100%; height: 360px; }
}
@media screen and (max-width: 600px) {	
	.ceWrapper.pc2.standort .txtcol { padding: 40px; font-size: 16px; }
	.ceWrapper.pc2.standort .txtcol h5 { font-size: 20px; }
}
@media screen and (max-width: 550px) {	
	.ceWrapper.pc2.standort .txtcol { padding: 40px 20px; }
}

/* klappstart -- soll evtl abgesetzt werden */
.pc2.klappstart {  }
.pc2.klappstart {  }

/* Leistungsspektrum allgemein */
.pc2.ls_general { position: relative; width: 100%;  box-sizing: border-box; }
.pc2.ls_general .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); padding-left: var(--page-padding); padding-right: var(--page-padding); }
.pc2.ls_general .edtxt { }
.pc2.ls_general .colwrap { display: flex; column-gap: 80px; }
.pc2.ls_general .txtcontent { flex: 1; }
.pc2.ls_general .itemlist { flex: 1; }

.pc2.ls_general.ls-twocol .colwrap { display: block; }
.pc2.ls_general.ls-twocol .itemlist { display: flex; gap: 60px; }
.pc2.ls_general.ls-twocol .col { flex: 1; }

.pc2.ls_general.ls-img .colwrap { display: block; }
.pc2.ls_general.ls-img .txtcontent { width: 50%; float: left; padding-right: 30px; box-sizing: border-box; }
.pc2.ls_general.ls-img .imgcol { width: 50%; float: right; padding-left: 30px; box-sizing: border-box; }
.pc2.ls_general.ls-img .image { max-width: 630px; }
.pc2.ls_general.ls-img .image img { width: 100%; height: auto; }
.pc2.ls_general.ls-img .itemlist { width: 100%; clear: both; }
.pc2.ls_general.ls-img .itemlist { display: flex; gap: 60px; }
.pc2.ls_general.ls-img .col { flex: 1; }

.pc2.ls_general .item { position: relative; padding-bottom: 20px; }
.pc2.ls_general a.titel { display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.1em; text-decoration: underline; color: var(--color-txt-grey); }
.pc2.ls_general a.titel { padding-left: 30px; background-image: url(/files/sysimages/orange_arrow.svg); background-repeat: no-repeat; background-position: left 4px; }
.pc2.ls_general div.titel { display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.1em; color: var(--color-txt-grey); }
.pc2.ls_general div.titel { padding-left: 30px; background-image: url(/files/sysimages/check.svg); background-repeat: no-repeat; background-position: left 0; }
.pc2.ls_general .standorte { display: inline-block; padding-left: 12px; margin-top: 4px; font-size: 12px; font-weight: 400; color: var(--color-txt-grey); line-height: 1.1em; }
.pc2.ls_general .morelink { position: absolute; top: 12px; right: 0; font-size: 12px; padding-left: 0;  padding-right: 0; background-image: none; color: var(--color-txt-darkblue); text-decoration: underline; }
.pc2.ls_general .descpop .pophead { font-weight: 700; color: white; font-size: 18px; line-height: 1.4em; margin-bottom: 4px; font-family: Inter, sans-serif; }

.pc2.ls_general .descpop { width: 25vw; padding: 40px; background-color: var(--color-bg-darkblue); color: white; font-size: 16px; bottom: 50px; left: 40px; box-shadow: 20px 20px 15px 0 rgb(0 0 0 / 20%); z-index: 10000; border: none; border-radius: var(--radius-medium); }
.pc2.ls_general .descpop::after { content: ""; display: block; position: absolute; left: 0; bottom: -20px; width: 0; height: 0; border-top: 30px solid transparent; border-left: 26px solid var(--color-bg-darkblue); border-bottom: 30px solid transparent; /* Farbe des Dreiecks */}
.pc2.ls_general .close-dialog { border: none; background: transparent; color: white; font-size: 40px; position: absolute; top: 0; right: 10px; }

@media screen and (max-width: 1200px) {
	.pc2.ls_general.ls-img .txtcontent { width: 100%; float: none; padding-right: 0; }
	.pc2.ls_general.ls-img .imgcol { width: 100%; float: none; padding-left: 0; padding-bottom: 40px; }

	.pc2.ls_general .item { padding-bottom: 14px; }
	.pc2.ls_general .standorte { display: block; padding-left: 0; }
}
@media screen and (max-width: 1000px) {
	.pc2.ls_general .colwrap { display: block; }
	.pc2.ls_general .itemlist {  padding-top: 20px; }
	.pc2.ls_general .standorte { display: inline-block; }
}
@media screen and (max-width: 800px) {

	.pc2.ls_general .itemlist, .pc2.ls_general.ls-img .itemlist { display: block; padding-top: 20px; }
	.pc2.ls_general .col2 .item:first-child { border-top: none; }
}
@media screen and (max-width: 600px) {
	.pc2.ls_general .descpop .pophead { margin-bottom: 8px;}
	.pc2.ls_general .descpop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding: 40px; box-sizing: border-box; overflow-y: auto; margin: 0; border-radius: 0; }
	.pc2.ls_general .standorte { display: block; padding-left: 0; }
}

/* Leistungsspektrum einspaltig */
.pc2.ls_table { position: relative; width: 100%; margin-top: 40px; }
.pc2.ls_table:has(+ .ceWrapper.pc2.nohead) { margin-bottom: var(--padding-article-margin); }
.pc2.ls_table .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.ls_table .edtxt { margin-bottom: 40px; font-size: 22px; line-height: 1.4em; }
.pc2.ls_table .itemlist { width: 100%; padding-bottom: 20px; border-bottom: 1px solid var(--color-txt-blue); }

.pc2.ls_table .table { display: table; border-collapse: collapse; }
.pc2.ls_table .item { display: table-row; border-top: 1px solid var(--color-txt-lightblue); border-bottom: 1px solid var(--color-txt-lightblue); }
.pc2.ls_table .titel { display: table-cell; font-size: 18px; font-weight: 700; padding-right: 40px; padding-top: 10px; padding-bottom: 10px; color: var(--color-txt-darkblue); line-height: 1.1em; }
.pc2.ls_table .description { display: table-cell; font-size: 18px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; line-height: 1.4em; }

@media screen and (max-width: 600px) {
	.pc2.ls_table .titel { display: block; padding-top: 14px; padding-bottom: 4px; }
	.pc2.ls_table .description { display: block; padding-top: 0; padding-bottom: 14px;  }
}

/* Sprechstunden / Kontakt 4 Spaltig */
.pc2.sprechstunden { position: relative; width: 100%; }
.pc2.sprechstunden .pad { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.pc2.sprechstunden.frame { background-color: var(--color-bg-lightblue); }
.pc2.sprechstunden.frame .pad { padding-top: var(--padding-bgcolor-box); padding-bottom: var(--padding-bgcolor-box); }
.pc2.sprechstunden .linewrap { padding-top: 40px; padding-bottom: 24px; border-top: 1px solid var(--color-txt-blue); border-bottom: 1px solid var(--color-txt-blue); }
.pc2.sprechstunden .txtcontent .edtxt { margin-bottom: 40px; }
.pc2.sprechstunden .col h6 { font-family: Inter, sans-serif; font-size:	 16px; font-weight: 700; color: var(--color-txt-darkblue); margin-top: 0; margin-bottom: 10px; }
.pc2.sprechstunden .col .edtxt { font-size: 16px; line-height: 1.5em; margin: 0; }

.pc2.sprechstunden .button { margin-top: 10px; background-image: url(/files/sysimages/calendar-w.svg); background-position: 20px 11px; background-repeat: no-repeat; background-size: 18px; padding-left: 50px; }

.pc2.sprechstunden:has(+ .pc2.sprechstunden) { margin-bottom: 0; }
.pc2.sprechstunden + .pc2.sprechstunden { margin-top: 0; }
.pc2.sprechstunden + .pc2.sprechstunden .linewrap { border-top: none; }

.pc2.sprechstunden .colwrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
@media screen and (max-width: 1000px) {
	.pc2.sprechstunden .colwrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 600px) {
	.pc2.sprechstunden .colwrap { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

#fb-tabs-content .pc2.frame { background-color: white; }
#fb-tabs-content .pc2.frameboxed .pad { background-color: white; }

/* Sprungmarken */
.pc2.anchorset { position: relative; width: 100%; padding-top: 0; margin-top: 30px; }
.pc2.anchorset .pad{ margin: 0 auto; max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); }
.anchorlink { height: 26px; padding: 0 50px; font-size: 12px; line-height: 1em; font-weight: 700; text-transform: uppercase; font-family: Inter, sans-serif; color: var(--color-txt-blue); display: inline-block; margin-left: 10px; border: 1px solid var(--color-txt-blue); border-radius: 13px; box-sizing: border-box; text-decoration: none; padding-top: 7px; }
.anchorlink:hover { text-decoration: none; color: white; background-color: var(--color-bg-blue); }
.anchorlink:first-child { margin-left: 0; }

@media screen and (max-width: 600px) {
	.anchorlink { padding: 0 10px; padding-top: 7px; }
}

/* numbers */
.pc2.numbers .row { display: flex; gap: 20px; width: 100%; }
.pc2.numbers .box { flex: 1; background-color: var(--color-bg-lightblue); border-radius: var(--radius-medium); padding: 30px 26px;  }
.hellblau .pc2.numbers .box { background-color: white; }
#fb-tabs-content .pc2.numbers .box { background-color: white; }
.pc2.numbers .num { font-size: 56px; font-weight: 700; font-family: Inter, sans-serif; color: black; line-height: 1em; margin-bottom: 20px; }
.pc2.numbers h6 { font-size: 18px; font-weight: 700; font-family: Inter, sans-serif; color: black; line-height: 1.1em; margin: 0; }
.pc2.numbers .txt { font-size: 18px; color: var(--color-txt-grey); margin-top: 1em; }

@media screen and (max-width: 800px) {
	.pc2.numbers .row { flex-wrap: wrap; }
	.pc2.numbers .box { padding: 20px; }
}

/* körpernavigator */
.koerpernavigator { margin-bottom: 80px; }
.koerpernavigator .wrap { background-color: var(--color-bg-darkblue); padding: 80px 40px; border-radius: var(--radius-medium); }
.koerpernavigator .txtcontent { text-align: center;  }
.koerpernavigator .preheading { display: inline-block; }
.koerpernavigator .subhead { display: inline; }
.koerpernavigator h2, .koerpernavigator h2 .subhead { color: white; }
.koerpernavigator .map-wrap { position: relative; }
.koerpernavigator .map { margin: 0 auto; max-width: 468px; position: relative; padding: 10px; }
.koerpernavigator .map svg { width: 100%;  height: auto; }
.koerpernavigator .dot { position: absolute; padding: 4px; cursor: pointer; display: block; border: none; background: transparent; z-index: 1; }
.koerpernavigator .dot > img { display: block; transition: transform .2s; }
.koerpernavigator .dot:hover { z-index: 900; }
.koerpernavigator .dot:hover > img { transform: scale(1.5);  }
.koerpernavigator .dot-label { display: none; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); padding: 4px 10px; border-radius: 4px; font-size: 18px; font-weight: 400; background-color: #EC671A; color: white; white-space: nowrap; z-index: 1000; }
.koerpernavigator .dot:hover .dot-label { display: block; }
.koerpernavigator dialog { min-width: 300px; background-color: white; border: none; padding: 40px; border-radius: var(--radius-medium); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.koerpernavigator dialog::backdrop {
  background: rgba(0,0,0,.45);
}
.modal .title { font-size: 24px; font-weight: 700; margin-top: 10px; margin-bottom: 20px; color: var(--color-txt-darkblue); }
.modal .close-dialog { border: none; background: transparent; color: white; font-size: 40px; position: absolute; top: 0; right: 10px; cursor: pointer; }
dialog:focus {
  outline: none;
}

/* swipable tabs */
.swiper-container { width: 100%; height: auto; overflow-x: auto; position: relative; }
.swiper-container .slick-arrow { position: absolute; top: -20px; right: 2px; background-color: #7c9f26; }
.swiper-container .slick-arrow.slick-prev { left: auto; right: 40px; }

.fb-tabs-headbar { display: none; height: 30px; }
.fb-head { font-size: 16px; color: black; font-weight: 700; font-family: Inter, sans-serif; text-align: center; padding-left: var(--page-padding); }
.fb-tabs-container { width: 100%; position: relative; }
.fb-standorte { margin: 0 auto; display: flex; padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    box-sizing: border-box; }
.fb-standorte li { list-style: none; flex-shrink: 0; }
.fb-standorte li a { font-size: 16px; line-height: 1em; font-weight: 700; font-family: Inter, sans-serif; text-transform: uppercase; display: block; padding: 20px 40px; background-color: white; text-decoration: none; color: var(--color-txt-grey); }
.fb-standorte li a { padding-right: 70px; position: relative; }
.fb-standorte li a::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: 36px; top: 20px; background-image: url(/files/sysimages/blue_arrow.svg); background-repeat: no-repeat; }
.fb-standorte li.active a { color: var(--color-txt-blue); background-color: var(--color-bg-lightblue); border-top-left-radius: var(--radius-small); border-top-right-radius: var(--radius-small); }
.fb-standorte li.active a::after { transform: rotate(90deg); }

#fb-tabs { padding-top: 0; background-color: white; }
#fb-tabs-content { background-color: var(--color-bg-lightblue); padding-bottom: 1px; padding-top: 1px; /* wg. margin-collapsing */ }

.tabs-autoheader { font-size: 36px; font-weight: 700; line-height: 1.1em; color: var(--color-txt-darkblue); font-family: Inter, sans-serif; background-color: var(--color-bg-lightblue); padding-top: 60px; }
.tabs-autoheader .pad { position: relative; width: 100%; margin: 0 auto; padding-left: var(--page-padding); padding-right: var(--page-padding); box-sizing: border-box; }

@media screen and (max-width: 1180px) {
	.fb-standorte li a { padding-top: 15px; }
	.fb-standorte li a span { display: block; font-size: 14px; font-weight: 400; }
}
@media screen and (max-width: 1000px) {


}
@media screen and (max-width: 700px) {
	#fb-tabs { background-color: var(--color-bg-lightblue); padding-top: 30px; margin-top: 30px; }
	.fb-tabs-headbar { display: block;  }
	.fb-standorte { display: block; }
	.fb-standorte li a { font-size: 16px; font-weight: 700; padding: 12px 15px; padding-right: 30px; background-color: transparent; height: 42px; border-radius: 21px; box-sizing: border-box; margin-top: 6px; border: 1px solid var(--color-txt-blue); text-align: center; color: var(--color-txt-darkblue); }
	.fb-standorte li a::after { top: 12px; right: 20px; }
	.fb-standorte li.active a { background-color: var(--color-bg-orange); color: white; border-top-left-radius: 21px; border-top-right-radius: 21px; border: none; }
	.fb-standorte li.active a::after { content: none; }
	.fb-standorte li a span { display: inline; font-size: inherit; font-weight: inherit; }
}


/* slick */
.slick-track { padding-bottom: 10px; margin-left: 0; margin-right: 0; }
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    bottom: -60px;

    display: block;

    width: 31px;
    height: 31px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 7;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    opacity: .75;
	content: "";
	background-image: url(/files/sysimages/blue_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 31px;
	height: 31px;
}

.slick-prev
{
    right: 70px;
}
[dir='rtl'] .slick-prev
{
    right: 0;
}
.slick-prev:before
{
	transform: rotate(180deg);
}
[dir='rtl'] .slick-prev:before
{
    transform: rotate(0);
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: 70px;
}
.slick-next:before
{
    transform: rotate(0);
}
[dir='rtl'] .slick-next:before
{
    transform: rotate(180deg);
}

.slick-dots { position: absolute; width: 100%; left: 0; display: block; padding: 0; margin: 0; list-style: none; font-size: 1rem; line-height: 1em; text-align: center; padding-left: 0 !important; bottom: -60px; z-index: 6; }
.slick-dots li { position: relative; display: inline-block; width: 31px; height: 31px; margin: 0; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0 !important; line-height: 0 !important; display: block; width: 31px; height: 31px; padding: 8px !important; cursor: pointer; color: transparent; background: transparent; border: 0; outline: none;  }
.slick-dots li button::before { content: ""; display: block; background: var(--color-bg-blue); width: 15px; height: 15px; border-radius: 7.5px; opacity: 0.2; transition: all .6s ease; }
.slick-dots li.slick-active { width: 55px; }
.slick-dots li.slick-active button { width: 55px; }
.slick-dots li.slick-active button:before { opacity: 1; width: 40px; }
.slick-dotted.slick-slider { margin-bottom: 50px; }
@media screen and (max-width: 850px) {
	.slick-arrow { bottom: -44px; }
	.slick-dots { bottom: -40px; }
	.slick-dots li, .slick-dots li button { width: 24px; height: 24px; }
	.slick-dots li button::before { width: 12px; height: 12px; border-radius: 6px; }
	.slick-dots li.slick-active { width: 40px; }
	.slick-dots li.slick-active button { width: 40px; }
	.slick-dots li.slick-active button:before { width: 30px; }
}
@media screen and (max-width: 750px) {
	.slick-prev { right: 40px; }
	.slick-dots { text-align: left; }
	.slick-dots li, .slick-dots li button { width: 20px; height: 20px; }
	.slick-dots li button::before { width: 10px; height: 10px; border-radius: 5px; }
	.slick-dots li.slick-active { width: 30px; }
	.slick-dots li.slick-active button { width: 30px; }
	.slick-dots li.slick-active button:before { width: 20px; }
}


/* fachbereiche-start */
.fachbereiche-start { padding: 0; }
.fachbereiche-start .fb-start-liste { column-count: 4; column-gap: 40px; margin-top: 20px; }
.fb-start-liste .clusterhead { color: black; border-color: black; font-weight: 700; flex-basis: 100%; margin-top: 60px; }
@media screen and (max-width: 1300px) {
	.fachbereiche-start .fb-start-liste { column-count: 3; }
}
@media screen and (max-width: 1100px) {
	.fachbereiche-start .fb-start-liste { column-count: 2; }
}
@media screen and (max-width: 650px) {
	.fachbereiche-start .fb-start-liste { column-count: 1; }
	.fb-start-liste .clusterhead { margin-top: 20px; }
}


.pc2.suchfeld .fbox { position: relative; display: inline-block }
.query { outline: none; background-color:#fff; color: #576d83; border: 2px solid var(--color-txt-blue); font-size: 16px; line-height: 16px; height: 42px; width: 280px; padding: 8px 12px; border-radius: 21px; box-sizing: border-box; }
.buttonstyle.search { position: absolute; top: 1px; right: 0; height: 41px; width: 46px; margin: 0; cursor: pointer; border-radius: 21px; border-top-left-radius: 0; border-bottom-left-radius: 0; text-align: center; padding: 0; }

.resultHead { color: black; font-weight: 700; font-size: 20px; line-height: 1.1em; font-family: Inter, sans-serif; }
.nomatches { font-size: 16px; }
.searchresult { font-size: 16px; }
.searchresult b { font-weight: 700; }
.searchresult b a { font-size: 20px; }
.searchresult a { word-wrap: break-word; }
.searchinfo { font-size: 16px; }
.ceWrapper.pc2.resultHead { margin-top: 0; }
.ceWrapper.pc2.searchresult { margin-top: 0; margin-bottom: 40px; }
.ceWrapper.pc2.nomatches { margin-top: 0; }

.buttonstyle { background-color: var(--color-bg-blue); border: none; border-radius: 4px; color: #ffffff; font-size: 1.3em; font-weight: 600; font-family: "Open Sans",Arial,Helvetica,sans-serif; line-height: 1em; padding: 8px 26px; cursor: pointer; }
.buttonstyle:hover { background-color: var(--color-bg-blue-hover); }

svg.icon { width: 30px; height: auto; }
button.submit_search .icon { width: 20px; height: 20px; top: auto; left: auto; position: relative; display: inline-block; }


/* spinner */
.lds-ring {
  display: inline-block;
  position: relative;
  height: 41px; width: 46px;
  padding-top: 4px;
  padding-left: 10px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 4px;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner { display: none; position: absolute; top: 1px; right: 5px; height: 41px; width: 46px; margin: 0; border-radius: 21px; border-top-left-radius: 0; border-bottom-left-radius: 0; background: var(--color-bg-blue);  }

/* form */
.pc2.formular .edtxt { margin-bottom: 20px; }
.form-wrapper { display: inline-grid; grid-template-columns: 50% 50%; width: 100%; }
.fline.half { grid-column-start: auto;
	grid-column-end: auto;
	grid-row-start: auto;
	grid-row-end: auto; }
.fline.full { grid-column: 1 / span 2; }
.fline { padding-right: 20px; margin-bottom: 20px; }
.fline.datenschutz, .fline.newsletter { display: grid; grid-template-columns: 20px auto; }
.fline.datenschutz input { align-self: start; }
.fline.datenschutz label { font-size: 16px; }
.fline.clear { grid-column: 1 / span 1; }

.fline label { font-size: 16px; padding-left: 20px; display: inline-block; }

.fline input[type=text],
.fline textarea,
.fline input[type=email] { width: 100%; height: 40px; padding: 0 20px; font-size: 16px; border: 2px solid var(--color-txt-blue); border-radius: 20px; box-sizing: border-box; }
.fline input[type=text]:focus-visible,
.fline input[type=email]:focus-visible { border-color: var(--color-txt-darkblue); outline: none; }

.fline textarea { padding-top: 8px; height: 120px; }

.fline .select-wrapper { position: relative; width: 100%; height: 40px; padding: 0 20px; font-size: 16px; border: 2px solid var(--color-txt-blue); border-radius: 20px; box-sizing: border-box; background-color: #ffffff; }
.fline .select-wrapper select { top: 2px;
	width: 100%;
	background-color: transparent;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	border-radius: 2px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #636363;
	padding: 10px 0 8px 0;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
  }
@-moz-document url-prefix() {
select {
	color: rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 #ffffff;
}
}
.fline .select-wrapper select { /* pfeil */
	background-image:
	  linear-gradient(45deg, transparent 50%, gray 50%),
	  linear-gradient(135deg, gray 50%, transparent 50%);
	background-position:
	  calc(100% - 10px) calc(1em ),
	  calc(100% - 5px) calc(1em );
	background-size:
	  5px 5px,
	  5px 5px;
	background-repeat: no-repeat;
  }


.loader { width: 24px; height: 24px; border: 2px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box;animation: rotation 1s linear infinite; }
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

.fline .button { position: relative; }
.button .loader { display: none; position: absolute; right: 12px; top: 9px; }
.button.clicked .loader { display: block; }

@media screen and (max-width: 600px) {
	.form-wrapper { grid-template-columns: 100%; }
	.fline { padding-right: 0; }
	.fline.full { grid-column: 1 / span 1; }
}

/* mfp */
.mfp-image-holder .mfp-close { color: transparent; background: transparent; width: 36px; height: 36px; right: 0; }
.mfp-image-holder .mfp-close::before { content: ""; display: block; width: 36px; height: 36px; background-image: url(/files/sysimages/close-x-blue.svg); background-repeat: no-repeat; background-position: center center; }
img.mfp-img { padding-top: 60px; }
.mfp-figure:after { top: 60px; }
.mfp-title { font-size: 16px; font-family: "DM Sans", sans-serif; }

/* cc-consent */
.cc-window.cc-floating { padding: 1.6em; }
.cc-message { line-height: 1.3em; }
.cc-revoke { display: none !important;}
.cc-btn.cc-allow, .cc-btn.cc-deny { border-radius: 19px; }
.cc-highlight .cc-btn.cc-deny { border-color: white; text-decoration: none; }
.cc-highlight .cc-btn.cc-deny:hover {text-decoration: none; }
.cc-window.cc-floating { border-radius: var(--radius-medium); }
.cc-message h3 { text-transform: uppercase; font-size: 22px; color: white; }
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-floating { border-radius: 0; }
}

/* Footer */
#footBar { background-color: var(--color-bg-darkblue); }
#footer { max-width: calc(var(--content-maxwidth) + (var(--page-padding) * 2)); margin: 0 auto; padding-left: var(--page-padding); padding-right: var(--page-padding); box-sizing: border-box;  }
#footer, #footer a { color: #fff; font-size: 15px; font-weight: 400; text-decoration: none;  }
.fbar { border-bottom: 1px solid var(--color-txt-blue); padding: 40px 0; }
.fbar.eins { display: flex; }
#flogo { flex-grow: 1; padding-right: 20px; }
#flogo img { width: 238px; height: auto; }
#socials { flex-grow: 1; padding-top: 20px; }
#socials .h { font-size: 18px; font-weight: 400; color: #ffffff; margin: 0; margin-bottom: 16px; }
#socials a { display: inline-block; padding-left: 12px; }
#socials svg { width: 36px; height: 36px; }
#socials a:nth-child(2) { padding-left: 0; }

#kkb_box { flex-grow: 1; padding-top: 20px; }
#kkb_box .txt { margin-top: 12px; }
.icon.kkb { width: 102px; height: 56px; position: relative; }

#eu_box { flex-grow: 1; padding-top: 20px; }
#eu_box a { display: flex; }
#eu_box .icon { width: 78px; height: 52px; position: relative; margin-right: 10px; }
#eu_box .txt { font-weight: bold; }
#eu_box span { font-weight: normal; display: block; }

#footerNav { position: relative; width: 100%; display: flex; column-gap: 20px; justify-content: space-between; }
.pc7.linkblock { box-sizing: border-box; margin-bottom: 30px; color: #fff; }
.pc7.linkblock .h { font-size: 18px; font-weight: 600; margin: 0; margin-bottom: 20px; }
.pc7.linkblock a { font-size: 15px; display: block; line-height: 1.8em; color: #fff; text-decoration: none; }

#fnavline { position: relative; width: 100%; padding-top: 18px; padding-bottom: 50px; }
#fnavline a { display: inline-block; padding: 0 11px; }
#fnavline a:first-child { padding-left: 0; line-height: 1em; }
#fnavline .fnav { float: left; }
#fnavline .copy { float: right; }

@media screen and (max-width: 1100px) {
	.fbar.eins { display: block; position: relative; height: 220px; }
	#flogo { position: absolute; top: 40px; left: 0; }
	#socials { position: absolute; top: 30px; right: 40px; }
	#kkb_box { position: absolute; top: 40px; left: 40%; }
	#eu_box { position: absolute; bottom: 40px; left: 0%; }

	#footerNav { flex-wrap: wrap; }
}
@media screen and (max-width: 901px) {
	#socials { right: 0; }
}
@media screen and (max-width: 800px) {
	.fbar.eins { height: 240px; }
	#flogo { top: 40px; left: 0; }
	#socials { top: 30px; right: 40px; }
	#kkb_box { top: auto; bottom: 40px; left: 0; }
	#eu_box { bottom: 40px; left: auto; right: 0; }

	.pc7.linkblock { width: 48%; }
}
@media screen and (max-width: 600px) {
	.fbar { padding-left: 22%;}

	#footer { display: flex; flex-direction: column; }
	.fbar.eins { order: 2; height: auto; display: flex; flex-direction: column; row-gap: 20px; }
	.fbar.zwei { order: 1; }
	#fnavline { order: 3; }

	#flogo, #socials, #kkb_box, #eu_box { position: relative; top: auto; left: auto; bottom: auto; right: auto; }

	#fnavline .fnav { float: none; text-align: center; line-height: 2em; }
	#fnavline .copy { float: none; text-align: center; margin-top: 40px; }
}
@media screen and (max-width: 460px) {
	.fbar { padding-left: 16%; }
}
@media screen and (max-width: 410px) {
	.fbar { padding-left: 30px; }
}





































#mobSpacer { display: none; }
.mobile #mobSpacer { display: block; position: relative; width: 100%; height: 60px; }
.with-newsbar #mobSpacer { height: 124px; }

div.centered { position: relative; margin: 0 auto 0; width: 100%; max-width: 996px; box-sizing: border-box; }

.with-newsbar {}
#newsbar { display: none; height: 88px; background: #d01817; color: #fff; font-size: 28px; font-weight: 800; overflow: hidden; box-sizing: border-box; padding: 0 28px; }
#newsbar .centered {  }	
#newsbar .pcLink,
#newsbar .pcExtLink { margin-top: 0; font-size: 1em; line-height: 1.1em; padding-left: 0; }
#newsbar .pcLink a,
#newsbar .pcExtLink a { display: flex; align-items: center; text-decoration: none; color: #fff; height: 88px; margin-right: 80px; }
#newsbarclose { position: absolute; top: 12px; right: 10px; width: 60px; height: 60px; cursor: pointer; }
#newsbarclose::before { content: ""; display: block; position: absolute; top: 30px; left: 14px; width: 34px; height: 1px; background: #fff; transform: rotate(45deg); }
#newsbarclose::after { content: ""; display: block; position: absolute; top: 30px; left: 14px; width: 34px; height: 1px; background: #fff; transform: rotate(-45deg); }
.with-newsbar #newsbar { display: block; }


#abdecker { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 108; }


/* pc3 */


.elastic-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.elastic-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.elastic-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.head-slider.video video { width: 100%; height: auto; }

.mutebutton { position: absolute; bottom: 20px; right: 20px; width: 14px; height: 14px; padding: 10px; border-radius: 50%; background-color: rgba(0,0,0,0.4); cursor: pointer; }
.mutebutton .off { display: none; }
.mutebutton.muted .on { display: none; }
.mutebutton.muted .off { display: block; }

.head-slide .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; padding-left: 48px; background-color: rgba(0,0,0,0.25); color: #fff; box-sizing: border-box; }
.head-slide .caption h6 { font-size: 3em; font-weight: 700; margin: 0; }
.head-slide .caption span { font-size: 2.6em; font-weight: 300; line-height: 1.1em; }







/* bau webcam */
.bauwcIframe { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.bauwcIframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* personalupload */
#mbdata label { display: block; padding-top: 16px; padding-left: 6px; line-height: 1.2em; }
#mbdata input[type=text], #mbdata input[type=number], #mbdata input[type=email], #mbdata select { width: 87%; box-sizing: border-box; }
.pc2.mitarbeiterausweis .formwrap {  padding: 20px 0; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; box-sizing: border-box; }
.pc2.mitarbeiterausweis .pcMainrow:after { display: block; content: " "; clear: both; visibility: hidden; font-size: 0px; height: 0px; }
.pc2.mitarbeiterausweis .lc { width: 50%; float: left; }
.inputfile { width: 0.1px; height: 0.1px;	opacity: 0;overflow: hidden;	position: absolute; z-index: -1; }
#mbdata .inputfilelabel { cursor: pointer; display: block; font-size: 13px; padding-top: 8px; width: 74%; padding-left: 14px; background: #e5e5e5; color: #7a7b7d; }
.inputfilelabel svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 1em;}
.einverstanden_wrap { min-height: 32px; }
.submitwrap { padding-top: 30px; clear: both; }
.submitwrap button { opacity: 0.6; }
.einverstanden { position: relative; }
.einverstanden div { float: left; width: 10%; }
.einverstanden div:nth-child(2) { width: 90%; }
.formwrap .spinner { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(255,255,255, 0.8); }
.formwrap .spinner img { position: relative; top: 48%; left: 50%; margin-left: -110px; }
.formwrap .spinner.uploading { display: block; }
.formwrap input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.formwrap input[type="number"] {
    -moz-appearance:textfield;
}
@media screen and (max-width: 520px) {
	.pc2.mitarbeiterausweis .lc { width: 100%; float: none; }
	.submitwrap { padding-top: 30px; }
}