/* martinschuelbeverlag.de — reines HTML, kein Framework, keine externen Schriften.
Farben aus dem Verlagssignet: Tiefrot #852930 auf Werkdruckpapier. */
:root{
--papier:#f6f1e7; --papier2:#efe7d9; --karte:#fffdf8;
--tinte:#191512; --tinte2:#5a5048; --tinte3:#8b8177;
--rot:#852930; --rot2:#a3383f; --rothell:#f3e2e0;
--linie:#1915120f; --linie2:#19151222;
--serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,Georgia,'Times New Roman',serif;
--sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
--breit:1180px; --rand:clamp(1rem,4vw,2.5rem);
--schatten:0 1px 2px #19151214, 0 12px 30px -12px #19151233;
--schatten2:0 2px 6px #1915121a, 0 30px 60px -20px #1915123d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--sans);
font-size:clamp(1rem,.97rem+.15vw,1.075rem);line-height:1.65;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(2.1rem,1.3rem+3.4vw,4rem)}
h2{font-size:clamp(1.6rem,1.15rem+1.9vw,2.6rem)}
h3{font-size:clamp(1.15rem,1rem+.6vw,1.45rem)}
p{margin:0 0 1em}
.mitte{max-width:var(--breit);margin-inline:auto;padding-inline:var(--rand)}
.eng{max-width:66ch}
.springmarke{position:absolute;left:-9999px}
.springmarke:focus{left:1rem;top:1rem;z-index:200;position:fixed;background:var(--rot);color:#fff;
padding:.7rem 1.1rem;border-radius:8px}
:focus-visible{outline:2px solid var(--rot);outline-offset:3px;border-radius:4px}
/* ── Kopf ───────────────────────────────────────────────────────── */
.kopf{position:sticky;top:0;z-index:60;background:#f6f1e7f2;backdrop-filter:blur(10px);
border-bottom:1px solid var(--linie)}
.kopf__in{max-width:var(--breit);margin-inline:auto;padding:.55rem var(--rand);
display:flex;align-items:center;gap:1.2rem}
.marke{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:0 0 auto}
.marke img{height:38px;width:auto}
.marke b{font-family:var(--serif);font-weight:400;font-size:1.02rem;line-height:1.1;letter-spacing:.01em;
color:var(--rot);white-space:nowrap}
.marke span{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.22em;
text-transform:uppercase;color:var(--tinte3)}
.nav{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.nav a{text-decoration:none;font-size:.88rem;padding:.5rem .72rem;border-radius:7px;color:var(--tinte2);
white-space:nowrap;transition:background .18s,color .18s}
.nav a:hover{background:#8529301a;color:var(--rot)}
.nav a[aria-current="page"]{color:var(--rot);font-weight:600}
.nav a.knopf{margin-left:.5rem;color:#fff;font-weight:600}
.nav a.knopf:hover,.nav a.knopf:focus-visible{background:var(--rot2);border-color:var(--rot2);
color:#fff}
.hamburger{display:none;margin-left:auto;background:none;border:1px solid var(--linie2);border-radius:8px;
width:42px;height:38px;align-items:center;justify-content:center;cursor:pointer;color:var(--tinte)}
.hamburger i{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:.2s}
.hamburger i::before,.hamburger i::after{content:'';position:absolute;left:0;width:18px;height:1.5px;
background:currentColor;transition:.2s}
.hamburger i::before{top:-5.5px} .hamburger i::after{top:5.5px}
.hamburger[aria-expanded="true"] i{background:transparent}
.hamburger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.hamburger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}
@media (max-width:900px){
.hamburger{display:flex}
.nav{position:fixed;inset:57px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
background:var(--papier);border-bottom:1px solid var(--linie2);padding:.5rem var(--rand) 1.1rem;
box-shadow:var(--schatten);display:none}
.nav.auf{display:flex}
.nav a{padding:.8rem .2rem;border-bottom:1px solid var(--linie);font-size:1rem}
.nav .knopf{margin:.8rem 0 0;text-align:center}
}
/* ── Knöpfe ─────────────────────────────────────────────────────── */
.knopf{display:inline-flex;align-items:center;gap:.5rem;background:var(--rot);color:#fff;
text-decoration:none;font-size:.9rem;font-weight:600;padding:.72rem 1.25rem;border-radius:999px;
border:1px solid var(--rot);cursor:pointer;transition:.18s;font-family:var(--sans)}
.knopf:hover{background:var(--rot2);border-color:var(--rot2);transform:translateY(-1px)}
.knopf--leer{background:transparent;color:var(--rot)}
.knopf--leer:hover{background:#8529301a;color:var(--rot)}
.knopf--klein{padding:.5rem .95rem;font-size:.82rem}
/* ── Etiketten ──────────────────────────────────────────────────── */
.etikett{display:inline-flex;align-items:center;gap:.55rem;font-size:.68rem;letter-spacing:.2em;
text-transform:uppercase;color:var(--rot);font-weight:600;margin-bottom:.9rem}
.etikett::before{content:'';width:24px;height:1px;background:var(--rot);flex:0 0 auto}
/* ── Bühne: Kino ────────────────────────────────────────────────── */
.buehne{position:relative;isolation:isolate;color:#f4efe6;overflow:hidden;
min-height:min(88svh,840px);display:flex;align-items:center;
padding:clamp(3rem,6vw,4.4rem) 0 clamp(1.4rem,2.5vw,2.2rem);
background:var(--tief,#141112);transition:background 1.1s cubic-bezier(.4,0,.2,1)}
/* Weichgezeichnetes Titelbild als Bühnenbild */
.buehne>.mitte{width:100%}
.buehne__grund{position:absolute;inset:-14%;z-index:-3;pointer-events:none}
.buehne__grund img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
filter:blur(58px) saturate(1.35) brightness(.72);opacity:0;transform:scale(1.12);
transition:opacity 1.1s ease}
.buehne__grund img.an{opacity:.72}
.buehne::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
background:radial-gradient(85% 70% at 78% 48%,color-mix(in srgb,var(--ton,#852930) 42%,transparent) 0%,#0000 62%),
linear-gradient(100deg,#0b0a0ac9 0%,#0b0a0a80 40%,#0b0a0a1a 66%,#0b0a0a8c 100%),
radial-gradient(120% 95% at 20% 40%,#0b0a0a00 0%,#0b0a0a00 45%,#0b0a0aa8 100%)}
/* feines Korn, damit die Flächen nicht digital wirken */
.buehne::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
mix-blend-mode:overlay}
.buehne__gitter{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
grid-template-rows:auto 1fr auto;
gap:clamp(1.5rem,4vw,4rem);align-items:center;width:100%}
@media (max-width:900px){
.buehne{min-height:auto;padding-bottom:clamp(1.4rem,4vw,2.2rem)}
.buehne__gitter{grid-template-columns:1fr;gap:1.3rem;grid-template-rows:auto auto auto auto}
.buehne__zeile{order:0} .deckfeld{order:1;margin-right:0} .buehne__text{order:2;min-height:0;
position:static}
.tafel{position:absolute;left:var(--rand);right:var(--rand)}
.buehne__text{position:relative;min-height:clamp(300px,44svh,360px)}
.steuer{order:3} .hinunter{order:4}
}
.buehne .etikett{color:#f0c9b6}
.buehne .etikett::before{background:#f0c9b6}
.buehne__zeile{grid-column:1/-1;margin:0 0 clamp(.6rem,2vw,1.4rem);max-width:30ch}
.buehne h1{font-size:clamp(1.35rem,1rem+1.5vw,2.1rem);margin:0;color:#fff;font-weight:400;
line-height:1.22;text-shadow:0 2px 30px #0007}
.buehne h1 em{font-style:normal;color:#f0c9b6}
.hinunter{grid-column:1/-1;justify-self:start;margin-top:clamp(.8rem,2vw,1.6rem);
display:inline-flex;align-items:center;gap:.6rem;color:#b9ada0;text-decoration:none;
font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;transition:color .2s}
.hinunter:hover{color:#fff}
.hinunter i{display:block;width:1px;height:26px;background:linear-gradient(#ffffff00,#ffffffb3);
animation:tropf 2.2s ease-in-out infinite}
@keyframes tropf{0%,100%{transform:scaleY(.55);transform-origin:top}50%{transform:scaleY(1);
transform-origin:top}}
@media (prefers-reduced-motion:reduce){.hinunter i{animation:none}}
.buehne__ein{color:#e2d8cd;max-width:46ch;font-size:clamp(1rem,.95rem+.3vw,1.12rem);margin:0}
/* Der Stapel */
.deckfeld{position:relative;display:flex;align-items:center;
margin-right:clamp(0px,calc(6vw - 2rem),4rem)}
.deckfeld .pfeil{position:absolute;top:50%;transform:translateY(-50%);z-index:60;
background:#17120fb3;border-color:#ffffff4d}
.deckfeld .pfeil--links{left:clamp(-22px,-1vw,0px)}
.deckfeld .pfeil--rechts{right:clamp(-22px,-1vw,0px)}
.deck{position:relative;flex:1 1 auto;height:clamp(330px,46svh,520px);perspective:1500px;
touch-action:pan-y;cursor:grab;user-select:none}
.deck.zieht{cursor:grabbing}
.deck__k{position:absolute;top:50%;left:50%;width:clamp(158px,19vw,236px);margin:0;
transform-origin:50% 50%;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .5s ease,
filter .6s ease;will-change:transform}
.deck__k img{width:100%;border-radius:3px 9px 9px 3px;
box-shadow:0 2px 4px #0006,0 34px 60px -20px #000c,0 0 0 1px #ffffff14}
.deck__k::after{content:'';position:absolute;inset:0;border-radius:3px 9px 9px 3px;
background:linear-gradient(90deg,#000000a6 0 3%,#00000038 7%,#0000 16%,#0000 84%,#00000045 100%);
pointer-events:none}
.deck__k button{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;
cursor:pointer;border-radius:9px;font-size:0}
.deck__k[data-lage="0"]{cursor:default}
.deck__k[data-lage="0"] img{box-shadow:0 2px 4px #0007,0 44px 80px -24px #000e,
0 0 90px -20px color-mix(in srgb,var(--ton,#852930) 65%,transparent),0 0 0 1px #ffffff1f}
@media (max-width:900px){.deck{height:clamp(290px,42svh,400px)}}
/* Textspalte, die mitwechselt */
.buehne__text{position:relative;min-height:clamp(320px,42svh,400px)}
.tafel{position:absolute;inset:0;opacity:0;transform:translateY(14px);pointer-events:none;
transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.tafel.an{opacity:1;transform:none;pointer-events:auto}
.tafel__ort{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#f0c9b6;
font-weight:600;margin:0 0 .5rem}
.tafel h2{font-size:clamp(1.9rem,1.1rem+3vw,3.4rem);color:#fff;margin:0 0 .3rem;
text-shadow:0 2px 24px #0006}
.tafel__unter{font-family:var(--serif);font-style:italic;color:#e6c9c0;font-size:1.08rem;
margin:0 0 .85rem}
.tafel__kick{color:#ddd2c6;max-width:40ch;margin:0 0 1rem}
.tafel__meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:.78rem;color:#b0a598;
list-style:none;padding:0;margin:0 0 1.3rem}
.tafel__meta li+li::before{content:'·';margin-right:.8rem}
.tafel__knoepfe{display:flex;flex-wrap:wrap;gap:.6rem}
.buehne .knopf{background:#f4efe6;color:#17120f;border-color:#f4efe6}
.buehne .knopf:hover{background:#fff;border-color:#fff}
.buehne .knopf--leer{background:transparent;color:#f4efe6;border-color:#ffffff59}
.buehne .knopf--leer:hover{background:#ffffff1a;color:#fff;border-color:#fff}
/* Steuerung */
.steuer{display:flex;align-items:center;gap:.9rem;margin-top:clamp(1rem,2vw,1.6rem);
grid-column:1/-1}
.steuer .punkte{margin-left:0}
.pfeil{width:48px;height:48px;flex:0 0 auto;border-radius:50%;border:1px solid #ffffff33;
background:#ffffff12;color:#f4efe6;display:grid;place-items:center;cursor:pointer;
transition:.2s;backdrop-filter:blur(6px)}
.pfeil:hover:not(:disabled){background:#f4efe6;color:#17120f;border-color:#f4efe6}
.pfeil:disabled{opacity:.28;cursor:default}
.pfeil svg{width:17px;height:17px}
.punkte{display:flex;gap:.55rem;margin-left:.4rem}
.punkt{border:0;background:none;cursor:pointer;padding:.5rem .1rem;display:grid;place-items:center}
.punkt i{display:block;width:26px;height:2px;border-radius:99px;background:#ffffff40;
transition:.35s;position:relative;overflow:hidden}
.punkt[aria-current="true"] i{width:64px;background:#ffffff2e}
.punkt[aria-current="true"] i::after{content:'';position:absolute;inset:0;background:#f4efe6;
transform-origin:left;transform:scaleX(var(--lauf,0));transition:transform .18s linear}
.zaehler{margin-left:auto;font-family:var(--serif);font-size:1.5rem;color:#8d8377;
font-variant-numeric:tabular-nums;letter-spacing:.02em}
.zaehler b{color:#fff;font-weight:400;font-size:2.1rem}
@media (max-width:560px){.zaehler{display:none}}
/* Einblenden beim Scrollen */
[data-zeig]{opacity:0;transform:translateY(22px);
transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
[data-zeig].da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-zeig]{opacity:1;transform:none}}
/* ── Abschnitte ─────────────────────────────────────────────────── */
.abschnitt{padding:clamp(2.6rem,6vw,5rem) 0;border-top:1px solid var(--linie)}
.abschnitt--hell{background:var(--karte)}
.abschnitt__kopf{max-width:62ch;margin-bottom:clamp(1.6rem,3vw,2.6rem)}
.abschnitt__kopf p{color:var(--tinte2);margin-top:.7rem}
/* ── Buchraster ─────────────────────────────────────────────────── */
.raster{display:grid;gap:clamp(1.2rem,2.6vw,2.2rem);
grid-template-columns:repeat(auto-fill,minmax(215px,1fr));list-style:none;margin:0;padding:0}
.buch{display:flex;flex-direction:column;text-decoration:none;height:100%}
.buch__bild{position:relative;margin-bottom:.95rem;transition:transform .3s}
.buch__bild img{border-radius:2px 6px 6px 2px;box-shadow:var(--schatten);border:1px solid var(--linie2);
width:100%}
.buch__bild::before{content:'';position:absolute;left:0;top:0;bottom:0;width:11px;border-radius:2px 0 0 2px;
background:linear-gradient(90deg,#00000024,#0000000a 60%,#0000);z-index:2}
.buch:hover .buch__bild{transform:translateY(-5px)}
.buch__ort{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rot);font-weight:600}
.buch h3{margin:.32rem 0 .2rem}
.buch__unter{font-size:.87rem;color:var(--tinte2);font-family:var(--serif);font-style:italic;margin:0 0 .55rem}
.buch__meta{margin-top:auto;font-size:.78rem;color:var(--tinte3)}
/* ── Prinzip / Karten ───────────────────────────────────────────── */
.karten{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
list-style:none;margin:0;padding:0}
.karte{background:var(--karte);border:1px solid var(--linie2);border-radius:14px;padding:1.4rem 1.5rem;
box-shadow:var(--schatten)}
.karte h3{font-size:1.12rem;margin-bottom:.45rem}
.karte p{margin:0;color:var(--tinte2);font-size:.94rem}
.karte__nr{font-family:var(--serif);font-size:2rem;color:var(--rothell);line-height:1;display:block;
margin-bottom:.4rem}
/* ── Buchseite ──────────────────────────────────────────────────── */
.titelblock{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);
gap:clamp(1.6rem,4vw,3.4rem);align-items:start;padding:clamp(1.8rem,4vw,3.4rem) 0}
@media (max-width:820px){.titelblock{grid-template-columns:1fr}}
.titelblock__bild img{border-radius:3px 9px 9px 3px;box-shadow:var(--schatten2);border:1px solid var(--linie2)}
.klappentext{font-family:var(--serif);font-size:clamp(1.05rem,1rem+.4vw,1.24rem);line-height:1.62}
.klappentext p:first-of-type::first-letter{font-size:3.1em;float:left;line-height:.82;padding:.06em .1em 0 0;
color:var(--rot)}
.ausstattung{display:grid;grid-template-columns:minmax(0,9.5rem) 1fr;gap:.05rem 1.2rem;margin:0;
border-top:1px solid var(--linie2);padding-top:1rem;font-size:.9rem}
.ausstattung dt{color:var(--tinte3);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
padding:.5rem 0;overflow-wrap:anywhere}
.ausstattung dd{margin:0;padding:.5rem 0;border-bottom:1px solid var(--linie)}
.ausstattung dt{border-bottom:1px solid var(--linie)}
.isbn{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:.6rem}
.kopieren{border:1px solid var(--linie2);background:var(--papier);border-radius:6px;font-size:.7rem;
padding:.2rem .5rem;cursor:pointer;color:var(--tinte2);font-family:var(--sans)}
.kopieren:hover{border-color:var(--rot);color:var(--rot)}
.kopieren.fertig{background:var(--rot);color:#fff;border-color:var(--rot)}
.hinweiskasten{background:var(--rothell);border-left:3px solid var(--rot);border-radius:0 10px 10px 0;
padding:1rem 1.2rem;font-size:.92rem;color:#5c2226;margin:1.4rem 0}
.hinweiskasten p:last-child{margin:0}
/* ── Bildstrecke mit Lupe ───────────────────────────────────────── */
.strecke{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
list-style:none;margin:0;padding:0}
.strecke button{padding:0;border:1px solid var(--linie2);background:var(--karte);border-radius:10px;
overflow:hidden;cursor:zoom-in;display:block;width:100%;box-shadow:var(--schatten);transition:.2s}
.strecke button:hover{transform:translateY(-3px);border-color:var(--rot)}
.lupe{position:fixed;inset:0;z-index:200;background:#0c0a09f5;display:none;place-items:center;
padding:clamp(.8rem,3vw,2rem);cursor:zoom-out;backdrop-filter:blur(3px)}
.lupe.auf{display:grid}
.lupe img{max-height:calc(100dvh - 11rem);max-width:100%;width:auto;border-radius:6px;
box-shadow:0 40px 90px -30px #000;background:#fff}
.lupe__zu{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;
border:1px solid #ffffff44;background:#ffffff1a;color:#fff;font-size:1.3rem;cursor:pointer}
/* ── Presse ─────────────────────────────────────────────────────── */
.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.filter button{border:1px solid var(--linie2);background:var(--karte);border-radius:999px;
padding:.42rem .9rem;font-size:.82rem;cursor:pointer;color:var(--tinte2);font-family:var(--sans);
transition:.16s}
.filter button:hover{border-color:var(--rot);color:var(--rot)}
.filter button[aria-pressed="true"]{background:var(--rot);color:#fff;border-color:var(--rot)}
.presseliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie2)}
.presseliste li{display:grid;grid-template-columns:8.5rem 1fr auto;gap:.4rem 1.4rem;align-items:baseline;
padding:1rem 0;border-bottom:1px solid var(--linie)}
@media (max-width:700px){.presseliste li{grid-template-columns:1fr;gap:.15rem}}
.presseliste time{font-size:.8rem;color:var(--tinte3);font-variant-numeric:tabular-nums}
.presseliste .titel{font-family:var(--serif);font-size:1.1rem}
.presseliste .medium{font-size:.82rem;color:var(--tinte2)}
.presseliste a{color:var(--rot);font-size:.8rem;text-decoration:none;white-space:nowrap}
.presseliste a:hover{text-decoration:underline}
.leer{padding:2rem 0;color:var(--tinte3)}
/* ── Zahlenband ─────────────────────────────────────────────────── */
.band{background:var(--tinte);color:#efe7d9}
.band .mitte{padding-block:clamp(2.2rem,5vw,3.6rem)}
.band h2{color:#fff}
.band p{color:#cfc5b8}
.zahlen{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
list-style:none;margin:1.8rem 0 0;padding:0}
.zahlen b{display:block;font-family:var(--serif);font-size:2.3rem;line-height:1;color:#fff}
.zahlen span{font-size:.85rem;color:#b4a99a}
/* ── Fuß ────────────────────────────────────────────────────────── */
.fuss{background:var(--tinte);color:#b4a99a;font-size:.88rem;padding:clamp(2.2rem,5vw,3.4rem) 0 1.6rem}
.fuss a{color:#e6ddcf;text-decoration:none}
.fuss a:hover{color:#fff;text-decoration:underline}
.fuss__raster{display:grid;gap:2rem;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(140px,1fr))}
.fuss__name{font-family:var(--serif);font-size:1.25rem;color:#efe7d9;margin:0 0 .7rem;
letter-spacing:.01em}
.fuss h3{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
color:#7d7266;margin-bottom:.7rem}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.fuss__unten{margin-top:2.4rem;padding-top:1.3rem;border-top:1px solid #ffffff1a;display:flex;
flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.8rem;color:#7d7266}
.fuss__unten a{color:#9d9184}
/* ── Kleinkram ──────────────────────────────────────────────────── */
.textseite h2{margin:2.2rem 0 .8rem}
.textseite h3{margin:1.6rem 0 .5rem;font-family:var(--sans);font-size:1rem;font-weight:700}
.textseite li{margin-bottom:.4rem}
.brotkrumen{font-size:.78rem;color:var(--tinte3);padding-top:1.2rem}
.brotkrumen a{color:var(--tinte2);text-decoration:none}
.brotkrumen a:hover{color:var(--rot)}
.weiterblaettern{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
border-top:1px solid var(--linie2);padding-top:1.4rem;margin-top:2.4rem;font-size:.9rem}
.weiterblaettern a{text-decoration:none;color:var(--tinte2)}
.weiterblaettern a:hover{color:var(--rot)}
.zitat{font-family:var(--serif);font-size:clamp(1.25rem,1.05rem+1vw,1.75rem);line-height:1.4;
border-left:3px solid var(--rot);padding-left:1.3rem;margin:2rem 0;color:var(--tinte)}
.zwei{display:grid;gap:clamp(1.6rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
align-items:start}
.liste{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.liste li{padding-left:1.5rem;position:relative;color:var(--tinte2)}
.liste li::before{content:'';position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:2px;
background:var(--rot);transform:rotate(45deg)}
/* ── Zeitstrahl ─────────────────────────────────────────────────── */
.zeit{list-style:none;margin:2.8rem 0 0;padding:0;display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,2vw,1.6rem);position:relative}
.zeit::before{content:'';position:absolute;left:6px;right:6px;top:46px;height:1px;
background:linear-gradient(90deg,var(--linie2),var(--rot) 50%,var(--linie2))}
.zeit li{position:relative;padding-top:74px}
.zeit li::before{content:'';position:absolute;top:40px;left:2px;width:13px;height:13px;
border-radius:50%;background:var(--papier);border:2px solid var(--rot);
transition:transform .3s,background .3s}
.zeit li:hover::before{transform:scale(1.35);background:var(--rot)}
.zeit b{position:absolute;top:0;left:0;font-family:var(--serif);font-weight:400;
font-size:clamp(1.5rem,1.1rem+1.4vw,2.2rem);color:var(--rot);line-height:1}
.zeit span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
color:var(--tinte3);margin-bottom:.3rem}
.zeit a{font-family:var(--serif);font-size:1.06rem;text-decoration:none;color:var(--tinte)}
.zeit a:hover{color:var(--rot)}
.zeit p{font-size:.85rem;color:var(--tinte2);margin:.35rem 0 0}
@media (max-width:760px){
.zeit{grid-template-columns:1fr;gap:0}
.zeit::before{left:6px;right:auto;top:8px;bottom:8px;width:1px;height:auto;
background:linear-gradient(180deg,var(--linie2),var(--rot) 50%,var(--linie2))}
.zeit li{padding:0 0 1.6rem 2.2rem}
.zeit li::before{top:.45rem;left:1px}
.zeit b{position:static;display:inline-block;margin-bottom:.1rem}
}
/* ── Poster ─────────────────────────────────────────────────────── */
.poster{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.4rem,3vw,2.4rem);
grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.poster__k{display:flex;flex-direction:column}
.poster__bild{padding:0;border:1px solid var(--linie2);background:var(--karte);border-radius:14px;
overflow:hidden;cursor:zoom-in;display:block;width:100%;box-shadow:var(--schatten);
transition:transform .25s,box-shadow .25s,border-color .25s}
.poster__bild:hover{transform:translateY(-4px);border-color:var(--rot);box-shadow:var(--schatten2)}
.poster__bild img{width:100%;display:block}
.poster__text{padding-top:1rem}
.poster__text span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rot);
font-weight:600}
.poster__text b{display:block;font-family:var(--serif);font-weight:400;
font-size:clamp(1.15rem,1rem+.6vw,1.45rem);margin:.3rem 0 .45rem}
.poster__text p{font-size:.92rem;color:var(--tinte2);margin:0 0 .8rem;max-width:44ch}
.poster__text dl{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.8rem;color:var(--tinte3);
margin:0;border-top:1px solid var(--linie);padding-top:.7rem}
.poster__text dt{display:none}
.poster__text dd{margin:0}
/* ── Presse: anklickbare Berichte, Dateien, Galerie ─────────────── */
.alstext{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:zoom-in;
text-align:left;border-bottom:1px solid var(--linie2);transition:color .18s,border-color .18s}
.alstext:hover{color:var(--rot);border-color:var(--rot)}
.zeilenwege{display:flex;align-items:center;gap:.9rem;white-space:nowrap}
.zeilenwege .pdf{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--linie2);
border-radius:999px;padding:.2rem .62rem;font-size:.72rem;letter-spacing:.06em;color:var(--tinte2)}
.zeilenwege .pdf::before{content:'↓';font-size:.85em}
.zeilenwege .pdf:hover{border-color:var(--rot);color:var(--rot);text-decoration:none}
@media (max-width:700px){.zeilenwege{margin-top:.4rem}}
.dateien{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.dateien a{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap;
text-decoration:none;background:var(--karte);border:1px solid var(--linie2);border-radius:12px;
padding:1rem 1.2rem;transition:.18s}
.dateien a:hover{border-color:var(--rot);transform:translateX(3px)}
.dateien__was{font-family:var(--serif);font-size:1.05rem}
.dateien__wann{font-size:.78rem;color:var(--tinte3);white-space:nowrap}
.dateien a::after{content:'↓';color:var(--rot);font-size:1.1rem;order:3}
.galerie{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.galerie button{padding:0;border:1px solid var(--linie2);background:var(--papier2);border-radius:12px;
overflow:hidden;cursor:zoom-in;display:block;width:100%;box-shadow:var(--schatten);transition:.2s}
.galerie button:hover{transform:translateY(-3px);border-color:var(--rot)}
.galerie img{width:100%;aspect-ratio:4/5;object-fit:cover}
.galerie__text{display:block;font-size:.8rem;color:var(--tinte2);margin:.6rem 0 .2rem;line-height:1.4}
.galerie__laden{display:inline-block;font-size:.72rem;letter-spacing:.04em;color:var(--rot);
text-decoration:none;border-bottom:1px solid transparent}
.galerie__laden:hover{border-color:var(--rot)}
.lupe__rahmen{margin:0;display:flex;flex-direction:column;align-items:center;gap:.85rem;
max-width:100%;max-height:100%;cursor:default}
/* Schmale Spaltenausschnitte: lieber breit zeigen und scrollen lassen */
.lupe__rahmen.hoch{overflow:auto;overscroll-behavior:contain;padding-right:.4rem;
scrollbar-color:#ffffff66 transparent}
.lupe__rahmen.hoch img{max-height:none;width:min(100%,560px)}
.lupe__rahmen.hoch figcaption{position:sticky;bottom:0;background:#0c0a09f0;padding:.6rem 0 .2rem}
.lupe__rahmen figcaption{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;
color:#d9d0c4;font-size:.85rem;max-width:70ch;text-align:center}
.lupe__rahmen .knopf{background:#f4efe6;color:#17120f;border-color:#f4efe6}
.lupe__rahmen .knopf[hidden]{display:none}
.portraet{margin:0 0 2.6rem;max-width:520px}
.portraet img{border-radius:14px;box-shadow:var(--schatten2)}
.portraet figcaption{font-size:.82rem;color:var(--tinte3);margin-top:.7rem}
.portraet figcaption span{display:block;color:var(--tinte3);opacity:.8;font-size:.76rem}
.galerie--eins{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:640px}
.galerie--eins img{aspect-ratio:16/10}
.portraet--quer{max-width:620px}