@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
src:url("../fonts/archivo-latin.woff2") format("woff2-variations"),url("../fonts/archivo-latin.woff2") format("woff2");
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:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
src:url("../fonts/archivo-latin-ext.woff2") format("woff2-variations"),url("../fonts/archivo-latin-ext.woff2") format("woff2");
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--ink:#0b1721; --nacht:#0e1e2b; --nacht-2:#132a3a; --stahl:#1b3a4f;
--blau:#2b5672; --blau-2:#3b7298; --himmel:#8fc0e0; --eis:#e7f0f6;
--signal:#ffb21e; --signal-2:#ffc857; --signal-ink:#1b1300;
--papier:#f3f6f8; --weiss:#ffffff; --text:#0f1b24; --grau:#4a5a66; --grau-d:#a9bccb;
--linie:#d6dfe6; --linie-d:rgba(255,255,255,.13);
--ok:#17803f; --fehler:#b3261e;
--r:20px; --r-s:12px;
--schatten:0 24px 60px -28px rgba(9,25,38,.45);
--f:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--kopf:76px;
--rand:clamp(16px,4vw,32px);
--breite:1200px;
--ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--kopf) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font-family:var(--f);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--weiss);
font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg,video{max-width:100%;height:auto;display:block}
a,button,summary,label,[role=button]{touch-action:manipulation}
a{color:var(--blau);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--blau-2)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.05;letter-spacing:-.01em}
h1,h2,.gross{font-stretch:72%;font-weight:850;text-transform:uppercase}
h1{font-size:clamp(2.6rem,9vw,6.4rem);line-height:.92}
h2{font-size:clamp(2rem,5.6vw,3.9rem);line-height:.95}
h3{font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:750;font-stretch:88%}
strong{font-weight:700}
.h3{font-size:clamp(1.2rem,2.2vw,1.45rem)!important;font-weight:750!important;font-stretch:88%!important;text-transform:none!important;line-height:1.1!important}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:6px}
.dunkel :focus-visible{outline-color:var(--signal-2)}
::selection{background:var(--signal);color:var(--signal-ink)}
.nur-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprung{position:fixed;left:12px;top:-80px;z-index:200;background:var(--signal);color:var(--signal-ink);padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none}
.sprung:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--breite) + 2*var(--rand));margin-inline:auto;padding-inline:var(--rand)}
.schmal{max-width:calc(820px + 2*var(--rand))}
.abschnitt{padding-block:clamp(64px,10vw,128px);position:relative}
.abschnitt--eng{padding-block:clamp(44px,7vw,80px)}
.hell{background:var(--papier)}
.dunkel{background:var(--nacht);color:#fff}
.dunkel a{color:var(--himmel)}
.dunkel p,.dunkel li{color:#d5e2ec}
.kicker{display:inline-flex;align-items:center;gap:.6em;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blau);margin:0 0 1rem}
.kicker::before{content:"";width:28px;height:3px;border-radius:3px;background:currentColor}
.dunkel .kicker{color:var(--signal)}
.lead{font-size:clamp(1.12rem,1.9vw,1.35rem);line-height:1.55;color:var(--grau);max-width:62ch}
.dunkel .lead{color:#cfdde8}
.text-signal{color:var(--signal)}
.mitte{text-align:center}
.mitte .lead{margin-inline:auto}
.knopf{--k-bg:var(--signal);--k-fg:var(--signal-ink);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:.85em 1.4em;
border-radius:999px;border:2px solid var(--k-bg);background:var(--k-bg);color:var(--k-fg);font:inherit;font-weight:750;font-size:1.02rem;letter-spacing:.01em;
text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 160ms var(--ease-out),box-shadow .3s var(--ease-out),background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.knopf:hover{color:var(--k-fg)}
.knopf:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.knopf:hover{box-shadow:0 14px 30px -14px rgba(255,178,30,.75);filter:brightness(1.04)}}
.knopf svg{width:1.2em;height:1.2em;flex:none}
.knopf--rand{--k-bg:transparent;--k-fg:var(--text);border-color:currentColor}
.knopf--rand:hover{box-shadow:none}
@media (hover:hover) and (pointer:fine){.knopf--rand:hover{background:rgba(15,27,36,.06)}}
.dunkel .knopf--rand,.held .knopf--rand,.seitenkopf .knopf--rand,.knopf--hell{--k-fg:#fff;color:#fff}
.held .knopf--rand:hover,.seitenkopf .knopf--rand:hover{background:rgba(255,255,255,.08);color:#fff}
.dunkel .knopf--rand:hover{background:rgba(255,255,255,.08);color:#fff}
.knopf--blau{--k-bg:var(--blau);--k-fg:#fff}
@media (hover:hover) and (pointer:fine){.knopf--blau:hover{box-shadow:0 14px 30px -14px rgba(43,86,114,.8)}}
.knopf--klein{min-height:44px;padding:.55em 1.05em;font-size:.95rem}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pfeil-link{display:inline-flex;align-items:center;gap:.45em;min-height:44px;font-weight:750;text-decoration:none}
.pfeil-link::after{content:"→";transition:transform .2s}
.pfeil-link:hover::after{transform:translateX(4px)}
.strasse{position:fixed;left:0;right:0;top:0;height:5px;z-index:120;pointer-events:none;background:var(--nacht)}
.strasse::before{content:"";position:absolute;left:0;right:0;top:2px;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 10px,transparent 10px 20px)}
.strasse__spur{position:absolute;left:0;top:0;height:100%;width:calc(var(--fortschritt,0)*100%);background:linear-gradient(90deg,var(--blau),var(--signal))}
.strasse__lkw{position:absolute;top:-1px;left:calc(var(--fortschritt,0)*(100% - 26px));width:26px;height:12px;color:var(--signal);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.kopf{position:fixed;inset:5px 0 auto 0;z-index:100;padding-top:10px;transition:transform .35s ease}
.kopf .wrap{max-width:calc(var(--breite) + 160px + 2*var(--rand))}
.kopf__insel{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(255,255,255,.92);
-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 10px 40px -18px rgba(9,25,38,.55),0 0 0 1px rgba(15,27,36,.06)}
.kopf__logo{display:inline-flex;align-items:center;flex:none;padding:6px 4px;border-radius:10px}
.kopf__logo img{width:146px;height:auto}
.kopf__nav{margin-left:auto}
.kopf__nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.kopf__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:650;font-size:.96rem;white-space:nowrap}
.kopf__nav a:hover{background:var(--eis)}
.kopf__nav a[aria-current="page"],.kopf__nav a.aktiv{background:var(--nacht);color:#fff}
.kopf__aktion{display:flex;gap:8px;align-items:center}
.kopf__tel{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:700;white-space:nowrap}
.kopf__tel:hover{background:var(--eis);color:var(--text)}
.kopf__tel svg{width:20px;height:20px}
.menue-knopf{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;border:0;border-radius:999px;background:var(--nacht);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.menue-knopf__striche{position:relative;width:18px;height:12px}
.menue-knopf__striche::before,.menue-knopf__striche::after,.menue-knopf__striche span{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.menue-knopf__striche::before{top:0}.menue-knopf__striche span{top:5px}.menue-knopf__striche::after{top:10px}
.menue-offen .menue-knopf__striche::before{transform:translateY(5px) rotate(45deg)}
.menue-offen .menue-knopf__striche span{opacity:0}
.menue-offen .menue-knopf__striche::after{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:1180px){
.kopf__nav{display:none}
.menue-knopf{display:inline-flex}
.kopf__aktion{margin-left:auto}
.kopf__anfrage{display:none}
}
@media (max-width:520px){
.kopf__insel{padding-left:12px;gap:8px}
.kopf__logo img{width:118px}
.kopf__tel span{display:none}
.kopf__tel{padding:0;background:var(--signal);color:var(--signal-ink)}
.kopf__tel:hover{background:var(--signal-2)}
.menue-knopf__wort{display:none}
.menue-knopf{padding:0}
}
.menue{position:fixed;inset:0;z-index:110;background:var(--nacht);color:#fff;display:flex;flex-direction:column;overflow-y:auto;
padding:calc(var(--kopf) + 34px) var(--rand) 32px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,transform .3s ease,visibility 0s linear .3s}
.menue-offen .menue{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s ease}
.menue ul{list-style:none;margin:0;padding:0}
.menue__haupt a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--linie-d);color:#fff;text-decoration:none;
font-size:clamp(1.5rem,6.4vw,2.2rem);font-weight:820;font-stretch:76%;text-transform:uppercase;letter-spacing:.01em}
.menue__haupt a::after{content:"→";color:var(--signal);font-stretch:100%}
.menue__haupt a[aria-current="page"]{color:var(--signal)}
.menue__unter{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:4px 18px;margin-top:22px}
.menue__unter a{display:flex;align-items:center;min-height:44px;color:#cfe0ec;text-decoration:none;font-weight:600}
.menue__fuss{margin-top:auto;padding-top:28px;display:grid;gap:10px}
.menue__fuss .knopf{width:100%}
html.menue-offen,html.menue-offen body{overflow:hidden}
.menue-offen .kopf__insel{background:#fff}
.tore{position:fixed;inset:0;z-index:150;pointer-events:none;perspective:1700px;perspective-origin:50% 45%;overflow:hidden;visibility:hidden}
.tor{position:absolute;top:0;bottom:0;width:50.4%;transform-style:preserve-3d;backface-visibility:hidden;
background:
repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px,rgba(0,0,0,.18) 22px 24px,transparent 24px 46px),
linear-gradient(180deg,#24465d,#1a3446 55%,#132838);
box-shadow:inset 0 0 0 10px #10222f,inset 0 0 0 12px rgba(255,255,255,.07)}
.tor--l{left:0;transform-origin:left center}
.tor--r{right:0;transform-origin:right center}
.tor__riegel{position:absolute;top:6%;bottom:6%;width:12px;border-radius:6px;background:linear-gradient(90deg,#8a99a4,#e3e9ee 45%,#7d8b95);box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.tor--l .tor__riegel{right:16%}.tor--r .tor__riegel{left:16%}
.tor__riegel::before,.tor__riegel::after{content:"";position:absolute;left:-8px;width:28px;height:14px;border-radius:4px;background:#a8b4bd;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.tor__riegel::before{top:28%}.tor__riegel::after{bottom:28%}
.tor__griff{position:absolute;top:50%;width:46px;height:12px;border-radius:6px;background:#cfd8de;box-shadow:0 2px 0 rgba(0,0,0,.35)}
.tor--l .tor__griff{right:calc(16% - 40px)}.tor--r .tor__griff{left:calc(16% - 40px)}
.tor__band{position:absolute;left:10px;right:10px;bottom:7%;height:22px;background:repeating-linear-gradient(-45deg,#d11f2b 0 16px,#f4f6f7 16px 32px);opacity:.92}
.tor__schild{position:absolute;top:40%;transform:translateY(-50%);background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 12px 30px -12px rgba(0,0,0,.6);width:min(300px,62%)}
.tor--l .tor__schild{right:24%}
.tor--r .tor__schild{left:24%;width:auto;padding:12px 16px;font-weight:800;font-stretch:72%;text-transform:uppercase;font-size:clamp(.9rem,2vw,1.15rem);letter-spacing:.04em;color:var(--nacht)}
.tor__schild img{width:100%;height:auto}
.tor__fuge{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:rgba(0,0,0,.6);z-index:2}
.tor__licht{position:absolute;inset:0;background:radial-gradient(ellipse 30% 70% at 50% 50%,rgba(255,200,87,.55),transparent 70%);opacity:0}
html.tor-zu .tore{visibility:visible;animation:tore-weg 0s linear 2.35s forwards}
html.tor-zu .tor--l{animation:tor-auf-l 1.8s var(--ease-in-out) .45s both}
html.tor-zu .tor--r{animation:tor-auf-r 1.8s var(--ease-in-out) .45s both}
html.tor-zu .tor__licht{animation:licht 2s ease .4s both}
html.tor-zu .tor__fuge{animation:fuge .3s linear .55s both}
html.tor-schliesst .tore{visibility:visible;animation:none}
html.tor-schliesst .tor--l{animation:tor-zu-l .42s cubic-bezier(.5,0,.75,0) both}
html.tor-schliesst .tor--r{animation:tor-zu-r .42s cubic-bezier(.5,0,.75,0) both}
html.tor-schliesst .tor__fuge{opacity:1}
@keyframes tor-auf-l{from{transform:rotateY(0)}to{transform:rotateY(-108deg)}}
@keyframes tor-auf-r{from{transform:rotateY(0)}to{transform:rotateY(108deg)}}
@keyframes tor-zu-l{from{transform:rotateY(-100deg)}to{transform:rotateY(0)}}
@keyframes tor-zu-r{from{transform:rotateY(100deg)}to{transform:rotateY(0)}}
@keyframes tore-weg{to{visibility:hidden}}
@keyframes licht{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes fuge{to{opacity:0}}
@media (prefers-reduced-motion:reduce){.tore{display:none!important}}
.held{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:#fff;
padding:calc(var(--kopf) + 48px) 0 56px;isolation:isolate}
.held::before{content:"";position:absolute;inset:0;z-index:-3;background:
radial-gradient(70% 55% at 78% 30%,rgba(59,114,152,.55),transparent 70%),
radial-gradient(50% 45% at 15% 85%,rgba(255,178,30,.14),transparent 70%),
linear-gradient(180deg,#0b1721 0%,#0f2231 60%,#0b1721 100%)}
.held__strasse{position:absolute;left:-30%;right:-30%;bottom:-6%;height:62%;z-index:-2;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;
background:
linear-gradient(90deg,transparent 0 calc(50% - 7px),rgba(255,214,120,.85) calc(50% - 7px) calc(50% + 7px),transparent calc(50% + 7px)) 0 0/100% 140px,
linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.35) 18% calc(18% + 4px),transparent calc(18% + 4px) calc(82% - 4px),rgba(255,255,255,.35) calc(82% - 4px) 82%,transparent 82%),
linear-gradient(180deg,#0e1d29,#16293a);
-webkit-mask:linear-gradient(180deg,transparent 0%,#000 45%);mask:linear-gradient(180deg,transparent 0%,#000 45%)}
.held__strasse::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 70px,#14273a 70px 140px);
-webkit-mask:linear-gradient(90deg,transparent calc(50% - 8px),#000 calc(50% - 8px) calc(50% + 8px),transparent calc(50% + 8px));
mask:linear-gradient(90deg,transparent calc(50% - 8px),#000 calc(50% - 8px) calc(50% + 8px),transparent calc(50% + 8px));animation:fahren 1.1s linear infinite}
@keyframes fahren{from{background-position:0 0}to{background-position:0 140px}}
.held__film{position:absolute;inset:0;z-index:-2;background:#0b1721 url(../film/autobahn.webp) 50% 50%/cover no-repeat}
.held__film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s var(--ease-out)}
.held__film.laeuft video{opacity:1}
.held__film::after{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(11,23,33,.94) 0%,rgba(11,23,33,.84) 38%,rgba(11,23,33,.5) 72%,rgba(11,23,33,.38) 100%),
linear-gradient(180deg,rgba(11,23,33,.55) 0%,transparent 28%,transparent 70%,rgba(11,23,33,.9) 100%)}
.held__pause{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:18px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
background:rgba(11,23,33,.55);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
transition:transform .16s var(--ease-out),background-color .2s}
.held__pause:active{transform:scale(.94)}
.held__pause:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.held__pause svg{width:20px;height:20px}
.held__pause .ic-abspielen,.held__pause[aria-pressed="true"] .ic-pause{display:none}
.held__pause[aria-pressed="true"] .ic-abspielen{display:block}
@media (hover:hover) and (pointer:fine){.held__pause:hover{background:rgba(11,23,33,.85)}}
@media (max-width:980px){.held__film::after{background:linear-gradient(180deg,rgba(11,23,33,.8) 0%,rgba(11,23,33,.86) 55%,rgba(11,23,33,.95) 100%)}}
.held__raster{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(24px,5vw,64px);align-items:center}
.held h1{margin-bottom:.3em;text-wrap:balance}
.held h1 .zeile{display:block}
.h1-klein{display:flex;align-items:center;gap:.6em;font-size:clamp(.8rem,1.6vw,.95rem);font-stretch:100%;font-weight:700;letter-spacing:.14em;color:var(--signal);margin-bottom:.9rem;line-height:1.3}
.h1-klein::before{content:"";width:28px;height:3px;border-radius:3px;background:currentColor;flex:none}
.h2-klein{font-size:clamp(1.8rem,4.2vw,2.9rem)}
.abstand-oben{margin-top:1.6rem}
.held h1 .zeile--signal{color:var(--signal)}
.held .lead{color:#d3e1eb;margin-bottom:1.6rem}
.held__fakten{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none;color:#cfe0ec;font-weight:650;font-size:.98rem}
.held__fakten li{display:flex;align-items:center;gap:.55em}
.held__fakten svg{width:20px;height:20px;color:var(--signal);flex:none}
.pakete{position:relative;height:clamp(300px,42vw,520px);perspective:1100px;pointer-events:none}
.pakete__szene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(calc(-28deg + var(--maus-x,0)*10deg)) rotateX(calc(var(--maus-y,0)*-6deg))}
.paket{--g:120px;--t:calc(var(--g)*.8);--h:calc(var(--g)*.72);position:absolute;left:50%;top:50%;width:var(--g);height:var(--h);transform-style:preserve-3d;
animation:schweben 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.paket>i{position:absolute;display:block;background:#c99a5b;box-shadow:inset 0 0 0 1px rgba(80,50,20,.25)}
.paket>i::after{content:"";position:absolute;inset:0}
.paket .f-vorne,.paket .f-hinten{width:var(--g);height:var(--h)}
.paket .f-links,.paket .f-rechts{width:var(--t);height:var(--h);left:calc((var(--g) - var(--t))/2)}
.paket .f-oben,.paket .f-unten{width:var(--g);height:var(--t);top:calc((var(--h) - var(--t))/2)}
.paket .f-vorne{transform:translateZ(calc(var(--t)/2));background:linear-gradient(180deg,#d8ab6c,#c18f50)}
.paket .f-hinten{transform:rotateY(180deg) translateZ(calc(var(--t)/2));background:#a87a41}
.paket .f-rechts{transform:rotateY(90deg) translateZ(calc(var(--g)/2));background:linear-gradient(180deg,#b9874a,#a1733c)}
.paket .f-links{transform:rotateY(-90deg) translateZ(calc(var(--g)/2));background:#b3824a}
.paket .f-oben{transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:linear-gradient(90deg,#e5bd84,#d9ad70)}
.paket .f-unten{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#8a6233}
.paket .f-oben::after{background:linear-gradient(90deg,transparent calc(50% - 9px),rgba(43,86,114,.92) calc(50% - 9px) calc(50% + 9px),transparent calc(50% + 9px))}
.paket .f-vorne::after{background:linear-gradient(90deg,transparent calc(50% - 9px),rgba(43,86,114,.92) calc(50% - 9px) calc(50% + 9px),transparent calc(50% + 9px)) 0 0/100% 34%,
linear-gradient(135deg,transparent 62%,rgba(255,255,255,.95) 62% 63%,transparent 63%) no-repeat}
.paket .etikett{position:absolute;right:10%;bottom:14%;width:38%;height:28%;transform:translateZ(calc(var(--t)/2 + 1px));background:#fff;border-radius:3px;
box-shadow:0 1px 0 rgba(0,0,0,.15);background-image:repeating-linear-gradient(90deg,#14232e 0 2px,transparent 2px 4px,#14232e 4px 5px,transparent 5px 8px);background-size:70% 40%;background-position:50% 70%;background-repeat:no-repeat}
.paket--1{--g:150px;transform:translate3d(-95%,-10%,40px) rotateY(18deg)}
.paket--2{--g:112px;--d:-1.5s;transform:translate3d(10%,-95%,-60px) rotateY(-12deg) rotateZ(4deg)}
.paket--3{--g:96px;--d:-3s;transform:translate3d(30%,30%,90px) rotateY(32deg)}
.paket--4{--g:70px;--d:-4.2s;transform:translate3d(-150%,-150%,-120px) rotateY(-24deg) rotateX(10deg)}
@keyframes schweben{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes schweben-mitte{0%,100%{translate:0 -50%}50%{translate:0 calc(-50% - 14px)}}
.pakete__schatten{position:absolute;left:12%;right:12%;bottom:4%;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(6px)}
.laufband{position:relative;overflow:hidden;border-block:1px solid var(--linie);background:#fff;padding:18px 0}
.laufband__titel{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);font-weight:700;margin:0 0 6px;text-align:center}
.laufband__spur{display:flex;gap:56px;width:max-content;animation:laufband 38s linear infinite;align-items:center}
.laufband:hover .laufband__spur,.laufband:focus-within .laufband__spur{animation-play-state:paused}
.laufband__liste{display:flex;gap:56px;list-style:none;margin:0;padding:0;flex:none}
.laufband__eintrag{font-weight:850;font-stretch:72%;font-size:clamp(1.3rem,3vw,1.9rem);text-transform:uppercase;color:#2a3b47;white-space:nowrap;display:flex;align-items:center;gap:56px}
.laufband__eintrag::after{content:"✦";color:var(--signal);font-size:.7em}
@keyframes laufband{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.laufband__spur{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:12px 32px}.laufband__spur [aria-hidden="true"]{display:none}}
.seitenkopf{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:calc(var(--kopf) + 64px) 0 clamp(48px,8vw,96px);isolation:isolate}
.seitenkopf::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 80% at 85% 20%,rgba(59,114,152,.6),transparent 70%),linear-gradient(180deg,#0b1721,#10263a)}
.seitenkopf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;z-index:-1;background:repeating-linear-gradient(90deg,var(--signal) 0 40px,transparent 40px 70px);opacity:.9}
.seitenkopf h1{font-size:clamp(2.3rem,7.6vw,5.4rem);max-width:16ch;text-wrap:balance}
.seitenkopf .lead{color:#d3e1eb}
.seitenkopf__raster{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(20px,5vw,60px);align-items:end}
.seitenkopf__bild{color:var(--himmel)}
.seitenkopf__bild svg{width:100%;max-width:420px;margin-left:auto}
.brotkrumen{margin:0 0 18px;font-size:.9rem}
.brotkrumen ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0;padding:0;color:#a9c2d4}
.brotkrumen li{display:flex;align-items:center;min-height:44px}
legend:focus{outline:none}legend:focus-visible{outline:3px solid var(--signal)}
.brotkrumen li+li::before{content:"/";margin-right:6px;color:#5f7d92}
.brotkrumen a{color:#cfe0ec;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.brotkrumen a:hover{text-decoration:underline}
.raster{display:grid;gap:clamp(14px,2vw,22px)}
.raster--2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.raster--3{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.raster--4{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.kopfzeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 40px;margin-bottom:clamp(28px,4vw,48px)}
.kopfzeile h2{margin:0;max-width:16ch}
.kopfzeile .lead{margin:0;max-width:52ch}
.karte{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(22px,3vw,30px);border-radius:var(--r);background:#fff;border:1px solid var(--linie);
transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s ease;color:var(--text);text-decoration:none;min-width:0}
@media (hover:hover) and (pointer:fine){a.karte:hover{transform:translateY(-6px);box-shadow:var(--schatten);border-color:transparent;color:var(--text)}}
a.karte:active{transform:scale(.985)}
.karte h3{margin:0}
.karte p{margin:0;color:var(--grau)}
.karte__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--nacht);color:var(--signal);flex:none}
.karte__icon svg{width:30px;height:30px}
.karte__nr{position:absolute;top:18px;right:22px;font-weight:850;font-stretch:72%;font-size:1.6rem;color:#74858f}
.karte .pfeil-link{margin-top:auto;padding-top:8px;color:var(--blau)}
.dunkel .karte{background:var(--nacht-2);border-color:var(--linie-d);color:#fff}
.dunkel .karte p{color:#c2d4e1}
.dunkel a.karte:hover{color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.dunkel .karte__nr{color:#7d97aa}
.dunkel .karte .pfeil-link{color:var(--signal)}
.leistungen{overflow:hidden}
.kiste{position:relative;width:220px;height:170px;margin:0 auto 24px;perspective:900px}
.kiste__koerper{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-32deg)}
.kiste__seite{position:absolute;background:#c99a5b;box-shadow:inset 0 0 0 1px rgba(80,50,20,.25)}
.kiste__s1{width:150px;height:96px;left:35px;top:60px;transform:translateZ(60px);background:linear-gradient(180deg,#dcae6f,#c38f50)}
.kiste__s2{width:150px;height:96px;left:35px;top:60px;transform:rotateY(180deg) translateZ(60px);background:#9a6d38}
.kiste__s3{width:120px;height:96px;left:50px;top:60px;transform:rotateY(90deg) translateZ(75px);background:linear-gradient(180deg,#bd8a4c,#a3743d)}
.kiste__s4{width:120px;height:96px;left:50px;top:60px;transform:rotateY(-90deg) translateZ(75px);background:#ad7e45}
.kiste__boden{width:150px;height:120px;left:35px;top:48px;transform:rotateX(90deg) translateZ(-48px);background:#6e4c25}
.kiste__innen{width:150px;height:120px;left:35px;top:48px;transform:rotateX(90deg) translateZ(-40px);background:radial-gradient(circle at 50% 50%,#ffe3a6,#7d5a2e 70%)}
.kiste__klappe{position:absolute;background:linear-gradient(180deg,#e3b97c,#cf9f61);box-shadow:inset 0 0 0 1px rgba(80,50,20,.25);transition:transform 1.7s cubic-bezier(.34,1.3,.5,1)}
.kiste__k1{width:150px;height:60px;left:35px;top:12px;transform-origin:50% 100%;transform:translateY(-12px) translateZ(60px) rotateX(-90deg) translateZ(0)}
.kiste__k2{width:150px;height:60px;left:35px;top:12px;transform-origin:50% 100%;transform:translateY(-12px) rotateY(180deg) translateZ(60px) rotateX(-90deg)}
.kiste__k3{width:120px;height:75px;left:50px;top:-3px;transform-origin:50% 100%;transform:translateY(-12px) rotateY(90deg) translateZ(75px) rotateX(-90deg)}
.kiste__k4{width:120px;height:75px;left:50px;top:-3px;transform-origin:50% 100%;transform:translateY(-12px) rotateY(-90deg) translateZ(75px) rotateX(-90deg)}
.kiste.offen .kiste__k1{transform:translateY(-12px) translateZ(60px) rotateX(-210deg)}
.kiste.offen .kiste__k2{transform:translateY(-12px) rotateY(180deg) translateZ(60px) rotateX(-210deg);transition-delay:.25s}
.kiste.offen .kiste__k3{transform:translateY(-12px) rotateY(90deg) translateZ(75px) rotateX(-200deg);transition-delay:.5s}
.kiste.offen .kiste__k4{transform:translateY(-12px) rotateY(-90deg) translateZ(75px) rotateX(-200deg);transition-delay:.75s}
.kiste__band{position:absolute;inset:0}
.kiste__s1::after{content:"";position:absolute;left:calc(50% - 10px);top:0;width:20px;height:38%;background:rgba(43,86,114,.92)}
.kiste__strahl{position:absolute;left:50%;top:-80px;width:180px;height:200px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(255,200,87,.7),transparent 65%);opacity:0;transition:opacity .8s .5s;pointer-events:none}
.kiste.offen .kiste__strahl{opacity:1}
.auftauchen{transition:opacity 1.1s var(--ease-out),transform 1.2s var(--ease-out);transition-delay:calc(var(--i,0)*80ms + .1s)}
.js-bereit .auftauchen:not(.sichtbar){opacity:0;transform:translateY(24px) scale(.98)}
@media (prefers-reduced-motion:reduce){.auftauchen{opacity:1;transform:none;transition:none}.kiste__klappe{transition:none}}
.ablauf-rahmen{position:relative;max-width:820px}
.ablauf{position:relative;display:grid;gap:clamp(18px,3vw,28px);counter-reset:schritt;list-style:none;margin:0;padding:0}
.ablauf__weg{position:absolute;left:27px;top:12px;bottom:12px;width:6px;border-radius:6px;background:#dfe7ed;overflow:hidden}
.ablauf__weg::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--weg,0)*100%);background:linear-gradient(180deg,var(--blau),var(--signal))}
.ablauf__lkw{position:absolute;left:14px;top:calc(12px + var(--weg,0)*(100% - 56px));width:32px;height:32px;border-radius:50%;background:var(--signal);display:grid;place-items:center;color:var(--signal-ink);box-shadow:0 6px 16px -6px rgba(0,0,0,.45);z-index:0}
.ablauf__lkw svg{width:20px;height:20px}
.ablauf li{position:relative;padding-left:84px;min-height:60px}
.ablauf li::before{counter-increment:schritt;content:counter(schritt,decimal-leading-zero);position:absolute;left:0;top:-2px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;
font-weight:850;font-stretch:72%;font-size:1.45rem;background:#fff;color:var(--nacht);border:2px solid var(--linie);z-index:3}
.ablauf h3{margin:.2em 0 .25em}
.ablauf p{margin:0;color:var(--grau);max-width:58ch}
.europa{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,64px);align-items:center}
.karte-eu{position:relative;width:100%;aspect-ratio:1/0.82;border-radius:var(--r);background:radial-gradient(circle at 48% 58%,rgba(59,114,152,.35),transparent 60%),var(--nacht-2);border:1px solid var(--linie-d);overflow:hidden}
.karte-eu svg{position:absolute;inset:0;width:100%;height:100%}
.karte-eu .gitter{stroke:rgba(255,255,255,.05);stroke-width:1}
.karte-eu .route{fill:none;stroke:url(#routeVerlauf);stroke-width:2;stroke-linecap:round;opacity:.9}
@keyframes route{to{stroke-dashoffset:0}}
.karte-eu .ort circle{fill:var(--himmel)}
.karte-eu .ort text{fill:#cfe0ec;font:600 11px var(--f);letter-spacing:.02em}
.karte-eu .ort--linz circle{fill:var(--signal)}
.karte-eu .ort--linz text{fill:#fff;font-weight:800;font-size:14px}
.karte-eu .puls{fill:none;stroke:var(--signal);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:puls 2.4s ease-out infinite}
@keyframes puls{from{transform:scale(.4);opacity:1}to{transform:scale(3.4);opacity:0}}
.karte-eu .wagen{fill:var(--signal);filter:drop-shadow(0 0 6px rgba(255,178,30,.9))}
@media (prefers-reduced-motion:reduce){.karte-eu .route{stroke-dashoffset:0;animation:none}.karte-eu .wagen,.karte-eu .puls{display:none}}
.laenderliste{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.laenderliste li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--linie-d);font-size:.92rem;color:#d7e4ee}
.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:2px;border-radius:var(--r);overflow:hidden;background:var(--linie)}
.zahl{background:#fff;padding:clamp(22px,3vw,32px)}
.zahl__wert{display:block;white-space:nowrap;font-weight:850;font-stretch:70%;font-size:clamp(2.3rem,4.4vw,4.2rem);line-height:1;color:var(--nacht);font-variant-numeric:tabular-nums}
.zahl__text{display:block;margin-top:8px;color:var(--grau);font-weight:600}
.zahl__quelle{display:block;margin-top:6px;font-size:.82rem;color:#5c6c78}
.referenz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:calc(var(--r) + 6px);overflow:hidden;background:var(--nacht);color:#fff;box-shadow:var(--schatten)}
.referenz__text{padding:clamp(26px,4vw,52px)}
.referenz__text p{color:#d3e1eb}
.referenz__daten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:rgba(255,255,255,.08);align-content:stretch}
.referenz__daten div{background:var(--nacht-2);padding:22px 22px 24px;display:flex;flex-direction:column;justify-content:flex-end}
.referenz__daten b{white-space:nowrap;font-weight:850;font-stretch:70%;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--signal)}
.referenz__daten span{color:#c9dae6;font-weight:600;margin-top:6px}
.zitatlos{font-size:.85rem;color:#9fb6c7!important;margin-top:14px}
.fahrzeug{display:flex;flex-direction:column;gap:12px}
.fahrzeug__bild{border-radius:var(--r-s);background:linear-gradient(180deg,var(--eis),#fff);padding:18px 10px 6px;color:var(--nacht)}
.fahrzeug__bild svg{width:100%;height:auto}
.fahrzeug dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:6px 0 0;font-size:.98rem}
.fahrzeug dt{color:var(--grau);font-weight:600}
.fahrzeug dd{margin:0;font-weight:650}
.merkmale{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.merkmale li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--eis);color:var(--nacht);font-weight:650;font-size:.92rem}
.merkmale svg{width:16px;height:16px;color:var(--blau)}
.inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(28px,5vw,72px);align-items:start}
.inhalt__text h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-top:1.6em}
.inhalt__text h2:first-child{margin-top:0}
.inhalt__text h3{margin-top:1.4em}
.inhalt__text ul{padding-left:0;list-style:none}
.inhalt__text ul li{position:relative;padding-left:30px;margin-bottom:.55em}
.inhalt__text ul li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:12px;border-radius:3px;background:var(--signal);clip-path:polygon(0 0,62% 0,100% 50%,62% 100%,0 100%)}
.seitenleiste{position:sticky;top:calc(var(--kopf) + 28px);display:grid;gap:16px}
.box{border-radius:var(--r);padding:clamp(22px,3vw,28px);background:var(--papier);border:1px solid var(--linie)}
.box--dunkel{background:var(--nacht);color:#fff;border-color:transparent}
.box--dunkel p{color:#cfdde8}
.box h2,.box h3{font-size:1.35rem;font-stretch:80%;margin-bottom:.4em}
.box .knopf{width:100%}
.box__knoepfe{display:grid;gap:10px}
.box ul{margin:0;padding:0;list-style:none}
.box li{padding:8px 0;border-bottom:1px solid var(--linie)}
.box li:last-child{border-bottom:0}
.box--dunkel li{border-color:var(--linie-d)}
.hinweis{border-left:4px solid var(--signal);background:#fff8e6;padding:14px 18px;border-radius:0 12px 12px 0;color:#3d3420}
.recht h2{font-size:clamp(1.4rem,3vw,1.9rem);font-stretch:85%;text-transform:none;margin-top:1.8em}
.recht h3{font-size:1.15rem;margin-top:1.3em}
.recht p,.recht li{max-width:75ch}
.recht ul{padding-left:1.2em;list-style:disc}
.recht ul li{padding-left:0}
.recht ul li::before{display:none}
.recht dl{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px 20px;margin:0 0 1.2em}
.recht dt{font-weight:700}
.recht dd{margin:0}
@media (max-width:600px){.recht dl{grid-template-columns:minmax(0,1fr)}.recht dd{margin-bottom:8px}}
.stand{color:var(--grau);font-size:.92rem}
.faq{display:grid;gap:10px}
.faq details{border-radius:16px;background:#fff;border:1px solid var(--linie);transition:box-shadow .25s,border-color .25s}
.faq details[open]{box-shadow:var(--schatten);border-color:transparent}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:16px 20px;font-weight:720;font-size:1.06rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--eis) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b5672' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .antwort{padding:0 20px 18px;color:var(--grau)}
.faq .antwort p:last-child{margin-bottom:0}
.dunkel .faq details{background:var(--nacht-2);border-color:var(--linie-d)}
.dunkel .faq .antwort{color:#c8d8e4}
.aufruf{position:relative;overflow:hidden;border-radius:calc(var(--r) + 10px);background:var(--signal);color:var(--signal-ink);padding:clamp(30px,6vw,72px);isolation:isolate}
.aufruf::before{content:"";position:absolute;right:-8%;top:-30%;width:60%;height:160%;z-index:-1;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 22px,transparent 22px 44px)}
.aufruf h2{max-width:14ch;margin-bottom:.35em}
.aufruf p{max-width:52ch;font-size:1.12rem;color:#2b2208}
.aufruf .knopf{--k-bg:var(--nacht);--k-fg:#fff}
.aufruf .knopf:hover{box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.aufruf .knopf--rand{--k-bg:transparent;--k-fg:var(--signal-ink);border-color:var(--signal-ink)}
.aufruf .knopf--rand:hover{background:rgba(0,0,0,.06)}
.formular{display:grid;gap:22px}
.schritte{display:flex;gap:6px;list-style:none;margin:0 0 6px;padding:0;counter-reset:s}
.schritte li{flex:1;min-width:0}
.schritte span{display:block;height:6px;border-radius:6px;background:var(--linie);transition:background .3s}
.schritte b{display:block;margin-top:8px;font-size:.82rem;font-weight:700;color:var(--grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schritte .erledigt span,.schritte .aktiv span{background:var(--signal)}
.schritte .aktiv b{color:var(--text)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;font-weight:850;font-stretch:76%;text-transform:uppercase;font-size:clamp(1.5rem,3.6vw,2.1rem);line-height:1;margin-bottom:6px}
.legende-text{color:var(--grau);margin:0 0 18px}
.wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}
.wahl label{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px 16px 16px 14px;border-radius:16px;border:2px solid var(--linie);background:#fff;cursor:pointer;min-height:64px;transition:border-color .2s,box-shadow .2s,background .2s}
.wahl label:hover{border-color:#b6c6d2}
.wahl input{position:absolute;opacity:0;pointer-events:none}
.wahl .wahl__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--eis);color:var(--blau);flex:none}
.wahl .wahl__icon svg{width:24px;height:24px}
.wahl b{display:block;font-weight:750}
.wahl small{display:block;color:var(--grau);font-size:.9rem;line-height:1.35;margin-top:2px}
.wahl input:checked+.wahl__icon{background:var(--signal);color:var(--signal-ink)}
.wahl label:has(input:checked){border-color:var(--nacht);box-shadow:0 0 0 3px rgba(255,178,30,.5)}
.wahl label:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:2px}
.wahl input:focus-visible+*{outline:3px solid var(--signal);outline-offset:2px}
.felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px 16px}
.feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.feld--breit{grid-column:1/-1}
.feld label,.feld .label{font-weight:700;font-size:.98rem}
.feld .pflicht{color:var(--fehler);font-weight:800}
.feld small{color:var(--grau);font-size:.88rem}
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:12px;border:2px solid #c4d1db;background:#fff;color:var(--text);font:inherit;font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
textarea{min-height:130px;resize:vertical}
select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1e2b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/20px;padding-right:42px}
input:focus,select:focus,textarea:focus{outline:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--nacht);box-shadow:0 0 0 4px rgba(255,178,30,.55)}
.feld--fehler input,.feld--fehler select,.feld--fehler textarea{border-color:var(--fehler)}
.feld__fehler{color:var(--fehler);font-weight:650;font-size:.92rem;display:flex;gap:6px;align-items:flex-start}
.feld__fehler:empty{display:none}
.feld__fehler::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:var(--fehler);color:#fff;font-size:.75rem;font-weight:900;display:grid;place-items:center;margin-top:2px}
.haken{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:.98rem}
.haken input{flex:none;width:24px;height:24px;margin:1px 0 0;accent-color:var(--nacht)}
.honig{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.formular__fuss{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-top:6px}
.meldung{border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
.meldung svg{width:26px;height:26px;flex:none;margin-top:2px}
.meldung--ok{background:#e7f6ec;color:#0e4d26;border:1px solid #b7e2c5}
.meldung--fehler{background:#fdecea;color:#7a1712;border:1px solid #f3c1bc}
.meldung h2,.meldung h3{font-size:1.25rem;font-stretch:85%;text-transform:none;margin:0 0 .3em}
.meldung p{margin:0}
.js .schritt[data-aktiv="false"]{display:none}
.ohne-js [data-weiter],.ohne-js [data-zurueck]{display:none!important}
.ohne-js .schritt+.schritt{margin-top:28px}
.ohne-js legend [data-nur],.ohne-js label > [data-nur],.ohne-js .legende-text[data-nur]{display:none}
.gross-text{font-size:1.25rem;font-weight:700;color:var(--text)!important}
.zusammenfassung{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--papier);border:1px solid var(--linie);font-size:.96rem}
.zusammenfassung div{display:flex;flex-wrap:wrap;gap:4px 10px}
.zusammenfassung dt{font-weight:700;min-width:120px}
.zusammenfassung dd{margin:0;color:var(--grau);min-width:0}
.rechner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(20px,4vw,48px);align-items:start}
.raum{border:1px solid var(--linie);border-radius:var(--r);background:#fff;margin-bottom:14px;overflow:hidden}
.raum summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 18px;font-weight:780;font-size:1.1rem}
.raum summary::-webkit-details-marker{display:none}
.raum summary .raum__m3{font-weight:700;color:var(--blau);font-variant-numeric:tabular-nums;white-space:nowrap}
.posten{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--linie)}
.posten__name{min-width:0}
.posten__name small{display:block;color:var(--grau);font-size:.86rem}
.zaehler{display:flex;align-items:center;gap:4px;flex:none}
.zaehler button{width:44px;height:44px;border-radius:12px;border:2px solid #c4d1db;background:#fff;color:var(--nacht);font:inherit;font-size:1.3rem;font-weight:800;cursor:pointer;display:grid;place-items:center}
.zaehler button:hover{border-color:var(--nacht)}
.zaehler output{min-width:2.2ch;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;font-size:1.1rem}
.ergebnis{position:sticky;top:calc(var(--kopf) + 28px)}
.ergebnis__wert{font-weight:850;font-stretch:70%;font-size:clamp(3rem,8vw,4.6rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ergebnis__balken{height:14px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:16px 0 8px}
.ergebnis__balken span{display:block;height:100%;width:calc(var(--anteil,0)*100%);background:linear-gradient(90deg,var(--himmel),var(--signal));border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
@media (max-width:860px){.rechner{grid-template-columns:minmax(0,1fr)}.ergebnis{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));top:auto;z-index:5}
.ergebnis .box{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding:12px 14px;box-shadow:0 14px 40px -12px rgba(0,0,0,.6)}
.ergebnis .box>h2,.ergebnis .lang,.ergebnis__balken,.ergebnis [data-rechner-leeren]{display:none}
.ergebnis__wert{font-size:2.2rem;margin:0}.ergebnis .box>p:not(.ergebnis__wert){grid-column:1;margin:0;font-size:.85rem}
.ergebnis .knoepfe{grid-column:2;grid-row:1/span 2}.ergebnis .knoepfe .knopf{flex:1 1 auto;min-height:48px;padding:.5em .8em;font-size:.95rem}}
.fuss{background:var(--ink);color:#c6d6e2;padding:clamp(56px,8vw,96px) 0 28px;position:relative;overflow:hidden}
.fuss::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--signal) 0 40px,transparent 40px 70px)}
.fuss a{color:#e6eff5;text-decoration:none}
.fuss a:hover{color:var(--signal);text-decoration:underline}
.fuss__raster{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px 40px}
.fuss__marke .logo-platte{display:inline-flex;background:#fff;border-radius:14px;padding:10px 14px}
.fuss__marke .logo-platte img{width:170px;height:auto}
.fuss__marke p{margin-top:16px;max-width:36ch}
.fuss h2{font-size:.85rem;letter-spacing:.14em;color:#fff;font-stretch:100%;font-weight:750;margin:0 0 14px}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.fuss li a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.fuss address{font-style:normal;line-height:1.7}
.fuss__kontakt a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.fuss__kontakt svg{width:18px;height:18px;color:var(--signal)}
.fuss__unten{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;margin-top:48px;padding-top:22px;border-top:1px solid var(--linie-d);font-size:.92rem;color:#9fb6c7}
.fuss__unten ul{display:flex;flex-wrap:wrap;gap:4px 18px}
@media (max-width:900px){.fuss__raster{grid-template-columns:repeat(2,minmax(0,1fr))}.fuss__marke{grid-column:1/-1}}
@media (max-width:480px){.fuss__raster{grid-template-columns:minmax(0,1fr)}}
.handyleiste{display:none}
@media (max-width:760px){
.handyleiste{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;display:grid;grid-template-columns:1fr auto 1.4fr;gap:8px;padding:8px;border-radius:999px;background:rgba(14,30,43,.94);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px -12px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.handyleiste.zeigen{transform:none}
.handyleiste .handyleiste__mail{width:48px;min-width:48px;padding:0}
.handyleiste .knopf{min-height:48px;padding:.6em .9em;font-size:.98rem}
body{padding-bottom:0}
.fuss{padding-bottom:110px}
.seite-anfrage .handyleiste,.seite-rechner .handyleiste{display:none}
}
.verirrt{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff;padding:calc(var(--kopf) + 40px) var(--rand) 60px}
.verirrt__code{font-weight:900;font-stretch:62%;font-size:clamp(7rem,30vw,16rem);line-height:.8;color:var(--signal);letter-spacing:-.02em}
.verirrt .knoepfe{justify-content:center}
@media (max-width:980px){
.held__raster,.europa,.seitenkopf__raster,.inhalt,.referenz{grid-template-columns:minmax(0,1fr)}
.pakete{height:300px;margin-top:-10px}
.seitenkopf__bild{display:none}
.seitenleiste{position:static}
}
@media (max-width:600px){
body{font-size:1rem}
.held{padding-top:calc(var(--kopf) + 34px);min-height:auto}
.pakete{height:230px}
.paket--1{--g:116px}.paket--2{--g:88px}.paket--3{--g:76px}.paket--4{--g:56px}
.kopfzeile{display:block}.kopfzeile h2{margin-bottom:.4em}
.knoepfe .knopf{flex:1 1 100%}
.ablauf li{padding-left:76px}
}
@media print{
.kopf,.strasse,.tore,.handyleiste,.menue,.pakete,.held__strasse{display:none!important}
.held,.seitenkopf,.dunkel,.fuss{background:#fff!important;color:#000!important}
.held *,.seitenkopf *,.dunkel *{color:#000!important}
a{color:#000}
}
.verirrt .lead{color:#d3e1eb}
.verirrt a:not(.knopf){color:var(--himmel)}
.verirrt .knopf--rand{--k-fg:#fff;color:#fff}
.verirrt .knopf--rand:hover{background:rgba(255,255,255,.08);color:#fff}
.verirrt p{color:#d3e1eb}
@media (max-width:700px){.raster>.auftauchen,.ablauf>.auftauchen{--i:0!important}.auftauchen{transition-duration:.5s,.6s}}
.fotokarte{position:absolute;left:0;right:0;top:50%;translate:0 -50%;aspect-ratio:1400/888;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);
transform:rotateX(calc(4deg + var(--maus-y,0)*-6deg)) rotateY(calc(-14deg + var(--maus-x,0)*10deg));transition:transform .8s var(--ease-out);animation:schweben-mitte 7s ease-in-out infinite}
.fotokarte picture,.fotokarte img{display:block;width:100%;height:100%;object-fit:cover}
.fotokarte figcaption,.foto-hinweis{position:absolute;right:10px;bottom:8px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(11,23,33,.6);padding:2px 8px;border-radius:999px}
.fotokarte::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%);pointer-events:none}
@media (max-width:980px){.fotokarte{position:relative;inset:auto;translate:none;aspect-ratio:1400/888;transform:none;animation-name:schweben}.pakete{height:auto}.pakete__schatten{display:none}}
@media (prefers-reduced-motion:reduce){.fotokarte{animation:none;transform:none}}
.fahrzeug__bild{padding:0!important;overflow:hidden;aspect-ratio:16/10;background:#dfe7ed}
.fahrzeug__bild picture,.fahrzeug__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
@media (hover:hover) and (pointer:fine){a.karte:hover .fahrzeug__bild img{transform:scale(1.04)}}
.seitenkopf__bild picture{display:block;max-width:440px;margin-left:auto;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.8);transform:perspective(1200px) rotateY(-10deg)}
.seitenkopf__bild img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.karte-eu.sichtbar .route.v0{animation-delay:0.00s}.karte-eu.sichtbar .route.v1{animation-delay:0.14s}.karte-eu.sichtbar .route.v2{animation-delay:0.28s}.karte-eu.sichtbar .route.v3{animation-delay:0.42s}.karte-eu.sichtbar .route.v4{animation-delay:0.56s}.karte-eu.sichtbar .route.v5{animation-delay:0.70s}.karte-eu.sichtbar .route.v6{animation-delay:0.84s}.karte-eu.sichtbar .route.v7{animation-delay:0.98s}.karte-eu.sichtbar .route.v8{animation-delay:1.12s}.karte-eu.sichtbar .route.v9{animation-delay:1.26s}.karte-eu.sichtbar .route.v10{animation-delay:1.40s}.karte-eu.sichtbar .route.v11{animation-delay:1.54s}.raster>.auftauchen:nth-child(1),.ablauf>.auftauchen:nth-child(1){--i:0}.raster>.auftauchen:nth-child(2),.ablauf>.auftauchen:nth-child(2){--i:1}.raster>.auftauchen:nth-child(3),.ablauf>.auftauchen:nth-child(3){--i:2}.raster>.auftauchen:nth-child(4),.ablauf>.auftauchen:nth-child(4){--i:3}.raster>.auftauchen:nth-child(5),.ablauf>.auftauchen:nth-child(5){--i:4}.raster>.auftauchen:nth-child(6),.ablauf>.auftauchen:nth-child(6){--i:5}.raster>.auftauchen:nth-child(7),.ablauf>.auftauchen:nth-child(7){--i:6}.raster>.auftauchen:nth-child(8),.ablauf>.auftauchen:nth-child(8){--i:7}.raster>.auftauchen:nth-child(9),.ablauf>.auftauchen:nth-child(9){--i:8}@media (prefers-reduced-motion:no-preference){.js-bereit .karte-eu .route{stroke-dasharray:1;stroke-dashoffset:1}.karte-eu.sichtbar .route{animation:route 2.6s cubic-bezier(.23,1,.32,1) forwards}}@media (max-width:700px){.karte-eu .ort text{font-size:26px}.karte-eu .ort--linz text{font-size:30px}.karte-eu .ort--klein text{display:none}.karte-eu .ort circle{r:7}}@media (min-width:701px){.karte-eu .ort text{font-size:16px}.karte-eu .ort--linz text{font-size:20px}}@media (max-width:1440px){.kopf__tel span{display:none}}
.fassung-b{
--ink:#0a0a0a; --nacht:#111111; --nacht-2:#1a1a1a; --stahl:#2a2a2a;
--blau:#111111; --blau-2:#000000; --himmel:#e2e2e2; --eis:#efefef;
--signal:#0a0a0a; --signal-2:#333333; --signal-ink:#ffffff;
--papier:#f2f2f1; --weiss:#ffffff; --text:#0a0a0a; --grau:#505050; --grau-d:#a6a6a6;
--linie:#d9d9d9; --linie-d:rgba(255,255,255,.18);
--r:0px; --r-s:0px; --kopf:80px;
--schatten:none;
}
.fassung-b .dunkel,.fassung-b .seitenkopf,.fassung-b .b-held,.fassung-b .b-vollbild,.fassung-b .b-aufbau,.fassung-b .b-kontakt,
.fassung-b .referenz,.fassung-b .box--dunkel,.fassung-b .handyleiste,.fassung-b .menue,.fassung-b .verirrt,.fassung-b .aufruf,
.fassung-b .kopf:not(.kopf--fest){--signal:#ffffff;--signal-2:#dedede;--signal-ink:#0a0a0a;--text:#ffffff;--blau:#ffffff;--grau:#bdbdbd;--linie:rgba(255,255,255,.22)}
.fassung-b body{background:#fff;color:var(--text)}
.fassung-b ::selection{background:#0a0a0a;color:#fff}
.fassung-b h1,.fassung-b h2,.fassung-b .gross{font-stretch:112%;font-weight:800;letter-spacing:-.015em;line-height:.98;text-transform:uppercase;-webkit-hyphens:manual;hyphens:manual}
.fassung-b h1 .w,.fassung-b h2 .w{display:inline-block;transform:skewX(-9deg);transform-origin:0 100%}
.fassung-b .recht h2 .w,.fassung-b .box h2 .w,.fassung-b .fuss h2 .w{display:inline;transform:none}
.fassung-b h1{font-size:clamp(2.6rem,7.8vw,6.4rem)}
.fassung-b h2{font-size:clamp(1.8rem,4.2vw,3.3rem)}
.fassung-b h3{font-stretch:100%;font-weight:700;letter-spacing:-.005em}
.fassung-b .lead{font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.55;color:var(--grau)}
.fassung-b .dunkel .lead,.fassung-b .seitenkopf .lead,.fassung-b .verirrt .lead,.fassung-b .dunkel p,.fassung-b .dunkel li,.fassung-b .referenz__text p,.fassung-b .verirrt p{color:#cfcfcf}
.fassung-b .kicker{font-size:.76rem;letter-spacing:.2em;font-weight:650;color:var(--grau)}
.fassung-b .kicker::before{display:none}
.fassung-b .dunkel .kicker,.fassung-b .seitenkopf .kicker{color:#bdbdbd}
.fassung-b .hell{background:var(--papier)}
.fassung-b .dunkel{background:var(--ink)}
.fassung-b a{text-decoration-thickness:1px}
.fassung-b .dunkel a:not(.knopf){color:#fff}
.fassung-b .menue__unter a{color:#d0d0d0}
.fassung-b .b-zeile{display:block}
.fassung-b .seitenkopf h1{font-size:clamp(2rem,4.8vw,4.1rem);max-width:none}
.fassung-b .inhalt__text h2,.fassung-b .kopfzeile h2{font-size:clamp(1.5rem,3vw,2.2rem);font-stretch:104%}
.fassung-b .recht h2{transform:none;text-transform:none;font-stretch:100%}
.fassung-b .box h2,.fassung-b .box h3{font-stretch:100%;transform:none;font-size:1.25rem;line-height:1.15}
.fassung-b legend{font-stretch:104%;font-weight:800;letter-spacing:-.01em}
.fassung-b h1,.fassung-b h2,.fassung-b h3{overflow-wrap:normal}
.fassung-b .inhalt__text h2,.fassung-b .seitenkopf h1,.fassung-b .kopfzeile h2{-webkit-hyphens:auto;hyphens:auto}
.fassung-b .knopf{border-radius:0;font-weight:700;font-stretch:104%;letter-spacing:.005em;min-height:52px;padding:.8em 1.3em}
.fassung-b .knopf--klein{min-height:44px;padding:.5em 1em}
@media (hover:hover) and (pointer:fine){
.fassung-b .knopf:hover{box-shadow:none;filter:none;background:var(--signal-2);border-color:var(--signal-2);color:var(--signal-ink)}
.fassung-b .knopf--rand:hover{background:var(--text);border-color:var(--text);color:var(--weiss)}
.fassung-b .dunkel .knopf--rand:hover,.fassung-b .seitenkopf .knopf--rand:hover,.fassung-b .b-held .knopf--rand:hover,.fassung-b .b-vollbild .knopf--rand:hover,.fassung-b .aufruf .knopf--rand:hover,.fassung-b .b-kontakt .knopf--rand:hover{background:#fff;color:#0a0a0a;border-color:#fff}
}
.fassung-b .knopf--rand{--k-fg:var(--text);color:var(--text)}
.fassung-b .pfeil-link::after{content:none}
.fassung-b .pfeil-link{text-decoration:underline;text-underline-offset:.25em}
.fassung-b .wahl label:has(input:checked){border-color:#0a0a0a;box-shadow:0 0 0 2px #0a0a0a}
.fassung-b input:focus-visible,.fassung-b select:focus-visible,.fassung-b textarea:focus-visible{border-color:#0a0a0a;box-shadow:0 0 0 3px rgba(0,0,0,.18)}
.fassung-b .wahl label,.fassung-b .wahl .wahl__icon,.fassung-b .meldung,.fassung-b .zusammenfassung,.fassung-b .raum,.fassung-b .zaehler button,
.fassung-b input[type=text],.fassung-b input[type=email],.fassung-b input[type=tel],.fassung-b input[type=date],.fassung-b input[type=number],.fassung-b select,.fassung-b textarea{border-radius:0}
.fassung-b .wahl .wahl__icon{background:#efefef;color:#0a0a0a}
.fassung-b .schritte span{border-radius:0}
.fassung-b .hinweis{border-radius:0;background:var(--papier);border-left-color:#0a0a0a;color:#2a2a2a}
.fassung-b .box{border-radius:0;border:0;background:var(--papier)}
.fassung-b .box--dunkel{background:var(--ink)}
.fassung-b .inhalt__text ul li::before{width:10px;height:3px;border-radius:0;clip-path:none;top:.75em;background:#0a0a0a}
.fassung-b .merkmale li{border-radius:0}
.fassung-b .kopf .wrap{max-width:calc(var(--breite) + 2*var(--rand))}
.fassung-b .kopf__tel span{display:none}
.fassung-b .kopf{inset:0 0 auto 0;padding-top:0;transition:background-color .3s ease,box-shadow .3s ease}
.fassung-b .kopf__insel{background:transparent;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 0;min-height:var(--kopf)}
.fassung-b .kopf--fest{background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);box-shadow:0 1px 0 #e3e3e3}
.fassung-b .kopf:not(.kopf--fest) .kopf__logo img{filter:invert(1)}
.fassung-b .kopf__nav a,.fassung-b .kopf__tel{color:var(--text)}
.fassung-b .kopf__nav a{position:relative;font-weight:600;font-size:.95rem;border-radius:0}
.fassung-b .kopf__nav a:hover,.fassung-b .kopf__nav a[aria-current="page"]{background:transparent;color:var(--text)}
.fassung-b .kopf__nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}
.fassung-b .kopf__nav a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.fassung-b .kopf__nav a:hover::after{transform:scaleX(1)}}
.fassung-b .kopf__tel{border-radius:0}
.fassung-b .kopf__tel:hover{background:transparent}
.fassung-b .menue-knopf{border-radius:0;background:var(--signal);color:var(--signal-ink)}
@media (max-width:520px){.fassung-b .kopf__tel{background:var(--signal);color:var(--signal-ink)}}
.fassung-b .menue{background:#0a0a0a}
.fassung-b .handyleiste{background:rgba(10,10,10,.94);border-radius:0}
.fassung-b .handyleiste .knopf{border-radius:0}
.b-tempo{display:grid;gap:7px;width:clamp(120px,22vw,220px);margin-bottom:26px}
.b-tempo i{display:block;height:5px;background:currentColor}
.b-tempo i:nth-child(2){width:86%}
.b-tempo i:nth-child(3){width:72%}
.b-held{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:#0a0a0a;color:#fff;isolation:isolate;padding-top:var(--kopf)}
.b-held .held__film{background-color:#0a0a0a}
.b-held .held__film::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.8) 100%),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 70%)}
.b-held__inhalt{align-self:center;padding-block:clamp(40px,8vh,96px)}
.b-held__ort{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:650;color:#d6d6d6;margin:0 0 1.2rem}
.b-held h1{font-size:clamp(3rem,10vw,8rem);line-height:.9;margin-bottom:.35em}
.b-held__text{font-size:clamp(1.1rem,1.7vw,1.32rem);line-height:1.55;color:#e4e4e4;max-width:46ch;margin:0 0 2rem}
.b-held__fuss{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px 26px}
.b-held__fuss::before{content:"";position:absolute;left:var(--rand);right:var(--rand);top:0;height:1px;background:rgba(255,255,255,.28)}
.b-held__fakten{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:0;padding:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#d6d6d6}
.b-held .held__pause{position:static;flex:none;border-radius:0}
@media (max-width:600px){.b-held .knoepfe .b-knopf-tel{flex:1 1 0;min-width:0}.b-held .knoepfe .b-knopf-mail{flex:0 0 56px;padding:0}.b-held .b-knopf-text{display:none}}
.b-leistungen__raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.b-leistungen__kopf h2{margin-bottom:.4em}
.b-leistungen__bild{margin-top:32px}
.b-leistungen__bild picture,.b-leistungen__bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.b-aufbau{background:#0a0a0a;color:#fff;padding:clamp(26px,4vw,48px)}
.b-aufbau ul{list-style:none;margin:0;padding:0}
.b-aufbau a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}
.b-aufbau li:last-child a{border-bottom:1px solid rgba(255,255,255,.18)}
.b-aufbau__titel{grid-column:1;font-weight:800;font-stretch:110%;transform:skewX(-9deg);transform-origin:0 100%;text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.45rem);letter-spacing:-.005em;line-height:1.1}
.b-aufbau__text{grid-column:1;color:#b8b8b8;font-size:.95rem}
.b-aufbau a svg{grid-column:2;grid-row:1/span 2;width:24px;height:24px;transition:transform .2s var(--ease-out)}
.b-aufbau a:active{opacity:.75}
@media (hover:hover) and (pointer:fine){.b-aufbau a:hover svg{transform:translateX(5px)}.b-aufbau a:hover .b-aufbau__titel{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}}
@media (max-width:900px){.b-leistungen__raster{grid-template-columns:minmax(0,1fr)}.b-leistungen__bild{display:none}}
@media (min-width:901px){.b-leistungen__kopf{position:sticky;top:calc(var(--kopf) + 32px)}}
.b-faq{padding-top:0}
.b-zeile-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.b-zeile-kopf h2,.b-zeile-kopf .lead{margin:0}
.b-flotte__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.b-fahrzeug{display:flex;flex-direction:column;gap:12px;color:var(--text);text-decoration:none;min-width:0}
.b-fahrzeug__bild picture,.b-fahrzeug__bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s var(--ease-out)}
.b-fahrzeug__bild{overflow:hidden;background:#e6e6e6}
.b-fahrzeug h3{margin:4px 0 0;font-size:1.2rem}
.b-fahrzeug dl{margin:0;border-top:1px solid #0a0a0a}
.b-fahrzeug dl div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--linie)}
.b-fahrzeug dt{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--grau);padding-top:.2em}
.b-fahrzeug dd{margin:0;font-size:.98rem}
@media (hover:hover) and (pointer:fine){.b-fahrzeug:hover .b-fahrzeug__bild img{transform:scale(1.04)}.b-fahrzeug:hover h3{text-decoration:underline;text-underline-offset:.2em}}
@media (max-width:860px){.b-zeile-kopf{grid-template-columns:minmax(0,1fr)}.b-flotte__raster{grid-template-columns:minmax(0,1fr)}}
.b-vollbild{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden;padding-block:clamp(110px,14vw,180px) clamp(56px,8vw,96px)}
.b-vollbild__bild{position:absolute;inset:0;z-index:-2}
.b-vollbild__bild picture,.b-vollbild__bild img{display:block;width:100%;height:100%;object-fit:cover}
.b-vollbild::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.88) 100%)}
.b-vollbild h2{max-width:14ch}
.b-vollbild .lead{color:#e4e4e4;max-width:54ch;margin-bottom:1.8rem}
.fassung-b .karte-eu{background:#141414;border-color:rgba(255,255,255,.12);border-radius:0}
.fassung-b .karte-eu .route{stroke:rgba(255,255,255,.7);stroke-width:1.3}
.fassung-b .karte-eu .puls,.fassung-b .karte-eu .wagen{display:none}
.fassung-b .karte-eu .ort circle{fill:#9a9a9a}
.fassung-b .karte-eu .ort--linz circle{fill:#fff}
.fassung-b .karte-eu .ort text{fill:#d0d0d0;paint-order:stroke;stroke:#141414;stroke-width:4px;stroke-linejoin:round}
.fassung-b .karte-eu .land path{fill:#222;stroke:#3b3b3b;stroke-width:.8;stroke-linejoin:round}
.fassung-b .karte-eu .land .land--at{fill:#3a3a3a;stroke:#5c5c5c}
.fassung-b .laenderliste li{border-radius:0;color:#e0e0e0}
.fassung-b .referenz{border-radius:0;box-shadow:none;background:#0a0a0a}
.fassung-b .referenz{display:block}
.fassung-b .referenz__text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px clamp(28px,5vw,72px);align-items:end}
.fassung-b .referenz__text .kicker,.fassung-b .referenz__text h2{grid-column:1}
.fassung-b .referenz__text h2{margin:0}
.fassung-b .referenz__text p:not(.kicker){grid-column:2;grid-row:1 / span 2;margin:0;align-self:end}
.fassung-b .referenz__text .knopf{grid-column:2;justify-self:start}
@media (max-width:860px){.fassung-b .referenz__text{grid-template-columns:minmax(0,1fr)}.fassung-b .referenz__text>*{grid-column:1!important;grid-row:auto!important}}
.fassung-b .faq{gap:0;border-top:2px solid #0a0a0a}
.fassung-b .faq details{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--linie)}
.fassung-b .faq details[open]{box-shadow:none}
.fassung-b .faq summary{padding-inline:0;font-weight:700}
.fassung-b .faq summary::after{border-radius:0;background-color:transparent;box-shadow:inset 0 0 0 1px var(--linie)}
.fassung-b .faq summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%230a0a0a%27 stroke-width=%272.6%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M12 5v14M5 12h14%27/%3E%3C/svg%3E")}
.fassung-b .dunkel .faq summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%272.6%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M12 5v14M5 12h14%27/%3E%3C/svg%3E")}
.fassung-b .faq .antwort{padding-inline:0;color:var(--grau)}
.fassung-b .dunkel .faq details{background:transparent;border-color:rgba(255,255,255,.2)}
.fassung-b .karte{border-radius:0;background:#fff;border:1px solid var(--linie)}
@media (hover:hover) and (pointer:fine){.fassung-b a.karte:hover{transform:none;box-shadow:none;border-color:#0a0a0a}}
.fassung-b .karte__icon{border-radius:0;background:#0a0a0a;color:#fff}
.fassung-b .karte__nr{display:none}
.fassung-b .karte .pfeil-link{color:var(--text)}
.fassung-b .dunkel .karte{background:#161616;border-color:rgba(255,255,255,.14)}
.fassung-b .fahrzeug__bild{border-radius:0;background:#e6e6e6}
.fassung-b .zahlen{border-radius:0;background:var(--linie)}
.fassung-b .zahl__wert{color:#0a0a0a;transform:skewX(-9deg);transform-origin:0 100%;}
.fassung-b .ablauf__lkw{display:none}
.fassung-b .ablauf__weg{border-radius:0;width:2px;left:29px;background:var(--linie)}
.fassung-b .ablauf__weg::after{background:#0a0a0a}
.fassung-b .ablauf li::before{border-radius:0;background:#fff;border-color:#0a0a0a}
.fassung-b .laufband__spur{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:12px 48px}
.fassung-b .laufband__spur [aria-hidden="true"]{display:none}
.fassung-b .laufband__eintrag{font-stretch:108%;color:#0a0a0a;transform:skewX(-9deg);transform-origin:0 100%;}
.fassung-b .laufband__eintrag::after{content:none}
.fassung-b .seitenkopf{background:#0a0a0a;padding-top:calc(var(--kopf) + 64px)}
.fassung-b .seitenkopf::before{background:#0a0a0a}
.fassung-b .seitenkopf::after{display:none}
.fassung-b .seitenkopf__bild picture{border-radius:0;transform:none;box-shadow:none;max-width:480px}
.fassung-b .seitenkopf .lead a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.fassung-b .brotkrumen ol{color:#bdbdbd}
.fassung-b .brotkrumen li+li::before{color:#777}
.fassung-b .brotkrumen a{color:#e6e6e6}
.fassung-b .aufruf{border-radius:0;background:#0a0a0a;color:#fff}
.fassung-b .aufruf::before{display:none}
.fassung-b .aufruf p{color:#cfcfcf}
.fassung-b .aufruf .knopf{--k-bg:#fff;--k-fg:#0a0a0a}
.fassung-b .aufruf .knopf--rand{--k-bg:transparent;--k-fg:#fff;border-color:#fff}
.b-kontakt{background:#0a0a0a;color:#fff;padding-block:clamp(64px,9vw,120px)}
.b-kontakt__raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px 64px;align-items:end}
.b-kontakt h2{margin:0 0 .5em;max-width:14ch}
.b-kontakt .lead{color:#cfcfcf;margin:0}
.b-kontakt__wege{display:grid;gap:12px}
.b-kontakt__weg{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none}
.b-kontakt__weg span{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:650;color:#a8a8a8}
.b-kontakt__weg b{font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:700;font-stretch:104%;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){.b-kontakt__weg:hover b{text-decoration:underline;text-underline-offset:.18em}}
.b-kontakt .knopf{justify-self:start;margin-top:8px}
@media (max-width:860px){.b-kontakt__raster{grid-template-columns:minmax(0,1fr)}}
.fassung-b .fuss{background:#fff;color:#4a4a4a;border-top:1px solid #e3e3e3}
.fassung-b .fuss::before{display:none}
.fassung-b .fuss a{color:#0a0a0a}
.fassung-b .fuss a:hover{color:#0a0a0a;text-decoration:underline}
.fassung-b .fuss h2{color:#0a0a0a;transform:none;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;font-stretch:100%}
.fassung-b .fuss__marke .logo-platte{background:transparent;padding:0}
.fassung-b .fuss__kontakt svg{color:#0a0a0a}
.fassung-b .fuss__unten{border-top-color:#e3e3e3;color:#6a6a6a}
.b-maske{display:block}
.b-maske>span{display:block}
.enthuellen{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
.b-maske{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.b-maske>span{animation:b-zeile 1s var(--ease-out) both}
.b-held h1 .b-maske:nth-child(1)>span{animation-delay:.1s}
.b-held h1 .b-maske:nth-child(2)>span{animation-delay:.2s}
.b-held__ort,.b-held__text,.b-held .knoepfe,.b-held__fuss{animation:b-auf .9s var(--ease-out) both}
.b-held__text{animation-delay:.4s}
.b-held .knoepfe{animation-delay:.5s}
.b-held__fuss{animation-delay:.65s}
.fassung-b .seitenkopf h1,.fassung-b .seitenkopf .lead,.fassung-b .seitenkopf .knoepfe{animation:b-auf .8s var(--ease-out) both}
.fassung-b .seitenkopf .lead{animation-delay:.08s}
.fassung-b .seitenkopf .knoepfe{animation-delay:.16s}
.js-bereit .enthuellen{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--ease-in-out)}
.js-bereit .enthuellen img{transform:scale(1.08);transition:transform 1.5s var(--ease-out)}
.js-bereit .enthuellen.sichtbar{clip-path:inset(0 0 0 0)}
.js-bereit .enthuellen.sichtbar img{transform:none}
.js-bereit .auftauchen .b-tempo i,.js-bereit .b-aufbau .b-tempo i{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out)}
.js-bereit .auftauchen.sichtbar .b-tempo i,.js-bereit .b-aufbau.sichtbar .b-tempo i{transform:none}
.js-bereit .b-tempo i:nth-child(2){transition-delay:.06s}
.js-bereit .b-tempo i:nth-child(3){transition-delay:.12s}
.fassung-b.js-bereit .auftauchen:not(.sichtbar){transform:translateY(24px)}
}
@keyframes b-zeile{from{transform:translateY(105%)}to{transform:none}}
@keyframes b-auf{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.fassung-b .handyleiste .handyleiste__mail{padding:0}
.fassung-b h1,.fassung-b h2,.fassung-b h3{overflow-wrap:break-word}
@media (max-width:600px){.fassung-b h1,.fassung-b h2{font-stretch:100%}.fassung-b .seitenkopf h1{font-size:clamp(1.65rem,7.2vw,2.4rem)}.fassung-b .inhalt__text h2,.fassung-b .kopfzeile h2{font-size:1.45rem}}
.fassung-b main{overflow-x:clip}
.fassung-b .verirrt h1,.fassung-b .verirrt .h2-klein{max-width:18ch;margin-inline:auto}
.fassung-b .box--dunkel p{color:#cfcfcf}
.fassung-b input[type=text],.fassung-b input[type=email],.fassung-b input[type=tel],.fassung-b input[type=date],.fassung-b input[type=number],
.fassung-b select,.fassung-b textarea,.fassung-b .zaehler button{border-color:#c6c6c6}
.fassung-b .feld--fehler input,.fassung-b .feld--fehler select,.fassung-b .feld--fehler textarea{border-color:var(--fehler)}
.fassung-b input:focus-visible,.fassung-b select:focus-visible,.fassung-b textarea:focus-visible{border-color:#0a0a0a}
.fassung-b .held__pause{background:rgba(10,10,10,.55)}
@media (hover:hover) and (pointer:fine){.fassung-b .held__pause:hover{background:rgba(10,10,10,.85)}.fassung-b .zaehler button:hover{border-color:#0a0a0a}}
.fassung-b .fotokarte figcaption,.fassung-b .foto-hinweis{background:rgba(10,10,10,.6)}
.fassung-b .b-fahrzeug__bild,.fassung-b .fahrzeug__bild,.fassung-b .seitenkopf__bild,.fassung-b .b-leistungen__bild{position:relative}
.fassung-b .foto-hinweis{border-radius:0;font-size:.72rem;letter-spacing:.06em;padding:3px 8px;right:0;bottom:0;pointer-events:none}
.fassung-b .laufband__liste{flex:0 1 auto;flex-wrap:wrap;justify-content:center;gap:10px 40px;padding-inline:var(--rand)}
.fassung-b .laufband__eintrag{gap:0;font-size:clamp(1.15rem,3vw,1.7rem)}
.fassung-b .ablauf li::before{content:counter(schritt)}
:root{color-scheme:only light}   
.menue-offen .kopf{z-index:115}
.wrap{padding-inline:max(var(--rand),env(safe-area-inset-left)) max(var(--rand),env(safe-area-inset-right))}
.menue{padding-bottom:calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.fassung-b h1 .w,.fassung-b h2 .w{max-width:100%;overflow-wrap:anywhere}
@media (max-width:420px){
.fassung-b h2{font-size:clamp(1.35rem,7.4vw,1.8rem)}
.fassung-b .seitenkopf h1{font-size:clamp(1.4rem,7.2vw,2.4rem)}
main .knopf{white-space:normal;text-align:center}
}
@supports not (overflow-x:clip){body{overflow-x:hidden}}
@media (max-width:760px){
.handyleiste{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.3fr);left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));
visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.handyleiste.zeigen{visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.handyleiste .knopf{min-width:0;padding-inline:.6em}
html{scroll-padding-bottom:90px}
}
@media (max-width:374px){
.handyleiste{grid-template-columns:48px 48px minmax(0,1fr)}
.handyleiste__wort{display:none}
}
.fassung-b .kopf__logo img{transition:filter .3s ease}
.fassung-b .kopf__nav a,.fassung-b .kopf__tel,.fassung-b .menue-knopf{transition:color .3s ease,background-color .3s ease}
.fassung-b.ohne-js .kopf{background:#fff;box-shadow:0 1px 0 #e3e3e3;--signal:#0a0a0a;--signal-ink:#fff;--text:#0a0a0a}
.fassung-b.ohne-js .kopf .kopf__logo img{filter:none}
.menue-knopf--ohnejs{display:none}
.ohne-js button.menue-knopf{display:none!important}
@media (max-width:1180px){.ohne-js .menue-knopf--ohnejs{display:inline-flex;text-decoration:none}}
@media print{.auftauchen,.enthuellen,.enthuellen img{opacity:1!important;transform:none!important;clip-path:none!important}}
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
}