/* Die Rechtsseiten. Palette und Schrift der Startseite, aber kein scrollcraft:
   eine Pflichtangabe, die ein Skript zum Erscheinen braucht, ist nicht
   unmittelbar erreichbar. */

:root {
  --grund: #0C0A08;
  --tinte: #F4EEE2;
  --tinte-leise: #BBAF9A;
  --akzent: #D2A933;
  --font-display: "DM Serif Display", Georgia, serif;
  --font-text: "Albert Sans", 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(1rem, .96rem + .2vw, 1.0625rem); line-height: 1.68; -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; }

.blatt { max-width: 44rem; 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; font-size: clamp(2.1rem, 1.6rem + 2.2vw, 3rem);
  line-height: 1.05; letter-spacing: -.015em; margin: 0 0 1.25rem; }
h2 { font-family: var(--font-display); font-weight: 400; color: var(--akzent);
  font-size: clamp(1.15rem, 1.06rem + .4vw, 1.375rem); line-height: 1.25; margin: 2.75rem 0 .75rem; }
p { margin: 0 0 1rem; }
p:last-child { margin-bottom: 0; }
a { color: var(--akzent); text-underline-offset: .2em; }
a:hover, a:focus-visible { color: var(--tinte); }

.entwurf { margin: 0 0 2.5rem; padding: 1rem 1.125rem; background: rgba(210, 169, 51, .09);
  border: 1px solid rgba(210, 169, 51, .4); font-size: .9375rem; line-height: 1.55; }
/* Eine offene Angabe. Als Lücke markiert, nie geraten. */
.offen { display: inline-block; padding: .05em .4em; background: rgba(210, 169, 51, .16);
  border-bottom: 1px dashed var(--akzent); color: #E8CB7C; font-size: .9375em; }
.leise { color: var(--tinte-leise); font-size: .9375rem; }
.stand { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(210, 169, 51, .24);
  color: var(--tinte-leise); font-size: .875rem; }