/* Nahweb · Druckversion der Startseite (README «Druckversion»). Nur für den Druck geladen (media="print" in index.html),
   blockiert darum das erste Bild nicht. Zwei A4-Seiten, schwarz auf weiss: Seite 1 Preis (Pakete mit «Drin»/«Nicht drin»,
   «Das erledigen wir auch», Zusagen), Seite 2 Jahreskosten, Kostentabelle, Ablauf mit «Was Sie bei uns nicht erleben»,
   Kontakt und QR-Code. Beispiele, Geschichte, Wer wir sind, Fragen und Formular gibt es am Bildschirm.
   Der QR-Code führt auf https://nahweb.ch/ (25 × 25 Module, Fehlerkorrektur M), als Hintergrund mit print-color-adjust:
   exact, damit er auch ohne «Hintergrundgrafiken drucken» erscheint. */
@page { size: A4; margin: 16mm 16mm 18mm; }
@media print {
  html, body { background: #FFFFFF !important; }
  .held, .preis, .ablauf { color: #000000; font-size: 10.5pt; line-height: 1.42; }
  .nur-druck { display: block; }
  details::details-content { content-visibility: visible; display: contents; }
  #beispiele, #vorher-nachher, #wir, #fragen, #kontakt, .fuss, .glossar, .buehne-licht, .schild, .buehne-raster > h2, .zusage-satz, .held-knoepfe,
  .zusage-fuer, .held-fakten, .zusage-hinweis, .paket-knopf, .paket-band, .paket .haken-liste, .paket .umfang summary, .versprechen svg, .umfang-zeichen, .ks-steuer, .ks-zeilen, .ks-auf > summary,
  .satz-moment::before, .schritt-nr, .schritt::before, .schritte::before, .schritte::after, .eyebrow-nr::after { display: none !important; }
  .begriff { text-decoration: none; cursor: auto; }
  a { text-decoration: none; }
  .druck-kopf { margin: 0 0 3.5mm; padding-bottom: 2mm; border-bottom: .5pt solid #8A8A8A; font-size: 8.5pt; color: #333333; }
  /* Held: nur Titel und Preiszeile */
  .held { padding: 0 !important; min-height: 0 !important; }
  .buehne-rahmen, .buehne-raster { display: block !important; width: auto !important; padding: 0 !important; min-height: 0 !important; }
  .buehne-titel { font-size: 17pt !important; line-height: 1.1 !important; max-width: none !important; text-align: left !important; margin: 0 !important; }
  .buehne-titel em { color: #000000 !important; }
  .buehne-zusage { margin: 1.5mm 0 0 !important; padding: 0 !important; text-align: left !important; }
  .zusage-preis { font-size: 11pt; font-weight: 650; color: #000000; }
  /* Seite 1: Preis */
  .preis { padding: 4mm 0 0 !important; }
  .preis .rahmen, .ablauf .rahmen { width: auto; }
  .preis .abschnitt-kopf { max-width: none; text-align: left; }
  .preis .eyebrow, .ablauf .eyebrow { font-size: 8pt; color: #333333; }
  .eyebrow-nr { color: #000000 !important; }
  .preis .titel-gross { margin-top: .5mm; font-size: 16pt; }
  .preis .abschnitt-lead { margin: .5mm 0 0; font-size: 9.5pt; max-width: none; color: #000000; }
  .pakete { margin-top: 3mm; display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; }
  .paket { padding: 2.5mm 3.5mm 2.5mm; border: .5pt solid #8A8A8A !important; border-radius: 3mm; box-shadow: none !important; background: none !important; }
  .paket-name { font-size: 12.5pt; }
  .paket-preis { margin-top: 1mm; padding-bottom: 2mm; gap: 2px 8px; border-color: #BBBBBB !important; }
  .paket-betrag { font-size: 20pt; }
  .paket-chf, .paket-einmal { font-size: 10pt; color: #000000 !important; }
  .paket-fuer { margin-top: 1mm; min-height: 0 !important; font-size: 8.5pt; line-height: 1.25; color: #000000 !important; }
  .haken-liste { margin: 2mm 0 0 !important; gap: 1mm; }
  .haken-liste li, .liste li { padding-left: 3.5mm; font-size: 8pt; line-height: 1.22; font-weight: 500; }
  .haken-liste li::before, .liste li::before, .zu-zweit-gut li::before { content: "✓"; width: auto; height: auto; background: none !important; font-weight: 700; font-size: 9pt; top: 0; }
  .liste-nicht li::before { content: "–"; }
  .umfang { margin-top: 1.5mm !important; border-top: .5pt solid #BBBBBB !important; }
  .paket .umfang-listen { padding-top: 1mm !important; }
  .umfang summary { min-height: 0; padding: 1.5mm 0 .5mm; font-size: 9.5pt; }
  .umfang-listen { padding: 0 !important; gap: 1.5mm !important; }
  .umfang-teil h4 { font-size: 7.5pt; color: #000000 !important; }
  .liste { margin-top: .3mm; gap: .3mm; }
  .erledigen { margin-top: 3mm; }
  .worte-titel { font-size: 11.5pt; }
  .worte-titel span, .erledigen-satz, .ks-satz, .ks-fuss, .ks-rechnung p, .nicht-so, .zu-zweit-liste li, .kosten-satz, .kosten-liste dd, .kosten-fuss { color: #000000 !important; }
  .erledigen-satz { margin-top: .3mm; font-size: 8.5pt; }
  .zusagen { margin-top: 3mm; }
  .zusagen-titel { font-size: 11.5pt; }
  .versprechen-liste { margin-top: 1.5mm; grid-template-columns: 1fr 1fr; column-gap: 5mm; border-color: #BBBBBB; }
  .versprechen { padding: .8mm 0; border-color: #DDDDDD; }
  .versprechen span { font-size: 8.5pt; line-height: 1.25; }
  .versprechen:last-child:nth-child(odd) { grid-column: auto; }
  .zusage-agb { margin: 0; padding: 0; font-size: 8.5pt; color: #000000; text-decoration: none; }
  .kosten { margin-top: 0 !important; padding-top: 0 !important; border: 0 !important; }
  .kosten-satz { font-size: 9pt; max-width: none; }
  .kosten-mehr summary { display: none; }
  .kosten-zeile { display: block; padding: 1mm 0 0; }
  .kosten-liste dt { display: inline; font-size: 9pt; }
  .kosten-liste dt::after { content: ": "; }
  .kosten-liste dd { display: inline; font-size: 9pt; }
  .kosten-fuss { gap: .3mm; font-size: 8pt; line-height: 1.3; }
  .kosten-fuss p:last-child { display: none; }
  .kostenschieber { margin-top: 3mm; padding-top: 2mm; max-width: none; border-color: #BBBBBB; break-inside: avoid; }
  .ks-auf { margin-top: 0 !important; border: 0 !important; }
  .ks-inhalt { display: grid !important; grid-template-columns: 82mm 1fr; column-gap: 6mm; align-items: start; }
  .ks-inhalt > * { grid-column: 2; }
  .ks-inhalt > .ks-tabelle { grid-column: 1; grid-row: 1 / span 6; }
  .ks-satz { font-size: 9pt; }
  .ks-tabelle { display: table !important; margin-top: 1mm; font-size: 9pt; }
  .ks-tabelle caption { font-size: 9pt; padding-bottom: 1mm; }
  .ks-tabelle th, .ks-tabelle td { padding: .8mm 0 .8mm 2mm; border-color: #CCCCCC; }
  .ks-tabelle th:first-child { padding-left: 0; }
  .ks-fuss { margin-top: .8mm; font-size: 8pt; line-height: 1.3; }
  .ks-rechnung { display: none !important; }
  /* Seite 2: Ablauf und Kontakt */
  .preis .kosten { break-before: page; }
  #ablauf { padding: 4mm 0 0 !important; }
  .satz-moment { min-height: 0 !important; padding: 0 !important; display: block; }
  .satz-rahmen { width: auto; }
  .satz-titel { margin-top: .3mm; font-size: 14pt !important; max-width: none !important; }
  .satz-titel em { color: #000000 !important; }
  .satz-unter { margin-top: .3mm; font-size: 9pt; color: #000000 !important; max-width: none; }
  .schritte { margin-top: 2mm; grid-template-columns: repeat(3, 1fr); column-gap: 5mm; }
  .schritt { display: block !important; padding: 0 !important; }
  .schritt-titel { margin: 0; font-size: 11.5pt; }
  .schritt-dauer { margin-top: 1mm; padding: 0; background: none; font-size: 9pt; color: #000000; }
  .schritt-dauer svg { display: none; }
  .schritt-text { margin-top: .3mm; font-size: 8.5pt; line-height: 1.3; color: #000000; }
  .zahlen { margin-top: 3mm; grid-template-columns: repeat(3, 1fr); gap: 4mm; }
  .zahl { padding: 1mm 3mm; border: .5pt solid #8A8A8A; border-radius: 3mm; display: flex !important; flex-direction: column-reverse; align-items: flex-start !important; gap: 1mm; }
  .zahl dt { font-size: 9pt; text-align: left !important; max-width: none !important; }
  .zahl dd { font-size: 14pt !important; }
  .nicht-erleben { margin-top: 3mm; }
  .nicht-liste { margin-top: 1.5mm; grid-template-columns: repeat(3, 1fr); column-gap: 5mm; }
  .nicht-liste li { padding: 1mm 0; border-color: #CCCCCC; break-inside: avoid; }
  .nicht-sache { font-size: 8pt; color: #555555 !important; text-decoration-color: #000000; }
  .nicht-so { margin-top: .3mm; font-size: 9pt; line-height: 1.3; }
  .druck-schluss { display: grid; grid-template-columns: 1fr auto; column-gap: 8mm; align-items: center; margin: 3mm 0 0; padding-top: 3mm; border-top: .5pt solid #8A8A8A; break-inside: avoid; font-size: 10.5pt; line-height: 1.45; color: #000000; }
  .druck-kontakt-titel { font-family: var(--titel); font-weight: 700; font-size: 13pt; }
  .druck-qr-figur { grid-row: 1 / span 2; grid-column: 2; text-align: center; font-size: 8pt; line-height: 1.2; }
  .druck-qr { display: block; width: 27mm; height: 27mm; margin: 0 auto .5mm; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 33' shape-rendering='crispEdges'%3E%3Cpath stroke='%23000' d='M4 4.5h7m1 0h1m1 0h1m2 0h1m4 0h7m-25 1h1m5 0h1m1 0h1m4 0h1m4 0h1m5 0h1m-25 1h1m1 0h3m1 0h1m2 0h2m2 0h2m1 0h1m1 0h1m1 0h3m1 0h1m-25 1h1m1 0h3m1 0h1m1 0h4m6 0h1m1 0h3m1 0h1m-25 1h1m1 0h3m1 0h1m2 0h8m1 0h1m1 0h3m1 0h1m-25 1h1m5 0h1m3 0h1m3 0h1m3 0h1m5 0h1m-25 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-17 1h2m1 0h1m1 0h3m-16 1h1m1 0h2m1 0h3m1 0h6m1 0h1m1 0h1m2 0h1m1 0h2m-25 1h1m2 0h1m3 0h2m1 0h1m1 0h1m3 0h1m2 0h1m3 0h1m-20 1h3m1 0h1m2 0h2m1 0h1m2 0h1m-17 1h1m1 0h3m1 0h1m3 0h1m1 0h3m1 0h1m2 0h3m-23 1h3m1 0h1m1 0h1m1 0h1m1 0h1m6 0h2m1 0h1m1 0h3m-20 1h1m2 0h2m1 0h1m1 0h1m1 0h1m1 0h4m3 0h1m-24 1h1m1 0h1m1 0h2m2 0h1m2 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h2m-24 1h1m3 0h2m3 0h1m2 0h2m4 0h3m3 0h1m-20 1h2m3 0h2m4 0h9m-17 1h3m1 0h2m2 0h1m3 0h1m1 0h1m1 0h1m-25 1h7m1 0h1m1 0h3m3 0h1m1 0h1m1 0h1m1 0h3m-25 1h1m5 0h1m1 0h3m1 0h1m2 0h2m3 0h1m2 0h2m-25 1h1m1 0h3m1 0h1m4 0h3m2 0h6m-22 1h1m1 0h3m1 0h1m1 0h3m1 0h3m2 0h2m1 0h5m-25 1h1m1 0h3m1 0h1m1 0h1m1 0h4m1 0h1m2 0h1m1 0h1m1 0h2m-24 1h1m5 0h1m2 0h2m6 0h1m2 0h1m1 0h1m-23 1h7m1 0h1m1 0h1m1 0h1m1 0h1m2 0h1m1 0h6'/%3E%3C/svg%3E") center / contain no-repeat; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .druck-fuss { grid-column: 1; margin-top: 2mm; font-size: 8pt; line-height: 1.35; color: #333333; }
}