/* Die Rechtsseiten. Palette und Schrift der Startseite, aber kein scrollcraft:
   eine Pflichtangabe, die ein Skript zum Erscheinen braucht, ist nicht
   unmittelbar erreichbar. */
:root {
  --grund: #f3eadb;
  --tinte: #1f1a16;
  --tinte-leise: #5b4f45;
  --tomate: #9a4130;
  --font-display: "Playfair Display", "Times New Roman", Georgia, serif;
  --font-text: "Fira Code", ui-monospace, "Courier New", monospace;
}
* { box-sizing: border-box; }
html { background: var(--grund); }
body { margin: 0; background: var(--grund); color: var(--tinte); font-family: var(--font-text);
  font-size: clamp(.9375rem, .9rem + .2vw, 1rem); line-height: 1.7; -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid #f0a93a; 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; gap: .5rem; min-height: 2.75rem;
  margin-bottom: clamp(1.5rem, 4vw, 3rem); color: var(--tinte-leise); font-size: .9375rem; text-decoration: none; }
.zurueck:hover, .zurueck:focus-visible { color: var(--tinte); }
h1 { font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.2rem);
  line-height: 1.05; letter-spacing: -.02em; margin: 0 0 1.25rem; color: var(--tomate); }
h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.15rem, 1.06rem + .4vw, 1.4rem); line-height: 1.25; margin: 2.75rem 0 .75rem; }
p { margin: 0 0 1rem; }
a { color: var(--tomate); text-underline-offset: .2em; }
a:hover, a:focus-visible { color: var(--tinte); }
.entwurf { margin: 0 0 2.5rem; padding: 1rem 1.125rem; background: rgba(240, 169, 58, .18);
  border: 1px dashed var(--tinte); font-size: .9375rem; line-height: 1.55; }
/* Eine offene Angabe. Als Lücke markiert, nie geraten. */
.offen { display: inline; padding: .05em .35em; background: rgba(184, 50, 31, .1);
  border-bottom: 1px dashed var(--tomate); color: #7a1f10; }
.leise { color: var(--tinte-leise); font-size: .9375rem; }
.stand { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px dashed var(--tinte-leise); color: var(--tinte-leise); font-size: .875rem; }