/* Aus src/pages/impressum.astro uebernommen.
   Jede Regel ist auf `body.t-impressum main` eingegrenzt. Astro hat das CSS
   je Seite gekapselt, ein gemeinsames Stylesheet tut das nicht -- und das
   `main` haelt die Seitenregeln von Kopf, Fuss und Zustimmungsfenster fern,
   die ausserhalb stehen und eigene Klassen gleichen Namens haben. */
body.t-impressum main .text {
    padding-block: var(--a-5) var(--a-6);
  }
body.t-impressum main h1 {
    font-size: var(--t-gross);
    margin-bottom: var(--a-4);
  }
body.t-impressum main .warnung {
    background: #fdf3e3;
    border: 1px solid var(--messing);
    border-radius: var(--radius);
    padding: var(--a-2);
    font-size: var(--t-fein);
    margin-bottom: var(--a-4);
  }
body.t-impressum main code {
    font-size: 0.9em;
    background: rgb(28 43 51 / 0.06);
    padding: 0.1em 0.35em;
    border-radius: 2px;
  }
body.t-impressum main .angaben {
    margin: 0 0 var(--a-5);
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: 0.5em var(--a-3);
  }
body.t-impressum main .angaben dt {
    font-size: var(--t-label);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--messing);
    padding-top: 0.3em;
  }
body.t-impressum main .angaben dd {
    margin: 0 0 var(--a-2);
    color: var(--tinte-leise);
    line-height: 1.7;
  }
body.t-impressum main .fehlt {
    display: block;
    border-left: 2px solid var(--rot);
    padding-left: var(--a-2);
    font-size: var(--t-fein);
  }
body.t-impressum main section { margin-bottom: var(--a-4); }
body.t-impressum main section:last-child { margin-bottom: 0; }
body.t-impressum main h2 {
    font-size: var(--t-mittel);
    margin-bottom: var(--a-2);
  }
body.t-impressum main p:not(.marke) { color: var(--tinte-leise); }
@media (max-width: 600px) {
body.t-impressum main .angaben { grid-template-columns: 1fr; gap: 0; }
body.t-impressum main .angaben dt { margin-top: var(--a-2); }
}

/* --- Eine linke Kante ----------------------------------------------
   Textbloecke waren schmaler UND zentriert; damit hingen sie mit
   ueber 160 px Einzug neben Bildern und Logo in der Luft. Jetzt sind
   sie normale Bahnen wie alles andere. Die Lesebreite haelt der Text
   selbst (.vorspann in ch, oder var(--breite-text) auf den Kindern),
   nicht mehr der Block. Entschieden mit der Inhaberin. */
body.t-impressum main .text > * { max-width: var(--breite-text); }