/* Die Rechtsseiten (Fiammetta). Palette und Schrift der Startseite, aber kein scrollcraft:
   eine Pflichtangabe, die ein Skript zum Erscheinen braucht, ist nicht
   unmittelbar erreichbar. */
:root {
  --grund: #f6f1e4;
  --tinte: #1f2a25;
  --tinte-leise: #3f4b45;
  --tomate: #a33b2a;
  --font-display: "Libre Baskerville", Georgia, serif;
  --font-text: "Poppins", system-ui, sans-serif;
}
* { 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 #a33b2a; 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-weight: 400; text-transform: uppercase; letter-spacing: .08em; font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.2rem);
  line-height: 1.05; 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(238, 210, 90, .3);
  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; }