/* Performance-Rebuild (Staging 2026-08): Slider via scroll-snap, Cover via object-fit */

/* Hero: Video-Cover (ersetzt videosize.js) */
@media (min-width:768px){
  #site-header:has(#header-video){ min-height:100vh; }
  #site-header #header-video{ height:100vh; }
  #site-header #header-video video.js-hero-video{ width:100%; height:100%; object-fit:cover; }
}
@media (max-width:767px){
  #site-header #header-video{ min-height:100svh; background:#b9be56 url(/fileadmin/video/header-poster-mobile.jpg) center/cover no-repeat; }
  #site-header #header-video video.js-hero-video{ display:none !important; }
}

/* Bild-Cover (ersetzt imagesize.js) */
#site-header .frame-type-image figure{ position:relative; overflow:hidden; }
#site-header .frame-type-image figure img{ width:100%; height:100%; object-fit:cover; }
#main-content > div.frame-img .background-img img.background{ width:100%; height:100%; object-fit:cover; }
.news.news-single .article .header .news-img-wrap img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; margin:0; }
.news .news-list-view .article img{ max-width:100%; height:auto; }

/* Slider: scroll-snap (ersetzt Slick) */
.wwm-slider-wrap{ position:relative; }
.wwm-slider{ display:flex; flex-wrap:nowrap; gap:50px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.wwm-slider::-webkit-scrollbar{ display:none; }
.wwm-slider > *{ scroll-snap-align:start; flex:0 0 calc((100% - 100px)/3); min-width:0; float:none; }
.frame-layout-0 .gridelements-slider .wwm-slider > *{ flex-basis:100%; }
@media (max-width:1025px){
  .wwm-slider > *{ flex-basis:calc((100% - 50px)/2); }
  .frame-layout-0 .gridelements-slider .wwm-slider > *{ flex-basis:100%; }
}
@media (max-width:768px){
  .wwm-slider{ gap:0; }
  .wwm-slider > *{ flex-basis:100%; }
}
/* Pfeile */
.wwm-arrow{ position:absolute; top:calc(50% - 27px); width:54px; height:54px; border:0; border-radius:50%; background:url(/sys/img/icons/arrow.svg) no-repeat 50% 50%; background-size:contain; cursor:pointer; font-size:0; z-index:20; transition:opacity .2s; }
.wwm-arrow:hover{ background-image:url(/sys/img/icons/arrow-active.svg); }
.wwm-prev{ left:6px; transform:rotate(180deg); }
.wwm-next{ right:6px; }
.wwm-arrow.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; }