/* ── Selbst gehostete Schriften — kein Aufruf an fremde Server ── */
@font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('schriften/libre-franklin-italic-300-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('schriften/libre-franklin-italic-300-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('schriften/libre-franklin-italic-400-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('schriften/libre-franklin-italic-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('schriften/libre-franklin-normal-300-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('schriften/libre-franklin-normal-300-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('schriften/libre-franklin-normal-400-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('schriften/libre-franklin-normal-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('schriften/libre-franklin-normal-500-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('schriften/libre-franklin-normal-500-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('schriften/libre-franklin-normal-600-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('schriften/libre-franklin-normal-600-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ═══════════════════════════════════════════════════════════════
   DSG-LITERATURTAG · Fassung 3 „Handgemacht" — stil.css (23.09.2026)

   Seit 12.10.2026 auf der Linie von Plakat und Flyer: Titel „BESUCH / MIT BUCH"
   in echten Holzlettern (Gothic Special), Aqua als einzige Hausfarbe, Federal
   Blue statt Schwarz, Fotos als Duplex in Blau. Alles in Libre Franklin.
   --haus ist das Aqua für Flächen und Linien; als Schrift auf hellem Grund
   ist es zu blass, dafür gibt es --haus-tief.
   Keine Aufrufe an fremde Server, kein Tracking.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --papier:#F3F4F1;
  --blatt:#FFFFFF;
  --tinte:#2E4170;
  --grau:#5C6987;            /* 4,9:1 auf Papier */
  --linie:#D5DAE3;
  --haus:#3FB8DA;
  --haus-tief:#1D7895;       /* Aqua als Schrift, 4,6:1 auf Papier */
  --dunkel:#3D5588;
  --sans:'Libre Franklin',-apple-system,'Segoe UI',sans-serif;
  --serif:'Libre Franklin',-apple-system,'Segoe UI',sans-serif;
  --rand:clamp(16px,5vw,64px);
  --spalte:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:var(--papier);color:var(--tinte);
  font-family:var(--serif);font-size:1.0625rem;line-height:1.66;
  /* Papierkorn: zwei sehr flache Verläufe, kein Bild */
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.55), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 82% 78%, rgba(160,140,100,.10), rgba(255,255,255,0) 45%);
}
::selection{background:var(--haus);color:var(--tinte)}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sprung{position:absolute;left:-9999px}
.sprung:focus{left:var(--rand);top:12px;z-index:9;background:var(--tinte);color:var(--papier);padding:10px 16px}
:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}

/* ── Bausteine ────────────────────────────────────────────── */
.innen{max-width:var(--spalte);margin:0 auto;padding:0 var(--rand)}
.bogen{padding:clamp(52px,8vw,110px) 0}
.bogen + .bogen{padding-top:0}

.mikro{
  font-family:var(--sans);font-weight:400;
  font-size:clamp(10px,1.5vw,11.5px);letter-spacing:.24em;text-transform:uppercase;
  color:var(--grau);
}
.mikro--blass{color:var(--grau);opacity:.85}
.etikett{
  font-family:var(--sans);font-weight:500;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tinte);
}
.text{font-size:1.0625rem;line-height:1.66;margin-top:.5em;color:var(--tinte)}
.buch{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.4vw,26px);line-height:1.18;margin-top:.55em}
.nackt{list-style:none}
.platzhalter{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.vermerk{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--haus-tief)}

/* Holzlettern: die großen Wörter sind Bilder aus einem echten Abzug */
.holz img{width:min(100%,var(--holz-breite,820px))}
.holz--klein img{width:min(56%,300px)}
.holz--zeile img{width:min(72%,340px)}
.holz--zeile{line-height:0}
.lesungen__kopf{align-items:flex-end}

/* ── 01 Ankunft ───────────────────────────────────────────── */
.bogen--kopf{padding-top:clamp(20px,3vw,40px)}
.kopfzeile{
  display:flex;flex-wrap:wrap;gap:12px 26px;align-items:baseline;justify-content:space-between;
  padding-bottom:14px;border-bottom:1px solid var(--linie);
}
.nav{display:flex;flex-wrap:wrap;gap:14px 22px}
.nav a{text-decoration:none;padding:2px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a:focus-visible{border-bottom-color:var(--haus);color:var(--tinte)}

.ankunft{padding-top:clamp(26px,5vw,56px)}
.motto{margin:0}
.motto img{width:min(100%,620px);transform:rotate(-1.1deg);transform-origin:left center}
.ankunft__unten{
  display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,46px);
  margin-top:clamp(30px,5vw,60px);padding-top:clamp(18px,2.5vw,26px);
  border-top:1px solid var(--linie);
}
@media (min-width:760px){.ankunft__unten{grid-template-columns:1.1fr .9fr}}
/* Ab Tablet stehen Motto und Daten nebeneinander — sonst steht neben der schmalen
   Holzschrift eine leere halbe Seite. */
@media (min-width:980px){
  .ankunft{display:grid;grid-template-columns:minmax(0,auto) 360px;justify-content:start;
           gap:clamp(36px,6vw,84px);align-items:end}
  .ankunft .tag{font-size:clamp(24px,2.6vw,32px)}
  .motto{width:620px}
  .gothic .motto{width:520px}
  .motto img{width:100%}
  .ankunft__unten{margin-top:0;padding-top:clamp(16px,2vw,22px);grid-template-columns:1fr;gap:clamp(20px,3vw,30px)}
  .gaeste{columns:2}
}
.tag{font-family:var(--serif);font-weight:500;font-size:clamp(26px,4vw,40px);line-height:1.1}
.ort{margin-top:.6em;color:var(--grau)}
.gaeste{margin-top:.7em;font-size:1.0625rem;columns:2;column-gap:26px}
.gaeste li{break-inside:avoid;padding:2px 0}

/* ── 02 Worum es geht ─────────────────────────────────────── */
.worum{margin-top:clamp(18px,3vw,30px);max-width:min(100%,640px)}
.worum p{font-size:clamp(23px,3.4vw,38px);line-height:1.26;font-weight:500}
.worum p + p{margin-top:.75em}
.worum__schluss{color:var(--haus-tief)}

/* ── 02a Der Clip ─────────────────────────────────────────────
   Selbst gehostet, kein Autoplay, lädt erst auf Klick. Liegt wie
   ein aufgeklebtes Foto leicht schief, Handy: unter dem Text. */
.clip{margin-top:clamp(26px,4vw,40px)}
.clip video{
  width:min(100%,400px);height:auto;display:block;
  background:var(--dunkel);border:1px solid var(--linie);
  transform:rotate(-1.2deg);
  filter:drop-shadow(0 8px 14px rgba(23,22,20,.18));
}
.clip figcaption{margin-top:14px;transform:rotate(-1.2deg)}
@media (min-width:900px){
  .worum{
    max-width:none;display:grid;align-items:start;
    grid-template-columns:minmax(0,1fr) minmax(0,400px);
    gap:0 clamp(34px,5vw,70px);
  }
  .worum p{grid-column:1;max-width:640px}
  .clip{grid-column:2;grid-row:1 / span 3;margin-top:0;justify-self:end}
}
@media print{.clip{display:none}}

/* ── 03 Programm ──────────────────────────────────────────── */
.programm__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.plan{list-style:none;margin-top:clamp(18px,3vw,30px);border-top:1px solid var(--tinte)}
.plan__zeile{
  display:grid;grid-template-columns:auto 1fr;gap:4px 18px;
  padding:14px 0;border-bottom:1px solid var(--linie);
}
@media (min-width:640px){
  .plan__zeile{grid-template-columns:90px 1fr auto;align-items:baseline;gap:22px}
}
.plan__zeit{font-family:var(--sans);font-weight:500;font-size:clamp(17px,2.2vw,21px);letter-spacing:.02em}
.plan__was{font-family:var(--serif);font-size:clamp(17px,2.1vw,20px);font-weight:500}
.plan__was a{text-decoration:none;box-shadow:inset 0 -2px 0 var(--haus)}
.plan__was a:hover,.plan__was a:focus-visible{background:var(--haus);color:var(--tinte);box-shadow:none}
.plan__art{display:block;font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:3px}
.plan__fuer{font-family:var(--sans);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.plan__zeile--gast{background:linear-gradient(90deg,rgba(63,184,218,.12),rgba(63,184,218,0) 65%)}

/* ── 04 Die Lesungen ──────────────────────────────────────── */
.lesungen__kopf{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--linie);padding-bottom:12px}
.lesungen{
  margin-top:clamp(26px,4vw,48px);
  display:grid;grid-template-columns:1fr;gap:clamp(34px,5vw,58px) clamp(34px,5vw,64px);
}
@media (min-width:720px){.lesungen{grid-template-columns:1fr 1fr}}
.lesungen{align-items:start}
/* zwei Spalten: die Karten tragen jetzt Porträt, Stimme und Preise — drei wären zu schmal */
.lesung{
  background:var(--blatt);
  padding:clamp(18px,2.4vw,26px) clamp(18px,2.4vw,26px) clamp(22px,3vw,30px);
  box-shadow:0 1px 0 rgba(23,22,20,.10), 0 10px 18px -16px rgba(23,22,20,.45);
}
.lesung:nth-child(3n+1){transform:rotate(-.35deg)}
.lesung:nth-child(3n+2){transform:rotate(.28deg)}
.lesung:nth-child(3n+3){transform:rotate(-.15deg)}
.lesung .etikett{margin-top:clamp(14px,2vw,20px)}
.wer{margin-top:1.1em;line-height:1.7}
.hinweis{margin-top:.5em;color:var(--haus-tief)}

/* Die Tafel: die Cover liegen nebeneinander auf dem Tisch, gleich hoch, unten bündig.
   Der Kopf ist ein aufgeklebter Schnipsel oben rechts — er sitzt über der Kante, nicht in der Reihe,
   damit ein zweites oder drittes Cover die Anordnung nicht sprengt. */
.tafel{position:relative;padding:6px 0 4px}
.cover-reihe{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;
  gap:10px;min-height:150px;padding-right:72px;
}
.cover-reihe .cover{
  width:100%;max-width:190px;height:auto;max-height:clamp(150px,18vw,196px);
  object-fit:contain;object-position:bottom left;justify-self:start;
  filter:drop-shadow(0 8px 14px rgba(23,22,20,.22));
}
.cover-reihe .cover:nth-child(1){transform:rotate(-1.6deg)}
.cover-reihe .cover:nth-child(2){transform:rotate(2deg)}
.cover-reihe .cover:nth-child(3){transform:rotate(-.8deg)}
.kopf{
  position:absolute;right:-10px;top:-6px;width:clamp(78px,9vw,104px);z-index:2;
  filter:drop-shadow(0 6px 10px rgba(23,22,20,.20));transform:rotate(2.2deg);
}
.cover--leer{
  width:100%;max-width:150px;aspect-ratio:3/4;
  display:grid;place-items:center;text-align:center;
  background:var(--blatt) repeating-linear-gradient(-45deg,rgba(63,184,218,.14) 0 8px,rgba(63,184,218,0) 8px 16px);
  border:1px solid var(--linie);
}
.kopf--leer{
  display:grid;place-items:center;text-align:center;aspect-ratio:1/1;
  background:var(--blatt) repeating-linear-gradient(-45deg,rgba(63,184,218,.14) 0 8px,rgba(63,184,218,0) 8px 16px);
  border:1px solid var(--linie);
}
.kopf--leer .mikro{font-size:9px;letter-spacing:.14em;line-height:1.3}

/* ── 05 Der Nachmittag ────────────────────────────────────── */
.nachmittag{
  margin:clamp(52px,8vw,110px) 0 0;padding:clamp(40px,6vw,76px) 0 clamp(44px,7vw,84px);
  background:
    linear-gradient(180deg,rgba(63,184,218,.16),rgba(63,184,218,.06));
  border-top:2px solid var(--haus);border-bottom:2px solid var(--haus);
}
.nachmittag .holz img{width:min(100%,760px);transform:rotate(-.8deg)}
.nachmittag__inhalt{
  display:grid;grid-template-columns:1fr;gap:clamp(26px,4vw,44px);
  margin-top:clamp(24px,4vw,40px);
}
@media (min-width:820px){.nachmittag__inhalt{grid-template-columns:.9fr 1.1fr;align-items:start}}
.einladung{font-size:clamp(18px,2.2vw,22px);line-height:1.45;max-width:34ch}
.nachmittag__buch{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:560px){.nachmittag__buch{grid-template-columns:190px minmax(0,1fr);gap:28px}}
.nachmittag__buch > *{min-width:0}
.nachmittag__buch .cover{width:100%;max-width:190px;transform:rotate(-1.6deg);filter:drop-shadow(0 8px 14px rgba(23,22,20,.22))}
.nachmittag__kopf{display:block;width:min(100%,380px);height:auto;margin-top:clamp(22px,3.5vw,36px);transform:rotate(-1.4deg);filter:drop-shadow(0 6px 10px rgba(23,22,20,.20))}

.knopf{
  display:inline-block;margin-top:20px;
  font-family:var(--sans);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;
  padding:12px 20px;border:1px solid var(--tinte);text-decoration:none;background:transparent;
}
.knopf:hover,.knopf:focus-visible{background:var(--tinte);color:var(--papier)}
.knopf--wartet{border-style:dashed;color:var(--grau);border-color:var(--grau)}
.knopf--wartet:hover{background:transparent;color:var(--grau)}

/* ── 06 Der Abend ─────────────────────────────────────────── */
.abend{background:var(--dunkel);color:#F3F4F1;padding:clamp(44px,7vw,88px) 0}
.abend .mikro{color:#C9D2E6}
.abend .holz img{width:min(100%,560px);transform:rotate(-.6deg);margin-top:.5em}
.abend__inhalt{
  display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,36px);margin-top:clamp(24px,4vw,40px);
}
@media (min-width:640px){.abend__inhalt{grid-template-columns:150px minmax(0,1fr);gap:34px;align-items:start}}
.abend__inhalt > *{min-width:0}
.abend .etikett{color:#F3F4F1}
.abend .text{color:#E1E7F2;max-width:52ch}
.cover--dunkel{border-color:#5A6E9E;width:100%;max-width:150px;background:repeating-linear-gradient(-45deg,rgba(63,184,218,.20) 0 8px,rgba(63,184,218,0) 8px 16px)}

/* ── 07 Büchertisch · Von Kindern gemacht ─────────────────── */
.doppel{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px)}
@media (min-width:760px){.doppel{grid-template-columns:1fr 1fr}}
.doppel h2{margin-bottom:.6em}
.waechst{
  font-family:var(--sans);font-size:10px;letter-spacing:.18em;
  background:var(--haus-tief);color:#fff;padding:2px 7px;margin-left:8px;
}
.liste li{padding:9px 0;border-bottom:1px solid var(--linie);font-size:1rem;display:flex;justify-content:space-between;gap:14px}

/* ── 08 Anfahrt ───────────────────────────────────────────── */
.anfahrt{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,36px);margin-top:clamp(16px,2.5vw,26px)}
@media (min-width:700px){.anfahrt{grid-template-columns:1fr 1fr;align-items:start}}
.adresse{font-style:normal;display:grid;gap:2px;font-size:1.0625rem}
.adresse__schule{font-weight:500}
.anfahrt__weg{display:grid;justify-items:start;gap:14px}
.anfahrt__weg .knopf{margin-top:0}

/* ── 09 Fuß ───────────────────────────────────────────────── */
.fuss{padding:clamp(30px,4vw,54px) var(--rand) clamp(40px,5vw,64px);border-top:1px solid var(--linie);display:grid;gap:8px}
.fuss__foerderung{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:var(--grau)}
.fuss .ohne-ziel{color:var(--grau);text-decoration:underline;text-underline-offset:3px}
.fuss .mikro span{margin-left:.8em;opacity:.7}

/* ── Wahlweise: Gothic Special statt Caslon (index-gothic.html) ───────────
   Die Gothic ist extrem schmal und hoch — sie braucht weniger Breite, sonst
   frisst das Motto die halbe Seite. Der Abzug hat außerdem weniger Auflösung. */
.gothic .motto img{width:min(100%,520px)}
.gothic .holz--zeile img{width:min(46%,200px)}
.gothic .holz--klein img{width:min(34%,150px)}
.gothic .nachmittag .holz img{width:min(100%,330px)}
.gothic .abend .holz img{width:min(100%,360px)}
@media print{
  .gothic .motto img{width:90mm}
  .gothic .holz--zeile img{width:36mm}
  .gothic .holz--klein img{width:30mm}
  .gothic .nachmittag .holz img,.gothic .abend .holz img{width:52mm}
}

/* ── Farbfassungen zur Wahl (24.09.) ──────────────────────────────────────
   A  .sauber — dasselbe Papier, aber heller und kühler: weniger Creme, mehr Luft.
   B  .weiss  — weißer Grund wie bei Fassung 1, die Wärme steckt nur noch im Orange
                und in den Fotos. Am klarsten, am nächsten an dem, was du an v1 mochtest. */
.sauber{
  --papier:#F3F4F1; --blatt:#FFFFFF; --tinte:#2E4170; --grau:#5C6987; --linie:#D5DAE3; --dunkel:#3D5588;
}
.sauber .lesung{box-shadow:0 1px 0 rgba(23,22,20,.06), 0 12px 20px -18px rgba(23,22,20,.35);border:1px solid var(--linie)}
.sauber .nachmittag{background:linear-gradient(180deg,rgba(63,184,218,.10),rgba(63,184,218,.03))}

.weiss{
  --papier:#FFFFFF; --blatt:#FFFFFF; --tinte:#111111; --grau:#6B6B6B; --linie:#E2E2DF; --dunkel:#111111;
}
.weiss{background-image:none}
.weiss .lesung{box-shadow:none;border:1px solid var(--linie)}
.weiss .nachmittag{background:#FFF6F2;border-top:2px solid var(--haus);border-bottom:2px solid var(--haus)}
.weiss .cover--leer,.weiss .kopf--leer{background:#fff repeating-linear-gradient(-45deg,rgba(63,184,218,.12) 0 8px,rgba(63,184,218,0) 8px 16px)}

/* ── Druck: die Seite als PDF zum Mitschicken ─────────────────────────── */
@media print{
  @page{size:A4;margin:14mm 12mm}
  html,body{background:#fff;width:186mm;max-width:186mm;overflow-x:hidden}
  body{font-size:10.5pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sprung,.nav{display:none}
  .innen{max-width:none;padding:0}
  .bogen{padding:14pt 0}
  .motto img{width:105mm}
  .holz--zeile img{width:52mm}
  .holz--klein img{width:44mm}
  .nachmittag .holz img,.abend .holz img{width:80mm}
  .lesungen{grid-template-columns:repeat(2,minmax(0,1fr));gap:8pt;width:100%}
  #lesungen{break-before:page}
  .kopf{right:0;width:74pt}
  .lesung{padding:10pt 10pt 12pt;overflow:hidden}
  .cover-reihe{padding-right:58pt}
  .lesung,.plan__zeile,.nachmittag__buch,.abend__inhalt{break-inside:avoid;page-break-inside:avoid}
  .lesung{box-shadow:none;border:.4pt solid #DDD;transform:none!important}
  .nachmittag,.abend{break-before:page}
  .abend{background:#111!important;color:#fff!important}
  .worum p{font-size:16pt}
  .tag{font-size:18pt}
  a{text-decoration:none}
}

/* ── Rechtstexte ─────────────────────────────────────────── */
.rechtstext{max-width:720px}
.rechtstext__titel{font-size:clamp(28px,4vw,40px);margin:18px 0 22px}
.rechtstext .text + .text{margin-top:1em}
.rechtstext a,.fuss a{color:inherit;text-underline-offset:3px}
.anfahrt__oepnv{margin-top:0}

/* ── Preise, Pressestimmen, Kurzporträts (27.09.) ──────────────────────── */
.preis{
  display:inline-block;margin:.45em 0 .1em;padding:3px 8px 2px;
  font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--haus-tief);border:1px solid var(--haus);transform:rotate(-.6deg);
}
.stimme{margin:1.1em 0 0;padding:.1em 0 .1em 14px;border-left:2px solid var(--haus)}
.stimme p{font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5}
.stimme cite{display:block;margin-top:.35em;font-family:var(--sans);font-style:normal;font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}
.ueber{margin-top:1.1em;padding-top:.9em;border-top:1px solid var(--linie);font-size:.9375rem;line-height:1.6;color:#3A4766}
.ueber__name{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte);margin-right:.3em}
.abend .stimme p{color:#F3F4F1}
.abend .stimme cite{color:#C9D2E6}
.lesung .buch + .preis + .text,.lesung .buch + .text{margin-top:.4em}
.lesung .text + .buch{margin-top:1em}

@media (min-width:720px){
  .lesung{padding:clamp(22px,2.6vw,34px) clamp(22px,2.8vw,38px) clamp(26px,3vw,36px)}
  .cover-reihe .cover{max-width:210px;max-height:clamp(170px,19vw,230px)}
  .kopf{width:clamp(96px,10vw,124px)}
  .cover-reihe{padding-right:96px}
}

/* ── Libre Franklin statt Vollkorn (12.10.): Zitate leicht und kursiv, Überschriften etwas kräftiger ── */
.stimme p{font-weight:300}
.buch,.tag,.worum p{letter-spacing:-.01em}
.abend .preis{color:var(--haus);border-color:var(--haus)}

/* ── Sprachumschalter DE / EN (13.10.): oben rechts in der Kopfzeile ── */
.sprache{display:flex;gap:0;border:1px solid var(--tinte);margin:0}
.sprache > *{padding:3px 9px;text-decoration:none;line-height:1.3}
.sprache [aria-current]{background:var(--tinte);color:var(--papier)}
.sprache a:hover,.sprache a:focus-visible{background:var(--haus);color:var(--tinte)}
@media print{.sprache{display:none}}

/* ── Handy-Kopfzeile (13.10., Finn: „drei Zeilen … sieht nicht so schön aus"):
   oben Absender links + DE|EN rechts, darunter vier Abschnitte in EINER Zeile, über die ganze Breite verteilt.
   „Anfahrt" fällt auf dem Handy weg — die Adresse steht direkt unter dem Titel, die Anfahrt ganz unten. ── */
@media (max-width:700px){
  .kopfzeile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 12px}
  .kopfzeile > .mikro:first-child{grid-row:1;grid-column:1}
  .kopfzeile .sprache{grid-row:1;grid-column:2}
  .kopfzeile .nav{grid-row:2;grid-column:1 / -1;flex-wrap:nowrap;justify-content:space-between;gap:0 8px;letter-spacing:.12em;white-space:nowrap}
  .kopfzeile .nav a[href="#anfahrt"]{display:none}
}
@media (max-width:340px){ .kopfzeile .nav{letter-spacing:.06em} }