/* ============================================
   AGGRESSIVE BILD-OPTIMIERUNG GEGEN CLS
   ============================================ */

/* 1. Basis-Regel für alle Bilder */
img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 2. Moderne CLS-Prävention (wichtig!) */
img[height] {
    aspect-ratio: attr(width) / attr(height) !important;
}

/* 3. Starke Fix für #c466 Banner */
#c466 .single_banner img,
#c466 .img-fluid {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 540 / 300 !important;
    display: block !important;
}

/* 4. Produktbilder (Liste + Slider) */
.product_img img,
.media-item img,
.lazy-image,
.product .product_img img,
.product_slider img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
}

/* 5. Slider Bilder */
.home-slide-show img,
.carousel_slider img,
.home-slider-col img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 640 / 640 !important;
    display: block !important;
}

/* 6. Bundle Banner */
.trading_img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 420 / 460 !important;
    display: block !important;
}

/* 7. Logo absichern */
a.navbar-brand img.logo_dark,
a.navbar-brand img.logo_light {
    width: 161px !important;
    height: 34px !important;
    aspect-ratio: 161 / 34 !important;
    display: inline-block !important;
}

/* 8. Header stabilisieren */
.bottom_header,
.navbar-brand {
    min-height: 60px !important;
}
/* ============================================
   Google Fonts selbst optimieren (font-display: swap)
   ============================================ */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/fileadmin/fonts/Poppins.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fileadmin/fonts/Roboto.woff2') format('woff2');
}

/* ============================================
   Font Awesome CDN komplett blocken
   ============================================ */
@font-face {
  font-family: 'FontAwesome';
  src: local('Font Awesome 6 Free');
}
.fa, .fas, .far, .fab {
  font-family: 'Font Awesome 6 Free' !important;
}
/* Logo Duplikat verhindern */
.navbar-brand img.logo_light {
    display: none;
}

.dark_skin .navbar-brand img.logo_dark {
    display: none;
}

.dark_skin .navbar-brand img.logo_light {
    display: inline-block;
}
/* ============================================
   Bundle / Trading Banner - CLS Fix
   ============================================ */
.trading_img {
    width: 100%;
    overflow: hidden;
}

.trading_img img,
.trading-banner-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 420 / 460 !important;
    display: block;
    max-width: 100%;
}

/* Fallback */
.trading_img img[height] {
    aspect-ratio: attr(width) / attr(height);
}