/* Braker Zeitung · V5.3: Einstiege, neutrale Infokaesten, Textumbruch
   Aufbauend auf V5.2 B (Desktop 16:9). Keine Aenderung an Bildern, Metadaten,
   Artikelinhalten, Navigation, Menue oder der freigegebenen Mobil-Typografie.
*/

/* 1. Desktop: Der Einstieg ist Lesetext, keine zweite Schlagzeile.
   Die bisherige Schriftfarbe bleibt exakt erhalten. */
@media (min-width: 860px) {
  body .article-shell .bz-v5-posthero .bz-v5-intro {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    color: #142c40 !important;
    text-wrap: pretty;
  }
  body .article-shell .bz-v5-posthero .bz-v5-intro :is(strong,b) {
    font-weight: 600 !important;
  }
}

/* 2. Ehemals gelbliche Kaesten: einheitlich neutral und lesbar.
   Quellen bleiben Quellen, Aufrufe bleiben Aufrufe. */
body .article-shell .article-main .source-note,
body .article-shell .article-main .source-update {
  box-sizing: border-box !important;
  background: #f7f9fa !important;
  background-image: none !important;
  border: 1px solid #dce3e7 !important;
  border-left: 3px solid #bdcbd3 !important;
  margin-top: 28px !important;
  padding: 14px 16px !important;
  font-family: inherit;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
body .article-shell .article-main :is(.bottom-cta,.note-box,.dossier-note-box,.dossier-linkbox,.contact-box,.status-note,.legal-box) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: #f6f8f9 !important;
  background-image: none !important;
  border-color: #dce3e7 !important;
  color: inherit;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
body .article-shell .article-main .bottom-cta {
  border: 1px solid #dce3e7 !important;
  padding: 22px 24px !important;
}
body .article-shell .article-main .note-box {
  border-left: 3px solid #a52b40 !important;
}
body .article-shell .article-sidebar :is(.factbox,.related-box,.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-color: #dce3e7 !important;
}
body .article-shell .article-main .budget-table .sum-row td {
  background: #f4f6f8 !important;
}

/* Auch der bisherige Unterstuetzerkasten darf keine weisse Schrift auf hellen
   Flaechen enthalten. Seine Zahlungsangebote bleiben funktional unveraendert. */
body .article-shell .article-sidebar .support-box {
  background: #f7f9fa !important;
  background-image: none !important;
  color: #152d42 !important;
  border-color: #dce3e7 !important;
  min-width: 0 !important;
}
body .article-shell .article-sidebar .support-box h2 {color: #10283c !important;}
body .article-shell .article-sidebar .support-box p {color: #4c5c69 !important;}
body .article-shell .article-sidebar .support-box .price-row {
  background: #fff !important;
  color: #152d42 !important;
  border: 1px solid #dce3e7 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* 3. Laengere Zwischenueberschriften und Links duerfen ihre Boxen nicht verlassen. */
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) :is(h2,h3,p,span,li,a,strong,b),
body .article-shell .article-sidebar :is(.factbox,.related-box,.core-question,.legal-box,.dossier-note-box) :is(h2,h3,p,li,a,strong,b),
body .article-shell .article-main :is(.source-note,.source-update) a {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto;
}
@media (min-width: 860px) {
  body .article-shell .article-main .bottom-cta h2 {
    font-size: clamp(1.55rem, 2.1vw, 1.875rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
  }
  body .article-shell .article-sidebar :is(.factbox,.related-box,.core-question) h2 {
    font-size: clamp(1.14rem, 1.5vw, 1.42rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.015em !important;
  }
}
body .article-shell .article-main .bottom-cta .actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  min-width: 0 !important;
}
body .article-shell .article-main .bottom-cta .actions :is(a,button) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 9px 14px !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}
@media (max-width: 520px) {
  body .article-shell .article-main .bottom-cta {padding: 17px 15px !important;}
  body .article-shell .article-main :is(.source-note,.source-update) {padding: 12px 13px !important;}
}