:root {
	--main:#204871;
	--text: #666;
	--textH: #204871;
	--fam: 'Barlow';
	--fam-h1: 'Gotham Rounded Bold';
	--bg-standard: #fff;
	--border-width:10px;
	--header-height:96px;
	--header-sticky-height:60px;
}



@font-face {
  font-family: "Gotham Rounded Book";
  src: url(/_new/assets/fonts/gotham/GothamRounded-Book.eot);
  src: url(/_new/assets/fonts/gotham/GothamRounded-Book.eot?#iefix) format("embedded-opentype"), 
  	url(/_new/assets/fonts/gotham/GothamRounded-Book.woff2) format("woff2"), 
  	url(/_new/assets/fonts/gotham/GothamRounded-Book.woff) format("woff"), 
  	url(/_new/assets/fonts/gotham/GothamRounded-Book.ttf) format("truetype"), 
  	url(/_new/assets/fonts/gotham/GothamRounded-Book.svg#GothamRounded-Book) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Rounded Bold";
  src: url(/_new/assets/fonts/gotham/GothamRounded-Bold.eot);
  src: url(/_new/assets/fonts/gotham/GothamRounded-Bold.eot?#iefix) format("embedded-opentype"), 
	  url(/_new/assets/fonts/gotham/GothamRounded-Bold.woff2) format("woff2"), 
	  url(/_new/assets/fonts/gotham/GothamRounded-Bold.woff) format("woff"), 
	  url(/_new/assets/fonts/gotham/GothamRounded-Bold.ttf) format("truetype"), 
	  url(/_new/assets/fonts/gotham/GothamRounded-Bold.svg#GothamRounded-Bold) format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* contactform, legal, referenz */
.hp-field{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
input, textarea, .form-control {font-size:16px !important;/*margin-bottom:12px;*/}
.is-invalid {border-color:red !important}
label[for] {font-weight:bold;}
.legal h1, .contact h1 {font-size:18px;color:var(--main);padding:8px 0 8px 0;margin:0;text-align:center;}
.legal h2 {font-size:15px;color:black;padding:5px 0;margin:0;}
.legal li, 
.legal p {font-size:14px;color:var(--main);padding:4px 0;margin:0;color:#555;}
.legal li {padding:2px 0;}
.legal ul { margin-left:0;padding-left:20px;margin-bottom:20px;}
  	
.w-avatar {
	width: 100px;
    height: 100px;
    margin: 0.75rem 0 1.5rem 0;
    font-size: 60px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    -moz-border: 5px solid #fff;
    -webkit-border: 5px solid #fff;
    -ms-border: 5px solid #fff;
    -o-border: 5px solid #fff;
    border: 5px solid #fff;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

p.angebot {text-align:center;font-size:16px;color:black;}
p.contact {text-align:center;font-size:16px;color:black;}
ul#topMain {font-size:18px;font-weight:600;}
a.linkedin {
	font-size:24px;line-height:24px;margin-top:-3px; 
}

.mt-3 {margin-top:1.5rem;}
.btn-contact {background:var(--main) !important;color:white !important;font-size:18px;opacity:1;transition:0.8s ease-in-out;transform:scale(1);}
.btn-contact:hover {background:var(--main) !important;color:white !important;transform:scale(1.07);transition:0.8s ease-in-out;}


/* Ende contactform, legal, referenz */


html {
	background:var(--bg-base);
	}
body {
	margin-top:var(--header-height);
	background:var(--bg-base);
	font-family:var(--fam) !important;
	color: #666;
    background-color: #fff;
    font-family: var(--fam), Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.5;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  scroll-behavior: auto; /* wir steuern Animation selber */
}

.scrollSection {
  scroll-snap-align: start; /* optional Fallback für native Snap */
  scroll-snap-stop: always;
}



h1, h2, h3, h4, h5, h6 {
    font-family: var(--fam), Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: var(--textH);
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

#header {position:absolute;}
#toTop {right:50px;bottom:20px;color:white !important;border-radius:6px !important;}
#toTop:hover {background:var(--main) !important;}

section { 
	border:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
	
	padding-bottom:0 !important;
	height:calc(100vH - var(--header-sticky-height));
}


/* ==== Padding oben abhängig von Section-Typ ==== */
section.firstSection, section#slider, section#firstSection {
  //padding-top: var(--header-height);
}
section:not(.firstSection) {
  //padding-top: var(--header-sticky-height);
}

/* ==== Größenlogik ==== */

/* ShortSection: kann kleiner als 100vh sein */
section.shortSection {
  min-height: auto;  /* keine Mindesthöhe erzwungen */
}

/* FullSection: mindestens 100vh (darf länger sein, wenn Content > 100vh) */
section.fullSection {
  min-height: 100vh;
}

/* LongSection: komplett frei, keine Mindesthöhe */
section.longSection {
  min-height: 0;
}

/* FooterSection (meist kleiner als 100vh) */
section.footerSection {
  min-height: auto;
  padding-block: 40px;
  background: #111;
  color: #fff;
}

#dotNav {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 100;
  padding:15px 10px;
}
#dotNav button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.5);
  cursor: pointer;
  transition: background .3s, transform .3s;
}
#dotNav button.active {
  background: var(--main);
  transform: scale(1.3);
}


#wrapper {
	//height: 100vh;
	//overflow-y: scroll !important;
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
}

section {
	height: 100vh;
	width:100vw;
	scroll-snap-align: start;
	transition: opacity 0.4s ease, transform 0.4s ease;
}




/* fullgrid sections: Base Layout */
.fullgrid {
	width: 100%;//100vw;
	height: 100%;//100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0;
	margin: 0;
}

/* Image Container */
.img-box {
	order:1;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Full Cover Image */
.img-box img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.site-active {color:var(--main) !important;text-shadow:0 0 var(--main);transition:800ms ease-in-out;}

/* Text Content */
.text-box {
	order:2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 5% 10%;
	background-color: white; /* Kontrast falls nötig */
	font-family: 'Barlow', sans-serif;
}

#firstSection .text-box {padding-top: 110px;} 
.scrollSection .text-box {padding-top: 80px;} 

.left-text .text-box {order: 1 !important;}
.left-text .img-box {order: 2 !important;}

/* Text Styles */
.text-box h1 {  padding:0 15px 0 15px;
		line-height:1em;
		font-family:var(--fam-h1);
		color:var(--main); 
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:40px;
		text-align:left;
		margin:0;
		font-weight:900;}
.text-box p {    
	font-size: 24px;
    line-height: 1.05;
    padding-left: 10%;
    padding-right: 10%;
    margin:0;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family:'Barlow';
}

/* Ausgangszustand (unsichtbar, verschoben) */
.scrollSection .text-box h1,
.scrollSection .text-box p {
  opacity: 0;
  transition: all 0.8s cubic-bezier(.22,.8,.2,1);
  will-change: transform, opacity;
}

/* h1: von rechts */
.scrollSection .text-box h1 {
  transform: translateX(200px);
}

/* p: von unten */
.scrollSection .text-box p {
  transform: translateY(80px);
}

/* Wenn Section aktiv -> Animation in Sicht */
.scrollSection.active .text-box h1,
.scrollSection.active .text-box p {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

div.referenzen, div.kontakt, div.legal {padding-top:110px;padding-bottom:40px;}
main.legal {padding-top:30px;}

.video-box {
	height: 100%;
    display: grid;
    align-items: center;
    width: 85%;
}


.btn-row {    
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;}

/* Responsive: Stack vertically on tablets/mobile */
@media (max-width: 768px) {
	.fullgrid {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		height: auto;
	}

	.img-box {
		height: 50vh;
	}

	.text-box {
		height: auto;
		padding: 8% 6%;
	}
	
	
}



@media only screen and (max-width: 992px) {
    #topNav .mobile-only {
         display: block !important; }
         
     .referenzen h4, .referenzen .col-md-2, .kontakt .col-md-2,
     .referenzen ul {text-align:center;}
     
     .referenzen .sidebar { display:none;}
     
     div.referenzen, div.kontakt, div.legal {padding-top:70px;padding-bottom:40px;}
     div.referenzen .col-md-9 {width:100% !important;}
}
@media only screen and (min-width: 991px) {
    #topNav .mobile-only {
         display: none !important; }
}

.border-left {position: absolute;top:0;left:0;height:100%;width:var(--border-width);background:var(--bg-standard);z-index:1001;}
.border-right {position: absolute;top:0;right:0;height:100%;width:var(--border-width);background:var(--bg-standard);z-index:1001;}
.border-bottom {position: absolute;bottom:0;left:0;width:100%;height:var(--border-width);background:var(--bg-standard);z-index:1001;}
.border-top {display:none;position: absolute;top:0;left:0;width:100%;height:var(--border-width);background:var(--bg-standard);z-index:1001;}


section {
	background-color:var(--bg-base) !important;
}


/* polygon-section */

.polygon-section {
  min-height: 100vh;
  padding: 0;
  background: #f3f5f7;
  color: #111;
}

.polygon-section .copy {
  line-height: 1.6;
}
.polygon-section .copy::after { content:""; display:block; clear:both; }

/* Polygon-Box links */
.polygon-section .shape-polygon {
    float: left;
    width: 50vW;
    height: 100vH;
    margin: 0 22px 16px 0;
    position: relative;
    --poly: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    --poly: polygon(var(--TL) 0, var(--TR) 0, var(--BR) 100%, var(--BL) 100%);
    clip-path: var(--poly);
    shape-outside: var(--poly);
    shape-margin: 12px;
    overflow: hidden;
    background: #ccc;
}

/* Bild im Polygon */
.polygon-section .shape-polygon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.polygon-section h1 {position:absolute;bottom:10%;right:10%;}

/* /polygon-section */

a, #footer a {color:var(--text);}

a:hover, a.active, #footer a:hover {color:var(--main) !important;}

div.social-btn a {font-size:24px;color:#3b5998 !important;}
div.social-btn:hover a {color:#8b9dc3;}



a, a:hover{
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s;
}

//section.fullpage {width:100vW;min-height:100vH;}



/*#navHolder {width:100%;height:120px;}
ul#topMain {float:left;width:20% !important;}
div#topMain_alternative {float:left;width:20% !important;display:none;height: 120px; line-height: 100px;color:white;}
div#topMain_alternative hr {color:white;margin-top:60px;//background:white;
background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255, 1), transparent);
background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255, 1), transparent);
background-image: -ms-linear-gradient(left, transparent, rgba(255,255,255, 1), transparent);
background-image: -o-linear-gradient(left, transparent, rgba(255,255,255, 1), transparent);
background-image: linear-gradient(left, transparent, rgba(255,255,255, 1), transparent);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6', GradientType=0 );
/* IE6-9 */


/*nav ul {white-space:nowrap;list-style:none;overflow:visible;}
nav ul li {display:inline-block;position:relative;}




}
ul#topMain_left {float:left;width:40% !important;white-space:nowrap;list-style:none;overflow:visible;}
ul#topMain_right {float:left;width:40% !important;white-space:nowrap;list-style:none;overflow:visible;}
ul#topMain_left li {float:right;list-style:none;position:relative;}
ul#topMain_right li {float:left;list-style:none;position:relative;}
#navHolder ul li { 
	//text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
	text-shadow: 1px 0px 0px rgba(255, 255, 255, .3), 
				-1px 0px 0px rgba(255, 255, 255, .3), 
				0px -1px 0px rgba(255, 255, 255, .3), 
				0px 1px 0px rgba(255, 255, 255, .3);
				background:transparent !important;
	text-transform:normal;font-weight:500;letter-spacing:2px;font-family:var(--fam); }

body.lightBG #navHolder ul li {  
	text-shadow: 1px 0px 0px rgba(255, 255, 255, .2), 
				-1px 0px 0px rgba(255, 255, 255, .2), 
				0px -1px 0px rgba(255, 255, 255, .2), 
				0px 1px 0px rgba(255, 255, 255, .2);
	background:transparent !important;
}

img[alt="open access"] {display:none !important;}

#header.header-my #topNav #topMain>li>a, 
#header.header-my #topNav #topMain_left>li>a, 
#header.header-my #topNav #topMain_right>li>a { 
		height: 120px;
	    line-height: 1.7rem;
	    color: white;
	    text-align: center;
	    padding-top: 45px;}
#header.header-my #topNav #topMain_right>li>a.double { padding-top:37px;}

body.lightBG #header.header-my #topNav #topMain>li>a, 
body.lightBG #header.header-my #topNav #topMain_left>li>a, 
body.lightBG #header.header-my #topNav #topMain_right>li>a { 
	color:black;
}
#header.header-my #topNav #topMain>li>a:hover, #header.header-my #topNav #topMain_left>li>a:hover, #header.header-my #topNav #topMain_right>li>a:hover, a.state-current, #header.fixed a.state-current, #sidepanel .list-group-item a.state-current { color:#e5c100 !important;background:transparent; }
body.lightBG #header.header-my #topNav #topMain>li>a:hover, body.lightBG #header.header-my #topNav #topMain_left>li>a:hover, body.lightBG #header.header-my #topNav #topMain_right>li>a:hover { color:#b29600;background:transparent; }
#header.header-my #topNav #topMain>li:hover, #header.header-my #topNav #topMain_left>li:hover, #header.header-my #topNav #topMain_right>li:hover { background-color:transparent;}
a.state-current, #sidepanel .list-group-item a.state-current {cursor:default !important;}

//body#start #header {background:transparent;border:none !important;border-color:transparent !important;display:none;}
#footer, #footer>.copyright {background:var(--bg-standard);color:var(--text)border:none !important;}
.logoText .light {font-weight:200;text-transform:lowercase !important;text-shadow:none;}
.logoText .bold {font-weight:400;text-transform:uppercase;text-shadow:none;}
//#header .logoText {font-size:18px;color:white;letter-spacing:0.4em;}
body.lightBG #header .logoText {font-size:18px;color:black;letter-spacing:0.4em;}
#footer .logoText {font-size:14px;color:var(--text);letter-spacing:0.4em;margin:0;padding:0;}
#footer .hashText {font-size:14px;color:var(--text);letter-spacing:2px;margin:0;padding:0;color:white;}




/* Logos 
#logoWhite, #logoBlack {display:none;}
body.lightBG #logoBlack {display:block;}
body.darkBG #logoWhite {display:block;}
#header.fixed #logoBlack {display:none !important;}
#header.fixed #logoWhite {display:block !important;}

/*
#header.fixed {background-color:rgba(40,39,34,0.9) !important;height:70px !important;}
#header.fixed.header-my #topNav #topMain>li>a, 
#header.fixed.header-my #topNav #topMain_left>li>a, 
#header.fixed.header-my #topNav #topMain_right>li>a { color:white !important;height: 70px; line-height: 1.7rem;padding-top:28px;}
#header.fixed.header-my #topNav #topMain_right>li>a.double { padding-top:19px !important;}
#header.fixed.header-my #topNav #topMain>li>a:hover, #header.fixed.header-my #topNav #topMain_left>li>a:hover, #header.fixed.header-my #topNav #topMain_right>li>a:hover, #header.fixed.header-my #topNav #topMain_right>li>a.state-current, #header.fixed.header-my #topNav #topMain_left>li>a.state-current  { color:#e5c100 !important;background:transparent; }

#header.fixed #topMain .logoText {display:none;}
#header #topMain img {width:100%;padding:30px;}
#header.fixed #topMain img {padding: 15px 40px;}

#footer .copyright {background-color:rgba(40,39,34,0.9) !important;}

/* special Sections */


/* revolution slider 
.tp-loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.tp-loader.spinner0,
.tp-loader.spinner1,
.tp-loader.spinner2,
.tp-loader.spinner3,
.tp-loader.spinner4 {
  display: none !important;
  background: none !important;
}
.tparrows,
.tp-loader,
.tp-loader div,
.tp-loader:before,
.tp-loader:after {
  display: none !important;
  background: none !important;
  animation: none !important;
}

.slide_h1 { 
	background:transparent;
	color:white;//var(--main);
	opacity:0.3;
	font-family:'Noto Sans';
	padding:15px 20px 20px 20px;
	font-size:220px;
	line-height:1em;
	font-weight:4100;
	//font-style:italic;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);
}


/* specials 
.tp-arr-allwrapper, .fullscreenbanner li .tp-dottedoverlay {
	//box-shadow:inset 20px 0 0 var(--bg-standard),inset -20px 0 0 var(--bg-standard),inset 0 -20px 0 var(--bg-standard) !important;}


/* scroller 
a.toNext, a.toPrevious {
	font-size: 38px;
	line-height: 33px;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(0, 0, 0, 0.25);
	position: absolute;
	height: 35px;
	width: 40px;

	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration: none;
	display: none;
	z-index: 10001;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	right: 5px;
}

//section.dark a.toNext, section.dark a.toPrevious {color: rgba(255,255,255, 0.25);} 
//section.dark a.toNext:hover, section.dark a.toPrevious:hover {color: rgba(255,255,255, 1);} 

//.juster p {text-align:justify;}
//span.quotes {font-style:italic;}
*/


/*a.toNext { bottom: 20px;}
a.toPrevious {top: 20px;}
a.toNext:before {font-family: "fontawesome";content: "\f107";}
a.toPrevious:before {font-family: "fontawesome";content: "\f106";}*/

/*section:hover a.toNext, section:hover a.toPrevious {display:block;}
a.toNext:hover, a.toPrevious:hover {color: rgba(0, 0, 0, 1);}

section:after, section:before {content:unset !important;}*/


/* scroll button 
p.scrolltext {
  margin-left: -55px;
  background:transparent;
}
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	//color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: absolute;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid var(--main);
	border-radius: 23px;
	transform: scale(0.65);
    background: #ccc;
    z-index:999;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #d2a74d;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;

}


/* mobile */

#topNav button.btn-mobile {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media only screen and (max-width: 767px) {
		.columnize-2, .columnize-3 {
			margin: 0;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
			-webkit-column-gap: 0em;
			-moz-column-gap: 0em;
			column-gap: 0em;
			-webkit-column-rule: 0px solid rgba(0, 0, 0, 0.0);
			-moz-column-rule: 0px solid rgba(0, 0, 0, 0.0);
			column-rule: 0px solid rgba(0, 0, 0, 0.0);
		}
		
		//a.linkedin { margin-top:0 !important;}

	}
	

	
@media only screen and (min-width:768px) and (max-width: 1200px) {

		.columnize-2, .columnize-3 {
			margin: 0;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
			-webkit-column-gap: 0em;
			-moz-column-gap: 0em;
			column-gap: 0em;
			-webkit-column-rule: 0px solid rgba(0, 0, 0, 0.0);
			-moz-column-rule: 0px solid rgba(0, 0, 0, 0.0);
			column-rule: 0px solid rgba(0, 0, 0, 0.0);
		}

	}
	


.hero-video{
  position: relative;
  min-height: 100vh;           /* volle Höhe */
  overflow: hidden;
  /* optional: fester Overlay-Tonwert */
}
.hero-video::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.35); /* Dunkel-Overlay für bessere Lesbarkeit */
  z-index: 0;
}
.bg-video{
  position: absolute;
  top: 50%; left: 50%;
  width: 100%; height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;           /* füllt den Bereich */
  pointer-events: none;        /* Klicks gehen an den Inhalt */
  z-index: -1;                 /* hinter den Inhalt */
}
.hero-video > .container{ 
  position: relative; 
  z-index: 1; 
}

/* Barrierefreiheit & Fallback */
@media (prefers-reduced-motion: reduce){
  .bg-video{ display:none; }
  .hero-video{ 
    background: url('/media/poster.jpg') center/cover no-repeat; 
  }
}.hero-video{
  position: relative;
  min-height: 100vh;           /* volle Höhe */
  overflow: hidden;
  /* optional: fester Overlay-Tonwert */
}
.hero-video::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.35); /* Dunkel-Overlay für bessere Lesbarkeit */
  z-index: 0;
}
.bg-video{
  position: absolute;
  top: 50%; left: 50%;
  width: 100%; height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;           /* füllt den Bereich */
  pointer-events: none;        /* Klicks gehen an den Inhalt */
  z-index: -1;                 /* hinter den Inhalt */
}
.hero-video > .container{ 
  position: relative; 
  z-index: 1; 
}

/* Barrierefreiheit & Fallback */
@media (prefers-reduced-motion: reduce){
  .bg-video{ display:none; }
  .hero-video{ 
    background: url('/media/poster.jpg') center/cover no-repeat; 
  }
}