/* ============================================================================
   COFFEE FESTIVAL EUROPE — Kopfleiste und Menue fuer die Story-Seite
   ----------------------------------------------------------------------------
   Die Story-Seite bringt ein vollstaendiges eigenes Stylesheet mit (Tailwind
   mit eigenem Reset, 425 KB). Beide Systeme zusammen zu laden geht nicht: der
   eine Reset raeumt dem anderen die Abstaende ab, und die elf Stylesheets der
   Website wuerden die Seite schwerer machen als die Seite selbst.

   Deshalb steht hier NUR, was Kopfleiste und Menue brauchen — und zwar nicht
   neu geschrieben, sondern WOERTLICH aus den Stylesheets der Website geholt:
   der Browser wurde auf dortmund.html bei 1440, 1024 und 390 Punkten, mit
   geschlossenem und mit offenem Menue, nach jeder Regel gefragt, die auf ein
   Element der Leiste oder des Menues zutrifft (167 Regeln), und sie stehen
   hier in der Reihenfolge des Quelltextes. Damit sieht die Leiste hier aus
   wie ueberall — dieselben Werte, keine Nachbildung.

   Drei Dinge sind umgestellt, alle drei aus Notwendigkeit:

     · Die Farbwerte haengen an `.cfe-chrome` statt an `:root`. Sonst reichen
       sie in die Story-Seite hinein, die ihre eigenen Namen mitbringt.
     · Die acht globalen Wahlformeln des Website-Resets (`*`, `a`, `button`,
       `img, svg, video` …) gelten nur noch innerhalb von `.cfe-chrome` —
       geschrieben als `:where(.cfe-chrome)`, damit die Genauigkeit dieselbe
       bleibt. Mit `.cfe-chrome button` waere aus (0,0,1) ein (0,1,1)
       geworden, und der Reset haette Regeln geschlagen, die er auf der
       Website nicht schlaegt: der Tonknopf verlor so seinen Hintergrund.
     · Die Schriften kommen aus dem Bestand der Story-Seite. Sie liefert
       dieselben zwei Dateien unter anderem Namen mit (`Archivo CFE`,
       `CFE Mono`) — byteweise identisch geprueft. Ein zweiter Satz waere ein
       zweiter Download derselben Schrift.
   ========================================================================= */

.cfe-chrome{
  --t-body:clamp(1rem,1.02vw,1.1rem);
  --f-body:'Archivo CFE','Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --a11y-zoom:1;
  --bone:#E3D9C9;
  --d-mid:.5s;
  --e-out-cubic:cubic-bezier(.33,1,.68,1);
  --e-out-expo:cubic-bezier(.16,1,.3,1);
  --e-out-quint:cubic-bezier(.22,1,.36,1);
  --ember:#E2551E;
  --ember-fest:#CD4C1A;
  --ember-lo:#F08A54;
  --f-display:'Archivo CFE','Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'CFE Mono','MonoLabel',ui-monospace,'SF Mono',Menlo,monospace;
  --gutter:clamp(20px,4.2vw,72px);
  --ink-2:#141210;
  --ivory:#F4EEE4;
  --maxw:1680px;
  --muted:#8E8073;
  --muted-2:#8E8073;
  --mx:50vw;
  --my:50vh;
  --nav-h:clamp(58px,4.6vw,78px);
  --sa-l:env(safe-area-inset-left,0px);
  --sa-o:env(safe-area-inset-top,0px);
  --sa-u:env(safe-area-inset-bottom,0px);
  --t-label:clamp(.625rem,.72vw,.72rem);
  --t-small:clamp(.875rem,.9vw,.95rem);
  color:var(--ivory);
  font-family:var(--f-body);
  font-size:var(--t-body);
  line-height:1.55;
  font-weight:400;
}
@media (max-width:700px){
  .cfe-chrome{--t-label:.72rem;--t-small:.92rem;--t-body:1.02rem}
}

@keyframes burgerPop{
  0%{transform:scale(.86) rotate(-90deg);box-shadow:0 0 0 0 rgba(226,85,30,.6)}
  60%{transform:scale(1.06) rotate(4deg)}
  100%{transform:none;box-shadow:0 0 0 14px rgba(226,85,30,0)}}
@keyframes menuWash{0%{opacity:0}18%{opacity:.85}100%{opacity:0}}
@keyframes subsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .band.is-open .band__burger{animation:none}
  .menu{transition-duration:.25s}
  .menu.is-open .menu__wash{animation:none}
}

:where(.cfe-chrome), :where(.cfe-chrome) *, :where(.cfe-chrome) *::before, :where(.cfe-chrome) *::after{box-sizing:border-box}
.nav{position:fixed;top:0;left:0;right:0;z-index:135;height:var(--nav-h);display:flex;align-items:center;color:var(--ivory);background:none;border:0;transition:height var(--d-mid) var(--e-out-quint),color .5s var(--e-out-cubic)}
::selection{background:var(--roast);color:var(--ivory)}
.nav__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2vw,28px)}
.nav__spacer{display:block}
:where(.cfe-chrome) a{color:inherit;text-decoration:none}
.nav__mark{justify-self:center;position:relative;display:block;width:clamp(56px,4.6vw,78px);aspect-ratio:1;margin-top:clamp(5px,.6vw,10px);transition:width var(--d-mid) var(--e-out-quint),margin-top var(--d-mid) var(--e-out-quint)}
:where(.cfe-chrome) img, :where(.cfe-chrome) svg, :where(.cfe-chrome) video{display:block;max-width:100%}
.nav__mark-fill, .nav__mark-line{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .62s var(--e-out-cubic),transform .8s var(--e-out-expo)}
.nav__mark-fill{transform:scale(1)}
video.nav__mark-fill{object-fit:cover;clip-path:circle(49.5% at 50% 50%)}
.nav__mark-line{opacity:0;transform:scale(.94);color:currentColor}
.nav__mark-line svg{width:100%;height:100%;display:block}
.band{justify-self:end;display:flex;align-items:center;gap:clamp(2px,.3vw,6px);padding:.24rem .3rem;border-radius:999px;background:rgba(14,11,9,.58);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(244,238,228,.1);box-shadow:0 10px 28px rgba(0,0,0,.3);opacity:0;transform:translateY(-12px);transition:opacity .8s var(--e-out-cubic),transform .9s var(--e-out-expo),
             background-color .5s var(--e-out-cubic),border-color .5s var(--e-out-cubic),
             box-shadow .5s var(--e-out-cubic)}
body.is-ready .band{opacity:1;transform:none}
body.is-page .band{gap:clamp(3px,.4vw,7px)}
.band__links{position:relative;display:flex;align-items:center;gap:1px}
body.is-page .band__links, body.is-page .band__rule{display:none}
.band__pill{position:absolute;top:0;left:0;height:100%;width:0;border-radius:999px;background:rgba(244,238,228,.1);opacity:0;pointer-events:none;transition:transform .55s var(--e-out-expo),width .55s var(--e-out-expo),
             opacity .35s var(--e-out-cubic),background-color .4s var(--e-out-cubic)}
.band__link{position:relative;z-index:1;white-space:nowrap;padding:.5rem clamp(.5rem,.7vw,.82rem);border-radius:999px;font-family:var(--f-mono);font-size:clamp(.55rem,.62vw,.66rem);text-transform:uppercase;letter-spacing:.11em;line-height:1;color:rgba(244,238,228,.68);transition:color .32s var(--e-out-cubic)}
.band__link span{display:block;transition:transform .5s var(--e-out-expo)}
.band__rule{width:1px;height:14px;background:rgba(244,238,228,.16);flex:none;margin-inline:clamp(1px,.2vw,4px)}
.lang{position:relative;display:flex;align-items:center;padding:2px;border-radius:999px;background:rgba(244,238,228,.05);border:1px solid transparent;font-family:var(--f-mono);font-size:var(--t-label)}
.band .lang{flex:none}
.lang__pill{position:absolute;top:2px;left:0;height:calc(100% - 4px);width:0;border-radius:999px;background:var(--ember-fest);box-shadow:0 4px 14px rgba(226,85,30,.4);pointer-events:none;opacity:0;transition:transform .55s var(--e-out-expo),width .55s var(--e-out-expo),opacity .3s}
.lang__pill.is-on{opacity:1}
:where(.cfe-chrome) button, :where(.cfe-chrome) input, :where(.cfe-chrome) textarea, :where(.cfe-chrome) select{font:inherit;color:inherit}
:where(.cfe-chrome) button{background:none;border:0;padding:0;cursor:pointer}
.lang button{position:relative;z-index:1;padding:.34rem .45rem;letter-spacing:.12em;color:var(--muted);border-radius:999px;transition:color .35s var(--e-out-cubic)}
.lang button[aria-pressed="true"]{color:#fff}
.band__aud{flex:none;position:relative;display:grid;place-items:center;width:clamp(28px,2.1vw,34px);height:clamp(28px,2.1vw,34px);border-radius:50%;color:var(--ivory);background:rgba(244,238,228,.06);border:0;cursor:pointer;transition:background-color .4s var(--e-out-cubic),color .4s var(--e-out-cubic)}
.band__aud-bars{position:absolute;display:flex;align-items:center;gap:1.5px;height:12px;opacity:0;transform:scale(.6);transition:opacity .3s var(--e-out-cubic),transform .5s var(--e-out-expo)}
.band__aud-bars i{display:block;width:1.6px;height:3px;border-radius:2px;background:currentColor}
.band__aud-play{position:absolute;width:10px;height:12px;margin-left:1px;transition:opacity .3s var(--e-out-cubic),transform .5s var(--e-out-expo)}
.band__burger{flex:none;display:grid;place-items:center;width:clamp(28px,2.1vw,34px);height:clamp(28px,2.1vw,34px);border-radius:50%;color:var(--ivory);background:rgba(244,238,228,.06);transition:background-color .4s var(--e-out-cubic),color .4s var(--e-out-cubic)}
.band__bars{display:flex;flex-direction:column;gap:3.5px;width:13px}
.band__bars i{display:block;height:1.4px;border-radius:2px;background:currentColor;transition:transform .5s var(--e-out-expo)}
.menu{position:fixed;z-index:125;inset:0;height:100svh;overflow:hidden;background:var(--ink-2);--mx:92%;--my:4%;clip-path:circle(0% at var(--mx) var(--my));transition:clip-path 1s var(--e-out-quint)}
.menu[inert]{pointer-events:none}
.menu__wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),
    var(--ember) 0%,rgba(226,85,30,.55) 45%,rgba(226,85,30,0) 78%);clip-path:circle(0% at var(--mx) var(--my));opacity:0;transition:clip-path .9s var(--e-out-expo),opacity .5s .35s var(--e-out-cubic)}
.menu__ghost{position:absolute;z-index:0;top:clamp(52px,9vh,120px);right:var(--gutter);pointer-events:none;user-select:none;font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(5rem,17vw,17rem);line-height:.8;letter-spacing:-.04em;color:rgba(244,238,228,.045)}
.menu__inner{position:absolute;left:0;right:0;bottom:0;height:100svh;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:var(--gutter);align-items:end;align-content:end;padding:var(--nav-h) var(--gutter) clamp(56px,7.5vh,104px)}
.menu__links{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(2px,.6vh,10px)}
.menu__links a{display:flex;align-items:baseline;gap:clamp(12px,1.6vw,28px);padding-block:.06em;position:relative;align-self:flex-start}
.menu__idx{font-family:var(--f-mono);font-size:clamp(.6rem,.82vw,.86rem);color:var(--muted);transform:translate3d(0,120%,0);transition:transform .8s var(--e-out-quint),color .3s}
.menu__word{font-family:var(--f-display);font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:max(1.05rem,min(5.4rem,5.2vw,6.7vh));line-height:.98;letter-spacing:-.035em;white-space:nowrap;transform:translate3d(0,120%,0);transition:transform .9s var(--e-out-quint),color .35s var(--e-out-cubic)}
.menu__has{align-self:center;flex:none;width:clamp(14px,1.1vw,18px);height:1px;background:currentColor;opacity:.3;position:relative;transform-origin:left;transform:scaleX(.5);transition:transform .55s var(--e-out-expo),opacity .35s var(--e-out-cubic)}
.menu__has::after{content:'';position:absolute;right:0;top:50%;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translate(1px,-50%) rotate(45deg)}
.soon{display:inline-flex;align-items:center;gap:.35em;flex:none;padding:.28em .6em;border-radius:999px;font-family:var(--f-mono);font-size:.62em;text-transform:uppercase;letter-spacing:.14em;line-height:1;color:var(--ember-lo);background:rgba(226,85,30,.12);border:1px solid rgba(226,85,30,.32)}
.menu__links .soon{font-size:clamp(.5rem,.72vw,.66rem);align-self:center;transform:translate3d(0,120%,0);transition:transform .9s var(--e-out-quint)}
.soon::before{content:'';width:.42em;height:.42em;border-radius:50%;background:currentColor;animation:soonPulse 2.4s ease-in-out infinite}
.soon--new{color:#fff;background:var(--ember);border-color:var(--ember)}
.soon--new::before{background:#fff}
.menu__side{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(18px,3vh,34px);opacity:0;transform:translateY(28px);transition:opacity .6s .34s var(--e-out-cubic),transform .9s .34s var(--e-out-quint)}
.subs{display:flex;flex-direction:column;gap:clamp(14px,2.4vh,28px)}
.menu__block{display:flex;flex-direction:column;gap:.7rem}
.subs.is-on > *{animation:subsIn .55s var(--e-out-expo) backwards}
:where(.cfe-chrome) h1, :where(.cfe-chrome) h2, :where(.cfe-chrome) h3, :where(.cfe-chrome) h4, :where(.cfe-chrome) p, :where(.cfe-chrome) figure, :where(.cfe-chrome) blockquote, :where(.cfe-chrome) fieldset, :where(.cfe-chrome) legend{margin:0}
.label{font-family:var(--f-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:.16em;line-height:1;color:var(--muted)}
.label--ember{color:var(--ember)}
.menu__mail, .menu__tel{display:block;font-family:var(--f-display);font-weight:600;font-stretch:100%;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:var(--ivory);transition:color .3s}
.menu__tel{margin-top:.45rem}
.menu__tel .tbd{font-family:inherit;font-size:.86em;letter-spacing:-.01em;padding:.06em .5em;vertical-align:.02em}
.subs.is-on > :nth-child(2){animation-delay:.05s}
.menu__social{display:flex;flex-wrap:wrap;gap:1.1rem;font-size:var(--t-small);color:var(--muted)}
.menu__social a{transition:color .3s}
.menu__portal{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid rgba(226,85,30,.28);background:rgba(226,85,30,.07);transition:background-color .45s var(--e-out-cubic),border-color .45s var(--e-out-cubic),
             transform .7s var(--e-out-expo)}
.subs.is-on > :nth-child(3){animation-delay:.1s}
.menu__portal-host{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:var(--t-small);color:var(--ivory);letter-spacing:.04em}
.menu__portal-host svg{width:13px;height:13px;transition:transform .55s var(--e-out-expo)}
.menu__a11y{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.1rem;cursor:pointer;padding:.6rem .95rem;border-radius:999px;border:1px solid rgba(244,238,228,.18);background:rgba(244,238,228,.03);color:var(--bone);font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.11em;line-height:1;text-transform:uppercase;transition:color .35s,border-color .35s,background-color .35s,transform .5s var(--e-out-expo)}
.subs.is-on > :nth-child(4){animation-delay:.15s}
.menu__a11y svg{width:15px;height:15px;flex:none}
.menu__meta{margin-top:auto;color:var(--muted-2)}
:where(.cfe-chrome) [hidden]{display:none!important}
.subs[hidden]{display:none}
.subs__k{margin-bottom:-.4rem}
.subs__list{display:grid;gap:.1rem}
.subs__list a{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;position:relative;font-family:var(--f-display);font-weight:600;font-stretch:100%;font-size:clamp(.95rem,1.35vw,1.32rem);letter-spacing:-.012em;color:rgba(244,238,228,.72);transition:color .32s var(--e-out-cubic),transform .5s var(--e-out-expo)}
.subs__list a::before{content:'';flex:none;width:0;height:1px;background:var(--ember);transition:width .45s var(--e-out-expo)}
.subs__note{color:var(--muted-2);line-height:1.5;max-width:34ch}
.subs__list .soon{font-size:.56rem;margin-left:auto}
.band.is-open .band__burger{background:var(--ember);color:#fff;box-shadow:0 0 0 0 rgba(226,85,30,.55);animation:burgerPop .7s var(--e-out-expo)}
.band.is-open .band__bars i:first-child{transform:translateY(2.45px) rotate(45deg)}
.band.is-open .band__bars i:last-child{transform:translateY(-2.45px) rotate(-45deg)}
.menu.is-open{clip-path:circle(142% at var(--mx) var(--my));transition-duration:1.15s}
.menu.is-open .menu__wash{clip-path:circle(150% at var(--mx) var(--my));opacity:0;animation:menuWash 1.1s var(--e-out-expo)}
.menu.is-open .menu__idx, .menu.is-open .menu__word, .menu.is-open .menu__links .soon{transform:translate3d(0,0,0)}
.menu.is-open .menu__links a:nth-child(2) *{transition-delay:.05s}
.menu.is-open .menu__links a:nth-child(3) *{transition-delay:.10s}
.menu.is-open .menu__links a:nth-child(4) *{transition-delay:.15s}
.menu.is-open .menu__links a:nth-child(5) *{transition-delay:.20s}
.menu.is-open .menu__links a:nth-child(6) *{transition-delay:.25s}
.menu.is-open .menu__links a:nth-child(7) *{transition-delay:.30s}
.menu.is-open .menu__links a:nth-child(8) *{transition-delay:.35s}
.menu.is-open .menu__links a:nth-child(9) *{transition-delay:.40s}
.menu.is-open .menu__side{opacity:1;transform:none}
@media (max-width: 1080px){.band{gap:4px}}
@media (max-width: 1080px){.band__links, .band__rule{display:none}}
@media (max-width: 1200px){.menu__inner{grid-template-columns:1fr;align-items:start;align-content:start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}
@media (max-width: 1200px){.subs{width:100%}}
@media (max-width: 1200px){.subs__list a{font-size:clamp(.9rem,3.6vw,1.05rem)}}
@media (max-width: 1200px){.menu__side{flex-direction:row;flex-wrap:wrap;gap:clamp(20px,4vw,48px);align-items:flex-end;margin-top:clamp(24px,4vh,48px)}}
@media (max-width: 1200px){.menu__meta{width:100%;margin-top:0}}
.menu.is-open .menu__links a:nth-child(10) *{transition-delay:.45s}
@media (max-width: 600px){.nav .lang{display:none}}
@media (max-width: 860px){.lang button{min-height:44px;min-width:44px;display:grid;place-items:center}}
@media (max-width: 860px){.band{margin-left:auto}}
@media (max-width: 600px){.band__aud{display:none}}
@media (max-width: 860px){.menu__inner{padding-bottom:clamp(72px,10vh,120px)}}
.menu, .menu__inner, .hero, .legacy__sticky, .yearseq__sticky, .europe__sticky, .cities__sticky, .immersive__sticky, .craft__sticky{height:calc(100svh / var(--a11y-zoom,1))}
.axfab{position:fixed;z-index:128;left:clamp(14px,2vw,30px);bottom:clamp(14px,2vw,30px);width:clamp(44px,3.4vw,52px);aspect-ratio:1;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:1px solid rgba(244,238,228,.26);background:rgba(11,8,6,.62);color:var(--ivory);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .22s ease, background .22s ease, transform .22s ease, opacity .3s ease}
.axfab svg{width:56%;height:56%;display:block}
body.menu-open .axfab{opacity:0;pointer-events:none}
.tbd{display:inline-block;padding:.1em .55em;border-radius:6px;font-family:var(--f-mono);font-size:.82em;letter-spacing:.06em;color:var(--ember-lo);background:rgba(226,85,30,.1);border:1px dashed rgba(226,85,30,.45)}
@media (max-width: 820px), (pointer: coarse) and (hover: none){.lang--ecke{display:flex!important;position:absolute;left:max(var(--gutter),calc(var(--sa-l) + 14px));top:50%;transform:translateY(-50%);z-index:2;padding:.24rem .3rem;border-radius:999px;background:rgba(14,11,9,.58);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(244,238,228,.1);box-shadow:0 10px 28px rgba(0,0,0,.3)}}
@media (max-width: 820px), (pointer: coarse) and (hover: none){.lang--ecke .lang__pill{border-radius:999px}}
@media (max-width: 820px), (pointer: coarse) and (hover: none){.lang--ecke button{height:28px;min-height:28px;min-width:30px;padding-block:0;padding-inline:.52rem;font-size:.66rem;display:grid;place-items:center;line-height:1}}
@media (pointer: coarse){.lang button{position:relative}}
@media (pointer: coarse){.lang button::after{content:'';position:absolute;inset:-8px 0}}
@media (pointer: coarse){.band__link{padding-block:.8rem}}
@media (pointer: coarse){.band__aud, .band__burger{position:relative}}
@media (pointer: coarse){.band__aud::after, .band__burger::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__ghost{display:none}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__inner{padding-top:calc(var(--sa-o) + var(--nav-h) + 18px);padding-bottom:calc(var(--sa-u) + 104px);padding-inline:max(var(--gutter),calc(var(--sa-l) + 18px));align-content:start}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__links{gap:2px}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__links a{min-height:50px;align-items:center;gap:14px;padding-block:2px}}
@media (pointer: coarse){.menu__links a{min-height:52px;align-items:center}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__word{font-size:clamp(1.42rem,6.9vw,2rem);line-height:1.06}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__row{display:flex;align-items:center;gap:10px;width:100%}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__row > a{flex:1 1 auto;min-width:0}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__has{display:none}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__toggle{flex:none;width:44px;height:44px;margin-right:-6px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--ember)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__toggle::before{content:'';width:10px;height:10px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.8;transition:transform .34s var(--e-out-cubic),opacity .34s}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs__wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .44s var(--e-out-expo)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs__wrap > *{overflow:hidden;min-height:0}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline{width:100%;gap:0;border:0;margin:2px 0 10px;padding:2px 0 6px 14px;border-left:1px solid rgba(226,85,30,.34)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__list{gap:0;counter-reset:sub}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs__top{color:var(--ember)!important;font-family:var(--f-mono);font-size:.74rem!important;letter-spacing:.12em;text-transform:uppercase;padding-left:0!important}}
@media (pointer: coarse){.subs__list a{min-height:46px;padding-block:.72rem}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__list a{position:relative;font-size:1rem;padding:.6rem 22px .6rem 28px;color:var(--bone);border-bottom:1px solid rgba(244,238,228,.06);min-height:44px}}
@media (prefers-reduced-motion: no-preference) and (max-width: 700px), (pointer: coarse) and (hover: none){.menu__row:not(.is-auf) + .subs__wrap .subs__list > *{opacity:0;transform:translate3d(-12px,0,0)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs__top::before{content:none!important;counter-increment:none!important}}
@media (pointer: coarse){.subs__list a::before{width:10px;opacity:.5}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__list a::before{counter-increment:sub;content:counter(sub,decimal-leading-zero);position:absolute;left:0;top:50%;transform:translateY(-50%);width:auto;height:auto;background:none;font-family:var(--f-mono);font-size:.66rem;color:rgba(244,238,228,.3)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__list a::after{content:'';position:absolute;right:4px;top:50%;width:6px;height:6px;margin-top:-3px;border-right:1.3px solid var(--ember);border-top:1.3px solid var(--ember);transform:rotate(45deg);opacity:.5}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__list a:last-child{border-bottom:0}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--inline .subs__note{padding:.4rem 0 .2rem;font-size:.78rem}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__side{flex-direction:column;align-items:stretch;gap:0;margin-top:clamp(16px,2.6vh,24px)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.subs--home{order:9;border-top:1px solid rgba(244,238,228,.1);padding-top:clamp(16px,2.6vh,22px);gap:clamp(12px,2vh,18px)}}
@media (pointer: coarse){.menu__mail, .menu__tel, .menu__portal, .menu__social a{min-height:44px;display:flex;align-items:center}}
@media (pointer: coarse){.menu__a11y{min-height:46px}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__meta{width:100%;margin-top:.4rem}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;padding:12px max(var(--gutter),calc(var(--sa-l) + 18px))
            calc(12px + var(--sa-u));border-top:1px solid rgba(244,238,228,.12);background:var(--ink-2)}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail-l{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail .menu__mail{font-size:.92rem;min-height:0;width:100%;position:relative}}
@media (pointer: coarse){.menu__rail .menu__mail{min-height:44px;display:flex;align-items:center}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail .menu__mail::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);background:none}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail-r{display:flex;align-items:center;gap:14px;flex:none}}
@media (pointer: coarse){.menu__social{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}}
@media (max-width: 700px), (pointer: coarse) and (hover: none){.menu__rail .menu__social{gap:.9rem;font-size:.8rem}}
@media (max-width: 700px){.nav{height:calc(var(--nav-h) + var(--sa-o));padding-top:var(--sa-o)}}
@media (max-width: 700px){.lang button{position:relative}}
@media (max-width: 700px){.lang button::after{content:'';position:absolute;left:-2px;right:-2px;top:50%;height:44px;transform:translateY(-50%);background:none}}
@media (max-width: 700px){.band, body.is-page .band{gap:18px}}
@media (max-width: 700px){.band__link{padding-block:.7rem}}
@media (max-width: 700px){.band__burger, .band__aud{position:relative}}
@media (max-width: 700px){.band__aud{display:grid!important}}
@media (max-width: 700px){.band__burger::after, .band__aud::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}}
@media (max-width: 700px){.menu__idx{font-size:.72rem}}
@media (max-width: 700px){:where(.cfe-chrome) p, :where(.cfe-chrome) li, :where(.cfe-chrome) dd, :where(.cfe-chrome) dt, :where(.cfe-chrome) figcaption{overflow-wrap:break-word;hyphens:auto}}
@media (max-width: 700px){.label, .cine__k, .fig__src, .person__role, .rail__hint, .lex__count, .footer__route, .orb__text{line-height:1.45}}
@media (max-width: 700px){.label, .cine__k, .fig__src, .rail__hint{font-size:.775rem;letter-spacing:.13em}}
@media (max-width: 700px){.subs__note, .menu__meta, .footer__gag, .footer__mail-label, .portal__host, .lex__tag, .tt__tag{font-size:.74rem}}
@media (max-width: 700px){.soon{font-size:.72rem!important;letter-spacing:.06em}}
@media (max-width: 700px){.menu__mail, .menu__tel{min-height:44px;display:flex;align-items:center}}
@media (max-width: 700px){.lex__azb, .lex__cat, .ptype, .pend, .gl__name, .gl__note, .why__num, .tbd, .year{font-size:.74rem}}
@media (max-width: 700px){.footer__up, .footer__cookiebtn, .footer__org, .menu__a11y, .crumbs a, .prose__toc a, .menu__social a{position:relative}}
@media (max-width: 700px){.footer__up::after, .footer__cookiebtn::after, .footer__org::after, .menu__a11y::after, .crumbs a::after, .prose__toc a::after, .menu__social a::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);background:none;border:0;box-shadow:none;pointer-events:auto}}
@media (max-width: 700px){.menu__meta, .fact__k, .b2b__reply, .cta__live, .cta__reply, .form__note, .footer__gag{line-height:1.4}}
@media (max-width: 700px){.menu__mail, .footer__mail, a[href^="mailto"]{overflow-wrap:anywhere}}
@media (max-width: 700px){.axfab{bottom:calc(var(--sa-u) + 12px);left:calc(var(--sa-l) + 12px)}}
@media (max-width: 820px){.axfab{bottom:calc(var(--sa-u) + 12px);left:calc(var(--sa-l) + 12px)}}


/* ══ EINE STELLE, AN DER DIE HUELLE IN DIE SEITE HINEINREGIERT ═════════════
   Die Kapitelleiste der Story-Seite („Auftakt · Ursprung · Legende …") sitzt
   ganz oben — dort steht jetzt die Kopfleiste der Website, und beide lagen
   uebereinander. Sie rueckt deshalb um die Hoehe der Leiste nach unten.

   Die Regel steht hier und nicht in der Datei der Story-Seite: deren
   Stylesheet bleibt unangetastet, und was hinzugekommen ist, steht an einer
   Stelle. Der Wert ist derselbe wie `--nav-h` auf der Website.             */
.scroll-scrub__route{top:calc(clamp(58px,4.6vw,78px) + clamp(.4rem,1.4vw,1rem))}