/* Fix: Logo CLS */
.top-logo .logo,
#_mobile_logo .logo,
img.logo.img-fluid {
  width: 100%;
  max-width: 320px;
  height: auto;
  aspect-ratio: 320 / 81;
}

/* font-display swap via unicode-range override */
@font-face {
  font-family: 'Font Awesome 6 Solid';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/themes/classic/assets/fonts/webfonts/fa-solid-900.woff2') format('woff2');
}




/* Überschreibt alle @font-face ohne font-display */
@font-face {
  font-display: swap !important;
}

/* Fix: Slider CLS */
#image-slider .slider-wrapper,
#image-slider .swiper-wrapper {
  aspect-ratio: 1110 / 340;
  width: 100%;
}
#image-slider img {
  width: 100%;
  height: auto;
  aspect-ratio: 1110 / 340;
}

.carousel-item img {
    aspect-ratio: 1110 / 340;
    width: 100%;
    height: auto;
}