/* Blackcar · Flughafentransfer Bochum. Marine und Gold aus der Bestandsseite (#000D21, #182838, #B59A5A). */

@font-face{font-family:"Bodoni Moda";src:url(../assets/fonts/bodoni-moda-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;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:"Bodoni Moda";src:url(../assets/fonts/bodoni-moda-latin-ext.woff2) format("woff2");font-weight:400 900;font-display:swap;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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(../assets/fonts/atkinson-hyperlegible-next-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;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:"Atkinson Hyperlegible Next";src:url(../assets/fonts/atkinson-hyperlegible-next-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Noto Sans Arabic";src:url(../assets/fonts/noto-sans-arabic-arabic.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}

:root{
  --onyx:#07111F; --kabine:#0B1422; --gold:#B59A5A; --hellgold:#DCC795; --gold-dunkel:#7A6430;
  --cw:#F4EEE3; --cw-hell:#F8F4EC; --bronze:#8C8071; --warmweiss:#EFE8DA; --mute:#9BA3AE; --mute-hell:#4F5A68;
  --serif:"Bodoni Moda","Noto Sans Arabic",Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible Next","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rand:5vw;
  --out:cubic-bezier(.25,1,.5,1); --inout:cubic-bezier(.76,0,.24,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--onyx);color:var(--warmweiss);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.laedt{overflow:hidden}
img{display:block;max-width:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.label,.bk-label{font:500 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}

/* ---------- Vorspann ---------- */
.vorspann{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(60% 55% at 50% 46%,#16263C 0%,#0A1628 70%,#050D19 100%);color:var(--hellgold);pointer-events:none}
.vorspann-logo{width:min(440px,72vw);height:auto}
.vorspann-zeile{font:500 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--mute)}

/* ---------- Navigation ---------- */
.nav{position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px var(--rand);color:var(--warmweiss);transition:color .5s var(--out)}
.thema-dunkel .nav{text-shadow:0 1px 14px rgba(18,24,36,.38)}
.thema-hell .nav{color:var(--onyx)}
.nav::before{content:"";position:absolute;inset:0 0 -18px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--out);background:linear-gradient(180deg,var(--cw-hell) 0%,var(--cw-hell) 72%,rgba(248,244,236,0) 100%)}
.nav{transition:color .5s var(--out),opacity .35s var(--out)}
.nav-weg .nav{opacity:0;pointer-events:none}
.nav-saum .nav::before{opacity:1}
.nav-links{display:flex;gap:6px}
.nav-links a{font:500 13px/1 var(--sans);letter-spacing:.04em;padding:10px 14px;border-radius:99px;transition:background-color .35s var(--out)}
.nav-links a:first-child{margin-left:-14px}
.nav-links a:hover{background:rgba(239,232,218,.12)}
.thema-hell .nav-links a:hover{background:rgba(11,10,8,.07)}
.nav-marke{display:block;opacity:1}
.nav-marke img{display:block;height:54px;width:auto}
/* Logo je Untergrund: hell auf Marine, zweifarbig auf Creme, einfarbig marine auf dem Goldgrund der Landung */
.nm-dunkel,.nm-marine{display:none!important}
.thema-hell .nm-hell{display:none!important}
.thema-hell .nm-dunkel{display:block!important}
.nav-gold .nm-hell,.nav-gold .nm-dunkel{display:none!important}
.nav-gold .nm-marine{display:block!important}
.menue-offen .nm-hell{display:block!important}
.menue-offen .nm-dunkel,.menue-offen .nm-marine{display:none!important}
.nav-rechts{display:flex;justify-content:flex-end;align-items:center;gap:26px;font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.nav-tel{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;opacity:.9;transition:opacity .3s}
.nav-tel:hover{opacity:1}
.nav-tel svg{width:15px;height:15px;flex:none}

/* ---------- CTA, unten mittig und immer da ---------- */
.cta{position:fixed;z-index:60;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:6px;align-items:center}
.cta-pille{height:52px;padding:0 30px;border-radius:99px;background:var(--cw);color:var(--onyx);font:500 14.5px/1 var(--sans);letter-spacing:.02em;transition:background-color .5s var(--out),color .5s var(--out)}
.cta-rund{width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--onyx);display:grid;place-items:center;font-size:19px;overflow:hidden}
.cta-hell .cta-pille{background:var(--onyx);color:var(--cw)}
.cta-rund span{display:block;transition:transform .5s var(--out)}
.cta-rund:hover span{animation:pfeil .7s var(--out)}
/* Runder Knopf = Anrufen, daneben WhatsApp; in der Schlussbuehne weg, dort stehen eigene Knoepfe */
.cta{transition:opacity .45s var(--out),visibility .45s}
.cta-weg .cta{opacity:0!important;visibility:hidden!important;pointer-events:none}   /* !important: das Intro setzt autoAlpha inline */
.cta-rund{width:auto;display:inline-flex;align-items:center;gap:8px;padding:0 20px 0 17px;border-radius:99px;font:500 14.5px/1 var(--sans)}
.cta-rund svg{width:19px;height:19px;flex:none}
.cta-wa{background:var(--cw)}
.cta-hell .cta-wa{background:var(--onyx);color:var(--cw)}
.nav-gold .cta-rund:not(.cta-wa){background:var(--cw);color:var(--onyx)}   /* Goldgrund der Landung: Gold auf Gold waere unsichtbar */
@keyframes pfeil{0%{transform:translate(0,0)}45%{transform:translate(140%,-140%)}46%{transform:translate(-140%,140%)}100%{transform:translate(0,0)}}

/* Buchstabenrollen beim Hover */
[data-roll]{position:relative}
.roll{display:inline-grid;overflow:hidden;vertical-align:top}
.roll>span{grid-area:1/1;display:block;white-space:pre}
.roll .z{display:inline-block;transition:transform .55s var(--out);transition-delay:calc(var(--i)*16ms)}
.roll .roll-b .z{transform:translateY(105%)}
[data-roll]:hover .roll-a .z{transform:translateY(-105%)}
[data-roll]:hover .roll-b .z{transform:translateY(0)}

/* ---------- 1 · Hero ---------- */
.hero{position:relative;height:500vh;z-index:1}
.hero-buehne{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--kabine)}
.himmel{position:absolute;left:var(--himmel-x);top:var(--himmel-y);width:var(--himmel-w);height:var(--himmel-h);transform-origin:var(--himmel-ox) var(--himmel-oy);will-change:transform}
.himmel img{width:100%;height:100%;object-fit:cover}
/* Himmel wie im Original: nicht vergroessert, zieht mit halber Geschwindigkeit nach oben.
   Echte Wolken: eine Panorama-Kachel (Horizont bei 44vh, Wolkentuerme) zieht als Endlosschleife langsam vorbei. */
.himmel-hero{position:absolute;left:0;top:0;width:100%;height:400vh;overflow:hidden;will-change:transform;background:#2B3A4E}
.himmel-zug{--kachel:280.7vh;position:absolute;left:0;top:0;height:100%;width:calc(var(--kachel)*2);display:flex;animation:himmelzug 64s linear infinite;will-change:transform}
.himmel-zug i{flex:none;width:var(--kachel);height:100%;background:url(../assets/img/himmel-bahn.webp) 0 0/100% 100% no-repeat}
@keyframes himmelzug{to{transform:translateX(-50%)}}
/* Eine Bahn vom Fenster bis ins Wolkenmeer: nur fuer das Statement leicht abgedunkelt */
.himmel-dunkel{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,34,.44) 0%,rgba(12,20,34,.54) 50%,rgba(12,20,34,.38) 100%);opacity:0;pointer-events:none}
.hero-s{position:absolute;inset:0;z-index:4;transform-origin:50% 50%;will-change:transform;pointer-events:none}
.rollo{position:absolute;left:var(--rollo-x);top:var(--rollo-y);width:var(--rollo-w);height:var(--rollo-h);background:linear-gradient(180deg,#2A231D 0%,#221C17 70%,#1B1612 100%);box-shadow:inset 0 -2px 0 rgba(181,154,90,.55),inset 0 -14px 24px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.rollo::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px)}
.rollo-marke{position:relative;font:500 calc(var(--pane-w)*.1)/1 var(--serif);letter-spacing:.32em;margin-right:-.32em;color:var(--hellgold);opacity:.9}
.rollo-griff{position:absolute;left:50%;bottom:12px;width:26%;height:7px;transform:translateX(-50%);border-radius:6px;background:linear-gradient(180deg,#E6D6B4,#9C8660);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.wand-rand{display:none;position:absolute;left:var(--wand-x);top:var(--wand-y);width:var(--wand-w);height:var(--wand-h);transform-origin:var(--wand-ox) var(--wand-oy);pointer-events:none;will-change:transform;box-shadow:0 0 0 100vmax #140F0B;background:linear-gradient(90deg,#140F0B 0%,rgba(20,15,11,0) 14%,rgba(20,15,11,0) 86%,#140F0B 100%)}
.wand-seiten .wand-rand{display:block}
.wand{position:absolute;left:var(--wand-x);top:var(--wand-y);width:var(--wand-w);height:var(--wand-h);transform-origin:var(--wand-ox) var(--wand-oy);will-change:transform}
.schleier{position:absolute;pointer-events:none;opacity:0;will-change:transform,opacity}
.schleier-duenn{left:-20vw;top:8vh;width:140vw;height:78vw;background:url(../assets/img/schleier_1.webp) center/contain no-repeat;mix-blend-mode:screen;filter:blur(8px)}
.schleier-bank{left:-30vw;bottom:-40vh;width:160vw;height:90vw;background:url(../assets/img/schleier_2.webp) center bottom/contain no-repeat}
.abdunkeln{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,36,58,.62) 0%,rgba(24,36,58,.38) 30%,rgba(24,36,58,.14) 58%,rgba(24,36,58,0) 78%);opacity:0;pointer-events:none}
.weiss{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 45%,#FFFDF9 0%,#F8F4EC 55%,#F4EEE3 100%);opacity:0;pointer-events:none}
.hero-marke{position:absolute;left:var(--marke-x);top:var(--marke-y);transform:translate(-50%,-50%);font:500 calc(var(--pane-w)*.085)/1 var(--serif);letter-spacing:.32em;margin-left:.16em;color:#0A1526;text-shadow:0 0 22px rgba(255,244,226,.5);white-space:nowrap;pointer-events:none}
.hero-titel{font-weight:500}
.hero-l,.hero-r{position:absolute;font:500 clamp(58px,6.4vw,124px)/.92 var(--serif);letter-spacing:-.02em;color:var(--warmweiss);will-change:transform}
.hero-l{left:var(--rand);top:20vh}
.hero-r{right:var(--rand);bottom:17vh;text-align:right}
.hero-klein{position:absolute;left:var(--rand);top:calc(20vh + clamp(58px,6.4vw,124px)*1.84 + 22px);max-width:250px;font-size:15px;line-height:1.55;color:#CFC5B3}
.hero-klein a{pointer-events:auto;color:var(--hellgold);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hero-hinweis{position:absolute;left:var(--rand);bottom:40px;font:500 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.hero-inhalt{position:relative;margin-top:-100vh;height:500vh;pointer-events:none}
.statement{position:absolute;top:275vh;left:50%;transform:translateX(-50%);width:min(1120px,78vw);font:400 clamp(26px,2.6vw,48px)/1.24 var(--serif);letter-spacing:-.01em;text-align:center;color:#FFFBF3;text-shadow:0 2px 24px rgba(10,16,28,.55),0 0 2px rgba(10,16,28,.3)}
.versprechen{position:absolute;top:322vh;left:var(--rand);right:var(--rand)}
.lockup{display:flex;align-items:center;gap:14px;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#FFFBF3;margin-bottom:34px}
.lockup span:first-child{font:500 13px/1 var(--serif);letter-spacing:.34em}
.lockup i{width:40px;height:1px;background:rgba(255,251,243,.6)}
.versprechen-raster{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,56px)}
.vs h3{font:500 clamp(18px,1.4vw,24px)/1.2 var(--serif);color:#FFFBF3;margin-bottom:12px}
.vs p{font-size:14.5px;line-height:1.6;color:rgba(255,251,243,.9);max-width:300px}
.vs h3,.vs p,.lockup{text-shadow:0 1px 16px rgba(18,24,38,.5),0 0 2px rgba(18,24,38,.25)}

/* ---------- 2 · Jet ---------- */
.jet{position:relative;z-index:2;height:533.3vh;margin-top:-100vh}
.jet-buehne{position:sticky;top:0;height:100vh;overflow:hidden;color:var(--onyx)}
.jet-grund{position:absolute;inset:0;background:radial-gradient(75% 65% at 50% 45%,#FDFBF7 0%,#F6F1E8 55%,#EDE5D6 100%);opacity:0}
.jet-bronze{position:absolute;inset:0;background:radial-gradient(75% 65% at 50% 50%,#C4AA70 0%,#AD9259 55%,#93783F 100%);opacity:0}
/* Landebahn: nur Markierungen auf dem hellen Grund, zieht beim Aufsetzen unter dem Jet durch und bremst ab */
.jet-bahn{--bahn:44vw;position:absolute;left:50%;top:-100vh;width:var(--bahn);height:300vh;margin-left:calc(var(--bahn)/-2);opacity:0;pointer-events:none;will-change:transform,opacity}
.jet-bahn i{position:absolute;top:0;bottom:0}
.bahn-rand{left:0;right:0;border-left:1px solid rgba(122,100,48,.28);border-right:1px solid rgba(122,100,48,.28)}
.bahn-mitte{left:50%;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,rgba(122,100,48,.5) 0 5vh,transparent 5vh 10vh)}
.bahn-zonen{left:10%;right:10%;background:
  repeating-linear-gradient(90deg,rgba(122,100,48,.24) 0 4px,transparent 4px 13px) 0 0/18% 100% no-repeat,
  repeating-linear-gradient(90deg,rgba(122,100,48,.24) 0 4px,transparent 4px 13px) 100% 0/18% 100% no-repeat;
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 6vh,transparent 6vh 38vh);mask-image:repeating-linear-gradient(180deg,#000 0 6vh,transparent 6vh 38vh)}
.jet-worte{position:absolute;inset:0;font-weight:500;pointer-events:none}
.jw-l,.jw-r{position:absolute;top:36vh;font:500 clamp(64px,7.2vw,138px)/.92 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.jw-l{left:var(--rand)}
.jw-r{right:var(--rand)}
.jet-flieger,.jet-boden{position:absolute;left:50%;top:50%;width:96vw;aspect-ratio:1974/1915;will-change:transform;pointer-events:none}
.jet-flieger img,.jet-boden img{position:absolute;inset:0;width:100%;height:100%}
.jet-boden img{opacity:0}
.jet-sub{position:absolute;right:var(--rand);bottom:108px;font:500 10.5px/1.8 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute-hell);text-align:right;opacity:0}
.spec{position:absolute;inset:0;pointer-events:none}
.spec-l,.spec-r{position:absolute;top:13vh;font:500 clamp(40px,4.4vw,84px)/.95 var(--serif);letter-spacing:-.015em;perspective:700px}
.spec-l{left:var(--rand)}
.spec-r{right:var(--rand);text-align:right}
.spec-text{position:absolute;left:var(--rand);top:calc(13vh + clamp(40px,4.4vw,84px) + 34px);max-width:300px;font-size:14.5px;line-height:1.6;color:var(--mute-hell);opacity:0}
.spec-daten{position:absolute;right:var(--rand);top:calc(13vh + clamp(40px,4.4vw,84px) + 34px);display:grid;grid-template-columns:repeat(2,minmax(120px,auto));gap:18px 34px;opacity:0}
.spec-daten dt{font:500 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel);margin-bottom:4px}
.spec-daten dd{font:500 19px/1.2 var(--serif)}
.spec-plan{position:absolute;left:var(--rand);bottom:112px;font:500 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dunkel);opacity:0}

/* ---------- 3 · Leistungen: Titel oben, Akkordeon unten, hohes Bild rechts ---------- */
.bord{position:relative;z-index:3;height:100vh;margin-top:-100vh;box-shadow:0 -30px 60px rgba(11,10,8,.06);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6vw;padding:14vh var(--rand) 7vh;background:var(--cw-hell);color:var(--onyx)}
.bord-links{display:flex;flex-direction:column;justify-content:space-between;min-height:0}
.bord-titel{font:400 clamp(54px,5.6vw,108px)/.9 var(--serif);letter-spacing:-.028em;max-width:8.2ch;perspective:700px}
.akkordeon{list-style:none;max-width:540px;border-top:1px solid rgba(11,10,8,.15)}
.akkordeon li{position:relative;border-bottom:1px solid rgba(11,10,8,.15)}
.akkordeon li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--gold-dunkel);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--out)}
.akkordeon li.offen::before{transform:scaleX(1)}
.akkordeon button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0 15px;font:500 clamp(21px,1.7vw,31px)/1.12 var(--serif);letter-spacing:-.012em;text-align:left;color:rgba(11,10,8,.56);transition:color .5s var(--out)}
.akkordeon .offen button,.akkordeon button:hover{color:var(--onyx)}
.akkordeon button>span{transition:transform .6s var(--out)}
.akkordeon li:not(.offen) button:hover>span{transform:translateX(8px)}
.plus{position:relative;width:17px;height:17px;flex:none}
.plus::before,.plus::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:currentColor;transition:transform .6s var(--out)}
.plus::after{transform:rotate(90deg)}
.offen .plus::after{transform:rotate(0)}
.ak-text{height:0;overflow:hidden}
.offen .ak-text{height:auto}
.ak-text p{padding:2px 0 26px;max-width:44ch;font-size:15.5px;line-height:1.72;color:var(--mute-hell)}
.bord-bild{position:relative;width:min(37vw,640px);height:100%;max-height:79vh;align-self:end;overflow:hidden;border-radius:2px;background:#E7DFD0}
.bord-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.bord-bild img.aktiv{opacity:1}

.zahlen{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);height:132px;background:var(--cw-hell);color:var(--onyx);border-top:1px solid rgba(11,10,8,.12)}
.zahlen>div{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:38px var(--rand) 0}
.zahlen>div+div{border-left:1px solid rgba(11,10,8,.12)}
.z-label{font:500 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dunkel)}
.z-wert{font:400 clamp(26px,2.1vw,40px)/1 var(--serif);letter-spacing:-.012em;font-variant-numeric:lining-nums tabular-nums}
a.z-wert:hover{color:var(--gold-dunkel)}
.plus-z{font-family:var(--sans);font-weight:300;font-size:.55em;vertical-align:.62em;margin-left:.08em;color:var(--gold-dunkel)}

/* ---------- Fahrzeuge: Hassans echte Fotos, weißer Grund verschmilzt per multiply mit dem Creme ---------- */
.flotte{position:relative;z-index:3;background:var(--cw-hell);color:var(--onyx);padding:12vh var(--rand) 8vh;border-top:1px solid rgba(7,17,31,.1)}
.flotte-kopf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;align-items:end;margin-bottom:4vh}
.flotte-titel{font:400 clamp(44px,4.4vw,84px)/.95 var(--serif);letter-spacing:-.028em;max-width:11ch}
.flotte-kopf p{font-size:15.5px;line-height:1.7;color:var(--mute-hell);max-width:46ch}
.flotte-bilder{display:grid;grid-template-columns:1fr 1fr;gap:3vw}
.flotte-bilder img{display:block;width:100%;height:auto;mix-blend-mode:multiply}

/* ---------- Preistafel: alle Festpreise, Personenwahl hebt die passende Zeile hervor ---------- */
.preise{position:relative;z-index:3;background:var(--cw-hell);color:var(--onyx);padding:16vh var(--rand) 12vh;border-top:1px solid rgba(7,17,31,.1)}
.preise-kopf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;align-items:end;margin-bottom:7vh}
.preise-titel{font:400 clamp(50px,5.2vw,100px)/.92 var(--serif);letter-spacing:-.028em;max-width:9ch;perspective:700px}
.preise-intro p{font-size:15.5px;line-height:1.7;color:var(--mute-hell);max-width:46ch}
.personen{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.personen .bk-label{color:var(--gold-dunkel)}
.personen-wahl{display:flex;gap:6px;flex-wrap:wrap}
.personen-wahl button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(7,17,31,.18);font:500 17px/1 var(--serif);transition:background-color .4s var(--out),color .4s var(--out),border-color .4s var(--out)}
.personen-wahl button:hover{border-color:var(--gold-dunkel)}
.personen-wahl button[aria-pressed="true"]{background:var(--onyx);color:var(--cw);border-color:var(--onyx)}
.tafeln{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tafel{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,#FFFFFF 0%,#FBF8F2 100%);border-radius:18px;padding:22px 20px 18px;box-shadow:0 0 0 1px rgba(7,17,31,.08) inset,0 18px 40px rgba(7,17,31,.06)}
.tafel-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(7,17,31,.1)}
.tafel-code{font:500 26px/1 var(--serif);letter-spacing:.04em}
.tafel-kopf h3{font:500 10.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel);text-align:right}
.tafel-preis{display:flex;align-items:flex-end;min-height:48px;margin:20px 0 16px;font:500 clamp(34px,2.6vw,48px)/1 var(--serif);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.tafel-preis.auf-anfrage{font-size:clamp(22px,1.6vw,28px);color:var(--gold-dunkel)}
.tafel ul{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.tafel li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;margin:0 -8px;border-radius:8px;font-size:13.5px;color:var(--mute-hell);transition:background-color .4s var(--out),color .4s var(--out)}
.tafel li i{flex:1;min-width:8px;border-bottom:1px dotted rgba(7,17,31,.25);transform:translateY(-4px)}
.tafel li b{font-weight:500;color:var(--onyx);white-space:nowrap}
.tafel li.aktiv{background:rgba(181,154,90,.18);color:var(--onyx)}
.tafel-notiz{font-size:12px;line-height:1.4;color:var(--mute-hell);margin:-6px 0 14px}
.tafel-knopf{margin-top:auto;height:42px;border-radius:99px;border:1px solid rgba(7,17,31,.2);font:500 13px/1 var(--sans);letter-spacing:.02em;transition:background-color .4s var(--out),color .4s var(--out),border-color .4s var(--out)}
.tafel-knopf:hover{background:var(--onyx);color:var(--cw);border-color:var(--onyx)}
.preise-fuss{margin-top:5vh;font-size:13.5px;line-height:1.6;color:var(--mute-hell);max-width:70ch}

/* ---------- 4 · Finale ---------- */
.finale{position:relative;z-index:4;height:300vh;background:#081322}
.finale-buehne{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(90% 70% at 50% 78%,#17283F 0%,#0B1628 50%,#060E1A 100%)}
.sterne{position:absolute;inset:0;pointer-events:none}
.sterne i{position:absolute;border-radius:50%;background:#F4E8CF;opacity:.1;animation:funkeln 5s ease-in-out infinite alternate}
@keyframes funkeln{0%{opacity:.06}55%{opacity:.46}100%{opacity:.14}}
/* Riesenwort wie "Global" im Original: goldener Hauch, steigt waehrend des Finales von unten nach oben */
.geist{position:absolute;left:0;right:0;top:8vh;text-align:center;font:500 16.5vw/.9 var(--serif);letter-spacing:-.035em;white-space:nowrap;pointer-events:none;background:linear-gradient(180deg,rgba(236,218,182,.3) 0%,rgba(181,154,90,.13) 48%,rgba(181,154,90,.03) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform}
/* Erde: Durchmesser --d, Mitte am Ende bei 66vh; die Leinwand ist 1,67 d gross (Platz fuer Boegen und Schein) */
.globus-huelle{--d:min(64vh,50vw);position:absolute;left:50%;top:calc(66vh - var(--d)*.8333);width:calc(var(--d)*1.6667);aspect-ratio:1/1;margin-left:calc(var(--d)*-.8333);will-change:transform;pointer-events:none}
.globus-huelle::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(181,154,90,.15) 0%,rgba(181,154,90,.06) 55%,rgba(181,154,90,0) 100%)}
.globus{position:absolute;inset:0;width:100%;height:100%;display:block}
.ziele{position:absolute;left:var(--rand);top:31vh;display:flex;align-items:center;gap:22px;font:500 clamp(40px,4.2vw,80px)/1 var(--serif);letter-spacing:-.015em;color:var(--warmweiss)}
.ziele-pfeil{color:var(--gold);font-family:var(--sans);font-weight:300}
.ziele-fenster{position:relative;height:3.3em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%)}
.ziele-liste{list-style:none;transform:translateY(0)}
.ziele-liste li{height:1.1em;line-height:1.1em;opacity:.22;transition:opacity .8s var(--out)}
.ziele-liste li.aktiv{opacity:1}
.bordkarte{position:absolute;left:auto;right:calc(var(--rand) + 1vw);top:50%;width:min(450px,86vw);transform:translateY(-50%);background:linear-gradient(160deg,#FBF8F2 0%,#F4EEE3 60%,#EDE4D3 100%);color:var(--onyx);border-radius:18px;padding:28px 30px 24px;box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(181,154,90,.35) inset}
.bordkarte::before,.bordkarte::after{content:"";position:absolute;top:64%;width:22px;height:22px;border-radius:50%;background:#0A1526}
.bordkarte::before{left:-11px}.bordkarte::after{right:-11px}
.bk-kopf{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(11,10,8,.12)}
.bk-marke{font:500 15px/1 var(--serif);letter-spacing:.34em}
.bk-art{font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dunkel)}
.bk-zahl{font:500 76px/1 var(--serif);letter-spacing:-.02em;margin-top:22px}
.bk-zahl-text{font:500 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel);margin-top:8px}
.bk-text{margin-top:16px;font-size:14px;line-height:1.6;color:var(--mute-hell)}
.bk-route{display:flex;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px dashed rgba(11,10,8,.2)}
.bk-route>div{display:flex;flex-direction:column;gap:6px}
.bk-code{font:500 28px/1 var(--serif);letter-spacing:.04em}
.bk-linie{flex:1;height:1px;background:linear-gradient(90deg,var(--gold) 0 60%,transparent 60%) 0 0/10px 1px repeat-x;position:relative}
.bk-linie::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.bk-fuss{display:flex;align-items:flex-end;gap:26px;margin-top:20px}
.bk-fuss>div{display:flex;flex-direction:column;gap:6px;font:500 15px/1 var(--serif)}
.bk-label{color:var(--gold-dunkel);font-size:9.5px}
.bk-barcode{margin-left:auto;width:120px;height:40px}
.bk-zeile{display:block}
.fuss{position:absolute;inset:0;pointer-events:none}
.fuss-satz{position:absolute;left:var(--rand);top:51vh;max-width:10ch;font:500 clamp(42px,4.1vw,80px)/1.03 var(--serif);letter-spacing:-.018em;color:var(--warmweiss);--glanz:86%}
.fuss-satz .fw{position:relative}
.fw-t{background:linear-gradient(100deg,#EFE8DA 0%,#EFE8DA 45%,#FFF6DF 50%,#EFE8DA 55%,#EFE8DA 100%) fixed;background-size:300vw 100vh;background-position:var(--glanz) 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fw-deck{position:absolute;left:-.04em;right:-.04em;top:.16em;bottom:.06em;background:linear-gradient(90deg,var(--gold),var(--hellgold));transform:scaleX(0)}
.fuss-kontakt{position:absolute;right:var(--rand);top:46vh;display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right;pointer-events:auto}
.fuss-kontakt .bk-label{color:var(--gold);font-size:10.5px}
.fuss-zeit{font:500 clamp(22px,1.75vw,34px)/1.18 var(--serif);color:var(--warmweiss);max-width:12ch}
.fuss-knoepfe{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:4px}
.fk{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:99px;background:var(--gold);color:var(--onyx);font:500 15px/1 var(--sans);font-variant-numeric:lining-nums;transition:background-color .35s var(--out)}
.fk:hover{background:var(--hellgold)}
.fk svg{width:18px;height:18px;flex:none}
.fk-wa{background:transparent;color:var(--warmweiss);box-shadow:inset 0 0 0 1px rgba(239,232,218,.42)}
.fk-wa:hover{background:rgba(239,232,218,.1)}
.fuss-wege{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:500 13.5px/1.4 var(--sans);color:var(--warmweiss);font-variant-numeric:lining-nums}
.fuss-wege a{opacity:.85;transition:color .3s,opacity .3s}
.fuss-wege a:hover{opacity:1;color:var(--hellgold)}
.fuss-link{margin-top:8px;font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--hellgold);padding:0 0 9px;border-bottom:1px solid rgba(181,154,90,.5);transition:border-color .4s var(--out)}
.fuss-link:hover{border-color:var(--hellgold)}
.fuss-zeile{position:absolute;left:var(--rand);right:var(--rand);bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;border-top:1px solid rgba(239,232,218,.12);font:500 11.5px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#C3C9D2;pointer-events:auto}
.fuss-recht{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}
.fuss-recht a{padding:10px 0}
.fuss-recht a:hover{color:var(--hellgold)}

/* ---------- Anfrage (Schauformular) ---------- */
.anfrage{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 22px}
.anfrage[hidden]{display:none}
.anfrage-hinter{position:absolute;inset:0;background:rgba(4,10,20,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.anfrage-karte{position:relative;width:min(640px,100%);max-height:calc(100vh - 44px);overflow:auto;background:var(--cw);color:var(--onyx);border-radius:24px;padding:28px 30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.anfrage-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.anfrage-kopf h2{font:500 36px/1 var(--serif);letter-spacing:-.01em}
.anfrage-zu{width:40px;height:40px;border-radius:50%;border:1px solid rgba(11,10,8,.18);font-size:22px;line-height:1}
.anfrage-felder{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.anfrage-felder label{display:flex;flex-direction:column;gap:7px;font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel)}
.anfrage-felder .breit{grid-column:1/-1}
.fahrt-wahl{display:flex;flex-direction:column;gap:7px}
.fahrt-label{font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel)}
.fahrt-knoepfe{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fahrt-knoepfe button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:10px 8px;border-radius:12px;border:1px solid rgba(11,10,8,.16);background:#FBF8F2;color:var(--onyx);font:500 14px/1.2 var(--sans);letter-spacing:0;text-transform:none;text-align:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fahrt-knoepfe button b{font-weight:600}
.fahrt-knoepfe button small{font:400 11.5px/1.2 var(--sans);color:var(--mute-hell)}
.fahrt-knoepfe button:hover{border-color:var(--gold-dunkel)}
.fahrt-knoepfe button:focus-visible{outline:2px solid var(--gold-dunkel);outline-offset:2px}
.fahrt-knoepfe button.an{background:var(--onyx);border-color:var(--onyx);color:var(--cw)}
.fahrt-knoepfe button.an small{color:var(--hellgold)}
.anfrage-felder input,.anfrage-felder select,.anfrage-felder textarea{font:400 15px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--onyx);background:#FBF8F2;border:1px solid rgba(11,10,8,.16);border-radius:12px;padding:12px 14px;width:100%}
.anfrage-felder textarea{resize:vertical;min-height:64px}
.anfrage-felder input:focus,.anfrage-felder select:focus,.anfrage-felder textarea:focus{outline:none;border-color:var(--gold-dunkel)}
.haken{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;padding:2px 0}
.anfrage-felder .haken-feld{flex-direction:row;align-items:center;gap:10px;font:400 14px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--onyx);cursor:pointer}
.anfrage-felder .haken-feld input{width:18px;height:18px;padding:0;flex:none;accent-color:var(--onyx)}
.anfrage-preis{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;padding:14px 18px;border-radius:14px;background:rgba(181,154,90,.16)}
.anfrage-preis .bk-label{color:var(--gold-dunkel)}
.anfrage-preis b{font:500 26px/1 var(--serif)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.anfrage-recht{margin-top:16px;font-size:12px;line-height:1.5;color:var(--mute-hell)}
.anfrage-recht a{text-decoration:underline;text-underline-offset:2px}
.anfrage-senden{margin-top:16px;width:100%;height:54px;border-radius:99px;background:var(--onyx);color:var(--cw);font:500 15px/1 var(--sans)}
.anfrage-hinweis{margin-top:12px;font-size:12px;color:var(--mute-hell);text-align:center}
.anfrage-danke{padding:26px 0 8px;text-align:center}
.anfrage-danke h3{font:500 34px/1 var(--serif);margin-bottom:10px}
.anfrage-danke p{color:var(--mute-hell);max-width:420px;margin:0 auto}
/* Buchungssystem (Prototyp 21.10.2026) */
.anfrage-felder [hidden],.anfrage-karte [hidden]{display:none!important}
.anfrage-felder .kindersitze{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px}
.anfrage-felder .kindersitze legend{font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dunkel);margin-bottom:8px;padding:0}
.anfrage-felder .kindersitze label span{letter-spacing:.08em}
@media (max-width:640px){.anfrage-felder .kindersitze{grid-template-columns:1fr 1fr 1fr;gap:8px}.anfrage-felder .kindersitze label span{font-size:9px;letter-spacing:.04em;min-height:2.2em}}
.anfrage-bedingungen{margin-top:8px;font-size:12px;line-height:1.45;color:var(--mute-hell);text-align:center}
.anfrage-verfuegbar{margin-top:14px;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.4}
.anfrage-verfuegbar.frei{background:rgba(47,107,79,.12);color:#2F6B4F}
.anfrage-verfuegbar.anfrage{background:rgba(181,154,90,.18);color:var(--gold-dunkel)}
.turnstile-platz{margin-top:14px}
.anfrage-fehler{margin-top:12px;color:#9B3B32;font-size:13.5px;line-height:1.4}
.anfrage-fehler:empty{display:none}
.anfrage-testdaten{text-decoration:underline;text-underline-offset:2px;color:var(--onyx);font-size:12px;cursor:pointer}
.anfrage-senden[disabled]{opacity:.6;cursor:progress}
.danke-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.danke-links a{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:99px;border:1px solid var(--onyx);font:500 14px/1 var(--sans);text-decoration:none;color:var(--onyx)}
.danke-links a.voll{background:var(--onyx);color:var(--cw)}

/* ---------- Menue-Knopf und Menue (nur unter 992 px sichtbar) ---------- */
.menue-knopf{display:none;position:relative;width:44px;height:44px;margin-right:-10px}
.menue-knopf i{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .6s var(--inout),top .6s var(--inout)}
.menue-knopf i:first-child{top:17px}.menue-knopf i:last-child{top:25px}
.menue-offen .menue-knopf i:first-child{top:21px;transform:rotate(45deg)}
.menue-offen .menue-knopf i:last-child{top:21px;transform:rotate(-45deg)}
.menue-offen .nav{color:var(--warmweiss)}
.menue-offen .nav::before{opacity:0}
.menue{position:fixed;inset:0;z-index:45}
.menue-hinter{position:absolute;inset:0;background:rgba(4,10,20,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.menue-liste{position:absolute;right:var(--rand);top:92px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.menue-liste a{display:flex;align-items:center;gap:6px}
.menue-liste span{display:block;height:52px;padding:0 26px;border-radius:99px;background:var(--cw);color:var(--onyx);font:500 16px/52px var(--sans)}
.menue-liste i{width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--onyx);display:grid;place-items:center;font-style:normal;font-size:18px}

/* ---------- Schmale Bildschirme (unter 992 px): Hochformat-Fenster, gestapelte Headlines,
   Abschnitte untereinander, Finale kompakt ---------- */
@media (max-width:991px){
  :root{--rand:20px}
  .nav{padding:14px var(--rand)}
  .nav::before{inset:0 0 -12px}
  .nav-links{display:none}
  .nav-tel{width:42px;height:42px;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;opacity:1}
  .nav-tel span{display:none}
  .nav-tel svg{width:17px;height:17px}
  .nav-marke{grid-column:2}
  .nav-marke img{height:40px}
  .nav-rechts{grid-column:3;justify-self:end;gap:8px}
  .menue-knopf{display:block}
  .cta{left:var(--rand);right:var(--rand);bottom:16px;transform:none;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px}
  .cta-pille{padding:0 8px;font-size:13.5px}
  .cta-rund{justify-content:center;padding:0 8px;gap:6px;font-size:13.5px}
  .cta-rund svg{width:17px;height:17px}
  /* Hero: Worte ueber und unter dem Bullauge */
  .hero-l,.hero-r{font-size:min(13.2vw,84px);line-height:.92}
  .hero-l{top:9vh}
  .hero-r{bottom:12.5vh}
  .hero-hinweis{display:none}
  .hero-klein{top:calc(9vh + min(13.2vw,84px)*1.84 + 12px);right:var(--rand);max-width:none;font-size:13.5px;line-height:1.45;color:#EDE6D8;text-shadow:0 1px 10px rgba(10,8,6,.85)}
  .nur-gross{display:none}
  .statement{width:88vw;font-size:min(6.3vw,36px);line-height:1.26}
  .versprechen-raster{grid-template-columns:1fr 1fr;gap:22px 18px}
  .vs h3{font-size:17px;margin-bottom:8px}
  .vs p{font-size:13px;line-height:1.55}
  .lockup{margin-bottom:22px}
  /* Jet: Worte gestapelt, der Jet fliegt mittig hindurch und setzt groesser auf */
  .jw-l,.jw-r{font-size:min(13.5vw,88px);top:22vh}
  .jw-r{top:calc(22vh + min(13.5vw,88px)*.98)}
  .jet-sub{bottom:15vh}
  .jet-bahn{--bahn:80vw}
  .spec-l{top:10.5vh;font-size:min(11vw,72px)}
  .spec-r{top:calc(10.5vh + min(11vw,72px)*1.02);font-size:min(7.4vw,46px)}
  .spec-text{top:calc(10.5vh + min(11vw,72px)*1.02 + min(7.4vw,46px)*1.1 + 16px);right:var(--rand);max-width:none;font-size:13.5px;line-height:1.55}
  .spec-daten{top:auto;bottom:13vh;left:var(--rand);right:var(--rand);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}
  .spec-daten dt{font-size:8px;letter-spacing:.08em;overflow-wrap:anywhere}
  .spec-daten dd{font-size:15px}
  .spec-plan{display:none}
  /* Leistungen: Titel, Akkordeon, Bild untereinander */
  .bord{display:flex;flex-direction:column;height:auto;min-height:100vh;padding:12vh var(--rand) 14vh;gap:5vh}
  .bord-links{display:block}
  .bord-titel{font-size:min(13.2vw,88px);margin-bottom:5vh}
  .akkordeon{max-width:none}
  .akkordeon button{font-size:22px;padding:16px 0 15px}
  .ak-text p{font-size:14.5px}
  .bord-bild{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:4/5;align-self:stretch}
  /* Preistafel: Kopf untereinander, Tafeln seitlich zum Wischen */
  .preise{padding:12vh var(--rand) 10vh}
  .preise-kopf{grid-template-columns:1fr;gap:4vh;margin-bottom:5vh}
  .preise-titel{font-size:min(13.2vw,88px)}
  .flotte{padding:9vh var(--rand) 5vh}
  .flotte-kopf{grid-template-columns:1fr;gap:3vh;margin-bottom:3vh}
  .flotte-titel{font-size:min(11vw,72px)}
  .flotte-bilder{grid-template-columns:1fr;gap:1vh}
  .personen-wahl{gap:5px}
  .personen-wahl button{width:36px;height:36px;font-size:15px}
  .tafeln{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--rand)*-1);padding:6px var(--rand) 22px;gap:12px;scrollbar-width:none}
  .tafeln::-webkit-scrollbar{display:none}
  .tafel{flex:0 0 min(76vw,320px);scroll-snap-align:start}
  .tafel-preis{font-size:40px}
  /* Zahlenleiste: Uhr gross oben, darunter zwei Werte */
  .zahlen{grid-template-columns:1fr 1fr;height:auto}
  .zahlen>div{padding:22px var(--rand)}
  .zahlen>div+div{border-left:0}
  .zahlen>div:last-child{grid-column:1/-1;grid-row:1;align-items:flex-start;border-bottom:1px solid rgba(11,10,8,.12)}
  .zahlen>div:nth-child(2){border-left:1px solid rgba(11,10,8,.12)}
  .z-wert{font-size:min(6.2vw,34px)}
  /* Finale: Abflugtafel mittig gestapelt, Satz und Kontakt oben, Erde unten */
  .geist{display:none}
  .ziele{left:0;right:0;top:24vh;flex-direction:column;gap:6px;font-size:min(9vw,60px);text-align:center}
  .ziele-pfeil{transform:rotate(90deg)}
  .globus-huelle{--d:min(40vh,90vw);top:calc(92vh - var(--d)*.8333)}
  .bordkarte{left:6vw;right:6vw;width:auto}
  /* Schluss als Fluss statt fester Positionen: Satz, Kontakt, Rechtszeile untereinander, die Erde darunter */
  .fuss{display:flex;flex-direction:column;align-items:flex-start;gap:2.4vh;padding:11vh var(--rand) 0}
  .fuss-satz,.fuss-kontakt,.fuss-zeile{position:relative;inset:auto}
  .fuss-satz{max-width:11ch;font-size:min(8.4vw,52px)}
  .fuss-kontakt{align-items:flex-start;text-align:left;gap:10px}
  .fuss-wege{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:13.5px}
  .fuss-knoepfe{align-items:flex-start}
  .fk{height:46px;font-size:14.5px;padding:0 20px}
  .fuss-recht{gap:0 14px;letter-spacing:.06em}
  .fuss-recht a{padding:4px 0}
  .fuss-zeit{font-size:min(5.4vw,28px);max-width:none}
  .fuss-zeile{align-self:stretch;flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;font-size:11px}
}
@media (max-width:520px){
  .anfrage-felder{grid-template-columns:1fr}
  .anfrage-karte{padding:22px 20px 20px}
}

/* ---------- Ruhige Fassung (reduzierte Bewegung oder ?static=1) ---------- */
.statisch .vorspann{display:none}
.statisch .hero,.statisch .jet,.statisch .finale{height:auto}
.statisch .hero-buehne,.statisch .jet-buehne,.statisch .finale-buehne{position:relative;height:100vh}
.statisch .hero-inhalt{margin-top:0;height:auto;padding:14vh var(--rand);background:#2C3B4F;pointer-events:auto}
.statisch .statement,.statisch .versprechen{position:relative;top:auto;left:auto;right:auto;transform:none;margin:0 auto 10vh}
.statisch .jet{margin-top:0}
.statisch .jet-grund,.statisch .nav-marke,.statisch .jet-sub,.statisch .spec-text,.statisch .spec-daten,.statisch .spec-plan,.statisch .fuss{opacity:1}
.statisch .jet-flieger{transform:translate(-50%,-44%) scale(.42)}
.statisch .jet-boden{display:none}
.statisch .jet-worte{display:none}
.statisch .rollo{display:none}
.statisch .himmel-zug{animation:none}
.statisch .bordkarte{top:40%}
.statisch .globus-huelle{top:calc(66vh - var(--d)*.8333)}
.statisch .fw-t{opacity:1}

/* 26.10.2026 Lesbarkeit (Wunsch Hassan): Zahlen in der klaren Schrift, deutliche 7 */
.spec-daten dd,.z-wert,.personen-wahl button,.tafel-preis,.bk-zahl,.bk-fuss>div,.anfrage-preis b,.fuss-zeit{font-family:var(--sans);font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
/* Sprachwahl */
.sprachwahl select{font:600 12.5px/1 var(--sans);color:inherit;background:rgba(239,232,218,.08);border:1px solid rgba(239,232,218,.35);border-radius:99px;padding:8px 10px;margin-right:10px;cursor:pointer;max-width:9.5em}
.sprachwahl select option{color:#07111F}
.unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Privat / Geschaeftlich */
.anfrage-felder .zweck{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.anfrage-felder .zweck-knopf{position:relative;flex-direction:row;justify-content:center;align-items:center;min-height:46px;border:1px solid rgba(11,10,8,.18);border-radius:12px;font:600 14px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--onyx);cursor:pointer;background:#FBF8F2}
.anfrage-felder .zweck-knopf input{position:absolute;opacity:0;pointer-events:none}
.anfrage-felder .zweck-knopf:has(input:checked){background:var(--onyx);color:var(--cw);border-color:var(--onyx)}
.anfrage-felder .zweck-knopf:has(input:focus-visible){outline:2px solid var(--gold-dunkel);outline-offset:2px}
/* Quittung */
.anfrage-felder .quittung{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.anfrage-felder .quittung>span{font:600 14px/1.3 var(--sans);color:var(--onyx);margin-right:4px}
/* Inhaber */
.inhaber{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.inhaber-bild{width:64px;height:64px;border-radius:50%;flex:none;background:var(--gold);color:var(--onyx);display:flex;align-items:center;justify-content:center;font:600 20px/1 var(--sans);overflow:hidden;border:2px solid rgba(239,232,218,.5)}
.inhaber-bild img{width:100%;height:100%;object-fit:cover}
.inhaber figcaption{display:flex;flex-direction:column;gap:3px}
.inhaber figcaption b{font:600 17px/1.2 var(--sans)}
.inhaber figcaption span{font:400 13.5px/1.3 var(--sans);opacity:.8}
/* Arabisch: von rechts nach links */
[dir="rtl"] .anfrage-felder,[dir="rtl"] .anfrage-karte{text-align:right}

/* ---------- 28.10.2026 Anruf Hassan: klarere Schrift, kraeftige Kontaktfarben ---------- */
/* Flughafen-Codes in der Sans: Das U in DUS war in der Bodoni zu duenn */
.tafel-code,.bk-code{font-family:var(--sans);font-weight:700;letter-spacing:.05em}
.tafel-kopf h3,.spec-daten dt,.bk-zahl-text,.bk-label{font-weight:700;color:#5C4B1F}
.tafel-kopf h3{font-size:12px;letter-spacing:.12em}
.spec-daten dt{font-size:12px;letter-spacing:.1em}
/* „Sie landen. Wir sind da.“ kraeftig statt feiner Haarlinien */
.jw-l,.jw-r{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;color:var(--onyx)}
/* Kontakt im Finale: Gold fuer Anruf, Original-WhatsApp-Gruen, helle E-Mail */
.fuss-kontakt .bk-label{color:var(--hellgold)}
.rund-um{display:inline-flex;align-items:center;gap:8px;margin:2px 0 4px;padding:6px 14px 6px 6px;border-radius:99px;background:rgba(220,199,149,.14);box-shadow:inset 0 0 0 1px rgba(220,199,149,.5);color:var(--hellgold);font:700 13px/1 var(--sans);letter-spacing:.02em}
.rund-um b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--onyx);font:800 14px/1 var(--sans)}
.fk{font-weight:700;height:44px}
/* „24 Std. erreichbar“ ersetzt die grosse Zeile „Tag und Nacht, an 365 Tagen.“, sonst stoesst die Spalte an die Rechtszeile */
.fuss-kontakt .fuss-zeit{display:none}
/* Spalte von unten verankern: waechst nach oben statt in die Rechtszeile (auch bei 768 px Hoehe) */
@media (min-width:992px){.fuss-kontakt{top:auto;bottom:112px}}
.fk-wa{background:#25D366;color:#fff;box-shadow:none}
.fk-wa:hover{background:#1EBE5A}
.fk-mail{background:var(--warmweiss);color:var(--onyx)}
.fk-mail:hover{background:#fff}
.wa-logo{width:20px;height:20px}
.cta-wa,.cta-hell .cta-wa{background:#25D366;color:#fff}
/* Zahlenstreifen: Reservierung mit Mobil/WhatsApp und E-Mail */
.zahlen{height:auto;min-height:132px}
.zahlen>div{padding-bottom:30px}
.z-mehr{display:flex;flex-wrap:wrap;gap:8px 20px;font:700 14px/1.3 var(--sans);font-variant-numeric:lining-nums}
.z-mehr a{display:inline-flex;align-items:center;gap:7px;color:var(--onyx)}
.z-mehr svg{width:18px;height:18px;flex:none}
.z-wa svg{color:#25D366}
.z-mail svg{color:var(--gold-dunkel)}
.z-mehr a:hover{color:var(--gold-dunkel)}
@media (max-width:991px){
  .fuss-knoepfe .fk{max-width:100%}
  .fk-mail{font-size:13.5px}
  .z-mehr{flex-direction:column;align-items:flex-start;font-size:13.5px}
}

/* ---------- 29.10.2026: Japanisch und Chinesisch mit Systemschriften (nichts nachgeladen), normale Laufweite ---------- */
:lang(ja){--serif:"Bodoni Moda","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--sans:"Atkinson Hyperlegible Next","Hiragino Sans","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP",system-ui,sans-serif}
:lang(zh){--serif:"Bodoni Moda","Songti SC","SimSun","Noto Serif SC",serif;--sans:"Atkinson Hyperlegible Next","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}
:lang(ja) body *,:lang(zh) body *{letter-spacing:0!important;line-break:strict}
:lang(ja) .jw-l,:lang(ja) .jw-r,:lang(zh) .jw-l,:lang(zh) .jw-r{font-size:clamp(48px,6vw,112px)}
@media (max-width:991px){:lang(ja) .jw-l,:lang(ja) .jw-r,:lang(zh) .jw-l,:lang(zh) .jw-r{font-size:min(11.5vw,72px)}}
/* 29.10.2026 (Foto von Hassan): Ohne Animationen (Windows „Animationen aus“ = prefers-reduced-motion) stand die Fahrkarte
   gleichzeitig mit der Kontaktspalte im Bild und verdeckte sie. Ruhige Fassung: Fahrkarte weg, Preise stehen in der Preistafel. */
.statisch .bordkarte{display:none}
/* 29.10.2026: Alter der Kinder nur bei gewähltem Kindersitz sichtbar; Zahlungsart wie Quittung */
.anfrage-felder [hidden]{display:none!important}