:root{
	--gelb:#ffcc00;
	--dunkelgrau:#1e1e1e;
	--dunkelgrauform:#282828;
	--hellgrau:#6b6b6b;
	--grau:#3c3c3c;
	--weiss:#fff;
	--schwarz:#000;

	--pad-breakpoint: 981px;
	--replace-media-1px: var(--pad-breakpoint);
	--mobile-breakpoint: 880px;
	--replace-media-2px: var(--mobile-breakpoint);
	--mobile-small-breakpoint: 480px;
	--replace-media-3px: var(--mobile-small-breakpoint);
	--mobile-minsmall-breakpoint: 380px;
	--replace-media-4px: var(--mobile-minsmall-breakpoint);
	
	--logo_w:12vw;
	--logo_h:9.048vw;
	--header_height:80px;
	--header_height-base:80px;

	--opendelta: 0vh;

	--borderX: 250px;
	--wfac: calc(1920px / 100vw);
	--hfac: calc(1080px / 100vh);
	--scalefaktor: calc(120vw / 100vw);

	--transparentoverlay: rgba(0,0,0,.8);

	--debug: #ff000099;
	--debug: transparent;

}

.placeholder{opacity: 0;object-fit: cover;display:none;}
.videoholder .placeholder{opacity: 0;object-fit: cover;display:block;
	width: 100%;
	height: auto;
	cursor: pointer;
}
@font-face {
	font-family: "FuturaExtraBoldCondensedOblique";
	src: url('/assets/fonts/FuturaExtraBoldCondensedOblique/font.woff2') format('woff2'), url('/assets/fonts/FuturaExtraBoldCondensedOblique/font.woff') format('woff');
}
@font-face {
	font-family: "FuturaBoldCondensedOblique";
	src: url('/assets/fonts/FuturaBoldCondensedOblique/font.woff2') format('woff2'), url('/assets/fonts/FuturaBoldCondensedOblique/font.woff') format('woff');
}



@font-face {
	font-family: "SuisseIntl-Regular-WebM";
	src: url('/assets/fonts/SuisseIntl-Regular-WebM.woff2') format('woff2'), url('/assets/fonts/SuisseIntl-Regular-WebM.woff') format('woff');
}
@font-face {
	font-family: "SuisseIntl-SemiBold-WebM";
	src: url('/assets/fonts/SuisseIntl-SemiBold-WebM.woff2') format('woff2'), url('/assets/fonts/SuisseIntl-SemiBold-WebM.woff') format('woff');
}

.semi {
	font-family: 'SuisseIntl-SemiBold-WebM', sans-serif;
}


:active, :focus, :focus-visible {
	outline: none;
}
html,body{
	margin:0;padding:0;background:var(--gelb);
	font-family: 'SuisseIntl-Regular-WebM', sans-serif;
	font-weight: 400;
	font-size:18px;
	/*line-height: 25px;*/
	min-height:100vh;
	max-height:100vh;
	height:100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	image-rendering: optimizequality;
}
body strong,
body b{
	font-family: 'SuisseIntl-SemiBold-WebM', sans-serif;
}
.subtext{
	color:var(--gelb);
	font-family: 'SuisseIntl-Regular-WebM', sans-serif;
	font-weight: 400;
	font-size:14px;
}
small{
	color:var(--weiss);
	font-family: 'SuisseIntl-Regular-WebM', sans-serif;
	font-weight: 400;
	font-size:16px;
	line-height: 14px;
}
small br{font-size:0;}
.inner .subtext {
	margin-top: -1.5rem;
	margin-bottom: 2rem;
	display: block;
}
h1,h2,h3{
	font-family: 'FuturaBoldCondensedOblique', sans-serif;
	color:var(--gelb);
	text-transform:uppercase;
}
h1{font-size:76px}
h2{font-size:62px}
h2.small{font-size:40px}
h3{font-size:40px;font-weight: 300;	font-style: normal;}
h4{font-size:26px;font-weight: 300;}
h5{font-size:24px;font-weight: 300;}
h6{font-size:20px;font-weight: 300;}
.page h1,
.page h2,
.page h3,
.page h4{
	font-weight:300;
}
.page h1 {
	/*font-family: 'SuisseIntl-Regular-WebM', sans-serif;*/
	color: var(--gelb);font-size:48px;
}
.page h3 {
	/*font-family: 'SuisseIntl-Regular-WebM', sans-serif;*/
	color: var(--gelb);
}


.page h3 {
	font-family: 'SuisseIntl-Regular-WebM', sans-serif;
	color: var(--weiss);
}

.page h4 {
	font-family: 'SuisseIntl-Regular-WebM', sans-serif;
	color: var(--weiss);font-size:16px;font-weight:bold;
}
.rel{position:relative;}
button, input, optgroup, select, textarea {
	border: 1px solid var(--gelb);
	padding: 0.5rem 1rem;
	background: transparent;
	color: var(--gelb);
	font-size: 16px;
}
input[type="submit"]{
	background: var(--gelb);
	color: var(--schwarz);
}
br{font-size: 1rem;}
a,a:active,a:visited{
	color:var(--gelb);
}
a:hover,a:active:hover,a:visited:hover{
	color:var(--grau);
}
.btn,button,a.btn{
	background:var(--gelb);padding:.5rem 1rem;color:var(--schwarz);border-radius: 2rem;transition:color 1s,background 1s;
	border: 0;
}
.btn:hover,a.btn:hover,button:hover,button.hover{
	background:var(--schwarz);
	padding:.5rem 1rem;color:var(--weiss);border-radius: 2rem;transition:color 1s,background 1s;
	border: 0;
	word-break: keep-all;
	white-space: nowrap;
}
.videooverlay_mobil_bottom button,
.videooverlay_mobil_top button,
.videooverlay_mobil_right button,
.videooverlay_mobil_left button{
	word-break: keep-all;
	white-space: nowrap;
}

.btn.alt,button.alt{
	background:var(--grau);padding:.5rem 1rem;color:var(--weiss);border-radius: 2rem;transition:color 1s,background 1s,border 1s;
	border: 0;
}
.btn.alt:hover,button.alt:hover{
	background:var(--gelb);padding:.5rem 1rem;color:var(--weiss);border-radius: 2rem;transition:color 1s,background 1s,border 1s;
	border: 0;
}
.btn.alt2,button.alt2{
	background:transparent;padding:.5rem 1rem;color:var(--weiss);border-radius: 2rem;transition:color 1s,background 1s;border:1px solid var(--grau);
}
.btn.alt2:hover,button.alt2:hover{
	background:var(--grau);padding:.5rem 1rem;color:var(--weiss);border-radius: 2rem;transition:color 1s,background 1s;
}

.page{
	display:none;
}

.pageopen .page{display:block;}
.pageopen .scrollup{display:none;}
.pageopen .scrollup.active{display:none;}


video{
	background-size: cover;
}
.notClickable *,.notClickable,
.notClickable .ebene1,
.notClickable #top_trigger,
.notClickable #bottom_trigger,
.notClickable #left_trigger,
.notClickable #right_trigger{
	pointer-events: none !important;
}

.grid-item {
	font-size: 16px;
}

.whitebginput{
	background: var(--weiss);
	color: var(--schwarz);
}
.ergebnis-counter, .pagination {
	font-size: 16px;
}
a {
	text-underline-offset: 2.5px;
}

@media (max-width: 1480px){
	.newsletterbox.row h3,.joblist-item.row div ,h1,h2,h3,h4,h5,h6{
		-o-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		-ms-hyphens: auto;
		word-break: break-word;
		hyphenate-limit-chars: 10 4 4;
		-ms-hyphenate-limit-chars: 10 4 4;
		-o-hyphenate-limit-chars: 10 4 4;
		-web-hyphenate-limit-chars: 10 4 4;
		hyphenate-character: '-';
	}
}
@media (max-width: 1px){
	.startcontainer {
		cursor: pointer;  pointer-events: all  !important;
	}
	h1{font-size:32px}
	h2{font-size:28px}
	h2.small{font-size:20px}
	h3{font-size:24px;font-weight: 300;	font-style: normal;}
	h4{font-size:20px;font-weight: 300;}
	h5{font-size:16px;font-weight: 300;}
	h6{font-size:16px;font-weight: 300;}
	h1,h2,h3,h4,h5,h6{
		-o-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		-ms-hyphens: auto;
		word-break: break-word;
		hyphenate-limit-chars: 10 4 4;
		-ms-hyphenate-limit-chars: 10 4 4;
		-o-hyphenate-limit-chars: 10 4 4;
		-web-hyphenate-limit-chars: 10 4 4;
		hyphenate-character: '-';
	}
	body,html,#holder,#holder *,#cornertrigger,#cornertrigger *{overflow:hidden !important;}
	body,html{
		overflow:hidden !important;pointer-events:none !important;
		width:100vw!important;
		height:100vh!important;
		max-width:100vw!important;
		max-height:100vh!important;
		min-width:100vw!important;
		min-height:100vh!important;
	}
	#CybotCookiebotDialog{
		pointer-events:all !important;
	}
	#holder{
		overflow:hidden !important;
	}
	#holder .videooverlay_mobil_left,
	#holder .videooverlay_mobil_right,
	#holder .videooverlay_mobil_top,
	#holder .videooverlay_mobil_bottom,
	#holder #bottom .videooverlay,
	#holder #top .videooverlay,
	#holder #left .videooverlay,
	#holder #right .videooverlay{
		overflow:visible !important;
	}
	#header{
		pointer-events:all !important;
	}
	.btn, button, a.btn {
		width: 100%;
	}
	#pagecontent{max-width:100vw!important;}
	body{position:fixed;}

}
@media (max-width: 2px){
	:root{
		--header_height:80px;

		--logo_w: 14vw;
		--logo_h: 13.54vw;
	}
}
@media (max-width:1367px) and (min-width: 1px){
	body .container.pageblock {
		padding: 5rem;
	}

	body .page-link.menusuchetrigger.showmenusearch form {
		margin-left: 2rem;
		/*width: 60%;*/
		padding-right: 5%;
	}
	body .page-link.menusuchetrigger.showmenusearch{width:20rem;}
	.menu-suche input {
		background: var(--weiss);
		border-radius: 2rem;
		color: var(--schwarz);
		height: 3rem;
		padding: 0.25rem 1rem;
		width: 100%;
	}
	/*body,html,#holder,#holder *,#cornertrigger,#cornertrigger *{overflow:hidden !important;}*/
	body,html{
		overflow:hidden !important;pointer-events:none !important;
		width:100vw!important;
		height:100vh!important;
		max-width:100vw!important;
		max-height:100vh!important;
		min-width:100vw!important;
		min-height:100vh!important;
	}
	html body:not(.left):not(.right):not(.top):not(.bottom):not(.contentActive) .startcontainer,#idle{pointer-events:all !important;}

	#CybotCookiebotDialog{
		pointer-events:all !important;
	}
	body #header{
		pointer-events:all !important;
	}
	#holder{
		overflow:hidden !important;
	}
	#pagecontent{max-width:100vw!important;}
	body{position:fixed;}
}