/* DAZWISCHEN – der Verlag · eigene Website · Gestaltung nach CI-Handbuch v1.2 (Fable, 20.10.2026) */
:root{--petrol:#065B55;--petrol-hell:#12A294;--gold:#BB862E;--gold-dunkel:#A8761C;--anthrazit:#22262B;--warm:#F5EFE7;--papier:#FAF8F3;--creme:#F1E2C2;--text:#2c3034;--grau:#6f747c;--linie:rgba(187,134,46,.32)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Fira Sans',system-ui,sans-serif;font-weight:400;font-size:18px;line-height:1.75;color:var(--text);background:#fff;overflow-wrap:break-word;hyphens:auto}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--petrol);line-height:1.15;margin:0 0 .5em;letter-spacing:.005em}
h1{font-size:clamp(2.3rem,5vw,3.6rem);hyphens:manual;text-wrap:balance}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
h3{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:600}
p{margin:0 0 1.1em}
a{color:var(--petrol);text-decoration:none;border-bottom:1px solid var(--linie);transition:border-color .2s}
a:hover{border-bottom-color:var(--gold)}
strong{font-weight:500}
em{font-style:italic}
.dz{font-variant:small-caps;letter-spacing:.04em}
.ober{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500;margin:0 0 14px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.schmal{max-width:760px;margin:0 auto}
.breit{max-width:1120px}
/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.kopf .logo img{height:56px;width:auto;display:block}
.kopf .logo{border:0}
.nav{display:flex;align-items:center;gap:26px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.nav a{border:0;color:var(--anthrazit);padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.aktiv{border-bottom-color:var(--gold);color:var(--petrol)}
.nav .lang{margin-left:10px;padding:6px 12px;border:1px solid var(--linie);border-radius:30px;letter-spacing:.1em;font-size:12px}
.nav .lang:hover{border-color:var(--gold)}
.burger{display:none;background:none;border:0;font-size:28px;line-height:1;color:var(--petrol);cursor:pointer}
@media (max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 24px 26px;gap:16px;border-bottom:1px solid var(--linie)}.nav.offen{display:flex}.burger{display:block}}
/* Hero */
.hero{background:var(--warm);padding:72px 24px 64px;text-align:center}
.hero img.claim{width:min(560px,86%);height:auto;display:inline-block;margin:0 auto 34px}
.hero h1{max-width:18em;margin:0 auto .5em}
.hero p.lead{font-size:1.2rem;max-width:36em;margin:0 auto;color:var(--text)}
.hero .knoepfe{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* Knöpfe */
.knopf{display:inline-block;background:var(--petrol);color:#fff !important;border:0;border-radius:40px;padding:14px 32px;font:500 14px/1 'Fira Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s}
.knopf:hover{background:#04463f;transform:translateY(-1px)}
.knopf.gold{background:var(--gold)}
.knopf.gold:hover{background:var(--gold-dunkel)}
.knopf.leer{background:transparent;color:var(--petrol) !important;border:1px solid var(--gold)}
.knopf.leer:hover{background:var(--warm);transform:none}
/* Abschnitte */
section{padding:72px 0}
section.warm{background:var(--warm)}
section.papier{background:var(--papier)}
section.dunkel{background:var(--petrol);color:var(--creme)}
section.dunkel h2,section.dunkel h3{color:var(--creme)}
section.dunkel a{color:#fff;border-bottom-color:rgba(241,226,194,.4)}
section.dunkel .ober{color:var(--creme);opacity:.85}
.sep{display:flex;align-items:center;gap:16px;max-width:1120px;margin:0 auto 44px;padding:0 24px}
.sep .l{flex:1;height:1px;background:linear-gradient(to right,rgba(187,134,46,0),rgba(187,134,46,.7))}
.sep .r{flex:1;height:1px;background:linear-gradient(to left,rgba(187,134,46,0),rgba(187,134,46,.7))}
.sep .m{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--anthrazit);font-weight:500}
.sep .m img{width:26px;height:26px}
/* Bücher */
.regal{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px 24px}
.buch{text-align:center}
.buch img{width:100%;max-width:240px;height:auto;border-radius:3px;box-shadow:0 14px 34px rgba(34,38,43,.18);display:block;margin:0 auto 18px;transition:transform .25s}
.buch a:hover img{transform:translateY(-4px)}
.buch h3{margin:0 0 4px;font-size:1.45rem}
.buch .band{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-weight:500}
.buch p{font-size:15.5px;color:var(--grau);line-height:1.6;margin:0 0 12px}
.buch .status{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol);border:1px solid var(--linie);border-radius:30px;padding:5px 12px}
/* Zweispalter */
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:860px){.zwei{grid-template-columns:1fr;gap:36px}}
.zwei.mitbild{grid-template-columns:260px 1fr;align-items:center}
@media (max-width:860px){.zwei.mitbild{grid-template-columns:1fr}}
.rahmen{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:32px 34px}
section.warm .rahmen,section.papier .rahmen{background:#fff}
.zitat{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.3;color:var(--petrol);font-style:italic;text-align:center;max-width:26em;margin:0 auto}
.zitat small{display:block;font-family:'Fira Sans',sans-serif;font-style:normal;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:18px}
/* Manifest */
.manifest h3{margin-top:2em}
.manifest p.satz{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;font-style:italic;color:var(--petrol);margin:1.2em 0}
/* Tabellen */
table.tab{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:16px}
table.tab th,table.tab td{text-align:left;padding:10px 10px;border-bottom:1px solid #e6e2da;vertical-align:top}
table.tab th{font-weight:500;letter-spacing:.06em;font-size:12.5px;text-transform:uppercase;color:var(--grau)}
table.tab td.num{white-space:nowrap}
.klein{font-size:14.5px;color:var(--grau);line-height:1.6}
details.acc{border-top:1px solid var(--linie);padding:16px 0}
details.acc:last-of-type{border-bottom:1px solid var(--linie)}
details.acc summary{cursor:pointer;list-style:none;font-weight:500;color:var(--anthrazit);font-size:17px;position:relative;padding-right:30px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"";position:absolute;right:6px;top:10px;width:9px;height:9px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);transition:transform .2s}
details.acc[open] summary::after{transform:rotate(-135deg)}
details.acc .bd{padding:14px 0 4px;font-size:16px;color:var(--text)}
details.acc .bd p{margin:0 0 .9em}
/* Fuß */
.fuss{background:var(--petrol);color:var(--creme);padding:60px 24px 40px;font-size:14.5px}
.fuss .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start}
@media (max-width:860px){.fuss .wrap{grid-template-columns:1fr}}
.fuss img.logo{width:min(320px,80%);height:auto;display:block;margin-bottom:18px}
.fuss a{color:#fff;border-bottom:1px solid rgba(241,226,194,.35)}
.fuss a:hover{border-bottom-color:var(--creme)}
.fuss h4{font-family:'Fira Sans',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--creme);opacity:.8;margin:0 0 12px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:0 0 8px}
.fuss .unten{max-width:1120px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(241,226,194,.25);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;opacity:.85}
.vorschau{background:var(--gold);color:#fff;text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px}
/* Überarbeitung 20.10. abends nach Auroras Durchsicht: Signet im Kopf, Video-Einstieg, Trilogie-Block, Bonbon, abgesetzter Fuß */
.kopf .wrap{height:96px}
.kopf .logo img{height:76px}
.kopf .logo .wort{display:none}
.hero-video{position:relative;width:100%;background:#0b1b1a;overflow:hidden;min-height:420px}
.hero-video video{width:100%;height:auto;display:block;max-height:78vh;object-fit:cover}
.hero-video .hero-text{position:absolute;left:0;right:0;bottom:0;padding:120px 24px 56px;background:linear-gradient(to top,rgba(6,22,21,.92) 0%,rgba(6,22,21,.55) 55%,rgba(6,22,21,0) 100%);text-align:center;color:#fff}
.hero-video .hero-text .ober{color:var(--creme)}
.hero-video h1{color:#fff;max-width:16em;margin:0 auto .4em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-video .lead{color:#f3efe6;font-size:1.15rem;max-width:34em;margin:0 auto}
.hero-video .knoepfe{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.knopf.hell{background:rgba(255,255,255,.14);color:#fff !important;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(4px)}
.knopf.hell:hover{background:rgba(255,255,255,.26);transform:none}
@media (max-width:700px){.hero-video video{min-height:520px}.hero-video .hero-text{padding:90px 20px 40px}}
.trilogie .signet-gross{width:110px;height:auto;display:inline-block;margin:0 0 14px}
.trilogie h2.versal{letter-spacing:.14em;text-transform:uppercase;font-weight:500;font-size:clamp(1.9rem,4vw,2.9rem);margin-bottom:.15em}
.trilogie .unter{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.35rem;color:var(--petrol);margin:0 0 22px}
.trilogie .schmal{max-width:760px;margin-left:auto;margin-right:auto}
.regal.drei{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:900px;margin:0 auto}
.buch .bandsignet{width:44px;height:auto;display:block;margin:0 auto 8px;box-shadow:none;border-radius:0}
.buch a:hover .bandsignet{transform:none}
.kursiv{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.3rem;color:var(--petrol)}
.bonbon{background:linear-gradient(180deg,#fff 0%,var(--creme) 100%);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.fuss{border-top:6px solid var(--gold);margin-top:0}
section.papier + .fuss, section + .fuss{margin-top:0}
.hero-video{padding:0}
/* 20.10. abends: Wortmarke im Kopf, Signet groß im Video, festes Signet in der linken Freispalte */
.kopf .wortmarke{display:flex;flex-direction:column;line-height:1;border:0}
.kopf .dz-wort{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:30px;letter-spacing:.18em;color:var(--petrol)}
.kopf .dz-sub{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:6px;font-weight:500}
.kopf .wrap{height:88px}
.hero-signet{position:absolute;left:5%;top:7%;width:clamp(120px,14vw,200px);height:auto;opacity:.95;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45));z-index:2}
@media (max-width:700px){.hero-signet{width:96px;left:20px;top:18px}}
.signet-fest{display:none}
@media (min-width:1400px){
  .signet-fest{display:block;position:fixed;left:calc((100vw - 1120px)/2 - 150px);top:140px;width:120px;z-index:40;border:0;opacity:.9;transition:opacity .3s}
  .signet-fest:hover{opacity:1}
  .signet-fest img{width:100%;height:auto;display:block}
  .hero-signet{display:none}
}

/* 22.10.2026: Menüpunkt „Graphic Story“ dazu – Menü nie trennen, früher aufs Burger-Menü wechseln */
.nav a,.kopf .dz-wort,.kopf .dz-sub{white-space:nowrap;hyphens:manual}
.nav{gap:22px}
@media (max-width:1180px){.nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 24px 26px;gap:16px;border-bottom:1px solid var(--linie)}.nav.offen{display:flex}.burger{display:block}}
/* 22.10.2026 (Aurora): Menü weniger gesperrt, feine senkrechte Linien zwischen den Punkten */
@media (min-width:1181px){
.nav{letter-spacing:.07em;gap:24px}
.nav a{position:relative}
.nav a:not(.lang)+a:not(.lang)::before{content:"";position:absolute;left:-12px;top:30%;height:40%;width:1px;background:var(--gold);opacity:.45}
}

/* 22.10.2026 (Aurora): Manifest als aufgerollte Pergamentrolle mit Wachssiegel */
.rollen-buehne{background:radial-gradient(ellipse at 50% 0%,#f3ece0 0%,#fff 70%);padding:56px 16px 72px}
.rolle{max-width:860px;margin:0 auto;position:relative}
.pergament{position:relative;margin:0 22px;padding:56px clamp(22px,7vw,84px) 64px;color:#33281c;
 background:
  radial-gradient(ellipse at 50% 50%,rgba(255,250,236,.0) 55%,rgba(150,104,48,.18) 100%),
  radial-gradient(circle at 18% 22%,rgba(160,110,50,.10) 0,transparent 22%),
  radial-gradient(circle at 82% 68%,rgba(160,110,50,.09) 0,transparent 26%),
  radial-gradient(circle at 40% 88%,rgba(120,80,30,.07) 0,transparent 18%),
  linear-gradient(90deg,#e8d6b0 0%,#f4e8cc 6%,#f7eed8 50%,#f4e8cc 94%,#e6d2aa 100%);
 box-shadow:0 18px 40px rgba(70,45,15,.18),inset 0 0 60px rgba(140,95,40,.18)}
.pergament::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .4 0 0 0 0 .2 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.pergament>*{position:relative}
.pergament p,.pergament li{color:#33281c}
.pergament h3{color:#065B55;text-align:center;font-size:1.65rem;margin-top:1.9em}
.pergament h3::after{content:"✦";display:block;font-size:.8rem;color:#BB862E;margin-top:.35em}
.pergament p:first-of-type::first-letter{font-family:'Cormorant Garamond',Georgia,serif;float:left;font-size:4.2em;line-height:.82;padding:.06em .1em 0 0;color:#065B55}
.pergament p.satz{text-align:center;font-size:1.9rem}
.rolle-stab{position:relative;height:38px;border-radius:19px;z-index:2;
 background:linear-gradient(180deg,#c9a76c 0%,#f2e2bd 22%,#e2c99a 48%,#b8915a 78%,#8c6a3c 100%);
 box-shadow:0 6px 12px rgba(70,45,15,.28),inset 0 -3px 5px rgba(80,50,20,.25)}
.rolle-stab::before,.rolle-stab::after{content:"";position:absolute;top:0;width:22px;height:38px;border-radius:50%;
 background:radial-gradient(circle at 50% 50%,#8c6a3c 0 3px,#d9bf8d 4px 6px,#a9844e 7px 9px,#e7d3a8 10px 12px,#b8915a 13px)}
.rolle-stab::before{left:-4px}.rolle-stab::after{right:-4px}
.rolle-stab.unten{margin-top:-2px}
.siegel{position:absolute;right:clamp(10px,7vw,70px);bottom:-46px;width:clamp(120px,18vw,160px);z-index:3;transform:rotate(-8deg)}
.siegel svg{display:block;width:100%;height:auto}
@media (max-width:600px){.pergament{margin:0 10px;padding:40px 20px 70px}.siegel{bottom:-30px;right:6px}}

.manifest-bild{background:linear-gradient(180deg,var(--warm) 0%,var(--warm) 38%,#f3ece0 100%);padding:0 16px}
.manifest-bild figure{max-width:1100px;margin:0 auto}
.manifest-bild img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 22px 48px rgba(40,28,10,.28)}
.manifest-bild figcaption{text-align:right;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:8px}
.manifest-bild+.rollen-buehne{padding-top:36px}

/* 22.10.2026 (Aurora): Preis- und Konditionstabellen in Kästen, Spalten abgegrenzt */
.kasten{background:#fff;border:1px solid var(--linie);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(34,38,43,.07);margin:0 0 14px}
.kasten table.tab{margin:0}
.kasten table.tab th{background:var(--warm);color:var(--petrol);padding:12px 16px}
.kasten table.tab td{padding:12px 16px}
.kasten table.tab th+th,.kasten table.tab td+td{border-left:1px solid #ece4d4}
.kasten table.tab tr:last-child td{border-bottom:0}
.kasten table.tab td.num{text-align:right;font-variant-numeric:tabular-nums}
.kasten table.tab tr:nth-child(even) td{background:#fcfaf6}

.werkstatt-bild{margin:6px 0 30px}
.werkstatt-bild img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 16px 36px rgba(40,28,10,.22)}
.werkstatt-bild figcaption,.terrasse figcaption{text-align:right;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:8px}
.terrasse{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:48px;align-items:center;max-width:1000px}
.terrasse figure{margin:0}
.terrasse img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 16px 36px rgba(40,28,10,.22)}
@media (max-width:860px){.terrasse{grid-template-columns:1fr;gap:28px}}

.geschenk-bild{float:right;width:44%;max-width:250px;margin:6px 0 16px 26px}
.geschenk-bild img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 16px 34px rgba(40,28,10,.25)}
.geschenk-bild figcaption{text-align:right;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:6px}
@media (max-width:600px){.geschenk-bild{float:none;width:70%;margin:10px auto 20px}}

/* 22.10.2026 Presse: Unterlagen als Liste mit Symbol, zitierbarer Kasten, Terminkarte */
.dok-liste{list-style:none;margin:0;padding:0}
.dok-liste li+li{border-top:1px solid #ece4d4}
.dok-liste a{display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;color:var(--anthrazit)}
.dok-liste a:hover{background:var(--warm)}
.dok-liste .dok-ic{width:22px;height:26px;flex:none}
.dok-liste span{flex:1}
.dok-liste em{font-style:normal;font-size:12px;letter-spacing:.12em;color:var(--gold);white-space:nowrap}
.rahmen.zitierbar{border-left:4px solid var(--gold);padding:26px 30px}
.termin{display:flex;gap:22px;align-items:flex-start;margin-top:28px;padding:22px 24px;border-radius:12px;background:var(--warm);border:1px solid var(--linie)}
.termin .tag{flex:none;width:76px;text-align:center;background:var(--petrol);color:#fff;border-radius:10px;padding:10px 0 8px;box-shadow:0 8px 18px rgba(6,91,85,.25)}
.termin .tag span{display:block;line-height:1.1}
.termin .tag .t{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.3rem;font-weight:600}
.termin .tag .m{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f1e2c2}
.termin .tag .j{font-size:11px;opacity:.75;margin-top:2px}

/* 22.10.2026 (Aurora): Bücher dreidimensional, auf der Bücherseite zum Umdrehen */
.buch-3d{filter:drop-shadow(0 16px 26px rgba(30,24,14,.32))}
.buch-flach{display:block;position:relative;width:78%;max-width:230px;margin:0 auto;perspective:1000px}
.buch-flach.gross{width:86%;max-width:280px}
.buch-flach img{display:block;width:100%;height:auto;border-radius:2px 6px 6px 2px;transform:rotateY(-16deg);transform-origin:left center;
 box-shadow:14px 18px 30px rgba(30,24,14,.32),inset 0 0 0 1px rgba(0,0,0,.05)}
.buch-flach::after{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;border-radius:2px 0 0 2px;transform:rotateY(-16deg);transform-origin:left center;
 background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.18) 45%,rgba(0,0,0,.12));pointer-events:none}
.karte3d{width:100%;max-width:280px;margin:0 auto;perspective:1400px;cursor:pointer;outline:none}
.karte3d .dreher{position:relative;height:390px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.3,1)}
.karte3d.offen .dreher{transform:rotateY(180deg)}
@media (hover:hover){.karte3d:hover .dreher{transform:rotateY(180deg)}}
.karte3d .seite{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}
.karte3d .vorn img.buch-3d{max-height:390px;max-width:100%;width:auto}
.karte3d .rueck{transform:rotateY(180deg);background:var(--anthrazit);background:linear-gradient(160deg,#0f2f2c,#065B55);border-radius:6px;padding:28px 26px;flex-direction:column;justify-content:center;text-align:left;box-shadow:0 14px 32px rgba(0,0,0,.3)}
.karte3d .pitch{color:#f3ede2;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.22rem;line-height:1.5;margin:0 0 18px}
.karte3d .mehr{color:#f1e2c2!important;border:0;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}
.karte3d .drehhinweis{display:block;text-align:center;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);margin-top:10px}

.lesung{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:52px;align-items:start;max-width:1040px}
.lesung figure{margin:0}
.lesung img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 40px rgba(30,24,14,.25)}
.lesung .ankuendigung{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--petrol);border-left:3px solid var(--gold);padding-left:18px}
.lesung-abschnitt{padding:64px 0 72px}
@media (max-width:860px){.lesung{grid-template-columns:1fr;gap:30px}.lesung figure{max-width:380px;margin:0 auto}}

.motto{display:grid;grid-template-columns:1fr minmax(0,360px);gap:52px;align-items:center;max-width:1060px}
.motto figure{margin:0}
.motto img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 40px rgba(30,24,14,.25)}
.motto figcaption{text-align:right;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:8px}
@media (max-width:860px){.motto{grid-template-columns:1fr;gap:30px}.motto figure{max-width:360px;margin:0 auto}}

/* 22.10.2026 (Aurora): „Was wir leisten“ breiter, kleiner gesetzt, zweispaltig mit Trennlinie */
.leisten{max-width:1060px}
.leisten>.ober,.leisten>h2{max-width:760px;margin-left:auto;margin-right:auto}
.leisten .werkstatt-bild{max-width:760px;margin-left:auto;margin-right:auto}
.leisten .spalten{column-count:2;column-gap:56px;column-rule:1px solid var(--linie);font-size:16px;line-height:1.7}
.leisten .spalten p{break-inside:avoid;margin:0 0 1.1em}
@media (max-width:860px){.leisten .spalten{column-count:1}}

/* 22.10.2026: Trailer und Kurzfilme */
.film{margin:0}
.film video{display:block;width:100%;height:auto;border-radius:10px;background:#0b0f1a;box-shadow:0 16px 36px rgba(30,24,14,.22)}
.film figcaption{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);margin-top:10px;text-align:center}
.film figcaption a{border:0;color:var(--petrol)}
.filme{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1100px}
.filme.vier{grid-template-columns:repeat(2,1fr) 1fr .62fr;align-items:end;gap:26px;max-width:none}
.kurzfilm-abschnitt{background:var(--papier);padding:56px 0}
.kurzfilm{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:52px;align-items:center;max-width:980px}
@media (max-width:1000px){.filme.vier{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.filme,.filme.vier{grid-template-columns:1fr}.kurzfilm{grid-template-columns:1fr}.kurzfilm .film{max-width:320px;margin:0 auto}}

/* 22.10.2026: Staffel-Player */
.film.hoch{position:relative}
.weiter{position:absolute;inset:0;border-radius:10px;background:rgba(8,12,22,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#f3ede2}
.weiter[hidden]{display:none}
.weiter .w1{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#d4a60f;margin:0}
.weiter .w2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;margin:.2em 0 .6em;color:#fff}
.weiter button{font:500 12px/1 'Fira Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:30px;padding:11px 18px;cursor:pointer;background:#BB862E;color:#fff;margin:4px}
.weiter button.leise{background:transparent;border:1px solid rgba(255,255,255,.4)}
.weiter .zeit{width:60%;height:3px;background:rgba(255,255,255,.18);border-radius:3px;margin-top:16px;overflow:hidden}
.weiter .zeit span{display:block;height:100%;width:0;background:#d4a60f}
.kapitelwahl{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 16px}
.kap{font:500 13px/1.2 'Fira Sans',sans-serif;letter-spacing:.06em;padding:10px 16px;border-radius:30px;border:1px solid var(--gold);background:#fff;color:var(--petrol);cursor:pointer}
.kap.an{background:var(--petrol);border-color:var(--petrol);color:#fff}
.kap small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:2px}
.kap.an small{color:#f1e2c2}
.kap.aus{opacity:.5;cursor:default;border-style:dashed}

.tonzeile{text-align:center;margin:12px 0 0}
.ton{font:500 12.5px/1 'Fira Sans',sans-serif;letter-spacing:.08em;padding:9px 16px;border-radius:30px;border:1px solid var(--gold);background:#fff;color:var(--petrol);cursor:pointer}
.ton.aus{background:var(--gold);color:#fff;border-color:var(--gold)}

/* 22.10.2026 (Aurora): Rolle entrollt sich */
.verschluss{display:none}
.rolle.zu{cursor:pointer}
.rolle.zu .pergament{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
.rolle.zu .rolle-stab.unten{margin-top:-6px}
.rolle.zu .rolle-zu-knopf{display:none}
.rolle.zu .verschluss,.rolle.bricht .verschluss{display:block;position:absolute;left:50%;top:-34px;width:118px;transform:translateX(-50%) rotate(-6deg);z-index:4;transition:transform .6s ease,opacity .6s ease}
.rolle.bricht .verschluss{transform:translateX(-50%) rotate(-30deg) scale(.6) translateY(30px);opacity:0}
.rolle.rollt .pergament{overflow:hidden;transition:max-height 2.4s cubic-bezier(.45,.1,.25,1),padding .6s ease}
.rolle.rollt .rolle-stab::before,.rolle.rollt .rolle-stab::after{animation:rolldreh .5s linear infinite}
@keyframes rolldreh{to{transform:rotate(360deg)}}
.pergament .erscheint{opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease}
.pergament .erscheint.da{opacity:1;transform:none}
.rolle-zu-knopf{text-align:center;margin:-6px 0 18px;position:relative;z-index:5}
.rolle-zu-knopf button{font:500 12.5px/1 'Fira Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);background:#fff;color:var(--petrol);border-radius:30px;padding:10px 18px;cursor:pointer}
.rolle-zu-knopf{margin:22px 0 0}