/* Texte */
.text-weiss,
.text-weiss *{
	color:var(--weiss);
}
.text-schwarz,
.text-schwarz *{
	color:var(--schwarz);
}
.text-rot,
.text-rot *{
	color:var(--rot);
}
.text-blau,
.text-blau *{
	color:var(--blau);
}
.text-dunkelgrau,
.text-dunkelgrau *{
	color:var(--dunkelgrau);
}

.wpb_text_column ul {
  list-style-image: url("../images/arrow-up-rd.png");
  padding-left:10px;
  margin-bottom:30px;
}
.wpb_text_column li{
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:10px;
}

.wpb_text_column a{
	text-decoration:none;
}


h1,h2,h3,h4{
	text-wrap:balance;
	margin-bottom:24px;
}
p{
	margin-bottom:24px;
}
b, strong{
	font-weight:600;
}

.headline-deko h1,
.headline-deko h2,
.headline-deko:not(.deko-not-h3) h3{
	position:relative;
	overflow:visible;
	padding-top:16px;
}
.headline-deko h1:before,
.headline-deko h2:before,
.headline-deko:not(.deko-not-h3) h3:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:70px;
	height:6px;
	background:var(--rot);
}
.headline-deko-inline h2,
.headline-deko-inline h3{
	position:relative;
	overflow:visible;
	padding-top:16px;
}
.headline-deko-inline h2:before,
.headline-deko-inline h3:before{
	position:absolute;
	content:"";
	top:0px;
	left:50%;
	transform:translateX(-50%);
	width:70px;
	height:6px;
	background:var(--rot);
}


/* Backgroundcolors */
.bg-rot{
	background-color:var(--rot);
}
.bg-blau{
	background-color:var(--blau);
}
.bg-dunkelgrau{
	background-color:var(--dunkelgrau);
}

.bg-verlauf-rot{ background: var(--verlauf-rot-diagonal-down); }
.bg-verlauf-blau{ background: var(--verlauf-blau-diagonal-down); }

.bg-img-1{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-1.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-img-2{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-2.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-img-3{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-3.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-img-4{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-4.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-img-5{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-5.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-img-6{ 
	background-image:url(../images/reifen-auto-service-brunsbuettel-deko-6.webp); 
	background-repeat: no-repeat;
	background-size: cover;
}

.verlauf-oben,
.verlauf-unten{
	position:relative;
}
.verlauf-oben:before{
	position:absolute;
	content:"";
	top:0px;
	left:-100%;
	width:300%;
	height:150px;
	background: linear-gradient(to bottom,  rgba(6,16,24,1) 0%,rgba(6,16,24,0) 100%);
}
.verlauf-unten:after{
	position:absolute;
	content:"";
	bottom:0px;
	left:-100%;
	width:300%;
	height:150px;
	background: linear-gradient(to top,  rgba(6,16,24,1) 0%,rgba(6,16,24,0) 100%);
}

/* Vorteile */
.wpb_single_image.icon img{
	width:100px;
	height:auto;
	opacity:.8;
}
.wpb_text_column.vorteil{
	font-size: 1.125rem;
	text-wrap:balance;
}
section.vorteile .wpb_text_column.headline,
section.vorteile .wpb_text_column.subline{
	text-wrap:balance;
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	section.vorteile .vc_row.last{
		margin-top:0px;
	}
}
@media (max-width: 576px) {

}




/* Backgroundimages */
/* Funktion um Bilder über die Hälfte ausserhalb des Grids der vollen Seite laufen zu lassen: Stretch Section, Bild als Section-Hintergrund, Section benötigt eine ID! */
.bg-half-right{
	position:relative;
	background-position: right center;
	background-size: auto 100%;
	background-repeat:no-repeat;
}
.bg-half-left{
	position:relative;
	background-position: left center;
	background-size: auto 100%;
	background-repeat:no-repeat;
}

.bg-half-right:before{
	content:"";
	position:absolute;
	top:0px;
	right:50%;
	width: calc( var(--windowWidth) / 2);
	height:100%;
	background-color:var(--dunkelgrau);
}
.bg-half-left:before{
	content:"";
	position:absolute;
	top:0px;
	left:50%;
	width: calc( var(--windowWidth) / 2);
	height:100%;
	background-color:var(--dunkelgrau);
}
@media (max-width: 992px) {
	.bg-half-right,
	.bg-half-left{
		position:relative;
		background-position: left top;
		background-size: 100% auto;
		background-repeat:no-repeat;
		padding-bottom:370px !important;
	}
	.bg-half-right:before,
	.bg-half-left:before{
		content:"";
		position:absolute;
		top:auto;
		bottom:0px;
		left:0px;
		width:100%;
		height:350px;
		background-color:var(--dunkelgrau);
	}
	.bg-half-left .wpb_content_element{
		text-align:left;
	}
}
@media (max-width: 768px) {
	.bg-half-right:before,
	.bg-half-left:before{

	}
}
@media (max-width: 676px) {
	.bg-half-right:before,
	.bg-half-left:before{

	}
}
@media (max-width: 576px) {
	.bg-half-right:before,
	.bg-half-left:before{

	}
}
@media (max-width: 476px) {
	.bg-half-right:before,
	.bg-half-left:before{

	}
}

#cta .con-kontakt{
	position:relative;
	padding-top:10px;
}
#cta .con-kontakt:before{
	position:absolute;
	content:"";
	top:0px;
	left: calc( 50% - 24px );
	width:5px;
	height: calc( 100% - 30px );
	background:var(--rot);
}

#cta .kontakt a.telefon,
#cta .kontakt a.whatsapp{
	position:relative;
	display:block;
	line-height:40px;
	padding-left:55px;
	color:#fff;
	text-decoration:none;
}
#cta .kontakt a.telefon:hover,
#cta .kontakt a.whatsapp:hover{
	color:var(--rot);
}
#cta .kontakt a.telefon:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:40px;
	height:40px;
	border: 1px solid #fff;
	box-sizing:border-box;
	background:url(../images/icon-telefon.svg) no-repeat center transparent;
	background-size: auto 60%;
}
#cta .kontakt a.telefon:hover:before{
	background:url(../images/icon-telefon.svg) no-repeat center var(--rot);
	background-size: auto 60%;
}
#cta .kontakt a.whatsapp:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:40px;
	height:40px;
	border: 1px solid #fff;
	box-sizing:border-box;
	background:url(../images/icon-whattsapp.svg) no-repeat center var(--rot);
	background-size: auto 60%;
}
#cta .kontakt a.whatsapp:hover:before{
	background:url(../images/icon-whattsapp.svg) no-repeat center transparent;
	background-size: auto 60%;
}

@media (max-width: 1550px) {
	#cta .con-kontakt{
		display:flex;
		flex-direction:column;
	}
	#cta .con-kontakt:before{
		display:none;
	}
	#cta .con-kontakt .wpb_column{
		width:100%;
	}
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	#cta .con-kontakt{
		margin-top:0px !important;
	}
}
@media (max-width: 992px) {
	#cta .con-kontakt{
		margin-top:0px;
		display:flex;
		flex-direction:row;
	}
	#cta .wpb_column.last{
		margin-bottom:0px;
	}
}
@media (max-width: 768px) {
	#cta .con-kontakt{
		display:flex;
		flex-direction:column;
	}
}








/* Buttons */
a.link-btn,
.link-btn a{
	display:inline-block;
	background:var(--rot);
	border: 1px solid var(--rot);
	border-radius: 5px;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
	padding-left:50px;
	padding-right:50px;
	text-decoration:none;
	font-weight:400;
	transition: all .4s;
	color:var(--weiss);
	font-size:24px;
	text-transform:uppercase;
	margin-top:20px;
}
a.link-btn:hover,
.link-btn a:hover{
	background:var(--weiss);
	color:var(--rot);
}

a.link-btn.btn-ws,
.link-btn.btn-ws a{
	background:transparent;
	border: 1px solid var(--weiss);
}
a.link-btn.btn-ws:hover,
.link-btn.btn-ws a:hover{
	background:#fff;
	color:var(--rot);
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	a.link-btn,
	.link-btn a{
		display:inline-block;
		background:var(--rot);
		border: 1px solid var(--rot);
		border-radius: 5px;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left:20px;
		padding-right:20px;
		text-decoration:none;
		font-weight:400;
		transition: all .4s;
		color:var(--weiss);
		font-size:20px;
		text-transform:uppercase;
		margin-top:20px;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}


/* Textelemente */
.wpb_text_column.padding-right{
	padding-right:40px;
}
.wpb_text_column.padding-left{
	padding-left:40px;
}
/* Bildelemente */
.wpb_single_image.deko-top{
	position:relative;
	padding-top:29px;
}
.wpb_single_image.deko-top:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	background: var(--rot);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
section.panorama .vc_column_container>.vc_column-inner{
	padding:0;
}


/* Header */
header{
	position:relative;
	align-items:center !important;
}
header:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-100%;
	width:300%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mobile-header-bar{
	position:relative;
	align-items:center !important;
}
.mobile-header-bar:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-100%;
	width:300%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.branding *{
	position:relative;
	transition:all .4s;
}

.sticky-off .branding .same-logo{
	padding: 30px 20px 30px 20px;
	margin: 10px 0px 10px 0px;
}
.sticky-on .branding .same-logo{
	padding: 10px 10px 10px 10px !important;
	margin: 10px 0px 10px 0px;
}
.sticky-off .branding a img, .sticky-off .branding img{
	width:260px;
}
.sticky-on .branding a img, .sticky-on .branding img{
	width:200px;
}
.mobile-header-bar .mobile-branding img{
	width:200px;
	margin:10px 0px;
	transition:all .4s;
}


header nav{
	height:100%;
	display:flex;
}

.main-nav > li > a{
	z-index:10;
	transition:all .4s;
	margin:0;
	padding:18px 14px 18px 14px;
	clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
}
.main-nav > li:hover > a{
	background:var(--rot);
}
li:not(.dt-mega-menu) .sub-nav{
	width:330px;
}
.main-nav .sub-nav > li > a, .sub-downwards .sub-nav.sub-nav-widgets > li{
	margin: 6px 0px 6px 0px;
	padding: 4px 10px 4px 10px;
}
.sub-nav{
	z-index:6;
	margin-top:-13px;
	background: rgba(255,255,255,.8);
	padding: 20px 10px 30px 10px;
	clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
	text-transform:uppercase;
}
.main-nav .sub-nav > li > a .menu-text{
	text-transform:uppercase;
}
.sub-nav li{
	text-align:left;
}
.sub-nav li a{
	display:block;
	border-left: 5px solid transparent;
}
.sub-nav li a .menu-item-text .menu-text{
	padding-left:10px;
}
.sub-nav li a:hover,
.sub-nav li.act a{
	border-left: 5px solid var(--rot);
}

@media (max-width: 1400px) {
	.sticky-off .branding a img, .sticky-off .branding img{
		width:220px;
	}
	.sticky-off .branding .same-logo{
		padding: 30px 10px 30px 10px;
	}
	.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar, .ph-wrap{
		padding: 0 20px 0 0px;
	}
}
@media (max-width: 1150px) {
	.sub-nav li a:hover{
		border-left: 5px solid transparent;
	}
	.sub-nav{
		clip-path: none;
	}
	.dt-mobile-header .mobile-main-nav>li>.sub-nav{
		padding-top:10px;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}




header .mini-widgets a,
.mobile-header-bar .mobile-mini-widgets a,
.mobile-mini-widgets-in-menu a{
	display:inline-block;
	width:40px;
	height:40px;
	text-indent:-10000px;
}
header .mini-widgets a.telefon,
.mobile-header-bar .mobile-mini-widgets a.telefon{
	border: 1px solid #fff;
	box-sizing:border-box;
	background:url(../images/icon-telefon.svg) no-repeat center transparent;
	background-size: auto 60%;
} 
.mobile-mini-widgets-in-menu a.telefon{
	border: 1px solid var(--rot);
	box-sizing:border-box;
	background:url(../images/icon-telefon.svg) no-repeat center var(--rot);
	background-size: auto 60%;
} 
header .mini-widgets a.telefon:hover{
	border: 1px solid #fff;
	box-sizing:border-box;
	background:url(../images/icon-telefon.svg) no-repeat center var(--rot);
	background-size: auto 60%;
} 
header .mini-widgets a.whattsapp,
.mobile-header-bar .mobile-mini-widgets a.whattsapp,
.mobile-mini-widgets-in-menu a.whattsapp{
	border: 1px solid var(--rot);
	box-sizing:border-box;
	background:url(../images/icon-whattsapp.svg) no-repeat center var(--rot);
	background-size: auto 60%;
}
header .mini-widgets a.whattsapp:hover{
	border: 1px solid #fff;
	box-sizing:border-box;
	background:url(../images/icon-whattsapp.svg) no-repeat center transparent;
	background-size: auto 60%;
} 

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.sticky-off .branding a img, .sticky-off .branding img{
		width:200px;
	}
	header .mini-widgets a{
		width:30px;
		height:30px;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Footer */
#footer{
	margin-top:-60px;
}
#footer .wf-container{
	display:flex;
	align-items: flex-end;
}
#footer.solid-bg{
	background: var(--verlauf-rot-diagonal-down);
	clip-path: polygon(0 14%, 100% 0%, 100% 100%, 0% 100%);
}

#footer #text-2{
	font-size: .875rem;
}
#footer #text-2 img{
	width:200px;
	height:auto;
}
#footer #text-4 li{
	display:inline-block;
	margin: 0 5px 0 5px;
}
#footer #text-4 li a{
	display:inline-block;
	width:30px;
	height:30px;
	text-indent:-10000px;
}
#footer #text-4 li a.instagram{
	background:url(../images/icon-instagram-ws.png) no-repeat center transparent;
	background-size: auto 100%;
}
#footer #text-4 li a.facebook{
	background:url(../images/icon-facebook-ws.png) no-repeat center transparent;
	background-size: auto 100%;
}
#footer #nav_menu-2{
	text-transform:uppercase;
}

.footer .menu li{
	border:0;
	padding:0;
}


@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

	#footer.solid-bg{
		clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
	}
	#footer .wf-container{
		display:flex;
		flex-direction: column;
		align-items: flex-end;
	}
	#footer #text-2{ order:4; }
	#footer #text-4{ order:3; }
	#footer #nav_menu-2{ order:1; }
	#footer #text-3{ order:2; }
	#footer,
	#footer #text-2,
	#footer #nav_menu-2{
		text-align:center;
	}
}
@media (max-width: 768px) {
	#footer.solid-bg{
		clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);
	}
}
@media (max-width: 576px) {
	#footer.solid-bg{
		clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
	}
}

/* Module */
.text-teaser{
	position:relative;
}
.text-teaser .wpb_text_column{
	padding: 30px;
}
.text-teaser:before{
	position:absolute;
	content:"";
	top:0px;
	left:5px;
	width: calc( 100% - 10px );
	height:100%;
}
.text-teaser.top:before{
	top:-60px;
	height: calc( 100% + 60px );
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}
.text-teaser.bottom:before{
	top:0px;
	height: calc( 100% + 60px );
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
.text-teaser.blau:before{
	background: var(--verlauf-blau-diagonal-down);
}
.text-teaser.rot:before{
	background: var(--verlauf-rot-diagonal-down);
}

.teaserzeile{
	margin-top:5px;
}
.teaserzeile .wpb_single_image,
.teaserzeile .wpb_text_column{
	margin-bottom:0px;
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.teaserzeile{
		margin-bottom:60px;
		min-height:530px;
	}
	.text-teaser.top:before{
		top:0px;
		height: 100%;
		clip-path: none;
	}
	.text-teaser.bottom:before{
		top:0px;
		height: 100%;
		clip-path: none;
	}
	.teaserzeile.reverse-1200 .wpb_column.first{
		order:2;
	}
	.teaserzeile.reverse-1200 .wpb_column.second{
		order:1;
	}
	.text-teaser-container{
		/* padding-bottom:100px; */
		margin-top:0px;
	}
	.text-teaser-container .wpb_column.bild{
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}
}
@media (max-width: 992px) {
	/*
	.teaserzeile .wpb_single_image img{
		aspect-ratio:16/9;
		object-fit:cover;
	}
	*/
	.teaserzeile{
		margin-bottom:60px;
		min-height:1px;
	}
	.teaserzeile.reverse-1200 .wpb_column.first{
		order:1;
	}
	.teaserzeile.reverse-1200 .wpb_column.second{
		order:2;
	}
	.teaserzeile.reverse-992 .wpb_column.first{
		order:2;
	}
	.teaserzeile.reverse-992 .wpb_column.second{
		order:1;
	}
	.teaserzeile .wpb_column.bild{
		min-height:400px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.text-teaser .wpb_text_column {
		padding: 30px 10px 30px 10px;
	}
}

/* Accordion */

.wpb_accordion .wpb_accordion_content .wpb_text_column{
	padding: 9px 20px 40px 20px
}
.wpb_accordion .wpb_accordion_section {
	margin-bottom:40px !important;
}
.wpb_accordion #achsvermessung .wpb_accordion_header {
	padding-left:60px;
	background:url(../icons/ras-icon-achsvermessung.png) no-repeat left center var(--dunkelgrau);
	background-size: auto 100%;
}
.wpb_accordion #motorinstandsetzung .wpb_accordion_header {
	padding-left:60px;
	background:url(../icons/ras-icon-motor.png) no-repeat left center var(--dunkelgrau);
	background-size: auto 100%;
}
.wpb_accordion #getriebereparatur .wpb_accordion_header {
	padding-left:60px;
	background:url(../icons/ras-icon-getriebe.png) no-repeat left center var(--dunkelgrau);
	background-size: auto 100%;
}
.wpb_accordion #nachruestungen-umbauten .wpb_accordion_header {
	padding-left:60px;
	background:url(../icons/ras-icon-auto-umbauten.png) no-repeat left center var(--dunkelgrau);
	background-size: auto 100%;
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:after{
	content:"";
	width:42px;
	height:22px;
	background-image:url(../images/toggle_open.png);
}
.wpb_content_element .wpb_accordion_header.ui-state-active>a:after{
	content:"";
	width:42px;
	height:22px;
	background-image:url(../images/toggle_close.png);
}



/* Headerbereich Content */
#headerbereich{
	margin-top:-160px;
	position:relative;
	margin-bottom:100px;
}
#headerbereich.singleHeader{
	margin-bottom:0px;
}
#headerbereich{
	overflow:visible;
}
#headerbereich .ult-carousel-wrapper{ 
	margin-bottom:0px; 
	width:100% !important;
	left:0px !important;
}
.slick-prev{ left: 20px; }
.slick-next{ right: 20px; }
#headerbereich .slidezeile{
	min-height:90vh;
	margin:0;
	padding:0;
}
#headerbereich.tiny .slidezeile{
	min-height:70vh;
}
#headerbereich .vc_column-inner{
	margin:0;
	padding:0;
}
#headerbereich .ult-carousel-wrapper{
	position:relative;
	padding-bottom:0px;
}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-slide{
	position:relative;
	z-index:5;
}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-slide:after{
	content:"";
	position:absolute;
	z-index:10;
	bottom:0px;
	left:-100%;
	width:300%;
	height:300px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,061018+100&0+0,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(6,16,24,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-dots{
	position:relative;
	transform:translateY(0px);
}

#headerbereich .wpb_text_column.text-container{
	position:absolute;
	left:10%;
	bottom:15%;
}
#headerbereich .wpb_text_column.text-container h1{
	color:#fff;
	text-shadow: var(--text-shadow-black);
}
#headerbereich .wpb_text_column.text-container h1 .text-hellgold{
	text-shadow: var(--text-shadow-white);
}

#headerbereich .vc_row.textbereich{
	width:1600px;
	max-width:100%;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
}
#headerbereich .vc_row.textbereich .wpb_column.first{
	
}
#headerbereich .vc_row.textbereich .wpb_column.first h1{
	border-left: 10px solid var(--rot);
	padding-left:20px;
	text-shadow: var(--text-shadow-black);
	margin-bottom:140px;
	box-sizing:border-box;
}
#headerbereich .vc_row.textbereich .wpb_column.last{
	background: var(--verlauf-rot-diagonal-down);
	clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
	transform:translateY(100px);
}
#headerbereich .vc_row.textbereich .wpb_column.last .wpb_text_column{
	padding: 40px 40px 40px 40px;
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	#headerbereich{
		margin-bottom:150px;
	}
	section.intro .vc_row.margin-bottom-double{
		margin-bottom: calc( var(--standard-margin-bottom) * 1 );
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	#headerbereich h1{
		padding-left:40px;
	}
}
@media (max-width: 576px) {

}


.wpb_text_column.singleHeaderTextContainer{
	position:relative;
	z-index:100;
	margin-bottom:0px;
	transform:translateY(100px);
}
.wpb_text_column.singleHeaderTextContainer .wpb_wrapper{
	position:relative;
	z-index:11;
	padding: 50px 50px 120px 0px;
}
.wpb_text_column.singleHeaderTextContainer:before{
	position:absolute;
	z-index:10;
	content:"";
	top:0px;
	right:-10px;
	width: calc( var(--windowWidth) / 1 );
	height:100%;
	background: var(--verlauf-rot-vertical-down);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
	opacity:.9;
}

@media (max-width: 1650px) {
	#headerbereich .vc_row.textbereich .wpb_column.first h1{
		margin-left:40px;
	}
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	#headerbereich{
		margin-top:-160px;
		margin-bottom:0px;
	}
	#headerbereich .vc_row.textbereich{
		width:100%;
		max-width:100%;
		position:relative;
		bottom:auto;
		top:-120px;
		left:15px;
		transform:translateX(0%);
	}
	#headerbereich .slidezeile{
		min-height:50vh;
	}
	#headerbereich .vc_row.textbereich .wpb_column.first h1{
		margin-bottom:40px;
	}
	#headerbereich .vc_row.textbereich .wpb_column.last{
		transform:translateY(0px);
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	#headerbereich{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.wpb_text_column.singleHeaderTextContainer:before{
		right:0px;
	}
	.wpb_text_column.singleHeaderTextContainer .wpb_wrapper{
		position:relative;
		z-index:11;
		padding: 50px 50px 60px 0px;
		margin-bottom:40px !important;
	}
}

/* Job-Postings */
.jobs-template-default .page-title{
	display:none;
}
.jobs-template-default .job-post{
	
}


.job-listing .job-preview .job-cta .apply-btn{
	background-color: var(--rot) !important;
	border-radius:0 !important;
}
.job-listing .job-preview .job-cta .apply-btn:hover{
	background-color: var(--blau) !important;
}
.job-listing .job-preview{
	background-color: #80a3c5 !important;
	border-radius:0 !important;
	border:0 !important;
	margin-bottom:20px !important;
}
.job-listing .job-preview .job-content .job-additional-information{
	font-style:italic;
}
.job-listing .job-preview .job-content .job-additional-information .job_custom_message{
	font-style:normal;
}
.jobs-modal .jobs-modal-content{
	background:#80a3c5 !important;
}

.jobs-template-default #main,
.jobs-template-default #main > .wf-wrap{
	width:100%;
	margin:0;
	padding:0;
}
.jobs-template-default #main{
	margin-top:-400px;
}
.job-post{
	max-width:100% !important;
	padding-top:0 !important;
	margin-top: calc( var(--standard-margin-top) * 2 ) !important;
	margin-bottom: calc( var(--standard-margin-bottom) * 2 ) !important;
}
.job-post-wrapper-nzw{
	max-width:1600px;
	margin: 0 auto;
}
.job-image .job-content-wrap{
	padding:0 !important;
}
.job-post .job-image{
	margin-bottom: calc( var(--standard-margin-bottom) * 1 ) !important;
}
.jobs-template-default .job-image img{
	border-radius:0 !important;
	aspect-ratio: 16/7;
	object-fit:cover;
}
@media (max-width: 992px) {
	.jobs-template-default #main{
		margin-top:-200px;
	}
}
@media (max-width: 900px) {
	.job-post{
		padding:0 !important;
	}
}
@media (max-width: 576px) {
	.jobs-template-default .job-image img{
		aspect-ratio: 1/1;
		object-fit:cover;
	}
	.jobs-template-default .job-post-wrapper-nzw{
		padding: 0px 20px 70px 20px;
	}
}