.wf-header-container-gap-top-color,
.wf-header-container-gap-top {
	width:100%;
	box-sizing:border-box;
	display:block;
}

.wf-header-container-gap-top-color{
    height: 90px;
}

.wf-header-container-gap-top {
    padding-top: 2rem;

}


@media (min-width: 992px) {
.wf-header-container-gap-top-color{
    height: 90px;
}

.wf-header-container-gap-top {
    padding-top: 5rem;

}

}


.header-slider {
	position:relative;
	
}


/* carousel */
.header-slider-fullscreen img,
.header-slider-bg img {
	width: 100%;
	height: auto;	
}

.header-slider-fullscreen img,
.header-slider-bg img {
	object-fit:cover;	
}

.header-slider-brightness picture img {
  filter: brightness(65%);  
}

.header-slider-translucent-bg{
  position: relative;
  overflow: hidden; /* wichtig: Overlay + Bild sauber clippen */
}





@media (min-width: 991.85px) {


.header-slider-translucent-bg:after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 6;
  pointer-events:none;
  height:50%;
/* Permalink - use to edit and share this gradient. Permalink - Zum Bearbeiten und Teilen dieses Verlaufs verwenden: 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.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  

}
	

}


.header-slider-auto   {
	width:100%;
	height:auto;
	position:relative;
	z-index:5;
	display:block;
	box-sizing:border-box;
}

@media (min-width: 1921px) {


.header-slider-bg.calc-samll,
.header-slider-fullscreen.calc-small,
.header-slider-bg.calc,
.header-slider-fullscreen.calc   {
	width:100%;
	height:auto;
	position:relative;
	z-index:5;
	display:block;
	box-sizing:border-box;
}


}


@media (min-width: 991.85px) and (max-width: 1920px) and (orientation:landscape) {

.header-slider-bg,
.header-slider-fullscreen  {
	height:100vh;
	height:100dvh;
	max-height:100%;
	min-width: 100%;
	width: 100%;
	max-width:100%;
	display:block;
	clear:both;
	position:relative;
	z-index:5;
	overflow:hidden;
}

.header-slider-bg.calc,
.header-slider-fullscreen.calc  {
	height: calc(100vh - 125px);
}

.header-slider-bg.calc-small,
.header-slider-fullscreen.calc-small  {
	height: calc(100vh - 214px);
}

.header-slider-bg picture,
.header-slider-fullscreen picture {
	position: absolute;
	width: 100.1%;
	height: 100.1%;
	z-index:-1;
}

.header-slider-bg picture img,
.header-slider-fullscreen picture img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

}





@media (max-width: 480px) and (orientation:portrait) {


.xheader-slider-fullscreen  {
	height:100vh;
	max-height:100%;
	min-width: 100%;
	width: 100%;
	max-width:100%;
	display:block;
	clear:both;
	position:relative;
	z-index:5;
	overflow:hidden;
}

.xheader-slider-fullscreen.calc  {
	height:calc(100vh - 150px);
}

.xheader-slider-fullscreen picture {
	position: absolute;
	width: 100.1%;
	height: 100.1%;
	z-index:-1;
}

.xheader-slider-fullscreen picture img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



}


@media (min-width: 992px) {

.header-slider-bg.small{
  position: relative;
  overflow: hidden;
  height: 700px;
}

/* Wrapper */
.header-slider-bg.small .slide__img{
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Das eigentliche Bild überdimensionieren */
.header-slider-bg.small .slide__img img{
  position:absolute;
  left:0;
  top:0;          /* Start etwas höher */
  width:100%;
  height:100%;      /* größer als Container */
  object-fit: cover;
  transform: translate3d(0,0,0);
  will-change: transform;
}


}



@media (min-width: 1921px) {

.header-slider-bg.small  {
	font-size: 3.05vw;
	height:11.5em;	
}


}





@media (min-width: 991.5px) and (max-width: 2560px) and (orientation:landscape) {


.header-video-slider {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.header-video-slider video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

}


@media (max-width: 480px) and (orientation:portrait) {

.header-video-slider {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.header-video-slider video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

}

.header-slider-logo {
  position: absolute;
  z-index:99;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.header-slider-logo.wf-home {
  top: 40%;
  transform: translate(-50%, -60%);
  width:95%;
   max-width:100%;
  
}

@media (min-width: 480px) {


.header-slider-logo.wf-home {
  top: 35%;
  transform: translate(-50%, -60%);
  width:65%;
  max-width:95%;
    
}

}

@media (min-width: 576px) {


.header-slider-logo.wf-home {
  top: 35%;
  transform: translate(-50%, -60%);
  width:auto;
  height:auto;
  
}

}

@media (min-width: 768px) {


.header-slider-logo.wf-home {
  top: 40%;
  transform: translate(-50%, -60%);
  width:auto;
  height:auto;
  
}

}