/* Allgemeine Einstellungen */
/**/
/**/

/* body {background-color: red;} */

.page-container {
	position: relative;
}

ol.breadcrumb {
	margin-bottom: 0!important; 
}

.layout-normal section {
	margin-top: 0px;
	margin-bottom: 90px;
} 

.layout-normal a {
	color: #eb691c;
	text-decoration: none;
}

.layout-normal .nowrap {
	white-space: nowrap;
}

.layout-normal .frame-type-image {
	/* stefans Startseite */
	/* margin-top: 70px; */
	margin-bottom: 00px; 
}

.layout-normal p img {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.layout-normal p {
	/*-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; */
}

.layout-normal .frame-type-image.frame-space-before-extra-small {
	margin-top: 1rem!important;
}

.layout-normal .frame-type-image.frame-space-after-extra-small {
	margin-bottom: 2rem!important;
}

.layout-normal .frame-layout-1,
.layout-normal .frame-layout-1 *,
.layout-normal .smalltext {
	font-size: 13px!important;
	line-height: 20px!important;
}

.layout-normal .bildunterschrift,
.layout-normal figcaption {
	font-size: 13px;
	line-height: 20px;
	text-align: left; 
	padding-top: 20px;
	max-width: 90%;
	margin: 0;
	/* stefans: Anpassung 3. Review */
	max-width: 100%;
	padding-left: 8px;
}

.layout-normal figcaption strong {
	font-weight: bold;
}

.layout-normal h1 {
	font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: left;
    color: #0c1b47;
    text-transform: none;
	margin: 60px 0px 30px;
}

.layout-normal .frame:nth-child(1) h1 {
	margin: 40px 0px 40px; 
}

.layout-normal h2 {
	/*margin-bottom: 30px!important;*/
	margin-bottom: 30px;
}

.layout-normal ul {
	padding-inline-start: 0px;
	list-style: none;
	position: relative;
}

.layout-normal ul>li {
	padding-left: 30px;
}

.layout-normal ul>li:before {
    font-family: "Linearicons";
	content: "\e876";
	color: #eb691c;
/*  content: "＞"; */
    font-size: 20px;
/*    height: 40px;*/
    line-height: 40px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 0;
	position: absolute;
	left: 0px;
	margin-top: -7px;
}

.layout-normal .bg-1 {
    background-color: #c6e8fb;
}

.scroll-to-top {
	display: none!important;
    /* position: absolute!important; */
	/* bottom: 0px; */
	/* left: calc(100% - 150px); /* holgerd Korrekturen BrandPepper Review, zuvor - 180px */ */
	/*bottom: 45px; /* holgerd Korrekturen BrandPepper Review */
    /* width: 131px; */
    /* height: 28px; */
	/*margin-bottom: -34px; /* holgerd Korrekturen BrandPepper Review */
    /* display: block; */
    /*background: #fff; /* holgerd Korrekturen BrandPepper Review */
    /* z-index: 99999; */
	/* background: url(/fileadmin/pictures/NachOben.svg); */
	/* background-repeat: no-repeat; */
}

/* .scroll-to-top:hover { */
		/* background: url(/fileadmin/pictures/NachOben.svg); */
	    /* background-color: #c6e8fb; */
		/* background-repeat: no-repeat; */
		/* opacity: .5; */
/* } */

.pro-chevron-up:before {
    content: "";
}

img {
    max-width: 100%;
    height: auto!important;
}

.container .top-bar {
	background-color: #0c2340;
}

/* Accordions */ 
/**/
/**/

.layout-normal .accordion .card-header a {
	line-height: 22px;
	font-size: 22px;
	color: #0c2340;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.layout-normal .accordion .card-header {
	margin-top: calc(60px - 1rem);
	min-height: 64px;
	display: block;
	display: flex;
	align-items: center;
}

.layout-normal .accordion-fussnoten .card-header {
	margin-top: calc(80px - 1rem);
}

.bf-accordion .card-header .collapsed .pro-caret:before ,
.bf-accordion .card-header  .pro-caret:before {
    font-size: 20px;
    height: 20px;
    line-height: 24px;
    display: inline-block;
    margin-right: 0px;
    margin-left: 15px;
	float: right;
}

.layout-normal .accordion .card-body {
	padding: 40px 40px;
	background-color: #f5f5f5; 
}

.layout-normal .accordion .card-body ol {
	padding-left: 10px;
}

/**/
/**/
/* Accordions */ 

/* 2 Colums */
/**/

.layout-normal .row.cols2>.col {
	width: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
	padding-left: 0px!important;
	padding-right: 0px!important;
	background-color: #fff!important;  
	height: auto;
}

.layout-normal .row.cols2>.col:nth-child(1) {
	margin-left: 0px;
	margin-right: 15px; 
}

.layout-normal .row.cols2 .col:nth-child(2) {
	margin-left: 15px;
	margin-right: 0px;
}

/**/
/* 2 Columns */
/* Contact us - Contacto */
#page-200 .col {
	height: auto;
	padding: 0;
	margin: 0;
}

/* 3 Columns */
/**/

.layout-normal .row.cols3 {
	justify-content: space-between;
	flex-wrap: none;
	margin-top: 60px;
}

.layout-normal .row.cols3 > .col {
	width: calc(33% - 15px);
	max-width: calc(33% - 15px);
	flex-basis: calc(33% - 15px);
	min-width: 265px;
	max-width: 350px;
	flex-grow: 0; 
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
}

.layout-normal .row.cols3 .col .teaserbox {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
	flex-grow: 0!important;  
}

.layout-normal .row.cols3 .col .teaserbox-header-wrapper h2 {
	margin-left: 0px!important; 
	margin-right: 0px!important;  
}

@media (max-width: 920px) {
	.layout-normal .row.cols3 > .col {
		width: calc(50% - 15px);
		/* max-width: calc(50% - 30px); */
		flex-basis: calc(50% - 30px);
	}
	
	.layout-normal .row.cols3 {
		justify-content: space-evenly;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}
}

/**/
/* 3 Columns */


/* Teaser-Boxen */
/**/
/**/

#page-230 .layout-normal .row .col section .teaserbox { 
	  opacity:0; 
}	 

.teaserbox {
	position: relative;
}

.teaserbox img {
	width: 100%;
}

.teaserbox,
.teaserbox-frame {
	/* stattdessen muss das row im Backend von typo3 in Bearbeitung bei Erweiterungsoptionen im Tab row classes bei custom row classes align-items-stretch eingetragen werden */
	/*min-height: 504px;*/
	background-color: #c6e8fb;
}

.teaserbox-header-wrapper h2 {
	margin-left: 10px;
	margin-right: 10px;
}

.teaserbox-header-wrapper h2 a {
	font-size: 38px;
	line-height: 48px; 
	color: #0c2340;
	/*hyphens: auto;*/
}

.teaserbox-body {
    margin: 30px 10px;
    min-height: 80px;
	height: auto;
	/* stefans: Anpassung drittes Review */
	padding-bottom: 100px;
}

.teaserbox-footer {
	/* stefans: Anpassung drittes Review */
	position: absolute;
	left: 0; right: 0;
	bottom: 60px;
}

.teaserbox-footer a {
	padding: 13px 28px;
	background-color: #eb691c;
	color: #fff!important; 
}

@media (max-width: 570px) {
	.teaserbox-header-wrapper h2 a {
		font-size: 30px;
	}
	.teaserbox-header-wrapper h2 {
		margin-top: 15px;
		margin-bottom: 5px;
		height: initial;
	}
	.teaserbox-image,
	.mediathek-teaserbox .col .teaserbox .teaserbox-image {
		visibility: hidden;
		height: 0;
	}
	.teaserbox-body {
		/*margin: 0;
		padding: 0;
		height: 0;
		background: green; */
	}
	.teaserbox, .teaserbox-frame {
		min-height: unset;
	}
	.teaserbox-body {
		margin: 15px 5px;
	}
}

 
/**/
/**/
/* Teaser-Boxen */

/* Footer */
/**/
/**/

footer,
footer *,
footer * * {
	margin: 0!important; 
	padding: 0!important;
	width: 100%!important; 
	max-width: 100%!important;
	display: block; 
	position: relative!important;
	/* border: 1px solid red; */
}
footer .layout-normal .container { 
	/* min-height: initial; */
}
footer .layout-normal { 
	position: relative;
	top: -25px;
	height: 0;
}
footer {
	background-color: #0c2340;
	padding-bottom: 60px!important;
	padding-top: 30px!important;
}

footer a,
footer p {
	display: inline!important; 
	white-space: nowrap!important;
}

footer .footer-main {
	background-color: #0c2340;
	width: 1120px!important;
	max-width: calc(100vw - 80px)!important;
	margin: auto!important;
}

footer .logo,
footer .copyright  {
	position: absolute!important;
	right: 42px;
}

footer .copyright  {
	text-align: right;
	bottom: -20px!important;
}

footer .logo img,
footer .logo {
	top: 10px!important; /* holgerd Korrekturen BrandPepper Review, zuvor 0 */
	width: 160px!important;
	height: 70px!important;
}

footer .copyright {
	/* bottom: 0px; */
}

footer sup {
	display: inline!important;
}

footer .footbox1 .footer-sitemap-column .row,
footer .footbox2 .footer-contact-column .row {
	display: flex!important;
	flex-wrap: 	nowrap!important; 
	justify-content: space-between;
}

footer .footbox1 {
	padding-top: 60px!important;
	padding-bottom: 60px!important;
}

footer .footbox1 .row .row,
footer .footbox2 .row .row {
	/* border: 1px solid yellow; */
	max-width: calc(100% - 200px)!important;
	
}

footer .col {
	flex-grow:1;
	flex-basis: 25%!important;
	max-width: none!important;
		padding-bottom: 20px!important;
}

footer .footbox2 .row .row .col:nth-child(1) {
	/* border: 1px solid green; */
	/*flex-basis: 50%!important;*/
	/*flex-grow:2;*/
}

footer .col * {
	width: auto!important;
	max-width: 100%!important;
}

/* (gerahmte) Absätze mit Hintergrund */
.col.special {
	padding: 0;
}
.col.special .frame-layout-0 {
	padding-left: 15px;
	padding-right: 15px;
}
.col.special .frame-layout-2 {
	background-color: #3ab2de;
	padding: 15px;
	/*border: 1px solid black;*/
}
.col.special .frame-layout-2 > p {
	color: #fff;
}

/* margins bei img innerhalb p */
.frame-layout-2 > p > img {
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 1200px) {
	
	footer .footbox1 .footer-sitemap-column .row .col {
		/* margin-left: 0!important; */
		/* margin-right: 0!important; */
		/* padding-left: 20px!important; */
		/* flex-basis: 170px!important; */
		/* width: 170px!important; */
	}
	
	footer .footbox1 {
		padding-top: 100px!important;	
	}

	#page-1 > div.page-container.layout-home > footer > div.footer-main > div.container.footbox2 > div > div > div > div:nth-child(3),
	#page-1 > div.page-container.layout-home > footer > div.footer-main > div.container.footbox2 > div > div > div > div:nth-child(2),
	footer .footbox2 .footer-contact-column .row .col:nth-child(1),
	footer .footbox2 .footer-contact-column .row .col:nth-child(2),
	footer .footbox2 .footer-contact-column .row .col:nth-child(3),
	footer .footbox2 .footer-contact-column .row .col {
		/* flex-basis: 170px!important; */
		/* width: 170px!important; */
		/* margin-left: 0!important;  */
		/* margin-right: 0!important; */
		/* padding-left: 20px!important; */
		/* flex-grow: 0!important; */
	}

	footer .footbox2 .footer-contact-column .row .col:nth-child(1) {
		/* flex-basis: 260px!important; */
		/* width: 260px!important; */
	}


	footer .copyright  {
		text-align: right;
		bottom: 0px!important; /* holgerd Korrekturen BrandPepper Review, zuvor -20px */
	}
	@media (max-width: 970px) {
		
		footer .col {
			flex-grow:1;
			flex-basis: 50%!important;
			max-width: none!important;
		}

		footer .footbox1 .footer-sitemap-column .row,
		footer .footbox2 .footer-contact-column .row {
			flex-wrap: 	wrap!important; 
			max-width: 100%!important;
		}

		@media (max-width: 770px) {
			footer .footbox1 {
				padding-top: 60px!important;
				padding-bottom: 0px!important;
			}
				footer .logo {
		top: -20px!important;
	}
			@media (max-width: 570px) {
				footer .footer-main {
					max-width: calc(100vw - 40px)!important;
				}
				
				@media (max-width: 440px) {
					footer .footbox2 .footer-contact-column .row,
					footer .footbox1,
					footer .footbox2 {
						justify-content: flex-start!important;
						/* text-align: center!important; */
					}
				
					footer .footbox2 {
						padding-bottom: 60px!important;				
					}
					
					footer .logo,
					footer .copyright  {
						left: 0px;
						right: 0px;
						/* text-align: center!important; */
						margin: auto!important;
					}
					
					footer a,
					footer p {
						white-space: normal!important;
						/*hyphens: auto;*/
					}
				}
			}
		}
	}
}

/**/
/**/
/* Footer */

@media (min-width: 920px) and (hover:hover) {

	.main-menu {
		background-color: rgb(255,255,255, 0.8)!important;
		opacity: 1!important;
		position: relative;
	}

	.main-menu > ul > li > a {
		line-height: 1.4!important;
	}
	
	.main-menu ul.main-menu-lvl1 {
		min-width: 1px!important;
		min-height: 1px!important;
		max-width: calc(100% - 200px);
		height: 105px!important;
		float: right;
	}	

	.stuck-header .page-header {
		height: 40px;
	}

	.stuck-header .main-menu ul.main-menu-lvl1 {
		height: 70px!important;
	}	
	.stuck-header .logo-big {
		display: block!important;
	}
	
	.stuck-header .logo-small {
		display: none!important;
	}
	.main-menu ul.main-menu-lvl1>li {
		padding-left:26px!important;
		padding-right:26px!important;
		display: flex;
		justify-content: center;
	}

	.main-menu ul.main-menu-lvl1>li.active {
		background-color: #fff;
		opacity: 1;
	} 

	.main-menu ul.main-menu-lvl1>li>ul {
		width: auto;
		min-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		justify-self: center;
		overflow: visible;
		margin-top: 2em;
		margin-left: 50%;
		transform: translate(-50%, 0);
	}

	.main-menu ul.main-menu-lvl1>li>ul>li {
		white-space: nowrap;
		background-color: #fff;
		width: 100%;
	}
	.topbar .top-menu { /* holgerd Korrekturen BrandPepper Review mobile Layout */
		display: none;
	}
}

@media (max-width: 919px) {
	
	body {
		/*hyphens: auto;*/
	}
	
	.page-header { 
		position: relative;
		background-size: cover;
		height: 42.934782608695656vw;		
	}
	
	.pagelayout-home .page-header {
		height: 64.13043478260869vw;
	}
	
	.stuck-header .page-header {
		height: 35px!important;
	}
	
	.menu-container {
		max-width: (100% - 55px)!important;
		margin-top: 35px; /*holgerd Korrekturen BrandPepper Review mobile Layout, zuvor !important */
	}
	
	.stuck-header .container .menubar {
		position: absolute;
		top: 0px;
		width: 100%;
		background-color: transparent;
		height: 35px;
		opacity: 1;
		box-shadow: 0 12px 7px -4px rgba(0,0,0,0.15);
	}
	
	.stuck-header .logo-big {
		display: none;
	}
	
	.stuck-header .logo-small {
		display: block;
		height: 35px!important;
		width: auto!important;
	}
	
	.stuck-header .logo-wrapper {
		top: 1px;
		left: 46px;
		z-index: 5;
		height: 38px;
	}
	
	.interferer-inner {
		position: absolute;
		bottom: 3.260869565217391vw;
		right: 7.934782608695652vw;
		margin: 0px;
		padding: 0px;
		
		/*stefans: Anpassung Menu Mobile */
		top: 126px;
	}
	
	.interferer-inner .interferer-1 {
		font-size: 7.934782608695652vw; 
		height: 27.82608695652174vw;
	}
	
	.interferer-inner .interferer-2 {
		font-size: 2.1739130434782608vw;
		width: 50vw;
		padding: 1.5217391304347827vw 2.391304347826087vw 1.7391304347826086vw 1.1956521739130435vw;
		margin-right: 0;
		margin-top: 2.717391304347826vw;
		float: right;
		clear: both;
	}
	
	.interferer-inner .interferer-1 .content {
		clear: both;
	}
	
	.teaserbox {
		height: 100%;
	}
	
	#page-230 .layout-normal .row .col section .teaserbox:nth-child(2) {
		height: auto;
	}
}

@media (min-width: 571px) { /* holgerd Korrekturen BrandPepper Review mobile Layout */
	.topbar .top-menu {
		/* stefans: Anpassung Menu */		
		/* display: none; */
	}
}
@media (max-width: 570px) {
	
	.interferer-inner .interferer-1 .content {
		clear: both;
	}
	
	.layout-normal>.container>div {
		max-width: 100vw;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	
	.layout-normal .accordion .card-body {
		padding: 30px 20px;
		background-color: #f5f5f5; 
	}
	
	.bf-accordion .card-header a {
		padding: 0px 30px 0px 30px;
	}
	.row.cols2 {
		flex-wrap: wrap;
	}
	.layout-normal .row.cols2>.col {
		width: 100%;
		flex-basis: 100%;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	.teaserbox {
		margin-top: 10px;
		margin-bottom: 10px;
		/* stefans: Anpassung drittes Review */
		/* min-width: 300px; */
	}
	
	
	.container .menubar {
		position: absolute;
		top: 0px;
		width: 100%;
		background-color: transparent;
		height: 35px;
		opacity: 1;
		box-shadow: 0 12px 7px -4px rgba(0,0,0,0.15);
	}
	
	.logo-big {
		display: none!important;
	}
	
	.logo-small {
		display: block!important;
		height: 73px!important; /* holgerd Media Queries Header & Menü, Korrektur BrandPepper Review, zuvor 35px */
		width: auto!important;
	}
	
	.logo-wrapper {
		top: 12px; /* holgerd Media Queries Header & Menü, Korrektur BrandPepper Review, zuvor 1px */
		left: 22px; /* holgerd Media Queries Header & Menü, Korrektur BrandPepper Review, zuvor 46px */
		z-index: 5;
		height: 38px;
		
		/* stefans: Anpassung Menu */
		top: 50px;
	}

/* holgerd Media Queries Header & Menü, Korrektur BrandPepper Review Mobile*/
	.container .topbar {
		height: 50px;
		position: fixed;
				
		/* stefans: Anpassung Menu Scrolling Mobile */
		position:fixed;
		z-index: 7;
		height: 40px;
	}
	.page-header .container .header-wrapper {
		top: 50px;
		height: 86px;
		background-color: #fff;
		
		/* stefans: Anpassung Menu Scrolling Mobile */
		position: fixed;
		z-index: 7;
		height: 85px;
		top: 40px;
	}
	.nav-wrapper .mobile-menu-button {
		right: 20px;
		top: 70px;
		display: block;
		/* stefans: Anpassung Menu Scrolling Mobile */
		top: 62px;
	}
	.mobile-menu-button i {
		background-color: #fff;
		width: 46px;
		height: 46px;
	}
	.pro-bars:before {
		color: black;
		font-size: 35px;
	}
	.page-header {
		position: relative;
		top: 136px;
	}
	.page-header>.container {
		position: relative;
		top: -136px;
	}
	.breadcrumb-bar {
		position: relative;
		top: 134px;
	}
	.layout-normal {
		position: relative;
		top: 112px;
		padding-bottom: 112px;
	}
	.menu-container {
		margin-top: 50px; /*holgerd Korrekturen BrandPepper Review mobile Layout, zuvor !important (im main.css) */
		height: 61.7%; /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 61,7% in main.css */
		background: #c6e8fb; /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt #4bc1e1 in main.css */
		
		/*stefans: Anpassung Menu */
		margin-top: 40px;
	}
	.menu-container .top-menu { /*holgerd Korrekturen BrandPepper Review mobile Layout */
		display: none; 
	}
	.main-menu, .top-menu {
		top: initial!important; /* imporant wegen stuck-header */
	}
	
	.top-menu ul.top-menu-lvl1 {
		display: flex!important;
		justify-content: space-around;
		max-width: 100%;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.top-menu ul.top-menu-lvl1 li { /*holgerd Korrekturen BrandPepper Review mobile Layout, ergänzt bzw. überschreibt main.css */
		/*display: inline-block; */
		padding-left: 0;
		padding-right: 0;
		/* float: left; */
	}
	.top-menu ul.top-menu-lvl1 li a,
	.stuck-header .top-menu ul.top-menu-lvl1 li a { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		font-size: 12px; 
		border: none;
	}
	/* .top-menu ul.top-menu-lvl1 li:last-child { */
		/* padding-right: 0; */
	/* } */
	.top-menu ul.top-menu-lvl1 { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		margin-top: 15px;
		width: 100%;
		margin-right: 20px;
	}
	.footer-main .container .row .col {
		margin-top: 20px!important;
		margin-bottom: 0;
		margin-left: 20px!important;
		margin-right: 30px!important; /* holgerd Korrekturen BrandPepper Review, Footer in Desktop View passt hier nicht */
	}
	footer .footbox2 .footer-contact-column .row .col:nth-child(2),
	footer .footbox2 .footer-contact-column .row .col:nth-child(3) {
		margin-top: 20px!important;
		margin-bottom: 0;
		margin-left: 20px!important;
		margin-right: 30px!important; /* holgerd Korrekturen BrandPepper Review, Footer in Desktop View passt hier nicht */
	}	

	.stuck-header .main-menu ul.main-menu-lvl1 li a,
	.main-menu ul.main-menu-lvl1 li a {
		text-align: center; /* holgerd Korrekturen BrandPepper Review, Submenüs anzeigen, in main.css geändert */
	}
	
	.stuck-header.pagelayout-home {
		 padding-top: 70px;
	}
	
	.main-menu ul.main-menu-lvl2 li {
		padding: 0 5px 5px 5px; /*holgerd Korrekturen BrandPepper Review, Submenüs für Desktop nicht passend für mobil, zuvor 0 5px 5px 5px */
	}
	.interferer-inner {
		/*top: 60px;*/
		/* stefans: Anpassung Menu Scrolling Mobile */
		top: 144px;
		position: relative;
	}
}

/* stefans: Anpassung Menu */
@media (max-width: 919px) {
	.nav-wrapper .mobile-menu-button {
		right: 20px;
		display: block;
	}
	.mobile-menu-button i {
		background-color: #fff;
		width: 46px;
		height: 46px;
	}
	.pro-bars:before {
		color: black;
		font-size: 35px;
	}
	
	.top-menu ul.top-menu-lvl1 {
		display: flex!important;
		justify-content: space-around;
		max-width: 100%;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.top-menu ul.top-menu-lvl1 li { /*holgerd Korrekturen BrandPepper Review mobile Layout, ergänzt bzw. überschreibt main.css */
		/*display: inline-block; */
		padding-left: 0;
		padding-right: 0;
		/* float: left; */
	}
	.top-menu ul.top-menu-lvl1 li a,
	.stuck-header .top-menu ul.top-menu-lvl1 li a { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		font-size: 12px; 
		border: none;
	}
	/* .top-menu ul.top-menu-lvl1 li:last-child { */
		/* padding-right: 0; */
	/* } */
	.top-menu ul.top-menu-lvl1 { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		margin-top: 15px;
		width: 100%;
		margin-right: 20px;
	}
	
	.menu-container .top-menu {
		/* stefans: Anpassung Menu */
		display: none;
	}
}
/* stefans: Anpassung Menu Ende */


/**/
/**/
/* Allgemeine Einstellungen */

/* iNdividuelle Seitenanpassungen */
/**/
/**/
/**/

/* Startseite */
/**/
/**/

#page-1 #c1189 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#page-1 section .container,
#page-1 section {
	padding: 0px;
	margin-bottom: 0px;
	min-height: 0!important;
}

#page-1 #c1231 h1 {
	display: none;
}

#page-1 #c1191 {
	margin-bottom: 70px;
}

#page-1 .layout-normal .container .frame-layout-0.frame-type-list {
    position: relative;
    left: 0;
	padding: 0!important;
	margin: 0;
	margin: auto;
    height: 231px;
	width: 461px;
	max-width: 100%!important;
}

#page-1 .layout-normal .container .frame-layout-0.frame-type-list iframe {
	margin: auto;
	width: 461px;
	min-width: 461px!important;
	max-width: 461px!important;
}

#page-1 #c1397 {
	display: flex; 
	justify-content: center;
}

/**/
/**/
/* Startseite */

/* Aktinische Keratosen */
/**/
/**/

#c1200 #Plattenepithelkarzinom {
	    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

/**/
/**/
/* Aktinische Keratosen */

/* Feldkanzerisierung*/
/**/
/**/

/**/
/**/
/* Feldkanzerisierung*/

/* Basalzellkarzinom */
/**/
/**/

/**/
/**/
/* Basalzellkarzinom */

/* Die Photodynamische Therapie */
/**/
/**/

#page-226 .container .row .col {
	position: relative;
	height: auto;
}

#page-226 .container .row > .col > .frame-type-image > div {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	position: absolute;
	top: 0px;
	right: 0px;
}

#page-226 .layout-normal .row.teasers {
	margin-top: 60px;
	margin-bottom: 60px;
}

#page-226 .teaserbox {
	/* stefans: Anpassung drittes Review */
	/* min-width: 375px; */
}

#page-226 div.teaserbox-header-wrapper > h2 {
	height: auto!important;
}

@media (max-width: 830px) {
	
	#page-226 .layout-normal .row.teasers {
		flex-wrap: wrap;
	}
	
	#page-226 .layout-normal .row.cols2>.col {
		width: 100%;
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#page-226 .layout-normal .row.cols2>.col:nth-child(1) {
		margin-bottom: 30px;
	}
	

	
	@media (max-width: 570px) {
		#page-226 .container .row > .col > .frame-type-image > div {
			margin-top: 0px!important;
			margin-bottom: 30px!important;
			position: relative;
			top: 0px;
			right: 0px;
		}
	}
}
/**/
/**/
/* Die Photodynamische Therapie */

/* Photodynamische Therapie mit Tageslicht: schmerzarm & wirksam */
/**/
/**/


#page-228  .layout-normal .bg-1,
#page-228  .layout-normal section,
#page-228 > div.page-container > div.layout-normal > div > section {
	margin-top: 50px!important; 
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	margin-bottom: 0px;
}

#page-228  .layout-normal section > .container {
	padding: 40px!important; 
	padding-right: 40px!important;  
}

#page-228 #c1248 > h1 {
	margin-bottom: 20px!important;
}

#page-228 #c1249 {
	margin-top: 0px!important; margin-bottom: 35px!important;
}

#page-228 .layout-normal section {
	margin-top: 50px;
	margin-bottom: 90px;
} 

@media (max-width: 570px) {
	#page-228  .layout-normal section > .container {
		padding: 20px!important; 
		padding-right: 20px!important;  
	}
}

/**/
/**/
/* Photodynamische Therapie mit Tageslicht: schmerzarm & wirksam */

/* Konventionelle Photodynamische Therapie */
/**/
/**/

/* OrangeBox */ 
/**/

#page-227 #c1260 {
	position: relative;
}

#page-227 #c1260 > div.orangebox {
	display: flex;
	justify-content: center; align-items: center;
	background-color: #eb691c;
	width: 350px;
	height: 130px;
	position: relative;
	left: calc(100% - 350px);
	top: -90px;
	transform: rotate(-11deg);
}

#page-227 #c1260 h1 {
	max-width: calc(100% - 200px);
}

#page-227 #c1260 > div.orangebox * {
	color: #fff!important;
	margin: 0!important; padding: 0!important;
}

@media (max-width: 570px) {
	#page-227 #c1260 > div.orangebox {
		left: 0px;
		top: 0px;
		transform: rotate(0deg);
		margin: auto;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 10px;
		height: auto;
	}
	
	#page-227 #c1260 > div.orangebox br {
		display: none;
	}

	#page-227 #c1260 h1 {
		max-width: 100%;
	}
}

/**/
/* OrangeBox */ 

#page-227 #c1261 {
	margin-top: 0px!important;
}

#page-227 #c1261 > div > div > div > div > div:nth-child(2) > div > figure > img {
	margin-top: 90px!important;
}

@media (max-width: 1200px) {
	#page-227 #c1261 > div > div > div > div > div:nth-child(2) > div > figure > img {
		margin-top: 10vw!important;
	}	
}

#c1261 > div > div > div > div > div:nth-child(2) {
	margin-bottom: 40px;
}

/**/
/**/
/* Konventionelle Photodynamische Therapie */

/* Ameluz® – Fortschritt in der Photodynamischen Therapie */
/**/
/**/

#page-225 .linkbox {
    background-color: #60cff2;
    color: #fff;
    text-align: center;
    height: 80px;
	width: 300px;
	margin: auto; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all 0.3s;
}

#page-225 .linkbox:hover {
    background-color: rgb(1, 30, 65);
}

#page-225 .linkbox .title {
	font-size: 20px;
	text-transform: none!important;
}

#page-231 #c1280.frame-type-image {
	margin-top: 0px!important; 
}

#page-225 div.teaserbox-header-wrapper > h2 {
	height: auto!important;
}

#page-231 #c1282 {
	margin-top: 40px!important;
	margin-bottom: 60px!important;
}
/**/
/**/
/* Was ist 5-Aminolävulinsäure? */

/* Die Nanoemulsion BF-200 – auf die Galenik kommt es an! */
/**/
/**/

#page-230 .layout-normal .row .col .container {
	overflow: visible;
}

#page-230 .layout-normal .row .col section .teaserbox,
#page-230 .layout-normal .row .col section {
	padding: 0;
	margin: 0;
	position: relative;
	padding-top: 1px;
	display: block;
}

#page-230 .layout-normal .row .col section  {
	margin-bottom: 60px!important;
}

#page-230 .layout-normal .row .col section .teaserbox:nth-child(1) {
	background-color: #e5e5e5;
}

#page-230 .layout-normal .row .col section .teaserbox:nth-child(2) {
	position: absolute;
	top: 0px;
}

#page-230 .teaserbox-body {
	height: auto;
	min-height: 300px;
}

#page-230 .teaserbox-footer a {
	color: #fff;
}

#page-230 .layout-normal .row .col section .teaserbox {
	transition-duration: 0s;
	transition-delay: 0s;
	opacity:1;
	/* transform: rotate3d(0, 1, 0, 90deg)!important;  */
	/* height: 0px; */
	/* visibility: hidden; */
	z-index:1;  
}

#page-230 .layout-normal .row .col section .teaserbox:nth-child(2) {
	height: auto;
}

#page-230 .layout-normal .row .col section .teaserbox {
	transform: rotate3d(0, 1, 0, 90deg)!important; 
	transition-duration: 0s;
	transition-delay: 0s;
	transition-timing-function: linear;
	opacity: 0;
	visibility: hidden;
	z-index:1;  
}

#page-230 .layout-normal .row .col section .teaserbox.flopped {
	transform: rotate3d(0, 1, 0, 0deg)!important; 
	transition-duration: .3s;
	transition-delay: 0s;
	transition-timing-function: linear;
	opacity: 1;
	visibility: visible;
	z-index:3;
}

#page-230 .layout-normal .row .col section .teaserbox.flipped {
	transform: rotate3d(0, 1, 0, 90deg)!important; 
	transition-duration: .3s;
	transition-delay: 0s;
	transition-timing-function: linear;
	opacity: 0;
	visibility: visible;
	z-index:1;
}

body#page-284 div#c1619 {
	display: none !important;
}

.teaserbox.flipped,
	.teaserbox.flopped {
		min-height: 500px;
	}
@media (max-width: 570px) {
	.teaserbox.flipped,
	.teaserbox.flopped {
		height: 550px;
	}
}

#page-230 .teaserbox h2{
	color: #eb691c;
}

#page-230 .layout-normal .row .col:nth-child(2) h2 {
	height: auto!important;
	margin-bottom: 1px!important;
}

#page-230 .layout-normal .row .col:nth-child(2) .teaserbox-body {
	/*margin-top: 10px!important;*/
}
#page-230 .layout-normal .row .col .teaserbox-body {
	/* stefans: Anpassung drittes Review */
	/* margin-top: 40px!important; */
}

#page-230 .layout-normal .row .col:nth-child(2) #c1287 .teaserbox-body {
	margin-top: 10px!important;
	/* stefans: Anpassung drittes Review */
	/* padding-bottom: 60px; */
}

#page-230 .layout-normal .row .col:nth-child(1) #c1286 .teaserbox-body {
	margin-top: 10px!important;
	/* stefans: Anpassung drittes Review */
	/* padding-bottom: 60px; */
}
#page-230 .layout-normal .row .col:nth-child(1) #c1286 h2 {
	height: auto!important;
	margin-bottom: 1px!important;
}

#page-230 #c1292 {
		/* stefans: Anpassung drittes Review */
	/* margin-top:150px;  */
}

@media (max-width: 770px) {
	
	#page-230 .row.cols2 {
		flex-wrap: wrap;
	}
	
	#page-230 .layout-normal .row.cols2>.col {
		width: 100%;
		flex-basis: 100%;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	
}

/**/
/**/
/* Die Nanoemulsion BF-200 – auf die Galenik kommt es an! */


/* Ameluz® in klinischen Studien */
/**/
/**/


#page-229  #c1297 {
	margin-bottom: 1rem!important;
}

#page-229 .buttons {
	text-align: right;
	padding-top: 1rem;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#page-229 .buttons a {
	padding: 13px 28px;
	background-color: #eb691c;
	color: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
	white-space: nowrap;
}

#page-229 #c1303, #page-229 #c1306 {
	margin-top: 0px!important;
}

#page-229 #c1301, #page-229 #c1303,#page-229 #c1304, #page-229 #c1307 {
	margin-top: 80px;
}

/**/
/**/
/* Ameluz® in klinischen Studien */

/* BF-RhodoLED® */
/**/
/**/

#page-224 #c1323 {
	margin-bottom: 60px;
}

/**/
/**/
/* BF-RhodoLED® */


/* Nachsorge */
/**/
/**/

.layout-normal ul {
	margin-top: .5rem;
	margin-bottom: 0.5rem;
}


.layout-normal ul li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/**/
/**/
/* BF-RhodoLED® */


/* Aktinische Keratosen als Berufskrankheit */
/**/
/**/

/**/
/**/
/* Aktinische Keratosen als Berufskrankheit */

/* Die Voraussetzungen zur Anerkennung von aktinischen Keratosen als Berufskrankheit (BK-Nr. 5103) */
/**/
/**/

#page-234 .layout-normal ul {
	margin-bottom: 60px;
}

/**/
/**/
/* Die Voraussetzungen zur Anerkennung von aktinischen Keratosen als Berufskrankheit (BK-Nr. 5103) */

/* Meldung des Verdachts auf eine Berufskrankheit */
/**/
/**/
@media (max-width: 570px) {}

#page-233 .layout-normal section {
	padding-top: 0px!important;
	padding-bottom: 00px!important;
	margin-bottom: 1rem;
}

#page-233 .layout-normal section .container {
	padding-bottom: 80px!important;
	padding-left: 40px!important;
	padding-right: 40px!important;
}

#page-233 .layout-normal a {
	word-wrap: break-word;
}

#page-233 .layout-normal .row {
	margin: 0 0 0 20px!important;	
	padding-bottom: 20px!important;
}

#page-233 .layout-normal .row .col div {
	position: relative;
}

#page-233 .layout-normal .row .col div .foursteps {
	padding: 20px 10px;
	position: relative;
}

#page-233 .layout-normal .row .col .foursteps .number { 
	position: absolute;
}

#page-233 .layout-normal .row .col .foursteps .number h1 {
	margin: 0!important;
}

#page-233 .layout-normal .row .col .foursteps  .orangetext,
#page-233 .layout-normal .row .col .foursteps  .maintext {
	padding-left: 50px;
	position: relative;
}

#page-233 .layout-normal .row .col .foursteps .orangetext .Achtung {
	background: url(/fileadmin/pictures/AmeluzWebsite/03-Berufskrankheit/AK_als_Berufskrankheit/Meldung/Achtung.svg);
	background-repeat: no-repeat;
	width: 40px; height: 40px;
	position: absolute;
	background-position: center;
}

#page-233 .layout-normal .row .col .foursteps .orangetext .copy p {
	padding-left: 60px;
	color: #eb691c;
	font-weight: bold;
}

@media (max-width: 870px) {
	
	#page-233 .row.cols2 {
		flex-wrap: wrap;
		margin: 0!important;
		padding-bottom: 0px!important;
	}
	
	#page-233 .layout-normal .row.cols2>.col {
		width: 100%;
		flex-basis: 100%;
		margin-left: 0px!important;
		margin-right: 0px!important;
		margin-bottom: 20px;
	}
	
}

@media (max-width: 570px) {
	#page-233 .layout-normal section .container {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	
	#page-233 .layout-normal .row .col .foursteps .number h1 {
		margin: 0!important;
		font-size: 25px;
	}

	#page-233 .layout-normal .row .col .foursteps  .maintext {
		padding-left: 25px;
		position: relative;
	}

	#page-233 .layout-normal .row .col .foursteps  .orangetext {
		padding-left: 0px;
	}

	#page-233 .layout-normal .row .col .foursteps .orangetext .Achtung {
		background: url(/fileadmin/pictures/AmeluzWebsite/03-Berufskrankheit/AK_als_Berufskrankheit/Meldung/Achtung.svg);
		background-repeat: no-repeat;
		width: 30px; height: 30px;
		position: absolute;
		background-position: center;
		background-size: contain;
	}

	#page-233 .layout-normal .row .col .foursteps .orangetext .copy p {
		padding-left: 40px;
		color: #eb691c;
		font-weight: bold;
	}

	#page-233 .layout-normal .row .col .foursteps .orangetext .copy br {
		content: " ";
		width: 1rem!important;
		display: block!important;
	}
}
/**/
/**/
/* Meldung des Verdachts auf eine Berufskrankheit */


/* Behandlung */
/**/
/**/

#page-232 .layout-normal >.container > .row.cols2 {
	margin-top: 2em!important;
}

#page-232 .layout-normal >.container > .row.cols2 .col:nth-child(1) {
	width: calc(100% - 530px);
	max-width: calc(100% - 530px);
	flex-basis: calc(100% - 530px);
	float: left;
}

#page-232 .layout-normal >.container > .row.cols2 .col:nth-child(2) {
	width: 500px;
	max-width: 500px;
	flex-basis: 500px;
}

#page-232 .layout-normal >.container > .row.cols2 .orangearrow,
#page-232 .layout-normal >.container > .row.cols2 .bluarrow {
	width: 447px;
	height: 138px;
	background: url(/fileadmin/pictures/AmeluzWebsite/03-Berufskrankheit/AK_als_Berufskrankheit/Behandlung/17_Behandlung_BlueArrow.svg);
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding-right: 20px;
	float: right;
	margin-bottom: 20px;
	clear: both;
}

#page-232 .layout-normal >.container > .row.cols2 .orangearrow {
	width: 447px;
	height: 138px;
	background: url(/fileadmin/pictures/AmeluzWebsite/03-Berufskrankheit/AK_als_Berufskrankheit/Behandlung/17_Behandlung_Orangearrow.svg);
}

#page-232 .layout-normal >.container > .row.cols2 .orangearrow *,
#page-232 .layout-normal >.container > .row.cols2 .bluarrow  * {
	margin: 0px!important;
	padding: 0px !important;
	width: 100%;
	color: #fff;
	text-align: right;
}

@media (max-width: 870px) {
	
	#page-232 .row.cols2 {
		flex-wrap: wrap;
		margin: 0!important;
		padding-bottom: 0px!important;
	}
	
	#page-232 .layout-normal .row.cols2>.col {
		width: 100%!important;
		max-width: 100%!important;
		flex-basis: 100%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
		margin-bottom: 20px;
	}
	
	#page-232 .layout-normal >.container > .row.cols2 .orangearrow,
	#page-232 .layout-normal >.container > .row.cols2 .bluarrow {
		max-width: 100%;
	}
	
	#page-232 .layout-normal >.container > .row.cols2 .bluarrow {
		float: left;
	}
}

/**/
/**/
/* Behandlung */

/* Servicematerial + Downloads */
/**/
/**/

#page-214 .layout-normal >.container > section {

}

#page-214 .layout-normal >.container > section > .container .teaserbox,
#page-253 .layout-normal >.container > section > .container .teaserbox {
	padding: 20px;
	align-items: stretch;
	z-index: 1;
	/* pointer-events: none; */
	display: flex;
	flex-wrap: nowrap;
	min-height: 0;
	align-items: center;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
}

#page-214 .layout-normal .row.selekt,
#page-253 .layout-normal .row.selekt {
	padding: 20px;
	align-items: stretch;
	z-index: 1;
	pointer-events: none;
}

#page-214 .layout-normal .row.selekt > div,
#page-253 .layout-normal .row.selekt > div {
	display: flex;
	z-index: 0;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-image,
#page-214 .layout-normal .row.selekt > div:nth-child(1),
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-image,
#page-253 .layout-normal .row.selekt > div:nth-child(1) {
	flex-basis: 188px;
	max-width: 188px;
	width: 188px;
	padding: 0px;
	justify-content: center;
}
#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
#page-214 .layout-normal .row.selekt > div:nth-child(2),
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
#page-253 .layout-normal .row.selekt > div:nth-child(2) {
	flex-basis: calc(100% - 378px);
	max-width: calc(100% - 378px);
	width: calc(100% - 378px);
	padding: 0px;
	align-items: center;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2 {
	height: auto;
	min-height: 1px;	
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-body,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-body {
	display: none;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-footer,
#page-214 .layout-normal .row.selekt > div:nth-child(3),
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-footer,
#page-253 .layout-normal .row.selekt > div:nth-child(3) {
	flex-basis: 190px;
	max-width: 190px;
	width: 190px;
	padding: 0px;
	align-self: stretch;
	position: relative;
	z-index: 1;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-footer,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-footer {
	position: static;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#page-214 .layout-normal .row.selekt > div:nth-child(1) * *,
#page-253 .layout-normal .row.selekt > div:nth-child(1) * * {
	z-index: 0!important;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
#page-214 .layout-normal .row.selekt h2,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
#page-253 .layout-normal .row.selekt h2 {
	margin: 0px!important;
	/*hyphens: auto;*/
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2 a,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2 a {
	color: #0c2340;
}

#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
#page-214 .layout-normal .row.selekt > div:nth-child(2) .clearfix,
#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
#page-253 .layout-normal .row.selekt > div:nth-child(2) .clearfix {
	padding-left: 45px;
	padding-right: 45px;
}

#page-214 .row.selekt .ce-gallery,
#page-253 .row.selekt .ce-gallery {
	margin-bottom: 0px;
}

#page-214 .row.selekt .form-group,
#page-253 .row.selekt .form-group {
	margin: 0;
	top: calc(50% - 25px);
	margin-left: 0px;
	z-index: 90000;
	pointer-events: auto;
	text-align: center;
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control  {
	width: 190px;
	min-height: 50px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	-moz-padding-start: calc(10px - 3px);
	scrollbar-width: none;
	line-height: 50px;
	padding-left: 20px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	display: block; 
	text-align-last:center;
	text-align: right;
	    outline: none;
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control::-ms-expand {
  display: none;
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control::-webkit-scrollbar {
	width:1px!important;
	background-color:transparent!important;
	scrollbar-width: none;
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control option {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: white;
    padding: 1em;
    line-height: 50px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 50px;
	text-align-last: right;
	    outline: none;
	overflow: hidden;
	display: flex;
	display: block; 
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control option:first-child {
    background-color: white;
    color: #8f9195;
	/* text-align: center; */
}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control option:hover {
	background-color: #fb792c;
	color: #fff;
}

.selektor {pointer-events: auto;}

.container .frame-type-form_formframework .row.selekt .form-group select.form-control {
    padding: 0!important;
    color: #8f9195;
    background-color: white;
	overflow: hidden;
}

@media (max-width: 1125px) {
	
	#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2 a,
	#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
	#page-214 .layout-normal .row.selekt h2,
	#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2 a,
	#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
	#page-253 .layout-normal .row.selekt h2	{
		font-size: 25px;
		line-height: 30px;
	}
	
	@media (max-width: 870px) {
		
		#page-214 .layout-normal >.container > section > .container .teaserbox,
		#page-214 .layout-normal .row.selekt,
		#page-253 .layout-normal >.container > section > .container .teaserbox,
		#page-253 .layout-normal .row.selekt {
			flex-wrap: wrap;
		}
		
		#page-214 .layout-normal >.container > section > .container .teaserbox > div,
		#page-214 .layout-normal .row.selekt > div,
		#page-253 .layout-normal >.container > section > .container .teaserbox > div,
		#page-253 .layout-normal .row.selekt > div {
			width: 100%!important;
			max-width: 100%!important;
			flex-basis: 100%!important;
			justify-content: center!important;
			text-align: center!important;
		}
		
		#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-image .image-wrapper,
		#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-image .image-wrapper {
			max-width: 200px!important;
			margin: auto;
		}
	
	
		#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
		#page-214 .layout-normal .row.selekt > div:nth-child(3),
		#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
		#page-253 .layout-normal .row.selekt > div:nth-child(3)		{
			margin-top: 30px;
			margin-bottom: 30px;
		}
		
		#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2,
		#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper h2	{
			text-align: center;
		}		
		
		#page-214 .layout-normal .row.selekt > div:nth-child(2),
		#page-253 .layout-normal .row.selekt > div:nth-child(2) {
			margin-top: 30px;
			margin-bottom: 30px;
		}
		
		#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
		#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper {
			padding-left: 0px;
			padding-right: 0px;
		}		
		
		@media (max-width: 570px) {
			#page-214 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
			#page-214 .layout-normal .row.selekt > div:nth-child(2) .clearfix,
			#page-253 .layout-normal >.container > section > .container .teaserbox .teaserbox-header-wrapper,
			#page-253 .layout-normal .row.selekt > div:nth-child(2) .clearfix {
				padding-left: 0px;
				padding-right: 0px;
			}

		}
	}
	
}

/* Adressfelder usw */
/**/

#page-214 .layout-normal select.singleSelectTitle {
	
}

#page-214 .layout-normal .row.usercredentials {
	flex-wrap: nowrap;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-6, 
#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-5,
#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-1 {
	padding-left: 0px;
	margin-left: 20px;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials > div:nth-child(1) {
	margin-left: 0px;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-6:nth-child(2) {
    flex: 0 0 calc(50% - 20px);
	min-width: calc(50% - 20px);
	max-width: calc(50% - 20px);
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-5 {
	flex: 0 0 calc(50% - 100px);
    min-width: calc(50% - 100px);
	max-width: calc(50% - 100px);
	margin-left: 20px;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials div:nth-child(4) {
	flex: 0 0 calc(50% - 120px);
    min-width: calc(50% - 120px);    
	max-width: calc(50% - 120px);
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-1 {
    flex: 0 0 80px;
    min-width: 80px;
	max-width: 80px;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .form-group {
	margin-left: 0px;
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .form-group .form-control {
    /* background-color: #e5e5e5; */
    /* padding-left: 0.5em; */
    /* min-height: 50px; */
    /* color: #8f9195; */
}

#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .form-group .form-control,
#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .form-group .form-control.zip,
#page-214 .layout-normal .row.usercredencials .form-control,
#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .form-group .form-control.required.zip,
#page-214 .layout-normal .row.usercredencials .form-control.required {
	max-width: calc(100% - 11px)!important;
	width: calc(100% - 11px)!important;
}

#page-214 #servicematerialien-1391 > div.actions > nav > div > div > span > button {
	font-family: Bai Jamjuree !important;
}


    
@media (max-width: 770px) {
	
	#page-214 .layout-normal .row.usercredentials {
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	
	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials>div {
		margin-bottom: 30px;
	}
	
	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-6:nth-child(2) {
		flex: 0 0 100%;
		min-width: 100%;
		max-width: 100%;
		margin-left: 0px;
	}

	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-5 {
		flex: 0 0 calc(100% - 100px);
		min-width: calc(100% - 100px);
		max-width: calc(100% - 100px);
		margin-left: 20px;
	}

	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials .col-lg-1 {
		flex: 0 0 80px;
		min-width: 80px;
		max-width: 80px;
	}

	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials div:nth-child(3) {
		margin-left: 0px;
	}

	#page-214 .layout-normal .container .frame-type-form_formframework.frame-layout-3 .usercredentials div:nth-child(4) {
		flex: 0 0 calc(100% - 100px);
		min-width: calc(100% - 100px);    
		max-width: calc(100% - 100px);
	}


}

/**/
/* Adressfelder usw */

/* Container-Accordion */ 
/**/

#page-214 .layout-normal >.container > section,
#page-253 .layout-normal >.container > section {
	margin: 0px;
	padding: 0px;
	margin-bottom: 60px;
}

#page-214 .layout-normal >.container > section > .heading,
#page-253 .layout-normal >.container > section > .heading {
	line-height: 22px;
	font-size: 22px;
	color: #0c2340;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-right: 70px;
	margin: auto;
	margin-top: calc(0px);
	min-height: 64px;
	display: block;
	display: flex;
	align-items: center;
	max-width: 1200px;
	width: 100%;
	background-color: #e3e3e3;
	cursor: pointer;
}

.layout-normal .accordion-fussnoten .card-header {
	/* margin-top: calc(80px - 1rem); */
}

#page-214 .layout-normal >.container > section > .heading:after,
#page-253 .layout-normal >.container > section > .heading:after {
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    margin-left: 15px;
	float: right;
/*    content: "∨"; */
	font-family: "Linearicons";
    content: "\e874";
}

#page-214 .layout-normal >.container > section > .heading.collapsed:after,
#page-253 .layout-normal >.container > section > .heading.collapsed:after {
	font-family: "Linearicons";
    content: "\e876";
/*    content: "＞";
    font-size: 26px;*/
}

#page-214 .layout-normal >.container > section > .heading:after,
#page-253 .layout-normal >.container > section > .heading:after {
    /* content: "\f068"; */
    font-size: 22px;
}

#page-214 .layout-normal >.container > section > .container,
#page-253 .layout-normal >.container > section > .container {
	padding: 40px 40px!important;
	background-color: #f5f5f5; 
	transition: all 1s ease;
	transition-delay: height 1s;
	height: auto!important;
	min-height:initial!important;
	max-height: 2000px!important; 
}

#page-214 .layout-normal >.container > section.collapsed > .container,
#page-253 .layout-normal >.container > section.collapsed > .container {
	height: auto!important;
	min-height:initial!important;
	max-height: 0px!important;
	overflow: hidden;
	padding: 0px 40px!important;
	transition: all 1s ease;
	transition-delay: height 1s;
}

.layout-normal .accordion .card-body ol {
	padding-left: 10px;
} 

@media (max-width: 570px) {
	#page-214 .layout-normal >.container > section > .container,
	#page-253 .layout-normal >.container > section > .container	{
		padding: 0px 0px!important;
	}
	
	#page-214 .layout-normal >.container > section > .container .teaserbox,
	#page-253 .layout-normal >.container > section > .container .teaserbox	{
		margin-top: 0!important;
		margin-bottom: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
}

/**/
/* Container-Accordion */ 


/**/
/**/
/* Servicematerial + Downloads*/

/* Mediathek */
/**/
/**/

.container .row.mediathek-teaserbox .col .teaserbox h2,
.container .row.mediathek-teaserbox .col .teaserbox>* {
	display: block;
	position: static;
	/*height: auto;*/
	min-height: 0;
	max-height: none;
	padding: 0;
	margin: 0!important;
	max-width: 100%;
	
}

.container .row.mediathek-teaserbox .col .teaserbox sup {
	display: inline-block;
	position: relative;
}

.container .row.mediathek-teaserbox .col {
	margin-bottom: 40px;
	height: auto;
	min-height: 0;
	max-height: none;
	padding: 0;
	position: relative;
	flex-grow: 0;
	flex-basis: calc(50% - 30px);
	width: calc(50% - 30px);
	max-width: calc(50% - 30px);
	min-width: calc(50% - 30px);
}

.container .row.mediathek-teaserbox .col .teaserbox {
	height: 100%;
	min-height: 100%;
	max-height: none;
	padding-bottom: 100px!important
}

.mediathek-teaserbox .col .teaserbox .teaserbox-image {
	border: 1px solid #c6e8fb;
	height: 335px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
@media (max-width: 570px){
	.mediathek-teaserbox .col .teaserbox .teaserbox-image{
		height: 0;
	}
}

.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-image img {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}


.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-header-wrapper {
	margin-left: 40px!important;
	margin-right: 40px!important;
	margin-top: 40px!important;
	/* min-height: 102px!important;  */
}

.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-body {
	margin-left: 40px!important;
	margin-right: 40px!important;
	margin-top: 1em!important;
}

.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-footer a {
	position: absolute;
	bottom: 45px;
	right: 30px;
}

@media (max-width: 1200px) {
	.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-image {
		/*height: 27.916666666666668vw;*/
	}
	
	@media (max-width: 1100px) {
		.container .row.mediathek-teaserbox .col .teaserbox .teaserbox-image {
			/*height: auto;*/
		}

		.container .row.mediathek-teaserbox .col {
			flex-grow: 1;
			flex-basis: 100%;
			width: 100%;
			max-width: 100%;
			min-width: 100%;
		}
		
		@media (max-width: 570px) {
			#page-216 > div.page-container > div.layout-normal > div > section > div.container > .row.mediathek-teaserbox,
			.container .row.mediathek-teaserbox {  
				margin-left: 0!important; 
				margin-right: 0!important;
				padding-left: 20px!important; 
				padding-right: 20px!important;
			}
			
			.container .row.mediathek-teaserbox .col {
				margin-left: 0!important;
				margin-right: 0!important;
			}
		}
	}
}

/* Servicematerialien: Damit nach dem Absenden der Formulars die Überschrift nicht unter dem Header verschwindet: */
#servicematerialien-1391:before { content: ''; display: block; position: relative; width: 0; height: 7em; margin-top: -5em }

/* Servicematerialien: Maximale Breite für das Label */
form#servicematerialien-1391 div.row.selekt div.col-xs-12.col-sm-12.col-md-6.col-lg-6 div.clearfix h2 {
    max-width: 450px;
}

.teaserbox-header-wrapper h2,.teaserbox-header-wrapper, .teaserbox-header-wrapper h2 a {
	/* stefans: Macht Probleme auf der Seite /behandeln/die-pdt */
	/* max-width: 423px; */
}

#c1238 > div.teaserbox-header-wrapper > h2,
#c1239 > div.teaserbox-header-wrapper > h2,
#c1290 > div.teaserbox-header-wrapper > h2,
#c1291 > div.teaserbox-header-wrapper > h2,
#c1286 > div.teaserbox-header-wrapper > h2,
#c1287 > div.teaserbox-header-wrapper > h2 {
	max-width: initial;
	width: 100%;
}

/* stefans: Anpassung Ankerlinks Studiendaten */
span.anchor {
	display: block;
	position: relative;
	top: -145px;
	visibility: hidden;
}

@media (max-width: 570px) {
	.layout-normal h1 {
		font-size: 30px;
	}
}

/**/
/**/
/* Mediathek */

/**/
/**/
/**/
/* iNdividuelle Seitenanpassungen */

/* Mobiles Menü auch für große Tablets */
@media (hover: none){
	.nav-wrapper .mobile-menu-button {
		position: fixed;
		right: 20px;
		top: 3px;
		display: block;
		/* stefans: Anpassung Menu Mobile */
		top: 50px;
	}
	.top-menu {
		background-color: initial;
		top: 275px; /*holgerd Korrekturen BrandPepper Review mobile Layout, zuvor !important */
		top: 0; /* stefans Korrektur drittes Review */
	}
	/*.top-menu ul.top-menu-lvl1 li:first-child*/
	.top-menu ul.top-menu-lvl1 li#menuitem-239{
		margin-right: 0;
	}
	.menu-container.open {
		left: 86%;
	}
	.top-menu ul.top-menu-lvl1 {
		margin-left: 20px;
	}
	.main-menu {
		opacity: 1 !important;
		background-color: initial;
		/*top: -35px;*/ /*holgerd Korrekturen BrandPepper Review mobile Layout, zuvor !important */
	}
	.menu-container {
		height: 61.7%;
		margin-top: 40px;
	}
	.main-menu ul.main-menu-lvl1 {
		margin-right: 0px;
		margin-left: 7px;
		width: 100%;
		text-align: center;
		/* border: 1px solid pink; */
	}
	.main-menu > ul > li > ul {
		background-color: initial;
		position: relative;
	}
	.main-menu > ul > li > ul > li {
		background-color: initial;
		border-top: 1px solid #fff;
	}
	.main-menu ul.main-menu-lvl1 > li {
		padding: 0 0 3px 0 !important;
		width: 100%;
		position: relative; 
		top: 0;
		border-bottom: 1px solid #fff;
	}
	.main-menu ul.main-menu-lvl1 li.active,
	.main-menu ul.main-menu-lvl1 li:hover,
	.main-menu a,
	.main-menu a:hover { 
		background-color: initial;
	}
	.main-menu a {
		border: none;
	}
	.topbar .top-menu {
		/* stefans: Anpassung Menu */		
		/* display: none; */
	}
	.nav-wrapper .mobile-menu-button {
		right: 20px;
		display: block;
	}
	.mobile-menu-button i {
		background-color: #fff;
		width: 46px;
		height: 46px;
	}
	.pro-bars:before {
		color: black;
		font-size: 35px;
	}
	
	.top-menu ul.top-menu-lvl1 {
		display: flex!important;
		justify-content: space-around;
		max-width: 100%;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.top-menu ul.top-menu-lvl1 li { /*holgerd Korrekturen BrandPepper Review mobile Layout, ergänzt bzw. überschreibt main.css */
		/*display: inline-block; */
		padding-left: 0;
		padding-right: 0;
		/* float: left; */
	}
	.top-menu ul.top-menu-lvl1 li a,
	.stuck-header .top-menu ul.top-menu-lvl1 li a { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		font-size: 12px; 
		border: none;
	}

	.top-menu ul.top-menu-lvl1 { /*holgerd Korrekturen BrandPepper Review mobile Layout, überschreibt 16px, border-bottom in main.css */
		margin-top: 15px;
		width: 100%;
		margin-right: 20px;
	}
	
	.menu-container .top-menu {
		/* stefans: Anpassung Menu */
		display: none;
	}
	.header-wrapper {
		/* height: 120px; */
		background: white;
	}
	.logo-wrapper {
		z-index: 7;
	}
	.main-menu ul.main-menu-lvl2 li {
		padding: 0 5px 5px 5px;
	}
	.page-header .container .header-wrapper {
		top: 50px;
		height: 86px;
		background-color: #fff;
		position: fixed;
		z-index: 7;
		height: 85px;
		top: 40px;
		width: 100%;
	}
}

/* Nanoemulsión Flipper */
.row.cols2.flipper {
	/*display: flex;*/
}

.row.cols2.flipper .col{
	/*flex: 1;*/
}

.row.cols2.flipper .col .container,
.row.cols2.flipper .col section,
.row.cols2.flipper.align-items-stretch div.col section {
	height: 100%;
}