/* ============================================================================
   Textseiten: Impressum, Datenschutz, Kontakt.
   Lange Fließtexte, keine Bildsprache — nur Lesbarkeit.
   Das Gemeinsame (Schriften, Farben, Kopf, Fuß) steht in stil.css.
   ========================================================================= */

.textseite{padding-block:clamp(2.5rem,7vw,4rem)}
.textseite > .wrap{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem)}

.textseite h1{font-size:clamp(2rem,7vw,3rem);font-weight:800;letter-spacing:-.035em}

/* Fließtextbreite: rund 70 Zeichen. Alles Weitere erbt davon. */
.fliess{max-width:38rem}
.fliess h2{font-size:clamp(1.25rem,4vw,1.6rem);font-weight:700;
  margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--linie)}
.fliess h3{font-size:1.02rem;font-weight:700;margin-top:1.75rem}
.fliess p{margin-top:.85rem}
.fliess ul,.fliess ol{margin:.85rem 0 0;padding-left:1.2rem}
.fliess li{margin-top:.35rem}
.fliess a{color:var(--gruen-text)}
.fliess a:hover{text-decoration:none}

/* Anschriften und Kontaktblöcke stehen als Adressblock, nicht als Liste */
.fliess address{margin-top:.85rem;line-height:1.7}

/* Der erste Absatz einer Seite trägt die Zusammenfassung */
.vorspann{font-size:1.1rem;color:var(--body);max-width:38rem}

/* Sprungmarken oben — bei diesen Textlängen die halbe Miete */
.inhalt{margin:0;padding:1.1rem 1.25rem;list-style:none;
  border:1px solid var(--linie);border-left:3px solid var(--gruen);
  border-radius:var(--r-md);background:var(--wash);max-width:38rem;
  display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.92rem;font-weight:600}
.inhalt a{color:var(--gruen-text);text-decoration:none;
  border-bottom:1px solid currentColor;padding-block:.25rem}
.inhalt a:hover{border-bottom-color:transparent}

/* Kontaktseite: die eine Angabe, um die es geht, groß */
.kontaktkarte{
  border:1px solid var(--linie);border-top:3px solid var(--gruen);
  border-radius:var(--r-lg);padding:clamp(1.25rem,4vw,1.75rem);
  max-width:38rem;display:flex;flex-direction:column;gap:.75rem;
}
.kontaktkarte .zeile{font-family:var(--schrift-titel);font-weight:700;
  font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gruen-text)}
.kontaktkarte a{font-family:var(--schrift-titel);font-weight:700;
  font-size:clamp(1.1rem,3.5vw,1.35rem);color:var(--ink);
  text-decoration:none;border-bottom:2px solid var(--gruen);
  align-self:flex-start;padding-bottom:2px;word-break:break-word}
.kontaktkarte a:hover{border-bottom-color:var(--ink)}