/* ==================================================================
   Textseiten (Impressum, Datenschutz)
   ================================================================== */
.textseite { padding-top: calc(var(--header-h) + var(--section-y-sm)); padding-bottom: var(--section-y); }
.textseite__kopf { margin-bottom: clamp(2.5rem, 1.8rem + 3vw, 4.5rem); }
.textseite__kopf .mark { display: block; margin-bottom: 1rem; }
.textseite h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.4rem); max-width: 18ch; }

.textseite__inhalt { max-width: 44rem; color: var(--text-muted); }
.textseite__inhalt h2 {
  margin: clamp(2.4rem, 1.8rem + 2vw, 3.6rem) 0 0.9rem;
  font-size: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  color: var(--text);
}
.textseite__inhalt h3 {
  margin: 1.9rem 0 0.6rem;
  font-family: var(--f-sans);
  font-size: 1.02rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--text);
}
.textseite__inhalt h2:first-child { margin-top: 0; }
.textseite__inhalt p { margin-bottom: 1.05em; }
.textseite__inhalt ul { margin: 0 0 1.05em; padding-left: 1.15rem; list-style: disc; }
.textseite__inhalt li { margin-bottom: 0.4em; }
.textseite__inhalt address { font-style: normal; line-height: 1.75; }
.textseite__inhalt a:not(.btn) { color: var(--accent-text); border-bottom: 1px solid transparent; transition: border-color var(--d-base) var(--ease); }
.textseite__inhalt a:not(.btn):hover { border-bottom-color: currentColor; }

/* Kurze Textseiten (404) füllen das Fenster, damit unter der Fußzeile
   kein andersfarbiger Streifen bleibt. */
body:has(> main.textseite) { min-height: 100svh; display: flex; flex-direction: column; }
body:has(> main.textseite) > main { flex: 1 0 auto; }

.hinweisfeld {
  margin: 1.6rem 0;
  padding: 1.1rem 1.25rem;
  border-left: 2px solid var(--au-600);
  background: rgba(201, 164, 76, 0.07);
  font-size: var(--t-small);
}
.hinweisfeld .mark { display: block; margin-bottom: 0.5rem; color: var(--accent-text); }


/* Verweise in der Fußzeile der Textseiten */
.fuss-link { display: inline-flex; align-items: center; min-height: 44px;
             color: var(--text-dim); text-decoration: underline; text-decoration-color: transparent;
             text-underline-offset: 4px;
             transition: color var(--d-base) var(--ease), text-decoration-color var(--d-base) var(--ease); }
.fuss-link:hover { color: var(--au-400); text-decoration-color: var(--au-700); }
.fuss__unten { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-4); }
.fuss__recht { display: flex; gap: 1.5rem; font-size: var(--t-small); }
.wrap--eng { max-width: var(--content-max); }

/* Erläuternde Fußnote in den Rechtstexten */
.klein { font-size: var(--t-small); color: var(--text-dim); }