/* moxu.ch – Zusatz für Rechtsseiten, Hilfe und 404 (nach main.css geladen). */

.seite-kopf { padding-block: 2.5rem 1rem; }
.seite-kopf h1 { font-size: clamp(1.8rem, 1.2rem + 3vw, 3.2rem); }
.entwurf {
  display: flex; gap: .75rem; align-items: flex-start; padding: 1rem 1.15rem; border-radius: 1.1rem; margin: 0 0 1.5rem;
  background: #FFF4D6; color: #3A2E05; border: 2px solid #E8B730; font-weight: 700;
}
.entwurf .icon { width: 1.5rem; height: 1.5rem; color: #8A6400; margin-top: .1rem; }
.entwurf p { margin: 0; }
.entwurf p + p { font-weight: 400; margin-top: .25rem; }
.recht { max-width: 46rem; padding-bottom: 4rem; }
.recht h2 { font-size: 1.5rem; margin-top: 2.25rem; font-weight: 900; }
.recht h3 { font-size: 1.2rem; margin-top: 1.5rem; }
.recht ul, .recht ol { padding-left: 1.3rem; }
.recht li { margin-bottom: .35rem; }
.recht .tabelle { overflow-x: auto; margin-bottom: 1.25rem; border-radius: 1rem; border: 1px solid var(--linie); }
.recht table { border-collapse: collapse; width: 100%; margin: 0; font-size: .95rem; }
.recht th, .recht td { text-align: left; vertical-align: top; padding: .6rem .8rem; border-bottom: 1px solid var(--linie); }
.recht th { background: var(--bg-mint); font-weight: 800; }
.recht tr:last-child td { border-bottom: 0; }
mark.offen {
  background: #FFF0C2; color: #4A3A00; padding: .05rem .4rem; border-radius: .4rem; font-weight: 700;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.schalter {
  display: inline-block; vertical-align: middle; margin-left: .35rem; padding: .1rem .55rem; border-radius: 999px;
  font-size: .8rem; font-weight: 800; background: var(--bg-mint); color: var(--tuerkis-text); letter-spacing: 0;
}
.schalter--bald { background: var(--bg-pfirsich); color: var(--koralle-text); }
@media (prefers-color-scheme: dark) {
  .schalter { background: #1C4650; color: var(--tuerkis); }
  .schalter--bald { background: #44302A; color: #FFC4B4; }
}
.inhalt-liste { background: var(--flaeche); border-radius: 1.25rem; padding: 1rem 1.25rem; border: 1px solid var(--linie); margin-bottom: 2rem; }
.inhalt-liste h2 { margin: 0 0 .5rem; font-size: 1.05rem; }
.inhalt-liste ol { margin: 0; padding-left: 1.3rem; columns: 1; }
@media (min-width: 43.75em) { .inhalt-liste ol { columns: 2; column-gap: 2rem; } }
.inhalt-liste li { break-inside: avoid; }
.inhalt-liste a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .25rem; }
.angaben { display: grid; grid-template-columns: 1fr; gap: .1rem 1.5rem; margin: 0 0 1.5rem; }
.angaben dt { font-weight: 800; }
.angaben dd { margin: 0 0 .75rem; color: var(--text-leise); }
@media (min-width: 40em) { .angaben { grid-template-columns: 14rem 1fr; } .angaben dd { margin-bottom: .5rem; } }

.leer-seite { text-align: center; padding-block: 3rem 5rem; }
.leer-seite img { width: min(60vw, 16rem); margin: 0 auto 1.5rem; }
.leer-seite h1 { font-size: clamp(2rem, 1.5rem + 3vw, 3rem); }
/* Einzelner Link in eigener Zeile: Tippfläche mindestens 44 px hoch */
.einzel-link { display: inline-flex; align-items: center; min-height: 44px; }