/* Print styles – BBN Spracherwerb */
@media print {
  @page { size: A4; margin: 1.5cm 2cm; }

  .site-header,
  .site-footer,
  .site-menu-shell,
  .offers-page__filter-section,
  .offers-page__load-more, .section.section--flush-end.offers-page__filter-section {
    display: none !important;
  }

  *, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    background: white;
    color: black;
    font-size: 10pt;
  }

  .page-grid { display: block; }

  .section, .section--surface {
    padding-block: 0.75rem;
    background: transparent !important;
  }

  a[href^="tel"] { text-decoration: none; color: black; }

  /* Externe Ziele im Ausdruck: URL hinter die Button-Beschriftung setzen.
     Auf Papier kann man nicht klicken — am Bildschirm wäre ein zweiter Link
     mit derselben URL dagegen ein irreführender Eintrag in der Linkliste des
     Screenreaders und ein Tab-Stopp ohne Mehrwert. Deshalb steht die URL nur
     hier und nicht im DOM. */
  /* Nachfahren-Selektor, nicht >: in adress-container ist der Button direktes Kind der
     Karte (Grid-Area "btn"), in cta-karte steckt er in .content-page__cta-body. */
  .split-section__actions a[href^="http"]::after,
  .content-page__cta-card .btn[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 90%;
    font-weight: normal;
  }

  /* Der sr-only-Hinweis „(öffnet in neuem Fenster)" ist im Druck sinnlos. */
  .sr-only { display: none !important; }

  .card {
    border: 1px solid #ccc;
    border-radius: 4pt;
    break-inside: avoid;
  }
}