/* ═══════════════════════════════════════════════════════════════════
   Marstaller-Universum — Bild-Pro pro Viewport (v5.6.0)
   ───────────────────────────────────────────────────────────────────
   Aspect-Ratio, Größe (lange/kurze Kante, Max-Breite), Cover-Höhe und
   Object-Fit — jeweils pro Gerät (Desktop/Tablet/Smartphone).

   Übernommen aus Candor Lumens "🖼 Candor — Bild-Pro pro Viewport"
   (candor-responsive-everything.js / candor-responsive.css, dort
   entfernt in v2.4.63). Attribut-Namen (candorImg*), CSS-Variablen
   (--candor-img-*) und Klassen (has-candor-resp, candor-ar-*,
   candor-fit-*) bewusst UNVERÄNDERT übernommen — bestehende Seiten,
   die dieses Panel bereits genutzt haben, funktionieren ohne jede
   Migration unverändert weiter, nur die Editor-UI sitzt jetzt in MUP.

   Für Fokuspunkt pro Gerät siehe image-focal-point.css/cover-focal-point.css
   (--mup-img-focal* / --mup-focal-*, eigenständig seit v2.4.62).
   ═══════════════════════════════════════════════════════════════════ */

/* ── BILD-GRÖSSE (Lange / Kurze Kante) — Desktop ── */
.has-candor-resp.wp-block-image img,
.has-candor-resp img.wp-image,
.has-candor-resp > img,
.has-candor-resp[style*="--candor-img-long:"] img,
.has-candor-resp[style*="--candor-img-short:"] img {
  max-width:  var(--candor-img-long, none) !important;
  max-height: var(--candor-img-short, none) !important;
  height: auto !important;
  width:  auto !important;
}
.has-candor-resp.wp-block-cover[style*="--candor-img-h:"] {
  min-height: var(--candor-img-h) !important;
}

/* ── TABLET (≤ 1024 px) ── */
@media (max-width: 1024px) {
  .has-candor-resp.wp-block-image img,
  .has-candor-resp img.wp-image,
  .has-candor-resp > img,
  .has-candor-resp[style*="--candor-img-long-t:"] img,
  .has-candor-resp[style*="--candor-img-short-t:"] img {
    max-width:  var(--candor-img-long-t, var(--candor-img-long, none)) !important;
    max-height: var(--candor-img-short-t, var(--candor-img-short, none)) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-h-t:"] {
    min-height: var(--candor-img-h-t) !important;
  }
}

/* ── MOBILE (≤ 640 px) ── */
@media (max-width: 640px) {
  .has-candor-resp.wp-block-image img,
  .has-candor-resp img.wp-image,
  .has-candor-resp > img,
  .has-candor-resp[style*="--candor-img-long-m:"] img,
  .has-candor-resp[style*="--candor-img-short-m:"] img {
    max-width:  var(--candor-img-long-m, var(--candor-img-long-t, var(--candor-img-long, none))) !important;
    max-height: var(--candor-img-short-m, var(--candor-img-short-t, var(--candor-img-short, none))) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-h-m:"] {
    min-height: var(--candor-img-h-m) !important;
  }
}

/* ── MAX-WIDTH des Containers (mit !important) ── */
.has-candor-resp[style*="--candor-img-maxw:"] { max-width: var(--candor-img-maxw) !important; }
@media (max-width: 1024px) {
  .has-candor-resp[style*="--candor-img-maxw-t:"] { max-width: var(--candor-img-maxw-t) !important; }
}
@media (max-width: 640px) {
  .has-candor-resp[style*="--candor-img-maxw-m:"] { max-width: var(--candor-img-maxw-m) !important; }
}

/* ── ASPECT-RATIO PRO VIEWPORT ── mit !important
   Wirkt auf img + Cover-Block-Container + Cover-Background-Image.
   WP 6.5+ setzt eigene aspect-ratio über Block-Attribute → wir brauchen Override. */
@media (min-width: 1025px) {
  [class*="candor-ar-d-16-9"] img, [class*="candor-ar-d-16-9"] .wp-block-cover__image-background, [class*="candor-ar-d-16-9"].wp-block-cover, [class*="candor-ar-d-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-d-4-3"]  img, [class*="candor-ar-d-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-d-4-3"].wp-block-cover,  [class*="candor-ar-d-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-d-3-2"]  img, [class*="candor-ar-d-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-d-3-2"].wp-block-cover,  [class*="candor-ar-d-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-d-21-9"] img, [class*="candor-ar-d-21-9"] .wp-block-cover__image-background, [class*="candor-ar-d-21-9"].wp-block-cover, [class*="candor-ar-d-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-d-1-1"]  img, [class*="candor-ar-d-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-d-1-1"].wp-block-cover,  [class*="candor-ar-d-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-d-4-5"]  img, [class*="candor-ar-d-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-d-4-5"].wp-block-cover,  [class*="candor-ar-d-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-d-3-4"]  img, [class*="candor-ar-d-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-d-3-4"].wp-block-cover,  [class*="candor-ar-d-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-d-2-3"]  img, [class*="candor-ar-d-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-d-2-3"].wp-block-cover,  [class*="candor-ar-d-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-d-9-16"] img, [class*="candor-ar-d-9-16"] .wp-block-cover__image-background, [class*="candor-ar-d-9-16"].wp-block-cover, [class*="candor-ar-d-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  [class*="candor-ar-t-16-9"] img, [class*="candor-ar-t-16-9"] .wp-block-cover__image-background, [class*="candor-ar-t-16-9"].wp-block-cover, [class*="candor-ar-t-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-t-4-3"]  img, [class*="candor-ar-t-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-t-4-3"].wp-block-cover,  [class*="candor-ar-t-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-t-3-2"]  img, [class*="candor-ar-t-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-t-3-2"].wp-block-cover,  [class*="candor-ar-t-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-t-21-9"] img, [class*="candor-ar-t-21-9"] .wp-block-cover__image-background, [class*="candor-ar-t-21-9"].wp-block-cover, [class*="candor-ar-t-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-t-1-1"]  img, [class*="candor-ar-t-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-t-1-1"].wp-block-cover,  [class*="candor-ar-t-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-t-4-5"]  img, [class*="candor-ar-t-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-t-4-5"].wp-block-cover,  [class*="candor-ar-t-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-t-3-4"]  img, [class*="candor-ar-t-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-t-3-4"].wp-block-cover,  [class*="candor-ar-t-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-t-2-3"]  img, [class*="candor-ar-t-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-t-2-3"].wp-block-cover,  [class*="candor-ar-t-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-t-9-16"] img, [class*="candor-ar-t-9-16"] .wp-block-cover__image-background, [class*="candor-ar-t-9-16"].wp-block-cover, [class*="candor-ar-t-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}
@media (max-width: 640px) {
  [class*="candor-ar-m-16-9"] img, [class*="candor-ar-m-16-9"] .wp-block-cover__image-background, [class*="candor-ar-m-16-9"].wp-block-cover, [class*="candor-ar-m-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-m-4-3"]  img, [class*="candor-ar-m-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-m-4-3"].wp-block-cover,  [class*="candor-ar-m-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-m-3-2"]  img, [class*="candor-ar-m-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-m-3-2"].wp-block-cover,  [class*="candor-ar-m-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-m-21-9"] img, [class*="candor-ar-m-21-9"] .wp-block-cover__image-background, [class*="candor-ar-m-21-9"].wp-block-cover, [class*="candor-ar-m-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-m-1-1"]  img, [class*="candor-ar-m-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-m-1-1"].wp-block-cover,  [class*="candor-ar-m-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-m-4-5"]  img, [class*="candor-ar-m-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-m-4-5"].wp-block-cover,  [class*="candor-ar-m-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-m-3-4"]  img, [class*="candor-ar-m-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-m-3-4"].wp-block-cover,  [class*="candor-ar-m-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-m-2-3"]  img, [class*="candor-ar-m-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-m-2-3"].wp-block-cover,  [class*="candor-ar-m-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-m-9-16"] img, [class*="candor-ar-m-9-16"] .wp-block-cover__image-background, [class*="candor-ar-m-9-16"].wp-block-cover, [class*="candor-ar-m-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}

/* ── OBJECT-FIT PRO VIEWPORT ── */
@media (min-width: 1025px) {
  [class*="candor-fit-d-cover"]      img, [class*="candor-fit-d-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-d-contain"]    img, [class*="candor-fit-d-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-d-fill"]       img, [class*="candor-fit-d-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-d-scale-down"] img, [class*="candor-fit-d-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-d-none"]       img, [class*="candor-fit-d-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  [class*="candor-fit-t-cover"]      img, [class*="candor-fit-t-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-t-contain"]    img, [class*="candor-fit-t-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-t-fill"]       img, [class*="candor-fit-t-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-t-scale-down"] img, [class*="candor-fit-t-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-t-none"]       img, [class*="candor-fit-t-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}
@media (max-width: 640px) {
  [class*="candor-fit-m-cover"]      img, [class*="candor-fit-m-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-m-contain"]    img, [class*="candor-fit-m-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-m-fill"]       img, [class*="candor-fit-m-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-m-scale-down"] img, [class*="candor-fit-m-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-m-none"]       img, [class*="candor-fit-m-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}