

.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;
  background-color:red;

}
	

}


.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 - 90px);
}

.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;
}

}



.wf-icons-box-content {
	display:flex;
	width:100%;
	height:auto;
	background-color: var(--wf-color4);
	overflow:hidden;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
}

.wf-icons-box-content .wf-icons-box-headline {
    width: 56.8%;
	position:relative;
}

.wf-icons-box-content .wf-icons-box-symbol {
    width: 43.2%;	
}

.wf-icons-box-content .wf-icons-box-symbol-flex {
	width:100%;
    display:flex;
	justify-content: flex-end;
}

.wf-icons-box-content .wf-icons-box-items {
	width:33.33333%
}

.wf-sy-connect {
	display:flex;
	width:100%;
	background-color: var(--wf-color3);
}

.wf-icons-box-titel {
	font-weight:600;
	line-height:1.1em;
    font-size: 75px;
	font-size: 50px;
	font-size: clamp(3.125rem, -1.8278rem + 5.6604vw, 5rem);
}

.wf-icons-box-headline-position {
	position:absolute;
	z-index:2;
	left:14%;
	bottom:10%;
}