/* Die Rechtsseiten. Palette und Schrift der Startseite, aber kein scrollcraft:
   eine Pflichtangabe, die ein Skript zum Erscheinen braucht, ist nicht
   unmittelbar erreichbar. */
:root { --kalk: #eeede9; --teer: #1b1a19; --teer-leise: #57524e; --backstein: #9a3b22; }
* { box-sizing: border-box; }
html { background: var(--kalk); }
body { margin: 0; background: var(--kalk); color: var(--teer); font-family: "Geologica", system-ui, sans-serif;
  font-weight: 350; font-size: clamp(1rem, .96rem + .2vw, 1.075rem); line-height: 1.65; -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid #f2b31b; outline-offset: 3px; }
.blatt { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 5vw, 2.5rem) 6rem; }
.zurueck { display: inline-flex; align-items: center; min-height: 2.75rem; margin-bottom: clamp(1.5rem, 4vw, 3rem);
  color: var(--teer-leise); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .9rem; text-decoration: none; }
.zurueck:hover, .zurueck:focus-visible { color: var(--teer); }
h1 { font-weight: 800; font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.2rem); line-height: 1.02; letter-spacing: -.04em; margin: 0 0 1.25rem; color: var(--backstein); }
h2 { font-weight: 700; font-size: clamp(1.15rem, 1.06rem + .4vw, 1.4rem); line-height: 1.25; margin: 2.75rem 0 .75rem; letter-spacing: -.02em; }
p, li { margin: 0 0 1rem; }
a { color: var(--backstein); text-underline-offset: .2em; }
a:hover, a:focus-visible { color: var(--teer); }
.entwurf { margin: 0 0 2.5rem; padding: 1rem 1.125rem; background: rgba(242, 179, 27, .2); border: 2px dashed var(--teer); font-size: .95rem; line-height: 1.55; }
.offen { padding: .05em .35em; background: rgba(154, 59, 34, .12); border-bottom: 2px solid var(--backstein); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .9em; }
.stand { margin-top: 3rem; padding-top: 1rem; border-top: 2px solid var(--teer); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .85rem; color: var(--teer-leise); }