/* Braker Zeitung – Artikelformat (Masterkorrektur, 10.10.2026)
   Geltungsbereich: nur die ausdrücklich verknüpften Artikelseiten.
   Leitregel: Motiv ganz zeigen. Vorhandene Quelldatei und Seitenverhältnis erhalten.
   NICHT auf 16:9 beschneiden. Eine weite Bildfläche ist kein festes Seitenverhältnis.
   Keine Auswirkungen auf Teaser, Rubrikbilder, Anzeigen oder soziale Teilenbilder.
*/
@media (min-width:860px) {
  html body main .article-hero {padding-top:80px!important;}
  html body main .article-hero > .wrap {
    width:min(calc(100% - 32px),1240px)!important;
    max-width:1240px!important; margin-inline:auto!important;
  }
  html body main article.article-shell {max-width:1180px!important;margin-inline:auto!important;}
  html body main .article-hero article.article-shell {width:100%!important;}
  html body main article.article-shell > .article-head {
    padding:30px 34px 22px!important;text-align:center!important;border:0!important;
  }
  html body main article.article-shell > .article-head .kicker {
    text-align:center!important;margin:0 auto 13px!important;font-size:12px!important;
  }
  html body main article.article-shell > .article-head h1 {
    margin:0 auto!important;text-align:center!important;max-width:23ch!important;
    line-height:1.075!important;font-size:clamp(2.25rem,3.5vw,3.45rem)!important;
    letter-spacing:-.025em!important;hyphens:none!important;text-wrap:balance!important;
  }
  html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) {
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
    border:0!important;background:#fff!important;overflow:visible!important;
  }
  html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img {
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;max-height:none!important;aspect-ratio:auto!important;
    object-fit:contain!important;object-position:center!important;margin:0 auto!important;
    transform:none!important;
  }
  html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > figcaption {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    background:#fff!important;margin:0!important;padding:9px 38px 11px!important;
    font-size:11.5px!important;line-height:1.35!important;color:#51606e!important;border:0!important;
  }
  html body main article.article-shell > .bz-v5-posthero {
    box-sizing:border-box!important;max-width:none!important;width:100%!important;
    margin:0 auto!important;padding:0 38px!important;background:#fff!important;
  }
  html body main article.article-shell > .bz-v5-posthero .bz-v5-intro {
    max-width:980px!important;margin-top:20px!important;
  }
  html body main article.article-shell > :is(.article-grid,.article-layout,.article-inner) {
    box-sizing:border-box!important;width:calc(100% - 76px)!important;
    max-width:none!important;margin-inline:auto!important;
  }
  html body main article.article-shell > :is(.article-grid,.article-layout) {
    grid-template-columns:minmax(0,1fr) 270px!important;gap:30px!important;
  }
  html body main article.article-shell > :is(.article-grid,.article-layout) > .article-main {
    padding:24px 0 46px!important;
  }
  html body main article.article-shell > :is(.article-grid,.article-layout) > .article-sidebar {
    padding:0!important;margin-top:25px!important;
  }
  /* Zweiter historischer BZ-Artikelschablonentyp: article-sheet */
  html body main.page > article.article-sheet {
    width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;
    margin:0 auto!important;padding:26px 0 36px!important;
  }
  html body main.page > article.article-sheet > .article-header {
    width:100%!important;max-width:none!important;text-align:center!important;
    padding:14px 32px 22px!important;
  }
  html body main.page > article.article-sheet > .article-header .kicker {text-align:center!important;}
  html body main.page > article.article-sheet > .article-header h1 {
    font-size:clamp(2.2rem,3.5vw,3.45rem)!important;line-height:1.075!important;
    max-width:23ch!important;margin:0 auto!important;text-align:center!important;text-wrap:balance!important;
  }
  html body main.page > article.article-sheet > figure.hero {
    width:100%!important;max-width:none!important;margin:0 auto!important;
    padding:0!important;background:#fff!important;overflow:visible!important;
  }
  html body main.page > article.article-sheet > figure.hero > img {
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;max-height:none!important;aspect-ratio:auto!important;
    object-fit:contain!important;object-position:center!important;margin:auto!important;
    transform:none!important;
  }
  html body main.page > article.article-sheet > figure.hero > figcaption {
    box-sizing:border-box!important;margin:0!important;padding:9px 38px 11px!important;
    font-size:11.5px!important;color:#53616e!important;
  }
  html body main.page > article.article-sheet > .bz-v5-posthero {
    width:100%!important;max-width:none!important;padding:0 38px!important;box-sizing:border-box!important;
  }
  html body main.page > article.article-sheet > .content-grid {
    width:calc(100% - 76px)!important;max-width:none!important;
    grid-template-columns:minmax(0,1fr) 270px!important;gap:30px!important;
    margin:22px auto 0!important;
  }
  html body main.page > article.article-sheet > .read-more {
    margin-left:38px!important;margin-right:38px!important;
  }
}
@media (max-width:859px) {
  html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero),
  html body main.page > article.article-sheet > figure.hero {
    background:#fff!important;overflow:visible!important;
  }
  html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img,
  html body main.page > article.article-sheet > figure.hero > img {
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;max-height:none!important;aspect-ratio:auto!important;
    object-fit:contain!important;object-position:center!important;
    margin:0 auto!important;transform:none!important;
  }
}
/* Ein einziges hochkantiges Hauptbild. Vollständig zeigen, nicht bis zur Bildschirmhöhe aufblasen. */
html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img.bz-master-portrait,
html body main.page > article.article-sheet > figure.hero > img.bz-master-portrait {
  width:auto!important;max-width:min(100%,650px)!important;
  height:auto!important;max-height:850px!important;margin-inline:auto!important;
}

/* Prioritätsregel über historischen Inline-Styles der BZ (einschließlich bz-dark-shell).
   Die alte 16:9-Regel war stärker als die normale Masterkorrektur. */
@media (min-width:860px) {
  html body.bz-dark-shell main .article-hero article.article-shell,
  html body#top main .article-hero article.article-shell {
    box-sizing:border-box!important;width:100%!important;max-width:1180px!important;margin-inline:auto!important;
  }
}
html body.bz-dark-shell main article.article-shell > figure.hero-image > img,
html body#top main article.article-shell > figure.hero-image > img,
html body.bz-dark-shell main article.article-shell > figure.hero > img,
html body#top main article.article-shell > figure.hero > img,
html body.bz-dark-shell main article.article-shell > div.hero > img,
html body#top main article.article-shell > div.hero > img {
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;
  object-position:center!important;transform:none!important;margin:0 auto!important;
}


/* Hochkantfoto: höhere Priorität als die historischen globalen Bildregeln. */
html body#top main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img.bz-master-portrait,
html body.bz-dark-shell main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img.bz-master-portrait,
html body main article.article-shell > :is(figure.hero-image,figure.hero,div.hero) > img.bz-master-portrait {
  display:block!important;width:auto!important;max-width:min(100%,650px)!important;
  height:auto!important;max-height:850px!important;aspect-ratio:auto!important;
  object-fit:contain!important;object-position:center!important;margin-inline:auto!important;
}