.elementor-kit-6{--e-global-color-primary:#23271B;--e-global-color-secondary:#738053;--e-global-color-text:#3E4433;--e-global-color-accent:#F1B11D;--e-global-color-f72c889:#4F5839;--e-global-color-cc137e3:#E3A40F;--e-global-color-5a91b5c:#F6F4EE;--e-global-color-a3243ab:#E6E9DD;--e-global-color-f8c7f93:#6B7060;--e-global-color-bb40e93:#A3A796;--e-global-color-61501f3:#D3D5CB;--e-global-color-cb2ce04:#23271B24;--e-global-color-8bd7052:#F6F4EE33;--e-global-color-ebc9e6f:#F6F4EED6;--e-global-color-b43f635:#FFFFFF;--e-global-typography-primary-font-family:"Schibsted Grotesk";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.15em;--e-global-typography-primary-letter-spacing:-0.012em;--e-global-typography-secondary-font-family:"Schibsted Grotesk";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:0em;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Hanken Grotesk";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-5264a6b-font-family:"Schibsted Grotesk";--e-global-typography-5264a6b-font-size:88px;--e-global-typography-5264a6b-font-weight:800;--e-global-typography-5264a6b-line-height:1em;--e-global-typography-5264a6b-letter-spacing:-0.025em;--e-global-typography-a0535cc-font-family:"Schibsted Grotesk";--e-global-typography-a0535cc-font-size:70px;--e-global-typography-a0535cc-font-weight:800;--e-global-typography-a0535cc-line-height:1.04em;--e-global-typography-a0535cc-letter-spacing:-0.022em;--e-global-typography-b1c79c7-font-family:"Schibsted Grotesk";--e-global-typography-b1c79c7-font-size:56px;--e-global-typography-b1c79c7-font-weight:800;--e-global-typography-b1c79c7-line-height:1.05em;--e-global-typography-b1c79c7-letter-spacing:-0.012em;--e-global-typography-b68a334-font-family:"Hanken Grotesk";--e-global-typography-b68a334-font-size:20px;--e-global-typography-b68a334-font-weight:400;--e-global-typography-b68a334-line-height:1.55em;--e-global-typography-b68a334-letter-spacing:0em;--e-global-typography-363ec72-font-family:"Hanken Grotesk";--e-global-typography-363ec72-font-size:14px;--e-global-typography-363ec72-line-height:1.45em;--e-global-typography-363ec72-letter-spacing:0em;color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1232px;}.e-con{--container-max-width:1232px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-size:17px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:16px;--e-global-typography-5264a6b-font-size:60px;--e-global-typography-5264a6b-line-height:1em;--e-global-typography-a0535cc-font-size:48px;--e-global-typography-a0535cc-line-height:1.04em;--e-global-typography-b1c79c7-font-size:44px;--e-global-typography-b1c79c7-line-height:1.05em;--e-global-typography-b68a334-font-size:18px;--e-global-typography-b68a334-line-height:1.55em;--e-global-typography-363ec72-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:27px;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:16px;--e-global-typography-5264a6b-font-size:42px;--e-global-typography-5264a6b-line-height:1em;--e-global-typography-a0535cc-font-size:36px;--e-global-typography-a0535cc-line-height:1.06em;--e-global-typography-b1c79c7-font-size:34px;--e-global-typography-b1c79c7-line-height:1.08em;--e-global-typography-b68a334-font-size:17px;--e-global-typography-b68a334-line-height:1.55em;--e-global-typography-363ec72-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================================================================
   KOMPETENZZENTRUM SPIERING · Design-System v2
   Grundlage: CI Kompetenzzentrum Spiering v1.0 (MB Design Creation)
   Farbgewichtung: Neutraltöne ~70 %, Grün ~20 %, Gelb ~10 %
   Radius: Buttons/Chips = Pill · Bilder/Flächen = 10px
   Grau 3/4 nie als Text. Gelb nie als kleine Schrift auf hellem Grund.
   Für Elementor: Tokens = Global Colors / Global Fonts
   ================================================================== */
:root{
  --green:#738053;     /* Fundament: große Flächen, große Schrift */
  --yellow:#F1B11D;    /* Entwicklung & Handlung: Buttons, Markierungen, Die Linie */
  --green-d:#4F5839;   /* Text-Grün, dunkle Sektionen, Footer */
  --ink:#23271B;       /* Haupttext, Logofeld */
  --bg:#F6F4EE;        /* Papier */
  --mist:#E6E9DD;      /* Grün Hell */
  --g1:#3E4433; --g2:#6B7060; --g3:#A3A796; --g4:#D3D5CB;

  --yellow-h:#E3A40F;
  --line:rgba(35,39,27,.14);
  --line-on-dark:rgba(246,244,238,.2);
  --on-dark:#F6F4EE;
  --on-dark-2:rgba(246,244,238,.84);

  --kz-display:'Schibsted Grotesk',system-ui,sans-serif;
  --kz-text:'Hanken Grotesk',system-ui,sans-serif;

  --fs-h1:clamp(2.125rem,1.45rem + 2.6vw,3.5rem);      /* CI: 34 → 56 px */
  --fs-h2:clamp(1.6875rem,1.35rem + 1.3vw,2.375rem);   /* CI: 27 → 38 px */
  --fs-h3:clamp(1.25rem,1.16rem + .38vw,1.5rem);       /* CI: 20 → 24 px */
  --fs-body:clamp(1rem,.96rem + .18vw,1.125rem);       /* CI: 16 → 18 px */
  --fs-small:.875rem;
  --fs-display:clamp(2.6rem,1.5rem + 4.6vw,5.5rem);    /* Plakat-Momente (CI: Plakat ExtraBold) */
  --fs-statement:clamp(2.2rem,1.3rem + 3.6vw,4.4rem);

  --max:1320px;
  --gut:clamp(1rem,.4rem + 2.6vw,2.75rem);
  --sec:clamp(4.5rem,3rem + 5.5vw,8.5rem);
  --nav-h:76px;
  --r:10px;

  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-io:cubic-bezier(.77,0,.175,1);

  --z-map:1; --z-ui:5; --z-sticky:20; --z-nav:50; --z-sheet:60;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 1rem);-webkit-text-size-adjust:100%;scrollbar-color:var(--g3) var(--bg);accent-color:var(--green-d)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--kz-text);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;caret-color:var(--green-d)}
h1,h2,h3,h4{font-family:var(--kz-display);margin:0;text-wrap:balance;color:var(--ink)}
h1{font-size:var(--fs-h1);font-weight:800;line-height:1.05;letter-spacing:-.012em}
h2{font-size:var(--fs-h2);font-weight:700;line-height:1.15;letter-spacing:-.012em}
h3{font-size:var(--fs-h3);font-weight:600;line-height:1.25}
p{margin:0;text-wrap:pretty} a{color:inherit} ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
/* Hello-Theme Buttons neutralisieren (gleiche Stärke wie Hello, kommt später, gewinnt) */
button,[type=button],[type=submit],[type=reset]{cursor:pointer;background:none;background-color:transparent;border:0;padding:0;border-radius:0;font:inherit;color:inherit;line-height:inherit;white-space:normal;transition:none}
img{max-width:100%;display:block}
::selection{background:var(--yellow);color:var(--ink)}
/* Fokus: Tinte auf hellem Grund, Gelb auf dunklem Grund */
:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
.field :focus-visible,.on-media :focus-visible,.foot :focus-visible,.dark-ui :focus-visible,.brand :focus-visible{outline-color:var(--yellow)}
.num,.ev .dt,.facts-strip b{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-100px;z-index:100;padding:.8rem 1.1rem;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;text-decoration:none}
.skip:focus{top:1rem}

.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.sec.mist{background:var(--mist)}
.sec.field{background:var(--green-d);color:var(--on-dark)}
.sec.brand{background:var(--green);color:var(--on-dark)}
.field h1,.field h2,.field h3,.brand h2,.brand h3{color:var(--on-dark)}
.lead{font-size:clamp(1.0625rem,1rem + .3vw,1.3rem);line-height:1.55;color:var(--g1);max-width:56ch}
.field .lead,.field .body{color:var(--on-dark-2)}
.body{color:var(--g1);max-width:62ch}
.body p+p{margin-top:1em}
.body strong{color:var(--ink);font-weight:600}
.field .body strong{color:var(--on-dark)}
.small{font-size:var(--fs-small);font-weight:500;color:var(--g1)}
.field .small,.on-media .small{color:var(--on-dark-2)}
.mt-s{margin-top:1rem}.mt-m{margin-top:1.75rem}.mt-l{margin-top:2.75rem}.mt-xl{margin-top:clamp(2.5rem,2rem + 2vw,4rem)}
.statement{font-family:var(--kz-display);font-weight:800;font-size:var(--fs-statement);line-height:1.04;letter-spacing:-.022em;max-width:20ch}
.statement span{color:var(--g2)}
.field .statement span,.brand .statement span{color:rgba(246,244,238,.72)}
.note{display:inline-flex;gap:.5rem;align-items:flex-start;font-size:var(--fs-small);font-weight:500;color:var(--g1);border:1px dashed var(--g2);border-radius:8px;padding:.5rem .75rem;max-width:62ch}
.field .note,.on-media .note{color:var(--on-dark-2);border-color:rgba(246,244,238,.4)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.85rem 1.4rem;border-radius:999px;background:var(--yellow);color:var(--ink);
  font-family:var(--kz-text);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,transform .16s var(--ease-out)}
.btn i{transition:transform .25s var(--ease-out)}
.btn:active{transform:scale(.97)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.35rem;border-radius:999px;border:1.5px solid currentColor;
  font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--ease-out)}
.btn-ghost:active{transform:scale(.97)}
.link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-weight:600;color:var(--green-d);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em;transition:color .2s ease,gap .25s var(--ease-out)}
.field .link,.on-media .link,.brand .link{color:var(--on-dark)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--yellow-h)} .btn:hover i{transform:translateX(3px)}
  .btn-ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
  .field .btn-ghost:hover,.brand .btn-ghost:hover,.on-media .btn-ghost:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
  .link:hover{gap:.65rem;color:var(--ink)}
  .field .link:hover,.on-media .link:hover{color:var(--yellow)}
}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}

/* ---------- Chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1.05rem;border-radius:999px;border:1.5px solid var(--g3);background:transparent;font-weight:500;font-size:.98rem;line-height:1.3;color:var(--ink);text-align:left;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--ease-out)}
.chip:active{transform:scale(.97)}
.chip[aria-pressed="true"],.chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--ink)}}
.field .chip,.dark-ui .chip{border-color:var(--line-on-dark);color:var(--on-dark)}
.field .chip[aria-pressed="true"],.field .chip[aria-selected="true"],.dark-ui .chip[aria-pressed="true"],.dark-ui .chip[aria-selected="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.field .chip:hover,.dark-ui .chip:hover{border-color:var(--on-dark)}}

/* ---------- Die Linie (CI, höchstens einmal pro Fläche) ---------- */
.linie{display:block;width:100%;height:14px;overflow:visible}
.linie path{fill:none;stroke:var(--green-d);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.field .linie path,.brand .linie path,.on-media .linie path{stroke:var(--yellow)}
.u{position:relative;display:inline-block;white-space:nowrap}
.u .linie{position:absolute;left:-2%;width:104%;bottom:-.16em;height:.3em}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .linie{animation:draw linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
}}
@keyframes draw{from{clip-path:inset(-50% 100% -50% 0)}to{clip-path:inset(-50% 0 -50% 0)}}

/* ---------- Bild-Platzhalter ---------- */
.pic{position:relative;overflow:hidden;border-radius:var(--r);background:var(--g4);isolation:isolate}
.pic[data-label]::after{content:attr(data-label);position:absolute;left:1rem;right:1rem;bottom:.9rem;font-size:.8rem;line-height:1.4;font-weight:500;color:var(--g1);
  padding-left:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%233E4433' d='M208 56h-27.7l-13.6-20.4A8 8 0 0 0 160 32H96a8 8 0 0 0-6.7 3.6L75.7 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24Zm8 136a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h32a8 8 0 0 0 6.7-3.6L100.3 48h55.4l13.6 20.4A8 8 0 0 0 176 72h32a8 8 0 0 1 8 8ZM128 88a44 44 0 1 0 44 44 44 44 0 0 0-44-44Zm0 72a28 28 0 1 1 28-28 28 28 0 0 1-28 28Z'/%3E%3C/svg%3E") no-repeat left .1rem/1rem}
.pic.dk{background:var(--g1)} .pic.md{background:var(--g2)} .pic.gr{background:var(--green-d)}
.pic.dk[data-label]::after,.pic.md[data-label]::after,.pic.gr[data-label]::after{color:var(--on-dark-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23F6F4EE' d='M208 56h-27.7l-13.6-20.4A8 8 0 0 0 160 32H96a8 8 0 0 0-6.7 3.6L75.7 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24Zm8 136a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h32a8 8 0 0 0 6.7-3.6L100.3 48h55.4l13.6 20.4A8 8 0 0 0 176 72h32a8 8 0 0 1 8 8ZM128 88a44 44 0 1 0 44 44 44 44 0 0 0-44-44Zm0 72a28 28 0 1 1 28-28 28 28 0 0 1-28 28Z'/%3E%3C/svg%3E")}
.pic.top[data-label]::after{bottom:auto;top:.9rem}

/* ---------- Bild-Reveal (einmaliger, motivierter Moment für große Bilder) ---------- */
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}}
@keyframes reveal{from{clip-path:inset(12% 6% 0 6% round var(--r));transform:translateY(24px)}to{clip-path:inset(0 0 0 0 round var(--r));transform:none}}

/* ==================================================================
   NAVIGATION
   ================================================================== */
.nav{position:sticky;top:0;z-index:var(--z-nav);height:var(--nav-h);background:var(--bg);border-bottom:1px solid var(--line)}
.nav-in{height:100%;display:flex;align-items:center;gap:1.25rem}
.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex:none;min-height:44px}
.logofeld{display:grid;place-items:center;width:46px;height:46px;border-radius:6px;background:var(--ink);color:var(--on-dark-2);font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;flex:none}
.wm{font-family:var(--kz-display);font-weight:700;font-size:1.02rem;line-height:1.08;letter-spacing:-.01em}
.menu{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.menu>a,.dd-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .8rem;border-radius:8px;font-weight:500;font-size:.97rem;color:var(--g1);text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.menu>a[aria-current="page"],.dd.cur .dd-btn{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--green)}
.dd-btn i{font-size:.85em;transition:transform .2s var(--ease-out)}
.dd{position:relative}
.dd-panel{position:absolute;top:calc(100% + .5rem);left:-.5rem;min-width:300px;padding:.5rem;border-radius:12px;background:var(--bg);border:1px solid var(--line);
  box-shadow:0 8px 8px -6px rgba(35,39,27,.18);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.985);transform-origin:top left;
  transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s linear .12s}
.dd-panel a{display:block;padding:.7rem .85rem;border-radius:8px;text-decoration:none;transition:background-color .15s ease}
.dd-panel b{display:block;font-family:var(--kz-display);font-weight:600;font-size:1rem}
.dd-panel span{display:block;font-size:.875rem;color:var(--g1);margin-top:.1rem}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s}
.dd.open .dd-btn i{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.menu>a:hover,.dd-btn:hover,.dd-panel a:hover{background:var(--mist);color:var(--ink)}}
.nav-cta{min-height:44px;padding:.7rem 1.1rem;font-size:.95rem}
.burger{display:none;width:48px;height:48px;border-radius:10px;place-items:center;font-size:1.5rem}
.sheet{position:fixed;inset:var(--nav-h) 0 0;z-index:var(--z-sheet);background:var(--bg);padding:1rem var(--gut) 2rem;overflow-y:auto;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s}
.sheet.open{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out),visibility 0s}
.sheet p.grp{font-size:.875rem;font-weight:600;color:var(--g1);margin:1.4rem 0 .3rem}
.sheet a.big{display:flex;align-items:center;min-height:52px;font-family:var(--kz-display);font-weight:700;font-size:1.45rem;line-height:1.2;text-decoration:none;border-bottom:1px solid var(--line)}
.sheet .btn{margin-top:1.75rem;width:100%}
body.menu-open{overflow:hidden}
/* Mobile: Hauptaktion im Daumenbereich */
.thumb-cta{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:var(--z-sticky);display:none;transform:translateY(140%);transition:transform .35s var(--ease-out)}
.thumb-cta .btn{width:100%;box-shadow:0 6px 8px -4px rgba(35,39,27,.35)}
.thumb-cta.show{transform:none}

/* Bereichs-Lockup (CI) */
.lockup{display:inline-flex;align-items:center;gap:1rem}
.lockup .logofeld{width:54px;height:54px}
.lockup i.sep{width:1px;align-self:stretch;background:currentColor;opacity:.45}
.lockup b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.35rem;line-height:1.1}
.lockup span.sub{display:block;font-size:.875rem;opacity:.9;margin-top:.15rem}

/* ==================================================================
   FLUG ÜBER DAS GELÄNDE (Startseite)
   Das Drohnenbild bleibt stehen, die Karten scrollen darüber,
   das Bild zoomt zum jeweiligen Ort.
   ================================================================== */
.flight{position:relative;background:var(--ink);color:var(--on-dark)}
.flight-stage{position:sticky;top:var(--nav-h);height:calc(100dvh - var(--nav-h));overflow:hidden;z-index:var(--z-map)}
.map{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform 1.4s var(--ease-io)}
.map img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
/* Karte: Grundgröße ohne JS (Editor) und WordPress-Bildregeln aushebeln */
.flight .map,.mapbox .map{width:100%;height:100%}
.flight .map img,.mapbox .map img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.elementor-editor-active .flight .map{transform:none!important}
.flight-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(35,39,27,.72) 0%,rgba(35,39,27,.25) 42%,rgba(35,39,27,0) 65%),
  linear-gradient(0deg,rgba(35,39,27,.55) 0%,rgba(35,39,27,0) 35%)}
.flight[data-step="0"] .flight-stage::after{background:linear-gradient(0deg,rgba(35,39,27,.82) 0%,rgba(35,39,27,.2) 62%)}
/* Pins */
.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.45rem;z-index:2}
.pin i{position:relative;display:block;width:14px;height:14px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 3px rgba(35,39,27,.45);transition:transform .4s var(--ease-out),background-color .3s ease;flex:none}
.pin span{padding:.3rem .6rem;border-radius:999px;background:rgba(246,244,238,.95);color:var(--ink);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;transform:translateX(-4px);transition:opacity .35s ease,transform .35s var(--ease-out)}
.pin span small{font-weight:500;color:var(--g1);margin-left:.3rem;font-size:.95em}
.labels .pin span{opacity:1;transform:none}
.pin.on i{background:var(--yellow);transform:scale(1.5);box-shadow:0 0 0 4px rgba(241,177,29,.35)}
.pin.on span{opacity:1;transform:none;background:var(--yellow)}
.pin.on span small{color:var(--ink)}
.pin.on i::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--yellow);animation:ring 2s var(--ease-out) infinite}
@keyframes ring{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}
/* Schritte (scrollen über die Bühne) */
.flight-steps{position:relative;z-index:var(--z-ui);margin-top:calc((100dvh - var(--nav-h)) * -1);pointer-events:none}
.fstep-s{min-height:calc(100dvh - var(--nav-h));display:flex;align-items:center;padding:4rem 0}
.fstep-s .wrap{width:100%}
.fcard{pointer-events:auto;width:min(480px,100%);padding:clamp(1.4rem,1.1rem + 1vw,2rem);border-radius:14px;background:rgba(35,39,27,.66);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);border:1px solid var(--line-on-dark)}
@media (prefers-reduced-transparency:reduce){.fcard{background:rgba(35,39,27,.94);-webkit-backdrop-filter:none;backdrop-filter:none}}
.fcard .where{display:flex;flex-wrap:wrap;gap:.35rem}
.fcard .where span{padding:.3rem .65rem;border-radius:999px;background:rgba(246,244,238,.16);font-size:.82rem;font-weight:600;color:var(--on-dark)}
.fcard .where span.area{background:var(--yellow);color:var(--ink)}
.fcard h2{margin-top:.9rem;color:var(--on-dark);font-size:clamp(1.8rem,1.3rem + 1.8vw,2.8rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.fcard h2 small{display:block;font-family:var(--kz-text);font-size:1rem;font-weight:600;letter-spacing:0;color:var(--on-dark-2);margin-top:.35rem}
.fcard p{margin-top:.85rem;color:var(--on-dark-2)}
.fcard .link{margin-top:.5rem}
/* Hero-Schritt */
.fstep-s.hero{align-items:flex-end;padding-bottom:clamp(2.5rem,2rem + 3vw,5rem)}
.fhero{pointer-events:auto;max-width:900px}
.fhero h1{color:var(--on-dark);font-size:var(--fs-display);line-height:.98;letter-spacing:-.025em}
.fhero .sub{margin-top:1.25rem;max-width:44ch;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);line-height:1.5;color:var(--on-dark-2)}
.fhero .btns{margin-top:1.75rem}
.fhero .copy>*{animation:up .9s var(--ease-out) both}
.fhero .copy>*:nth-child(2){animation-delay:.06s}.fhero .copy>*:nth-child(3){animation-delay:.12s}.fhero .copy>*:nth-child(4){animation-delay:.18s}
.facts-strip{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--line-on-dark)}
.facts-strip span{color:var(--on-dark-2);font-size:.95rem}
.facts-strip b{display:block;font-family:var(--kz-display);font-size:1.5rem;color:var(--on-dark);letter-spacing:-.01em}
/* Stationen-Leiste */
.rail-st{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:.1rem}
.rail-st button{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-height:36px;padding:.2rem .4rem;border-radius:999px;color:var(--on-dark);font-size:.85rem;font-weight:600;text-align:right}
.rail-st button i{width:8px;height:8px;border-radius:50%;background:rgba(246,244,238,.6);transition:transform .3s var(--ease-out),background-color .3s ease}
.rail-st button[aria-current="step"] i{background:var(--yellow);transform:scale(1.6)}
.rail-st button span{padding:.15rem .5rem;border-radius:999px;background:rgba(35,39,27,.7);opacity:0;transition:opacity .2s ease}
.rail-st:hover button span,.rail-st button[aria-current="step"] span,.rail-st button:focus-visible span{opacity:1}
.flight-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(246,244,238,.15);z-index:3}
.flight-progress i{display:block;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0);transition:transform .6s var(--ease-out)}

/* ==================================================================
   GELÄNDEAUSSCHNITT („Wo auf dem Gelände“) + interaktive Karte
   ================================================================== */
.mapbox{position:relative;overflow:hidden;border-radius:var(--r);background:var(--g1);aspect-ratio:16/9}
.mapbox .map{transition:transform 1s var(--ease-io)}
.mapbox .pin span{opacity:1;transform:none}
.where-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.where-list li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--line)}
.where-list li:first-child{padding-top:0}
.where-list b{font-family:var(--kz-display);font-weight:700;font-size:1.15rem}
.where-list span{color:var(--g1);font-size:.95rem;text-align:right}
.map-ui .pin{cursor:pointer}
.map-ui .pin button{display:flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .2rem}
.map-info{position:absolute;left:1rem;bottom:1rem;z-index:4;width:min(360px,calc(100% - 2rem));padding:1.2rem 1.3rem;border-radius:12px;background:var(--bg);color:var(--ink);box-shadow:0 8px 8px -6px rgba(35,39,27,.3)}
.map-info.swap{animation:swap .45s var(--ease-out)}
.map-info b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.3rem}
.map-info .size{display:inline-block;margin-top:.15rem;font-weight:600;color:var(--green-d);font-size:.92rem}
.map-info p{margin-top:.5rem;color:var(--g1);font-size:.97rem}
.map-info .areas{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.7rem}
.map-info .areas span{padding:.25rem .6rem;border-radius:999px;background:var(--mist);font-size:.8rem;font-weight:600}
.map-reset{position:absolute;right:1rem;top:1rem;z-index:4}
.map-reset button{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;border-radius:999px;background:var(--bg);color:var(--ink);font-weight:600;font-size:.92rem}

/* ==================================================================
   PROBIER ES AUS (Bereiche über Situationen erklären)
   ================================================================== */
.try-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.try-world{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:1.4rem;border-radius:var(--r);overflow:hidden;text-align:left;color:var(--on-dark);isolation:isolate;
  transition:transform .2s var(--ease-out)}
.try-world:active{transform:scale(.985)}
.try-world .pic{position:absolute;inset:0;border-radius:0;z-index:-2;transition:transform .8s var(--ease-out)}
.try-world .pic[data-label]::after{display:none}
.try-world::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(35,39,27,.88),rgba(35,39,27,.2))}
.try-world b{display:block;font-family:var(--kz-display);font-weight:800;font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);line-height:1.1;letter-spacing:-.015em}
.try-world span{display:block;margin-top:.4rem;color:var(--on-dark-2);font-size:.97rem}
.try-world[aria-selected="true"]{outline:3px solid var(--yellow);outline-offset:-3px}
.try-world[aria-selected="true"] .pic{transform:scale(1.04)}
@media (hover:hover) and (pointer:fine){.try-world:hover .pic{transform:scale(1.04)}}
.try-panel{margin-top:.75rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:var(--r);overflow:hidden;background:var(--ink);color:var(--on-dark);min-height:540px}
.try-panel[hidden]{display:none}
.try-panel.enter{animation:swap .5s var(--ease-out)}
.try-side{position:relative;min-height:320px}
.try-side .pic{position:absolute;inset:0;border-radius:0}
.try-main{padding:clamp(1.5rem,1.2rem + 1.5vw,2.75rem);display:flex;flex-direction:column}
.try-main>p.q{font-family:var(--kz-display);font-weight:700;font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);line-height:1.2;color:var(--on-dark)}
.try-main .chips{margin-top:1.1rem}
.try-out{margin-top:1.75rem;flex:1;display:flex;flex-direction:column}
.try-out.swap{animation:swap .5s var(--ease-out)}
.try-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.try-steps.two{grid-template-columns:repeat(2,1fr)}
.try-steps div{padding-top:.9rem;border-top:2px solid var(--line-on-dark)}
.try-steps div:last-child{border-top-color:var(--yellow)}
.try-steps small{display:block;font-size:.875rem;font-weight:600;color:var(--on-dark-2)}
.try-steps p{margin-top:.35rem;color:var(--on-dark);font-size:1rem}
.try-name{margin-top:auto;padding-top:1.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem}
.try-name p{font-size:.95rem;color:var(--on-dark-2);max-width:34ch}
.try-name p b{display:block;font-family:var(--kz-display);font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.3rem);line-height:1.05;color:var(--yellow);letter-spacing:-.015em;margin-bottom:.3rem}
.try-empty{color:var(--on-dark-2);margin-top:auto;font-size:1.05rem}

/* ==================================================================
   STARTSEITE: weitere Bausteine
   ================================================================== */
.belief .statement{max-width:16ch}
.method{position:relative;margin-top:clamp(3rem,2rem + 4vw,5rem)}
.method-line{position:absolute;left:0;right:0;top:10px;height:16px}
.method ol{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}
.method li{padding-top:2.6rem;position:relative}
.method li::before{content:"";position:absolute;top:6px;left:0;width:24px;height:24px;border-radius:50%;background:var(--green-d);border:2px solid var(--on-dark);transition:background-color .4s ease,border-color .4s ease,transform .4s var(--ease-out)}
.method li.on::before{background:var(--yellow);border-color:var(--yellow);transform:scale(1.12)}
.method b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.25rem;color:var(--on-dark)}
.method p{margin-top:.4rem;color:var(--on-dark-2);font-size:.97rem}

.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,14vw,210px);gap:.75rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.mosaic>*{height:100%}
.m1{grid-column:1/8;grid-row:span 3}.m2{grid-column:8/13;grid-row:span 2}.m3{grid-column:8/11;grid-row:span 2}.m4{grid-column:11/13;grid-row:span 2}.m5{grid-column:1/8;grid-row:span 1}
.mosaic .m5{background:var(--green);border-radius:var(--r);padding:1.4rem;display:flex;align-items:flex-end}
.mosaic .m5 p{font-family:var(--kz-display);font-weight:700;font-size:clamp(1.25rem,1.05rem + .9vw,1.85rem);line-height:1.15;color:var(--on-dark);max-width:30ch}

.founder-q{font-family:var(--kz-display);font-weight:800;font-size:var(--fs-statement);line-height:1.06;letter-spacing:-.02em;max-width:22ch;margin:0}
.founder-by{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid var(--line)}
.founder-by .pic{width:88px;height:88px;border-radius:50%;flex:none}
.founder-by .pic[data-label]::after{display:none}
.founder-by cite{font-style:normal;font-weight:600;font-size:1.05rem}
.founder-by cite span{display:block;font-weight:400;color:var(--g1);font-size:.95rem}
.founder-by .btn-ghost{margin-left:auto}

.voice-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}
.voice{min-height:260px}
.voice blockquote{margin:0;font-family:var(--kz-display);font-weight:700;font-size:clamp(1.6rem,1.2rem + 1.8vw,2.8rem);line-height:1.12;letter-spacing:-.015em;max-width:26ch}
.voice p{margin-top:1rem;color:var(--g1);max-width:60ch}
.voice cite{display:block;margin-top:1rem;font-style:normal;font-weight:600}
.voice cite span{font-weight:400;color:var(--g1)}
.voice .tag{display:inline-block;margin-bottom:1rem;padding:.3rem .7rem;border-radius:999px;background:var(--bg);font-size:.85rem;font-weight:600;color:var(--green-d)}
.voice.ph-q blockquote{color:var(--g1)}
.voice.swap{animation:swap .5s var(--ease-out)}
.round-btns{display:flex;gap:.5rem}
.round-btns button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:1.1rem;transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-out)}
.round-btns button:active{transform:scale(.95)}
@media (hover:hover){.round-btns button:hover{background:var(--ink);color:var(--bg)}}

.next-ev{margin-top:2rem;border-top:1px solid var(--line)}

.start-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2.25rem}
.start-3 a{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:170px;padding:1.4rem;border-radius:var(--r);background:var(--bg);color:var(--ink);text-decoration:none;transition:transform .2s var(--ease-out),background-color .2s ease}
.start-3 a:active{transform:scale(.98)}
.start-3 b{font-family:var(--kz-display);font-weight:700;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.2}
.start-3 span{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;color:var(--green-d)}
.start-3 span i{font-size:1.3rem;transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.start-3 a:hover{background:var(--yellow)}.start-3 a:hover span{color:var(--ink)}.start-3 a:hover span i{transform:translateX(4px)}}

/* ==================================================================
   UNTERSEITEN: vollflächiger Kopf
   ================================================================== */
.hero-x{position:relative;min-height:min(calc(100dvh - var(--nav-h)),820px);display:flex;align-items:flex-end;color:var(--on-dark);isolation:isolate;overflow:hidden}
.hero-x>.pic,.hero-x>.bgimg{position:absolute;inset:0;border-radius:0;z-index:-2}
.hero-x>.bgimg{width:100%;height:100%;object-fit:cover}
.hero-x>.pic[data-label]::after{top:1.25rem;bottom:auto;left:auto;right:var(--gut);max-width:340px}
.hero-x::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(10deg,rgba(35,39,27,.9) 10%,rgba(35,39,27,.4) 55%,rgba(35,39,27,.08))}
.hero-x .wrap{width:100%;padding-block:clamp(2.5rem,2rem + 3vw,5rem)}
.hero-x .crumbs{font-size:.9rem;color:var(--on-dark-2)}
.hero-x .crumbs a{color:var(--on-dark);text-underline-offset:.25em}
.hero-x .lockup{margin-top:1.4rem;color:var(--on-dark)}
.hero-x .lockup .logofeld{background:var(--bg);color:var(--g1)}
.hero-x h1{margin-top:1.5rem;color:var(--on-dark);font-size:var(--fs-display);line-height:1;letter-spacing:-.025em;max-width:15ch}
.hero-x .lead{margin-top:1.3rem;color:var(--on-dark-2);max-width:48ch}
.hero-x .btns{margin-top:1.9rem}
.hero-x .copy>*{animation:up .8s var(--ease-out) both}
.hero-x .copy>*:nth-child(2){animation-delay:.05s}.hero-x .copy>*:nth-child(3){animation-delay:.1s}.hero-x .copy>*:nth-child(4){animation-delay:.15s}.hero-x .copy>*:nth-child(5){animation-delay:.2s}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@keyframes swap{from{opacity:0;transform:translateY(8px);filter:blur(3px)}}

.p-head{padding-top:clamp(2rem,1.5rem + 2.5vw,4rem)}
.crumbs{font-size:.9rem;color:var(--g1)}
.crumbs a{text-underline-offset:.25em}

/* Fünf Schritte mit Linie (So arbeiten wir) */
.flow{position:relative;margin-top:clamp(2.5rem,2rem + 2vw,3.5rem)}
.flow-line{position:absolute;left:0;right:0;top:19px;height:14px;pointer-events:none}
.flow-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.flow-steps.four{grid-template-columns:repeat(4,1fr)}
.flow-step{text-align:left;min-height:44px}
.flow-step .dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg);border:2px solid var(--green-d);font-family:var(--kz-display);font-weight:700;color:var(--green-d);
  transition:background-color .25s ease,color .25s ease,transform .25s var(--ease-out)}
.flow-step:active .dot{transform:scale(.94)}
.flow-step[aria-selected="true"] .dot{background:var(--green-d);color:var(--on-dark)}
.flow-step b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.25rem;margin-top:1rem}
.flow-out{margin-top:2rem;padding:1.4rem 1.5rem;border-radius:var(--r);background:var(--mist);max-width:720px}
.mist .flow-out{background:var(--bg)}
.mist .flow-step .dot{background:var(--mist)}
.flow-step[aria-selected="true"] .dot,.mist .flow-step[aria-selected="true"] .dot{background:var(--green-d);color:var(--on-dark)}
.flow-out p{font-size:1.15rem;color:var(--ink)}
.flow-out.swap{animation:swap .45s var(--ease-out)}

/* Treppe */
.stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:end;margin-top:clamp(2.5rem,2rem + 2vw,3.5rem)}
.stair{display:flex;flex-direction:column;justify-content:flex-end;text-align:left;padding:1.25rem;border-radius:var(--r);background:var(--bg);transform-origin:bottom;transition:background-color .25s ease,color .25s ease}
.stair:nth-child(1){min-height:170px}.stair:nth-child(2){min-height:240px}.stair:nth-child(3){min-height:310px}.stair:nth-child(4){min-height:380px}
.stair b{display:block;font-family:var(--kz-display);font-weight:700;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);line-height:1.15}
.stair span{display:block;margin-top:.35rem;font-size:.9rem;color:var(--g1)}
.stair[aria-selected="true"]{background:var(--green-d);color:var(--on-dark)}
.stair[aria-selected="true"] span{color:var(--on-dark-2)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .stair{animation:rise linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
}}
@keyframes rise{from{transform:scaleY(.45);opacity:.3}to{transform:none;opacity:1}}
.stair-out{margin-top:1.25rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem;padding:clamp(1.4rem,1.2rem + 1vw,2rem);border-radius:var(--r);background:var(--bg)}
.stair-out.swap{animation:swap .5s var(--ease-out)}
.offers li{border-bottom:1px solid var(--line)}
.offers li a,.offers li>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.6rem 0;text-decoration:none}
.offers li b{font-family:var(--kz-display);font-weight:600}
.offers li span{font-size:.9rem;color:var(--g1);text-align:right;display:inline-flex;align-items:center;gap:.4rem}
@media (hover:hover){.offers li a:hover b{text-decoration:underline;text-underline-offset:.25em}}
.dark-ui .offers li{border-color:var(--line-on-dark)}
.dark-ui .offers li span{color:var(--on-dark-2)}

.learn{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem 2rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.learn li{padding-top:1rem;border-top:2px solid var(--green)}
.learn li p{font-size:1.08rem;color:var(--ink);font-weight:500}

/* Nächster Schritt (Markengrün, nur große Schrift) */
.cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:clamp(1.75rem,1.4rem + 2vw,3rem);border-radius:var(--r);background:var(--green-d);color:var(--on-dark)}
.cta-band h2{color:var(--on-dark);font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:800;line-height:1.08;letter-spacing:-.015em;max-width:20ch}
.cta-band p{margin-top:.85rem;color:var(--on-dark);font-size:1.2rem;font-weight:500;max-width:46ch}
.cta-band .btns{justify-content:flex-end}
.cta-band .btn-ghost{color:var(--on-dark)}

/* Journey (Kompetenzhunde) */
.journey-pick{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}
.track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}
.track::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--g4)}
.track-fill{position:absolute;left:0;top:11px;height:3px;background:var(--green-d);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease-io)}
.station{position:relative;padding-top:2.2rem}
.station::before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:2px solid var(--g2);transition:background-color .3s ease,border-color .3s ease,transform .3s var(--ease-out)}
.station b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.15rem;color:var(--g1)}
.station p{margin-top:.35rem;font-size:.95rem;color:var(--g1)}
.station.on b{color:var(--ink)}
.station.on::before{background:var(--green-d);border-color:var(--green-d)}
.station.goal::before{background:var(--yellow);border-color:var(--yellow);transform:scale(1.15)}
.agency{margin-top:2rem;display:flex;gap:1rem;align-items:center;padding:1.1rem 1.25rem;border-radius:var(--r);border:1.5px dashed var(--g2);transition:background-color .3s ease,border-color .3s ease}
.agency.on{background:var(--mist);border-style:solid;border-color:var(--green-d)}
.agency b{font-family:var(--kz-display);font-weight:700}
.journey-note{margin-top:1.25rem;min-height:3.2em;font-size:1.1rem;color:var(--ink)}
.journey-note.swap{animation:swap .45s var(--ease-out)}

.who{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.25rem;border-top:1px solid var(--line)}
.who>div{padding:1.5rem 1.5rem 1.5rem 0}
.who>div+div{padding-left:1.5rem;border-left:1px solid var(--line)}
.who b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.3rem}
.who p{margin-top:.5rem;color:var(--g1)}

.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(160px,auto);gap:.75rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.bento>*{border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end}
.bento .b-text{background:var(--mist)}
.mist .bento .b-text{background:var(--bg)}
.bento .b-dark{background:var(--green-d);color:var(--on-dark)}
.bento .b-dark h3{color:var(--on-dark)} .bento .b-dark p{color:var(--on-dark-2)}
.bento h3{font-size:1.3rem}
.bento p{margin-top:.45rem;color:var(--g1);font-size:.97rem}
.bento .pic{padding:0}
.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:span 4}.row2{grid-row:span 2}

.doors{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.door{position:relative;min-height:380px;border-radius:var(--r);overflow:hidden;text-align:left;color:var(--on-dark);isolation:isolate;transition:transform .2s var(--ease-out)}
.door:active{transform:scale(.99)}
.door .pic{position:absolute;inset:0;border-radius:0;z-index:-2;transition:transform .9s var(--ease-out)}
.door .pic[data-label]::after{top:1rem;bottom:auto;right:4.5rem}
.door::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(35,39,27,.85),rgba(35,39,27,.1))}
.door-in{position:absolute;left:0;right:0;bottom:0;padding:1.75rem}
.door b{display:block;font-family:var(--kz-display);font-weight:800;font-size:clamp(1.9rem,1.4rem + 1.8vw,3rem);line-height:1;letter-spacing:-.02em}
.door span.d{display:block;margin-top:.6rem;color:var(--on-dark-2);max-width:34ch}
.door .open-i{position:absolute;top:1.1rem;right:1.1rem;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-size:1.2rem;transition:transform .3s var(--ease-out)}
.door[aria-expanded="true"] .open-i{transform:rotate(45deg)}
.door[aria-expanded="true"]{outline:3px solid var(--yellow);outline-offset:-3px}
@media (hover:hover) and (pointer:fine){.door:hover .pic{transform:scale(1.03)}}
.door-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-io)}
.door-panel>div{overflow:hidden;min-height:0}
.door-panel.open{grid-template-rows:1fr}
.door-panel-in{margin-top:.75rem;padding:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);border-radius:var(--r);background:var(--mist);display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.door-panel h3{font-size:var(--fs-h2);font-weight:700}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.tags span{padding:.4rem .8rem;border-radius:999px;background:var(--bg);font-weight:600;font-size:.9rem}

.verbs{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:1px solid var(--line)}
.verb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;align-items:baseline;padding:clamp(1.4rem,1rem + 1.5vw,2.25rem) 0;border-bottom:1px solid var(--line)}
.verb b{font-family:var(--kz-display);font-weight:800;font-size:clamp(2rem,1.4rem + 2.4vw,3.6rem);letter-spacing:-.022em;line-height:1;color:var(--g2);transition:color .5s ease}
.verb p{color:var(--g1);max-width:46ch}
.verb.on b{color:var(--green-d)}

.acc{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:1px solid var(--line)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;width:100%;min-height:64px;text-align:left;padding:1.1rem 0}
.acc-h b{font-family:var(--kz-display);font-weight:700;font-size:clamp(1.25rem,1.05rem + .9vw,1.85rem)}
.acc-h i{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:1.05rem;transition:transform .3s var(--ease-out),background-color .2s ease,color .2s ease}
.acc-item.open .acc-h i{transform:rotate(45deg);background:var(--ink);color:var(--bg)}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out)}
.acc-b>div{overflow:hidden;min-height:0}
.acc-item.open .acc-b{grid-template-rows:1fr}
.acc-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;padding-bottom:1.6rem}
.acc-in p{color:var(--g1)}
.acc-in dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.25rem;font-size:.95rem;align-content:start}
.acc-in dt{color:var(--g1)} .acc-in dd{margin:0;font-weight:600}

.why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.why-words{display:flex;flex-direction:column;align-items:flex-start}
.why-word{min-height:48px;font-family:var(--kz-display);font-weight:800;font-size:clamp(1.9rem,1.35rem + 2.2vw,3.3rem);letter-spacing:-.022em;line-height:1.12;color:rgba(246,244,238,.62);transition:color .25s ease,transform .35s var(--ease-out);text-align:left}
.why-word[aria-selected="true"]{color:var(--on-dark);transform:translateX(.35rem)}
@media (hover:hover){.why-word:hover{color:var(--on-dark)}}
.why-out{padding:clamp(1.5rem,1.2rem + 1vw,2.25rem);border-radius:var(--r);background:rgba(246,244,238,.08);border:1px solid var(--line-on-dark)}
.why-out small{font-weight:600;color:var(--on-dark-2);font-size:.9rem}
.why-out p{margin-top:.6rem;font-family:var(--kz-display);font-weight:700;font-size:clamp(1.3rem,1.1rem + .8vw,1.9rem);line-height:1.25;color:var(--on-dark)}
.why-out.swap{animation:swap .45s var(--ease-out)}

.logo-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.logo-row span{display:grid;place-items:center;height:56px;min-width:140px;padding:0 1rem;border-radius:8px;border:1px dashed var(--g2);color:var(--g1);font-size:.85rem;font-weight:500}

.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.f{display:flex;flex-direction:column;gap:.4rem}
.f.full{grid-column:1/-1}
.f label{font-size:.9rem;font-weight:600;color:var(--g1)}
.f input,.f textarea,.f select{min-height:48px;border:1.5px solid var(--g2);border-radius:10px;background:#FBFAF6;padding:.8rem 1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:var(--ink);width:100%}
.f input::placeholder,.f textarea::placeholder{color:var(--g2)}
.f input:focus,.f textarea:focus,.f select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(115,128,83,.35)}
.f textarea{min-height:120px;resize:vertical}
.f .help{font-size:.85rem;color:var(--g1)}
.f .err{font-size:.875rem;font-weight:600;color:#8A2F0E;display:none}
.f.invalid input,.f.invalid textarea{border-color:#8A2F0E}
.f.invalid .err{display:block}
.f.check label{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;min-height:44px}
.f.check label>span{min-width:0;overflow-wrap:break-word}
.f.check input{width:20px;height:20px;min-height:0;margin-top:.15rem;flex:none}
.form-ok{display:none;padding:1rem 1.2rem;border-radius:10px;background:var(--mist);font-weight:600;color:var(--green-d)}
.form-ok.show{display:block;animation:swap .45s var(--ease-out)}

.rail-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;flex-wrap:wrap}
.tour{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,36%);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:2rem;
  padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);scroll-padding-inline:var(--gut);cursor:grab}
.tour.drag{cursor:grabbing;scroll-snap-type:none}
.tour::-webkit-scrollbar{display:none}
.tour figure{margin:0;scroll-snap-align:start}
.tour .pic{aspect-ratio:4/5}
.tour figcaption{margin-top:.7rem}
.tour figcaption b{font-family:var(--kz-display);font-weight:700;font-size:1.1rem;display:block}
.tour figcaption span{font-size:.95rem;color:var(--g1)}

.compare{position:relative;aspect-ratio:16/8;border-radius:var(--r);overflow:hidden;margin-top:clamp(2rem,1.5rem + 2vw,3rem);touch-action:pan-y;user-select:none}
.compare .pic{position:absolute;inset:0;border-radius:0}
.compare .after{clip-path:inset(0 0 0 var(--pos,50%))}
.compare .lbl{position:absolute;top:1rem;z-index:2;padding:.45rem .85rem;border-radius:999px;font-weight:600;font-size:.9rem}
.compare .lbl.l{left:1rem;background:var(--bg);color:var(--ink)}
.compare .lbl.r{right:1rem;background:var(--yellow);color:var(--ink)}
.compare .handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;margin-left:-1px;background:var(--bg);z-index:2;pointer-events:none}
.compare .knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--bg);color:var(--ink);display:grid;place-items:center;font-size:1.25rem;box-shadow:0 4px 8px rgba(35,39,27,.25)}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}
.compare:focus-within .knob{outline:3px solid var(--yellow);outline-offset:2px}
.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}
.reasons li{padding-top:1rem;border-top:2px solid var(--green)}
.reasons b{font-family:var(--kz-display);font-weight:700;font-size:1.15rem;display:block}
.reasons p{margin-top:.4rem;color:var(--g1);font-size:.97rem}

.ev-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;margin-top:2rem}
.ev-list{margin-top:1rem}
.ev{display:grid;grid-template-columns:5rem minmax(0,1fr) auto auto;gap:1.25rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--line);animation:swap .45s var(--ease-out) both}
.ev .dt{text-align:center;line-height:1;padding:.75rem 0;border-radius:10px;background:var(--mist)}
.mist .ev .dt{background:var(--bg)}
.ev .dt b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.6rem}
.ev .dt small{font-size:.78rem;font-weight:600;color:var(--g1)}
.ev h3{font-size:1.2rem}
.ev .meta{font-size:.95rem;color:var(--g1);margin-top:.2rem}
.ev .tag{padding:.35rem .75rem;border-radius:999px;background:var(--mist);font-size:.85rem;font-weight:600;color:var(--green-d);white-space:nowrap}
.mist .ev .tag{background:var(--bg)}
.ev .tag.free{background:var(--yellow);color:var(--ink)}
.ev .btn-ghost{min-height:44px;padding:.55rem 1rem;font-size:.92rem}
.ev-empty{padding:2rem 0;color:var(--g1)}

.team-tools{margin-top:2rem}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 1rem;margin-top:2rem}
.member{transition:opacity .25s ease,transform .25s var(--ease-out)}
.member.hide{display:none}
.member.fade{opacity:0;transform:scale(.97)}
.member .pic{aspect-ratio:4/5}
.member b{display:block;font-family:var(--kz-display);font-weight:700;margin-top:.75rem}
.member span{display:block;font-size:.95rem;color:var(--g1)}
.ssot{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;border-top:1px solid var(--line)}
.ssot>div{padding:1.4rem 1.25rem 1.4rem 0;border-bottom:1px solid var(--line)}
.ssot>div:not(:nth-child(3n+1)){padding-left:1.25rem;border-left:1px solid var(--line)}
.ssot b{display:block;font-family:var(--kz-display);font-weight:700;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);font-variant-numeric:tabular-nums}
.ssot span{display:block;color:var(--g1);font-size:.95rem;margin-top:.25rem}
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
.contact dl{margin:1.5rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.25rem}
.contact dt{color:var(--g1);display:flex;align-items:center;gap:.4rem}
.contact dd{margin:0;font-weight:600}

.finder{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:start;margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.fq{padding:1.6rem 0;border-top:1px solid var(--line)}
.fq[hidden]{display:none}
.fq.enter{animation:swap .5s var(--ease-out)}
.fq>p{font-weight:600;font-size:1.1rem;margin-bottom:1rem;display:flex;gap:.6rem;align-items:baseline}
.fq>p span.n{font-family:var(--kz-display);font-weight:700;color:var(--green-d)}
.fopts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.fopt{text-align:left;min-height:64px;padding:1rem 1.1rem;border-radius:var(--r);border:1.5px solid var(--g3);background:transparent;transition:border-color .2s ease,background-color .2s ease,transform .16s var(--ease-out)}
.fopt:active{transform:scale(.98)}
.fopt b{display:block;font-family:var(--kz-display);font-weight:700;font-size:1.05rem;line-height:1.25}
.fopt span{display:block;font-size:.9rem;color:var(--g1);margin-top:.2rem}
.fopt[aria-pressed="true"]{border-color:var(--green-d);background:var(--mist);box-shadow:inset 0 0 0 1px var(--green-d)}
@media (hover:hover){.fopt:hover{border-color:var(--ink)}}
.fresult{position:sticky;top:calc(var(--nav-h) + 1.5rem);padding:clamp(1.5rem,1.2rem + 1vw,2.25rem);border-radius:var(--r);background:var(--green-d);color:var(--on-dark);min-height:420px;display:flex;flex-direction:column;scroll-margin-top:calc(var(--nav-h) + 1rem)}
.fresult>div{display:flex;flex-direction:column;flex:1}
.fresult>div.swap{animation:swap .5s var(--ease-out)}
.fresult small{font-weight:600;color:var(--on-dark-2);font-size:.9rem}
.fresult h2{color:var(--on-dark);font-size:var(--fs-h2);font-weight:700;margin-top:.5rem}
.fresult p{margin-top:.75rem;color:var(--on-dark-2)}
.fresult ul{margin-top:1.25rem}
.fchoices{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.fchoices span{padding:.35rem .75rem;border-radius:999px;background:rgba(246,244,238,.12);font-size:.85rem;font-weight:600}
.fresult .btns{margin-top:auto;padding-top:1.5rem}
.freset{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-top:.5rem;font-weight:600;color:var(--green-d)}

/* ==================================================================
   FOOTER (Grün Dunkel)
   ================================================================== */
.foot{background:var(--green-d);color:var(--on-dark-2);padding-top:clamp(3.5rem,2.5rem + 4vw,6rem)}
.foot a{text-decoration:none;display:inline-flex;align-items:center;min-height:36px;transition:color .2s ease}
@media (hover:hover){.foot a:hover{color:var(--yellow)}}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:clamp(2.5rem,2rem + 2vw,4rem);border-bottom:1px solid var(--line-on-dark)}
.foot-top p{font-family:var(--kz-display);font-weight:800;font-size:clamp(1.7rem,1.2rem + 2vw,3rem);line-height:1.08;letter-spacing:-.015em;color:var(--on-dark);max-width:20ch}
.foot-cols{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2rem;padding-block:2.75rem}
.foot-h{font-family:var(--kz-text);font-size:.95rem;font-weight:600;color:var(--on-dark);margin:0 0 .6rem;letter-spacing:0;line-height:1.4}
.foot-cols li{font-size:.97rem}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.4rem 2rem;border-top:1px solid var(--line-on-dark);font-size:.9rem}
.foot-bot nav{display:flex;gap:1.5rem}

/* ==================================================================
   BEWEGUNG REDUZIEREN: Zustände bleiben, Bewegung entfällt
   ================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .map,.mapbox .map{transition:none}
  .pin.on i::after{animation:none}
  .hero-x .copy>*,.fhero .copy>*,.swap,.enter,.ev,.try-panel.enter{animation:fade .25s ease both!important}
  .btn:active,.btn-ghost:active,.chip:active,.fopt:active,.door:active,.try-world:active,.start-3 a:active{transform:none}
  .why-word[aria-selected="true"],.try-world[aria-selected="true"] .pic,.try-world:hover .pic,.door:hover .pic{transform:none}
  .door-panel,.acc-b{transition:none}
}
@keyframes fade{from{opacity:0}}

/* ==================================================================
   RESPONSIVE
   ================================================================== */
@media (max-width:1199px){
  .menu{display:none} .burger{display:grid}
  .nav-cta{margin-left:auto;padding:.65rem 1rem;font-size:.92rem}
}
@media (max-width:1023px){
  .rail-st{display:none}
  .where-grid,.try-panel,.stair-out,.why,.contact,.finder,.acc-in,.door-panel-in,.verb,.voice-wrap{grid-template-columns:1fr}
  .try-side{min-height:240px}
  .method ol{grid-template-columns:repeat(3,1fr);row-gap:2rem}
  .method-line{display:none}
  .mosaic{grid-auto-rows:clamp(140px,22vw,200px)}
  .m1{grid-column:1/13;grid-row:span 2}.m2{grid-column:1/7}.m3{grid-column:7/13}.m4{grid-column:1/7;grid-row:span 1}.m5{grid-column:7/13;grid-row:span 1}
  .stairs{grid-template-columns:repeat(2,1fr)}
  .stair:nth-child(n){min-height:150px}
  .learn{grid-template-columns:1fr 1fr}
  .who{grid-template-columns:1fr}
  .who>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento>*{grid-column:span 1!important}
  .bento .wide-m{grid-column:span 2!important}
  .team{grid-template-columns:repeat(3,1fr)}
  .reasons{grid-template-columns:1fr 1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .tour{grid-auto-columns:minmax(260px,46%)}
  .fresult{position:static;min-height:0}
  .start-3{grid-template-columns:1fr}
  .start-3 a{min-height:0;flex-direction:row;align-items:center}
}
@media (max-width:767px){
  .nav-cta{display:none}
  .thumb-cta{display:block}
  .fstep-s{align-items:flex-end;padding:2rem 0 5.5rem}
  .fstep-s.hero{padding-bottom:6rem}
  .flight-stage::after,.flight[data-step="0"] .flight-stage::after{background:linear-gradient(0deg,rgba(35,39,27,.88) 0%,rgba(35,39,27,.25) 60%)}
  .fcard{width:100%}
  .pin span{font-size:.72rem}
  .labels .pin:not(.on) span{display:none}
  .facts-strip{gap:.5rem 1.25rem}
  .facts-strip b{font-size:1.2rem}
  .try-worlds{grid-template-columns:1fr}
  .try-world{min-height:120px}
  .try-steps,.try-steps.two{grid-template-columns:1fr;gap:.9rem}
  .method ol{grid-template-columns:1fr 1fr}
  .flow-steps,.flow-steps.four{grid-template-columns:1fr;gap:.6rem}
  .flow-step{display:flex;align-items:center;gap:1rem}
  .flow-step b{margin-top:0}
  .flow-line{display:none}
  .stairs,.learn,.reasons,.ssot,.doors,.form,.fopts{grid-template-columns:1fr}
  .ssot>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .team{grid-template-columns:1fr 1fr}
  .cta-band{grid-template-columns:1fr}
  .cta-band .btns{justify-content:flex-start}
  .track{grid-template-columns:1fr;gap:1.4rem}
  .track::before,.track-fill{display:none}
  .station{padding:0 0 0 2.2rem}
  .ev{grid-template-columns:4rem minmax(0,1fr);gap:.9rem}
  .ev .tag,.ev .btn-ghost{grid-column:2;justify-self:start}
  .compare{aspect-ratio:4/5}
  .foot-cols{grid-template-columns:1fr}
  .door{min-height:280px}
  .tour{grid-auto-columns:80%}
  .mapbox{aspect-ratio:4/5}
  .map-info{position:relative;left:auto;bottom:auto;width:auto;margin-top:.75rem;box-shadow:none;border:1px solid var(--line)}
  .founder-by .btn-ghost{margin-left:0}
  .hero-x{min-height:calc(100dvh - var(--nav-h) - 3rem)}
  body{padding-bottom:4.5rem}
}

/* ---------- Ergänzungen ---------- */
.method ol::before{content:"";position:absolute;left:0;right:0;top:17px;height:2px;background:var(--line-on-dark)}
.dark-ui .link,.fresult .link{color:var(--on-dark)}
.map-wrap{position:relative}
.mapbox .pin span{opacity:0}
[data-mapbox] .pin span,.mapbox.labels .pin span,.mapbox .pin.on span{opacity:1;transform:none}
@media (max-width:1023px){.method ol::before{display:none}}
.duo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.duo>.pic{aspect-ratio:4/5}
@media (max-width:1023px){.duo{grid-template-columns:1fr}.duo>.pic{max-width:460px}}
.pin{transform:translate(-7px,-50%);transform-origin:7px 50%}
.map-ui .pin button{padding:0}
@media (min-width:768px){.fstep-s.right .wrap{display:flex;justify-content:flex-end;padding-right:calc(var(--gut) + 3.5rem)}}
@media (min-width:768px){.fstep-s.right .wrap{padding-right:calc(var(--gut) + 9.5rem)}}
.flight[data-right] .flight-stage::after{background:linear-gradient(270deg,rgba(35,39,27,.72) 0%,rgba(35,39,27,.25) 42%,rgba(35,39,27,0) 65%),linear-gradient(0deg,rgba(35,39,27,.55) 0%,rgba(35,39,27,0) 35%)}
.f select{max-width:100%;min-width:0}
@media (max-width:1023px){.contact,.finder,.where-grid,.try-panel,.duo,.why,.stair-out,.acc-in,.door-panel-in,.verb,.voice-wrap{grid-template-columns:minmax(0,1fr)}}
.form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:767px){.form,.fopts{grid-template-columns:minmax(0,1fr)}}
.pin.flip,.map-ui .pin.flip button{flex-direction:row-reverse}
.pin.flip{transform:translate(calc(-100% + 7px),-50%);transform-origin:calc(100% - 7px) 50%}
@media (max-width:767px){[data-mapbox]{aspect-ratio:16/11}}
.kh-logo{width:clamp(150px,12vw + 80px,230px);height:auto;flex:none}


/* ==================================================================
   ELEMENTOR-ANPASSUNGEN (MB Design Creation)
   ================================================================== */
/* Schriften fest gesetzt, falls ein Plugin Variablen überschreibt */
.statement,.founder-q,.foot-top p,.fhero h1,.fcard h2,h1,h2,h3,h4{font-family:'Schibsted Grotesk',system-ui,sans-serif}

/* Header klebt oben (Theme Builder) */
.elementor-location-header{position:sticky;top:0;z-index:50}
.nav{position:relative}
/* Elementor-Editor: versteckte Inhalte sichtbar, damit man sie bearbeiten kann */
.elementor-editor-active .thumb-cta{display:none!important}
/* Farbklassen für Headings */
.c-green{color:var(--green)}.c-green-d{color:var(--green-d)}.c-yellow{color:var(--yellow)}.c-g2{color:var(--g2)}.c-paper-72{color:rgba(246,244,238,.72)}
/* Bilder in HTML-Widgets: ohne Platzhalter-Beschriftung, sobald ein Foto drin ist */
.pic[style*="url("]::after{display:none}
.pic[style*="url("]{background-size:cover;background-position:center}
/* Namenszeilen ohne <cite> (Elementor-sicher) */
.voice .who{display:block;margin-top:1rem;font-weight:600}
.voice .who span{font-weight:400;color:var(--g1)}
.founder-by .who{font-weight:600;font-size:1.05rem}
.founder-by .who span{display:block;font-weight:400;color:var(--g1);font-size:.95rem}/* End custom CSS */