#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*
 *  Stylesheet by Monotomic
 */

 :root {
	/* Colors */
	--primary-300: 	hsl(196, 100%, 30%);
	--primary-500: 	hsl(195, 99%, 28%)	;
	--primary-700:	hsl(200, 94%, 26%);

	--secondary: hsl(45, 100%, 50%);

	/* Sizes */
	--w-max-smol: 870px;
	--w-max-regular: 1320px;
	--w-max-oversize: 1920px;
	--w-max-full: 100vw;

	/* Fluid Font Sizes */

	/* 80px -> 45px */
	--fs-80: clamp(2.813rem, 4.042vw + 1.767rem, 5rem);
	--lh-80: clamp(2.637rem, 3.789vw + 1.656rem, 4.688rem);

	/* 60px -> 45px */
	--fs-60: clamp(2.813rem, 1.732vw + 2.364rem, 3.75rem);
	--lh-60: clamp(2.503rem, 1.542vw + 2.104rem, 3.338rem);

	/*  40px -> 45px */
	--fs-45: clamp(2.5rem, 0.577vw + 2.351rem, 2.813rem);
	--lh-45: clamp(2.5rem, 0.577vw + 2.351rem, 2.813rem);

	/*  35px -> 25px */
	--fs-35: clamp(1.563rem, 1.155vw + 1.264rem, 2.188rem);
	--lh-35: clamp(1.781rem, 1.316vw + 1.441rem, 2.494rem);
	
	/*  30px -> 22px */
	--fs-30: clamp(1.375rem, 1.018vw + 1.112rem, 1.875rem);
	--lh-30: clamp(1.375rem, 1.018vw + 1.112rem, 1.875rem);
	
	/* 20px -> 22px */
	--fs-22: clamp(1.25rem, 0.231vw + 1.19rem, 1.375rem);
	--lh-22: clamp(1.412rem, 0.261vw + 1.345rem, 1.554rem);
}

/* roboto-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../../files/themes/bna_report/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../../files/themes/bna_report/fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
  /* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../../files/themes/bna_report/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../../files/themes/bna_report/fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../../files/themes/bna_report/fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../../files/themes/bna_report/fonts/roboto-condensed-v27-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

* {
	 padding: 0;
	 border: 0;
	 margin: 0;
}
figure {
	margin: 0;
}
 *, *:before, *:after {
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }
img {
 	display: block;
     width: auto;
     max-width: 100%;
     height: auto !important;
}
/* ==========================================================================
   Helper
   ========================================================================== */
.invisible {
	display: none;
}
.clearfix:after,
.mod_article .inside:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* ==========================================================================
   Formatierung
   ========================================================================== */
html {
	color: #00577F;
	font-size: 100%;
	/* font-family:'Univers LT W02 55 Roman', "Arial", sans-serif; */
	font-family:'Roboto', "Arial", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
}
h1 {
	font-size: var(--fs-60);
	line-height: var(--lh-60);
	font-weight: 300;
}
h2 {
	font-weight: 300;
}
h3 {
	font-weight: 100;
	margin-bottom: 1.875rem;
}
p {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 1.25rem;
}
p.error {
	color: #a94442;
	margin-bottom: 0;
}
a {
	color: #5C93AD;
	text-decoration: none;
}
a:hover {
	color: #FFBF00;
}
p.more {
	margin-bottom: 0.625rem;
}
p.more a,
.more a,
a.more,
p.back a,
p.jobs a,
.enclosure a {
	display: inline-block;
	color: #00577F;
	font-weight: 300;
	padding: 10px;
	border: 1px solid #639CB6;
	-webkit-transition:all 0.2s ease-in-out 0s;
	        transition:all 0.2s ease-in-out 0s;
}
	.teaser p.more a,
	.teaser a.more {
		color: #5C93AD;
		border: 1px solid #5C93AD;
	}
	#slider p.more a,
	#slider a.more {
		color: #FFF;
		border: 1px solid #FFF;
	}
p.more a:before,
.more a:before,
a.more:before,
p.back a:before,
p.jobs a:before,
.enclosure a:before {
	color: #FFF;
	content: "\f08e";
	font-family: FontAwesome;
	font-size: 0rem !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right: 0px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	        transition: all 0.2s ease-in-out 0s;
}
	p.back a:before {
		content: "\f053";
	}
	.enclosure a:before {
		content: "\f1c1";
	}
p.more a:hover,
.more a:hover,
a.more:hover,
p.back a:hover,
p.jobs a:hover,
.enclosure a:hover,
#slider p.more a:hover,
#slider a.more:hover {
	color: #FFF !important;
	background-color: #FFBF00;
	border: 1px solid #FFBF00;
}
p.more a:hover:before,
.more a:hover:before,
a.more:hover:before,
p.back a:hover:before,
p.jobs a:before,
.enclosure a:hover:before {
	color: #FFF !important;
	font-size: 1rem !important;
	margin-right: 10px;
}
#main .content-text p.jobs a{
	display: inline-flex;
}
#main .content-text p.jobs a::before{
	content:'';
	display:inline-block;
	margin-right: 12px;
	width: 23.845px;
	height: 23.845px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.845' height='23.845'%3E%3Cg fill='%2323567C'%3E%3Cpath data-name='Pfad 113' d='M11.922 4.336a4.335 4.335 0 1 0 4.335 4.335 4.335 4.335 0 0 0-4.335-4.335Zm0 6.5a2.168 2.168 0 1 1 2.165-2.165 2.168 2.168 0 0 1-2.165 2.165Z'/%3E%3Cpath data-name='Pfad 114' d='M11.922 0a11.868 11.868 0 1 0 8.446 3.476A11.922 11.922 0 0 0 11.922 0ZM5.311 19.076a14.307 14.307 0 0 1 6.611-1.734 14.307 14.307 0 0 1 6.611 1.734 9.7 9.7 0 0 1-13.223 0ZM20 17.4a16.637 16.637 0 0 0-8.075-2.222A16.637 16.637 0 0 0 3.848 17.4a9.592 9.592 0 0 1-1.68-5.473 9.755 9.755 0 1 1 19.509 0A9.592 9.592 0 0 1 20 17.4Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
#main p.jobs a:hover::before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.845' height='23.845'%3E%3Cg fill='%23fff'%3E%3Cpath data-name='Pfad 113' d='M11.922 4.336a4.335 4.335 0 1 0 4.335 4.335 4.335 4.335 0 0 0-4.335-4.335Zm0 6.5a2.168 2.168 0 1 1 2.165-2.165 2.168 2.168 0 0 1-2.165 2.165Z'/%3E%3Cpath data-name='Pfad 114' d='M11.922 0a11.868 11.868 0 1 0 8.446 3.476A11.922 11.922 0 0 0 11.922 0ZM5.311 19.076a14.307 14.307 0 0 1 6.611-1.734 14.307 14.307 0 0 1 6.611 1.734 9.7 9.7 0 0 1-13.223 0ZM20 17.4a16.637 16.637 0 0 0-8.075-2.222A16.637 16.637 0 0 0 3.848 17.4a9.592 9.592 0 0 1-1.68-5.473 9.755 9.755 0 1 1 19.509 0A9.592 9.592 0 0 1 20 17.4Z'/%3E%3C/g%3E%3C/svg%3E");
}
#main .content-text a:not(.hofff-consent-show-privacy-settings):before,
.ce_kachel .content a:before {
	color: #5C93AD;
	content: "\f08e";
	font-family: FontAwesome;
	font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right: 5px;
}
#main .content-text a:not(.hofff-consent-show-privacy-settings):hover:before,
.ce_kachel .content a:hover:before {
	color: #FFBF00;
}
.bna_gelb { color:#FFBF00;}
.explanation {
	padding: 10px 0;
	/* font-family:'Univers LT W01 45 Light'; */
	font-family:'Roboto';
	font-weight: 300;
}
p,
ul,
ol {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
table,
table p,
#footer ul {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/* ==========================================================================
   Layout
   ========================================================================== */

#footer {
	clear: both;
	color: #FFF;
	background-color: #005782;
	padding: 1rem;
}

#footer .inside {
	padding: 30px 0;
	min-height: 300px;
	max-width: var(--w-max-regular);
	margin-inline: auto;
}

#footer-logo {
	float: left;
	display: block;
	width: 70px;
	height: 40px;
	background-image: url('../../files/themes/bna_report/images/bna_logo_footer_@2x.jpg');
	background-size: 70px 40px;
	text-indent: -9999px;
	margin-bottom: 30px;
}

#footer-adresse,
#footer-kontakt {
	float: left;
	font-weight: 300;
	margin-left: 30px;
	margin-bottom: 30px;
}
#footer-kontakt a {
	color: #FFF;
}
#footernavi {
	float: right;
	display: block;
	width: 380px;
}
#footernavi ul {
	margin-left: -30px;
}
#footernavi ul li {
	display: block;
	float: right;
	width: 175px;
	line-height: 1.25rem;
	vertical-align: middle;
	padding: 10px 0 9px 0;
	border-bottom: 1px dotted #99BCCD;
	margin-left: 30px;
}
#footernavi ul li a {
	color: #99BCCD;
}
#footernavi ul li a:hover {
	color: #FFF;
}

@media screen and (max-width:760px) {
	#footer .inside {
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer .inside {
		margin: 0 auto;
	}
	#footer-logo {
		float: none;
	}
	#footer-adresse,
	#footer-kontakt {
		float: none;
		margin-left: 0px;
	}
	#footernavi {
		float: none;
		width: 100%;
	}
	#footernavi ul li {
		float: left;
		width: calc(100% - 36px);
	}
}

.bna-social-icons {
	clear: both;
	z-index: 10;
	padding-top: 20px;
	max-width: 300px;
}
@media (min-width: 1229px) {
	.bna-social-icons {
		position: relative;
		top: -50px;
		left: 100px;
	}
}
.bna-social-icons svg {
	max-width: 30px;
	margin-right: 20px;
}
.bna-social-icons svg path {
	fill: #FFFFFF !important;
}
.bna-youtube {
	position: relative;
	top: -3px;
} 

header {
	padding-inline: 1rem;
	background: var(--primary-300);
	.inside {

		max-width: var(--w-max-regular);
		margin-inline: auto;
		nav {
			display: flex;
			align-items: center;
            justify-content: space-between;
			padding-block: 1.2rem;
			.nav-link {
				display: flex;
				align-items: center;
				gap: 1rem;

				a {
					font-size: var(--fs-30);
					line-height: var(--lh-30);
					font-weight: 200;
					color: white;
					transition: color 0.33s;
					&:hover, &:focus {
						color: #FFBF00;
					}
				}
			}

		}
	}
}

.ce_rsce_hero {

	background: var(--primary-500);
	color: white;

	.inside {
		display: grid;
		grid-template-columns: minmax(1rem, 1fr) minmax(auto, calc(var(--w-max-regular)  * 0.5)) minmax(auto, calc(var(--w-max-regular)  * 0.5)) minmax(1rem, 1fr);
		margin-inline: auto;
		.motto-wrapper {
			grid-column: 3 / 4;
			grid-row: 1 / 3;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 1rem;

			.motto-text {
				display: flex;
				flex-direction: column;
				gap: 1rem;
				align-items: flex-end;
				justify-items: end;
				text-align: end;
				max-width: 24ch;
				justify-self: flex-end;
				/* padding-block: 1rem; */
				padding-top: 4rem;
				margin-right: 3rem;
				p {
					margin: 0;
				}
			}

			.jahr-wrapper {
				display: flex;
				flex-direction: column;
				align-items: end;
				justify-content: center;
				text-align: end;
				background: var(--secondary);
				border-bottom-left-radius: 2rem;
				font-size: var(--fs-30);
				span.jahr {
					font-size: clamp(3.125rem, 6.361vw + 1.479rem, 6.25rem);
					line-height: clamp(4.688rem, 6.997vw + 2.877rem, 8.125rem);
					font-weight: 700;
				}

			}
		}
		.text-wrapper {
			grid-column: 2 / 3;
			grid-row: 2 / 4;
			margin-top: auto;
			padding-top: 6rem;
			padding-bottom: 2rem;
			h1 {
				font-size: var(--fs-35);
				line-height: var(--lh-35);
				font-weight: 200;
				margin-bottom: 2rem;
			}
			p {
				font-size: clamp(1.125rem, 0.222vw + 1.083rem, 1.25rem);
				line-height: clamp(1.625rem, -0.111vw + 1.708rem, 1.688rem);
				font-weight: 100;
			}
		}
		.yellow-bg {
			grid-column: 4 / 5;
			grid-row: 1 / 3;
			background: var(--secondary);
		}

		@media screen and (max-width: 992px) {
			grid-template-rows: 1fr;
			.text-wrapper {
				display: none;
			}
			.motto-wrapper {
				grid-column: 2 / 5;
				.motto-text {
					grid-row: 1;
					grid-column: 1 / 3;
					justify-self: start;
					text-align: start;
				}
				.jahr-wrapper {
					grid-row: 2;
					grid-column: 2 / 4;
					border-radius: 0;
					border-top-left-radius: 2rem;
					padding: 1rem;
					font-size: clamp(0.875rem, 1.667vw + 0.563rem, 1.813rem);
					line-height: clamp(1.313rem, 1.856vw + 0.965rem, 2.356rem);
				}
			}
			.yellow-bg {
				display: none;
			}
		}
	}
}
.ce_rsce_text_bild {
	background: var(--primary-500);
	&:not(:first-of-type){
		background-color: var(--primary-500);
		h2, p {
			color: white;
		}
	}
	&:nth-of-type(even) {
		.inside {
			.content-wrapper {
				grid-column: 3 / 5;
			}
			.media-wrapper {
				grid-column: 2 / 3;
			}
		}
	}
	.inside {
		display: grid;
		grid-template-columns: minmax(1rem, 1fr) repeat(3, minmax(auto, calc(var(--w-max-regular) / 3))) minmax(1rem, 1fr);
		.background-white {
			display: grid;
			grid-column: 1 / -1;
			grid-template-columns: subgrid;
			background: white;
		}
		.content-wrapper {
			grid-column: 2;
			padding: 5vw 4rem 5vw 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
			
			h2 {
				font-size: var(--fs-35);
				line-height: var(--lh-35);
			}

			p {
				font-size: var(--fs-22);
				line-height: var(--lh-22);
				font-weight: 100;
			}

			a.btn {
				position: relative;
				background: var(--primary-700);
				color: white;
				padding: 1rem;
				text-align: center;
				font-size: var(--fs-22);
				line-height: var(--lh-22);
				@media screen and (max-width: 400px) {
					font-size: 16px;
					line-height: 20px;
				}
				transition: color 0.33s;
				&::before {
					position: absolute;
					content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
					top: 50%;
					left: 1rem;
					width: 35px;
					transform: translateY(-47%);
				}
				&:hover, &:focus {
					color: var(--secondary);
				}
			}
		}
		.media-wrapper {
			grid-column: 3 / 6;
			figure, img {
				height: 100% !important;
				object-fit: cover;
			}
		
		}

		.more-wrapper {
			position: relative;
			grid-column: 3 / 5;
			background: var(--primary-500);
			color: white;
			padding: 5vw 1rem 5vw 0;
			&::before {
				position: absolute;
				content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
				top: 5vw;
				left: -15rem;
				width: 10rem;
			}
			h2, h3 {
				font-size: var(--fs-35);
				font-weight: 200;
			}
			p {
				font-size: var(--fs-22);
				font-weight: 200;
			}

		}

		@media screen and (max-width: 860px) {
			grid-template-columns: 1fr;
			.content-wrapper {
				grid-column: 1;
				grid-row: 2;
				padding: 0;
				
				h2, p {
					padding-inline: 1rem;
				}
			}
			.media-wrapper {
				grid-column: 1;
				margin-bottom: 1.5rem;
			}
			.more-wrapper {
				grid-column: 1;
				padding: 3rem 1rem 2rem 1rem;
	
			}
		}
	}
}

.ce_rsce_kpis_gb {
	background: var(--primary-700);
	color:  white;
	padding: 1rem;
	
	padding-block: var(--lh-80);
	.inside {
		width: 100%;
		max-width: var(--w-max-smol);
		margin-inline: auto;
		h2 {
			text-align: center;
			font-size: var(--fs-60);
			line-height: calc(var(--lh-60) * 1.5);
			@media screen and (max-width:500px) {
				text-align: start;
			}
		}
		.kpi-container {
			display: flex;
			flex-direction: column;
			.kpi-wrapper {
				display: grid;
				grid-template-columns: 1fr 2fr;
				
				grid-template-rows: 1fr;

				.content-wrapper {

					@media screen and (max-width:500px) {
						grid-column: 1 / -1;
						grid-row: 2;
					}
					.kpi-zahl {
						font-size: 3rem !important;
						font-weight: 100 !important;
						margin-top: 3rem;
						margin-bottom: 1rem;
						&::after {
							content: ' €';
						}
					}
					.kpi-beschreibung {
						font-size: 1.8rem !important;
					}
					
				}
				lottie-player {
			
					@media screen and (max-width:500px) {
						grid-column: 1 / -1;
						grid-row: 1;
					}
				}

				&:nth-of-type(even) {
					grid-template-columns: 2fr 1fr;
					.content-wrapper {
						grid-column: 1;
						grid-row: 1;
						@media screen and (max-width:500px) {
							grid-column: 1 / -1;
							grid-row: 2;
						}
					}
					lottie-player {
						grid-column: 2;
						grid-row: 1;
						@media screen and (max-width:500px) {
							grid-column: 1 / -1;
							grid-row: 1;
						}
					}
				}
				.content-wrapper {
					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					padding-bottom: 1rem;
					.kpi-zahl {
						font-size: clamp(1.5rem, 7vw + -0.25rem, 5rem);
						line-height: clamp(2.25rem, 8.5vw + 0.125rem, 6.5rem);
					}
					.kpi-beschreibung {
						font-size: clamp(1.25rem, 1.875vw + 0.781rem, 2.188rem);
						line-height: clamp(1.875rem, 1.938vw + 1.391rem, 2.844rem);
					}
				}
			}
			
		}
	}
}

.ce_rsce_berichtslider {
	--swiper-navigation-sides-offset: calc(50% - 100px);
	--swiper-navigation-top-offset: calc(100% - 16px);
	--swiper-pagination-bottom: 5px; 
	--swiper-pagination-color: var(--secondary);
	--swiper-pagination-bullet-inactive-color: #005781;
	--swiper-pagination-bullet-size: 16px;
	--swiper-pagination-bullet-inactive-opacity: 1;


	padding:6rem 1rem;
	background: #A6C4D3;
	.swiper {
		width: 100%;
		height: 100%;
		min-height: 300px;
		max-width: var(--w-max-regular);
	}

	.swiper-wrapper {
		padding-bottom: 4rem;
	}

	.swiper-slide>a{
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: grid;
		place-items: center;
		.image_container, .content-wrapper, .overlay {
			grid-column: 1;
			grid-row: 1;
		}
		.content-wrapper {
			width: 100%;
			transition: all 0.33s;
			place-self: end;
			background: #005580f0;
			color: white;
			text-align: start;
			padding: 1rem;
			h3 {
				margin-bottom: 1rem;
			}
			p {
				margin-bottom: 0;
			}
		}
		.overlay {
			transition: all 0.33s;
			opacity: 0;
		}
		&:hover, &:focus {
			.overlay {
				opacity: 1;
			}
			.content-wrapper {
				opacity: 0;
			}
		}
	}
	
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.swiper-button-next, .swiper-button-prev {
		&::after {
			content: none;
		}
		z-index: 99;
	}
	.swiper-button-next, .swiper-button-prev {
		background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.swiper-button-prev {
		transform: rotate(180deg);
	 }

}

.banner {
	display: grid;
	grid-template-columns: minmax(1rem, 1fr) repeat(3, minmax(auto, calc(var(--w-max-regular)  / 3 ))) minmax(1rem, 1fr);
	@media screen and (max-width:670px) {
		grid-template-columns: minmax(1rem, 1fr) auto minmax(1rem, 1fr);
		grid-template-rows: 1fr 1fr;
	}
	border-top: 8px solid #A6C4D3;
	border-bottom: 8px solid #A6C4D3;
	.bg-light {
		grid-column: 1 / 3;
		grid-row: 1;
		background-color: #5D93AD;
		@media screen and (max-width:670px) {
			grid-column: 1 / -1;
			grid-row: 1;
		}
	}
	.bg-dark {
		grid-column: 3 / 6;
		grid-row: 1;
		
		background-color: #005780;
		@media screen and (max-width:670px) {
			grid-column: 1 / -1;
			grid-row: 2;
		}
	}
	.inside {
		grid-column: 2 / 5;
		grid-row: 1;
		@media screen and (max-width:670px) {
			grid-column: 2;
			grid-row: 1 / 3;
		}

		display: grid;
		grid-template-columns: subgrid;
		grid-template-rows: subgrid;
        align-items: center;

		.content-text {
			background-color: transparent;
			h1, h2, h3, h4, h5 {
				display: none;
			}
			p {
				margin: 0;
				padding: 0;
				color: rgba(255, 255, 255, 0.85);
				font-size: var(--fs-22);
				font-weight: 100;
				
				a {
					font-size: var(--fs-35);
					position: relative;
					color: white;
					transition: color 0.33s;
					&::before {
						position: absolute;
						content: ">" !important;
						font-size: var(--fs-35) !important;
						font-family: 'Roboto' !important;
						font-weight: 700 !important;
						color: #99BCCD !important;
						top: 50%;
						transform: translateY(-50%);
						left: -2ch;
						
					}
					&:hover,&:focus {
						color: var(--secondary);
					}
				}
			}
			&:nth-of-type(1) {
				grid-column: 1;
				padding: 1rem 1rem 1rem 2rem;
			}
			&:nth-of-type(2) {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				
				grid-column: 2 / 4;
				padding: 1rem 0 1rem 20%;
				@media screen and (max-width:670px) {
					grid-column: 1;
					padding: 1rem 1rem 1rem 2rem;
				}
			}
		}
	}
}

.ce_rsce_hero_bericht {
	padding: 1rem;
	background-color: var(--primary-300);
	
	.inside {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		place-items: center start;
		@media screen and (max-width: 670px) {
			grid-template-columns: 1fr;
		}
		position: relative;
		max-width: var(--w-max-regular);
		margin-inline: auto;
		padding-block: 5rem;
		> a {
			/* position: absolute;
			top: 1rem;
			left: 2rem; */
			font-size: var(--fs-22);
			color: white;
			transition: color 0.33s;
			&:hover, &:focus {
				color: var(--secondary);

			}
			&::before {
				position: absolute;
				content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
				top: 50%;
				left: -2rem;
				width: 1.5rem;
				transform: translateY(-60%) rotate(180deg);
			}
		}
		.text-wrapper {
			@media screen and (max-width: 670px) {
				order: 2;
				margin-top: 2rem;
			}
			@media screen and (min-width: 671px) {
				padding-right: 5rem;

			}
			color: white;
			h1, h2 {
				font-size: var(--fs-45);
				margin-bottom: 1rem;
			}
			p {
				font-size: var(--fs-22);
			}
		}
		.media-wrapper {
			align-self: baseline;

			img {
				margin-inline: auto;
				width: 100%;

			}
		}
	}
}

.content-text {
	background-color: var(--primary-700);
	padding: 4rem 1rem;
	> * {
		max-width: var(--w-max-smol);
		margin-inline: auto;
		color: white;
	}
	h1, h2, h3 {
		margin-bottom: 1rem;
		font-weight: 200;
	}
	h1, h2 {
		font-size: var(--fs-45);
	}
	h3 {
		font-size: var(--fs-35);
	}

	p {
		font-size: var(--fs-22);
		font-weight: 200;
	}

}

.content-image {
	background-color: var(--primary-700);
	padding: 0 1rem;
	img {
		margin-inline: auto;
		padding-bottom: 1rem;
		width: 100%;
		max-width: var(--w-max-smol);
	}
}

.content-gallery {
	background-color: var(--primary-700);
	padding: 1rem;
	padding-bottom: 4rem;
	> ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		@media screen and (max-width:670px) {
			grid-template-columns: repeat(2, 1fr);
		}
		gap: 1rem;
		width: 100%;
		max-width: var(--w-max-smol);
		margin-inline: auto;
	}
}

#return-to-top {
	
	position: fixed;
	width: 42px;
	height: 42px;
        bottom: 20px;
        right: 20px;
        padding: 10px 20px;
        background-color: transparent;
        color: white;
        border: none;
        cursor: pointer;
		opacity: 0;
        transition: opacity 0.5s; /* Ein- und Ausblendeffekt */
	min-width: 0;
	min-height: 0;
	scale: 0.8;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(270deg);
	transition: all 0.33s ease-in-out;
	&:hover, &:focus {
		scale: 1;
	}
	z-index: 99;
}

.inside > p.back {
	background-color: var(--primary-700);
	margin: 0;
	display: grid;
	grid-template-columns: minmax(1rem, 1fr) minmax(auto, var(--w-max-regular)) minmax(1rem, 1fr);
	a {
		grid-column: 2;
		width: fit-content;
		color: white;
		font-size: var(--fs-22);
		line-height: var(--lh-22);
		border: none;
		display: flex;
		align-items: center;
		gap: 1ch;
		padding: 2rem 0;

		position: relative;
		transition: color 0.33s;
		&:hover, &:focus {
			color: var(--secondary) !important;
			background-color: transparent !important;
		}
		&::before {
			font-size: inherit !important;
			all: initial;
			content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
			transform: rotate(180deg);
			width: 1rem;
		}

	}
}

.wrapper-back-button {
	display: grid;
	grid-template-columns: minmax(1rem, 1fr) minmax(auto, calc(var(--w-max-regular)  * 0.5)) minmax(auto, calc(var(--w-max-regular)  * 0.5)) minmax(1rem, 1fr);
	background-color: var(--primary-700);
	> a {
		position: relative;
		grid-column: 2;
		/* margin-block: 2rem 3rem; */
		top: 0;
		left: 2rem;
		font-size: var(--fs-22);
		color: white;
		transition: color 0.33s;
		&:hover, &:focus {
			color: var(--secondary);

		}
		&::before {
			position: absolute;
			content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 315 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Link_Mainpage"><g id="Gruppe_494"><path id="Pfad_864" d="M175.693,0.776l139.099,139.089l-138.782,138.792l-47.794,-47.784l91.008,-91.008l-91.324,-91.305l47.793,-47.784Z" style="fill:%23ffbf00;fill-rule:nonzero;"/><path id="Pfad_865" d="M-0,47.794l47.794,-47.794l139.098,139.108l-138.773,138.764l-47.793,-47.784l91.008,-91.009l-91.334,-91.285Z" style="fill:%23fff;fill-rule:nonzero;"/></g></g></svg>');
			top: 50%;
			left: -2rem;
			width: 1.5rem;
			transform: translateY(-60%) rotate(180deg);
		}
	}

	&.primary-300{
		background-color: var(--primary-300);
	}
	&.primary-500{
		background-color: var(--primary-500);
	}
	&.primary-700{
		background-color: var(--primary-700);
	}
}

.inside.back {
	padding-top:0;
	padding-bottom:0;
}


#main .mod_article > .inside > .wrapper-back-button > a {
    margin-block: 1.5rem 1rem;
}
#main .mod_article > .inside > .wrapper-back-button + * > .inside {
	padding-top: 1rem;
}
#main .mod_article > .inside > .wrapper-back-button:last-child > a {
	position: relative;
    margin-block: 2rem 3rem;
}