/* ==========================================================================
   Schafmoor · Teilnahmebedingungen
   Reiner Lesetext, ruhiger Hintergrund, keine Effekte.
   ========================================================================== */

html, body { background-color: var(--nacht-0); }
body {
  background-image: linear-gradient(180deg, var(--nacht-1) 0%, var(--nacht-0) 100%);
  background-repeat: no-repeat;
}

.tb { position: relative; z-index: 1; max-width: 42rem; margin: 0 auto; padding: 4rem var(--rand) 3rem; }

.tb-schule {
  font-family: var(--font-caps); font-weight: 700;
  font-size: .8rem; letter-spacing: .34em; text-transform: uppercase;
  color: var(--gold);
}
.tb-titel {
  margin-top: 1.1rem;
  font-family: var(--font-caps); font-weight: 700;
  font-size: clamp(1.7rem, 6vw, 2.4rem); line-height: 1.2;
  color: var(--text);
}

.tb-inhalt { margin-top: 2.2rem; color: var(--text); line-height: 1.65; }
.tb-inhalt h2 {
  margin: 2.2rem 0 .8rem;
  font-family: var(--font-caps); font-weight: 700;
  font-size: 1.25rem; color: var(--gold-hell);
}
.tb-inhalt h2:first-child { margin-top: 0; }
.tb-inhalt p, .tb-inhalt li { color: var(--text-leise); }
.tb-inhalt ol, .tb-inhalt ul { margin: .6rem 0 .6rem 1.2rem; }
.tb-inhalt li { margin-bottom: .4rem; }
.tb-inhalt a { color: var(--gold-hell); }
.tb-inhalt strong { color: var(--text); }

.tb-inhalt p { margin: 0 0 1rem; }
.tb-inhalt table { width: 100%; margin: .4rem 0 1.2rem; border-collapse: collapse; font-size: .95rem; }
.tb-inhalt th, .tb-inhalt td { padding: .55rem .7rem; text-align: left; border-bottom: 1px solid rgba(235, 192, 99, .25); color: var(--text-leise); }
.tb-inhalt th { color: var(--gold-hell); font-family: var(--font-caps); font-size: .85rem; letter-spacing: .04em; }

.tb-zurueck { margin-top: 2.5rem; }