/* ==========================================================================
   Druckausgabe
   Kundinnen und Kunden drucken erfahrungsgemäß die Preis- und Ablaufseiten
   aus und legen sie zur Angebotsprüfung beiseite. Deshalb ist der Druck
   bewusst gestaltet und nicht dem Browser überlassen.
   ========================================================================== */

@page { margin: 18mm 16mm; }

body {
  background: #fff;
  color: #000;
  font-size: 11pt;
  line-height: 1.45;
}

/* Bildschirmnavigation und Handlungsaufforderungen tragen auf Papier nichts bei. */
.site-header,
.site-footer__spalten,
.nav-toggle,
.primary-nav,
.cta-band,
.skip-link,
.breadcrumb,
.pagination,
form,
.bildplatz { display: none !important; }

.section, .hero { padding-block: 0; margin-bottom: 10mm; background: #fff !important; }
.wrap { max-width: none; padding: 0; }

h1, h2, h3 { color: #000; page-break-after: avoid; }
h1 { font-size: 20pt; }
h2 { font-size: 15pt; margin-top: 8mm; }
h3 { font-size: 12pt; }

p, li { orphans: 3; widows: 3; }

/* Zielangabe hinter Links, damit die Papierfassung nachvollziehbar bleibt. */
a { color: #000; text-decoration: underline; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #444; }
a[href^="#"]::after,
a[href^="mailto"]::after,
a[href^="tel"]::after { content: ""; }

.card, .stufe, .reading, .referenz, .hinweis {
  border: 0.4pt solid #999 !important;
  box-shadow: none !important;
  background: #fff !important;
  page-break-inside: avoid;
}

.stufe { display: block; margin-bottom: 4mm; }
.stufe__nummer { display: inline; margin-right: 4mm; }
.stufe__preis { text-align: left; margin-top: 2mm; }

/* Die Leistungsgrenze und der Preishinweis müssen auch gedruckt erscheinen –
   sie sind Teil der Aussage, nicht Dekoration. */
.stufe__grenze, .preis-hinweis { color: #000 !important; font-size: 9.5pt; }

table { page-break-inside: auto; }
tr { page-break-inside: avoid; }
th { background: #f0f0f0 !important; color: #000; }

/* Geschlossene FAQ-Einträge werden für den Druck geöffnet. */
.faq__antwort[hidden] { display: block !important; }
.faq__icon { display: none; }