/* Zwei Darstellungen, die im Alltag untergehen und trotzdem vorkommen:
   der Ausdruck und der Windows-Hochkontrastmodus. */

/* --- Ausdruck ---------------------------------------------------------
   Eltern drucken Preise und Impressum aus. Ohne diese Regeln kommen
   dunkle Flaechen als graue Balken, Schaltflaechen als sinnlose Kaesten
   und Links ohne ihr Ziel aufs Papier. */
@media print {
  :root {
    --farbe-grund: #FFFFFF;
    --farbe-karte: #FFFFFF;
    --farbe-ruhig: #FFFFFF;
    --farbe-tief: #FFFFFF;
    --farbe-text: #000000;
    --farbe-text-leise: #333333;
    --farbe-text-hell: #000000;
    --farbe-text-hell-leise: #333333;
    --farbe-marke: #FFFFFF;
    --farbe-auf-marke: #000000;
    --schatten-ruhe: none;
    --schatten-hoch: none;
    --schatten-marke: none;
  }

  body { font-size: 11pt; }

  /* Was auf Papier nichts beitraegt */
  .kopf,
  .klapp,
  .video,
  .lupe,
  .sprungmarke,
  .start__bild,
  .blaettern,
  .knopf,
  /* Ein Abschnitt, dessen Inhalt im Druck entfaellt, soll nicht als
     Ueberschrift ohne alles auf dem Papier stehen. */
  .nicht-drucken { display: none; }

  .block,
  .start { padding-block: 0.6cm; }

  .karte,
  .band {
    border: 1px solid #999;
    box-shadow: none;
    break-inside: avoid;
  }

  .zeigt { transform: none; }

  /* Ein Link auf Papier ist wertlos, wenn das Ziel fehlt. */
  a[href^="http"]::after,
  a[href^="mailto"]::after,
  a[href^="tel"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
  }
  /* Interne Anker wuerden die Seite mit "(/#preise)" zumuellen. */
  a[href^="/"]::after,
  a[href^="#"]::after { content: ""; }

  h1, h2, h3 { break-after: avoid; }
  .frage { break-inside: avoid; }
  .frage__antwort { display: block; }        /* auch zugeklappte Fragen */
  details:not([open]) .frage__antwort { display: block; }
}

/* --- Windows-Hochkontrastmodus ----------------------------------------
   Dort ersetzt das System saemtliche Farben. Was nur ueber
   Hintergrundfarbe funktioniert - der Markenknopf, die Schrittzahlen,
   der Platzhalter ohne Foto - verliert dann seine Kontur. */
@media (forced-colors: active) {
  .knopf,
  .karte,
  .fach,
  .kontakt__weg,
  .schritt__nr,
  .symbol,
  .person__platzhalter,
  .band,
  .notiz {
    border: 1px solid;
  }

  .knopf--haupt {
    forced-color-adjust: none;
    background: ButtonFace;
    color: ButtonText;
    border: 2px solid ButtonText;
  }

  /* Der zweifarbige Fokusring wird vom System ohnehin ersetzt - der
     Schlagschatten wuerde daneben nur stoeren. */
  :focus-visible {
    outline: 3px solid Highlight;
    box-shadow: none;
  }

  .sterne { forced-color-adjust: none; }
}