/* Braker Zeitung · V5.4 / 10.10.2026
   Auf V5.3 aufbauender gezielter Feinschliff (Desktop + Mobil).
   Keine Aenderung an Artikeln, Bildmaterial, Metadaten oder Hauptnavigation.
*/

/* Kuehle, einheitliche Artikelboxen: keine beigefarbenen Hintergruende. */
body .article-shell {
  --soft:#f6f8fa;
}
body .article-shell .article-main :is(
  .source-note,.source-update,.bottom-cta,.note-box,.dossier-note-box,
  .dossier-linkbox,.contact-box,.status-note,.legal-box,
  .source-box,.sources-box,.quellen-box,.fact-box,.info-box,.reader-box,
  .reader-callout,.article-callout,.reference-box
) {
  box-sizing:border-box !important;
  background:#f7f9fa !important;
  background-image:none !important;
  border-color:#dbe3e8 !important;
  color:#162a3b !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
}
body .article-shell .article-main :is(.note-box,.source-note,.source-update) {
  border-left-color:#bdcbd3 !important;
}
body .article-shell .article-main :is(
  .source-note,.source-update,.bottom-cta,.note-box,.dossier-note-box,
  .dossier-linkbox,.contact-box,.status-note,.legal-box,
  .source-box,.sources-box,.quellen-box,.fact-box,.info-box,.reader-box,
  .reader-callout,.article-callout,.reference-box
) :is(h2,h3,h4,p,li,a,span,strong,b,button) {
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
}
body .article-shell .article-main :is(.source-note,.source-update,.sources-box,.quellen-box,.source-box) a {
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
body .article-shell .article-main .bottom-cta :is(h2,h3) {
  font-size:clamp(1.4rem,2.05vw,1.8rem) !important;
  line-height:1.19 !important;
  hyphens:manual !important;
  overflow-wrap:break-word !important;
}
body .article-shell .article-main .bottom-cta .actions,
body .article-shell .article-main .bottom-cta .cta-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  gap:8px !important;
}
body .article-shell .article-main .bottom-cta .actions :is(a,button),
body .article-shell .article-main .bottom-cta .cta-actions :is(a,button) {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  min-height:38px !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}

/* Alle Sidebar-Karten behalten EINE Umrandung; der aeussere Rahmen entfaellt. */
body .article-shell > :is(.article-grid,.article-layout) > .article-sidebar {
  box-sizing:border-box !important;
  border:0 !important;
  border-left:0 !important;
  border-top:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  min-width:0 !important;
  max-width:100% !important;
}
body .article-shell .article-sidebar :is(.factbox,.support-box,.related-box,.ad-box,.side-card,.core-question,.legal-box,.dossier-note-box) {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  background:#f7f9fa !important;
  background-image:none !important;
  border:1px solid #dce3e7 !important;
  box-shadow:none !important;
  padding:14px !important;
  margin-bottom:14px !important;
}
body .article-shell .article-sidebar :is(.factbox,.support-box,.related-box,.ad-box,.side-card,.core-question,.legal-box,.dossier-note-box) :is(h2,h3,h4,p,li,a) {
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
}
body .article-shell .article-sidebar :is(.factbox,.support-box,.related-box,.ad-box,.side-card,.core-question,.legal-box,.dossier-note-box) :is(h2,h3,h4) {
  font-size:clamp(1.08rem,1.45vw,1.31rem) !important;
  line-height:1.2 !important;
  letter-spacing:-.012em !important;
  hyphens:manual !important;
}
/* Der Netzwerkkasten war selbst gerahmt, seine zwei Karten nochmals gerahmt. */
body .article-shell .article-sidebar .bz-network-promo {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 20px !important;
  min-width:0 !important;
  max-width:100% !important;
}
body .article-shell .article-sidebar .bz-network-promo__card {
  background:#fff !important;
  border:1px solid #dce3e7 !important;
  box-shadow:none !important;
  min-width:0 !important;
  max-width:100% !important;
}
body .article-shell .article-sidebar :is(.bz-open-questions,.bz-open-questions__link) {
  box-shadow:none !important;
}
/* Fakten und Datumsangaben: Bezeichnung darf umbrechen, Datum nie mittendurch. */
body .article-shell .article-sidebar .price-list,
body .article-shell .article-sidebar .price-row {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}
body .article-shell .article-sidebar .price-row {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px 9px !important;
  padding:9px !important;
  background:#fff !important;
  border:1px solid #dce3e7 !important;
  color:#142c40 !important;
  font-size:12px !important;
  font-variant-numeric:tabular-nums;
}
body .article-shell .article-sidebar .price-row > :first-child {
  flex:1 1 90px !important;
  min-width:0 !important;
  overflow-wrap:normal !important;
}
body .article-shell .article-sidebar .price-row > :last-child {
  flex:0 0 auto !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:manual !important;
}
/* Nicht fuer die Gesamtseite, sondern nur fuer Artikelkaesten: lesbare Links. */
body .article-shell .article-main :is(.source-note,.source-update,.bottom-cta) :is(a,button) {
  overflow-wrap:anywhere !important;
}
/* Weiterlesen-Karten gehoeren zur neutralen Artikelflaeche. */
body .article-shell .bz-readmore__item {
  background:#fff !important;
  background-image:none !important;
}
@media(min-width:860px) {
  body .article-shell > :is(.article-grid,.article-layout) > .article-sidebar {
    padding:0 !important;
    margin-top:25px !important;
  }
}
@media(max-width:859px) {
  body .article-shell > :is(.article-grid,.article-layout) > .article-sidebar {
    padding:14px !important;
    margin-top:0 !important;
  }
  body .article-shell .article-main .bottom-cta .actions :is(a,button),
  body .article-shell .article-main .bottom-cta .cta-actions :is(a,button) {
    width:100% !important;
  }
}