/* ==========================================================================
   doc.css — Schicht für die Textseiten (impressum, kontakt, datenschutz)
   Wird NACH base.css geladen und überschreibt dort, wo eine Fließtextseite
   sich bewusst von der Startseite unterscheidet: schmalere Spalte, lesbare
   Prosa-Links, Karten-Sektionen statt Vollbreite-Abschnitte.

   Reine Ladereihenfolge, keine erhöhten Spezifitäten — wer hier etwas
   ergänzt, braucht keine !important-Klimmzüge.
   ========================================================================== */

:root{ --maxw:760px }

body{ line-height:1.7 }

/* etwas kräftigerer Schimmer als auf der Startseite: die Textseiten haben
   weniger eigene Fläche, die den Hintergrund trägt */
body::before{
  background:
    radial-gradient(620px 480px at 18% -8%, rgba(34,211,238,.14), transparent 60%),
    radial-gradient(680px 520px at 88% 4%, rgba(168,85,247,.16), transparent 60%),
    radial-gradient(700px 600px at 50% 110%, rgba(99,102,241,.12), transparent 60%);
}

/* Prosa-Links sollen als Links erkennbar sein — auf der Startseite ist jeder
   Link ein gestaltetes Element (Karte, Mail-Knopf) und erbt seine Farbe. */
a{color:var(--cyan-soft);text-decoration:none}
a:hover{text-decoration:underline}
.brand a{color:inherit;text-decoration:none}

header{padding:54px 0 8px}
.eyebrow{
  font-size:.74rem;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--cyan);font-weight:700;margin-bottom:8px;display:block
}
/* base.css setzt .eyebrow im EN-Modus auf inline-flex (Startseiten-Variante) —
   hier bleibt es ein Block, also zurückholen. Gleiche Spezifität, spätere
   Datei gewinnt. */
html[lang="en"] .eyebrow[data-i18n-en]{display:block}

h1{font-size:clamp(2rem,5vw,2.8rem);line-height:1.1;letter-spacing:-1px;font-weight:800}

main{padding:14px 0 30px}
section{
  background:linear-gradient(180deg,var(--bg-card),var(--bg-soft));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin-top:18px
}
h2{font-size:1.18rem;font-weight:700;letter-spacing:-.3px;margin-bottom:10px}
p{color:var(--muted);font-size:.96rem;margin-bottom:10px}
p:last-child{margin-bottom:0}
strong{color:var(--text);font-weight:600}
ul{color:var(--muted);font-size:.96rem;margin:6px 0 10px 20px}
li{margin-bottom:5px}
code{color:var(--cyan-soft);background:var(--bg);padding:2px 7px;border-radius:6px;font-size:.84rem}

/* Verantwortlicher-/Kontaktblock (impressum + kontakt) */
.card-name{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.2px}
.card-mail{display:inline-block;margin-top:6px;font-size:1.02rem;font-weight:600}

footer{padding:34px 0 56px;margin-top:30px}
.foot-meta{margin-top:0}