:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--bg:#f5f5f7;--surface:#fff;--surface-2:#f5f5f7;--ink:#1d1d1f;--ink-soft:#55555b;--ink-mute:#68686e;--blue:#0066cc;--blue-deep:#0055ad;--blue-wash:#edf4fc;--wa:#147a47;--wa-deep:#096139;--line:#dedee3;--radius:24px;--space:24px;--shadow-card:0 12px 40px rgba(0,0,0,.045)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button, a{transition:background .2s,color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.wrap{max-width:1200px;padding:0 32px;margin:auto}h1,h2,h3{line-height:1.1;letter-spacing:-.035em;font-weight:650;text-wrap:balance}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:24px}p{color:var(--ink-soft)}em{font-style:normal;color:var(--blue)}.eyebrow{font-size:14px;letter-spacing:.015em;font-weight:600;color:var(--ink-mute);display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.location-dot{width:7px;height:7px;border-radius:50%;background:var(--wa)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:550;line-height:1.35;text-align:center}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-wa{background:var(--wa);color:white}.btn-wa:hover{background:var(--wa-deep)}.btn-blue{background:var(--blue);color:white}.btn-blue:hover{background:var(--blue-deep)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:#e8e8ed}.btn-white{background:white;color:var(--ink)}.text-link{color:var(--blue);font-weight:550;font-size:16px;display:inline-flex;gap:12px;align-items:center;min-height:44px}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;left:16px;top:-100px;z-index:5000;padding:12px 20px;background:white}.skip-link:focus{top:12px}
header{position:sticky;top:0;z-index:100;background:rgba(250,250,252,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}.logo{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.9px;flex:none}.logo span{font-weight:400}.logo i{width:6px;height:6px;background:#c68c37;border-radius:50%;margin:9px 0 0 4px}.nav-links{display:flex;gap:24px}.nav-links a{font-size:14px;color:var(--ink-soft);padding:12px 0}.nav-links a:hover{color:var(--ink)}.nav-cta{display:flex;gap:8px;align-items:center}.nav-cta .btn{font-size:14px;min-height:40px;padding:9px 16px}.nav-cta>.btn-ghost{display:none}.nav-quiz .arr{margin-left:2px}.nav-quiz-kurz{display:none}.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:0;background:transparent}.burger span{width:19px;height:1.5px;background:var(--ink)}.mobile-menu{display:none;position:fixed;z-index:101;top:76px;left:0;right:0;padding:20px 24px 28px;background:#fafafc;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #0001}.mobile-menu.active{display:flex;flex-direction:column;gap:4px}.mobile-menu>a{padding:10px 0}.mobile-menu>.btn{margin-top:12px}
.hero-stage{background:linear-gradient(125deg,#fafafa 45%,#eff2f7);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:56px}.hero-intro h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}.hero-promise{font-size:23px;line-height:1.35;color:var(--ink);font-weight:550;letter-spacing:-.025em;margin-bottom:20px}.lead{font-size:16px;line-height:1.65;max-width:540px}.lead b{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.hero-note{font-size:13px;margin-top:16px}.hero-portrait{position:relative;min-width:0;border-radius:28px;overflow:hidden;background:#242827;aspect-ratio:1/1.12;box-shadow:0 24px 50px -24px #2225}.hero-portrait>img{width:100%;height:100%;object-fit:cover;object-position:52% center}.hero-portrait:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.hero-portrait figcaption{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:white}.hero-portrait b{font-size:19px;letter-spacing:-.02em}.hero-portrait small{display:block;font-size:13px;color:#ffffffe0}.hero-portrait figcaption a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;background:#ffffff18;font-size:22px}.hero-foot{border-top:1px solid #0001;display:flex;align-items:center;gap:32px;padding-top:24px;padding-bottom:24px;color:var(--ink-mute);font-size:14px}.hero-foot>a{margin-left:auto;color:var(--ink)}
.sec,.reel-zone{padding:96px 0}.sec-head{max-width:800px;margin-bottom:48px}.sec-head p{margin-top:20px;max-width:620px;font-size:17px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head.center p{margin-left:auto;margin-right:auto}.sec-head .eyebrow{margin-bottom:16px}.reel-zone{background:#fff}.rz-head,.rm-stage{max-width:1200px;margin:auto;padding:0 32px}.rz-head{margin-bottom:36px}.rz-sub{margin-top:16px;font-size:18px}.rm-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;align-items:center}.rm-badge{font-size:14px;color:var(--ink-mute)}.rm-count{font-size:14px;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--ink-mute)}.rm-count b{color:var(--ink)}.rm-carousel{position:relative}.rm-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.rm-track::-webkit-scrollbar{display:none}.rm-reel{position:relative;flex:0 0 calc((100% - 60px)/4);aspect-ratio:9/16;border:0;border-radius:20px;overflow:hidden;background:#202126;text-align:left;scroll-snap-align:start}.rm-reel>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.rm-reel:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.rm-reel:hover>img{transform:scale(1.03)}.reel-play{position:absolute;z-index:2;top:16px;right:16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffffdc;color:#1d1d1f;font-size:14px;padding-left:2px}.reel-label{position:absolute;z-index:2;bottom:24px;left:20px;right:16px;color:#fff}.reel-label small{display:block;font-size:12px;margin-bottom:6px;opacity:.8}.reel-label b{font-size:18px;line-height:1.2;display:block;letter-spacing:-.02em}.rm-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:white;position:absolute;top:calc(50% - 22px);z-index:3;box-shadow:0 4px 16px #0001}.rm-nav svg{width:24px;height:24px;fill:var(--ink)}.rm-nav.prev{left:-22px}.rm-nav.next{right:-22px}.rm-hint{text-align:center;font-size:14px;margin-top:20px}.rm-more{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:32px;padding-top:32px}.rm-more h3{font-size:20px}.rm-more p{font-size:15px;flex:1}.rm-more .btn{font-size:14px}
.trust{background:#fff;padding:32px 0 56px}.trust .label{text-align:center;font-size:14px;margin-bottom:24px}.marquee{overflow:visible}.marquee-track{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 32px}.marquee-track img{width:92px;height:40px;object-fit:contain;filter:grayscale(1);opacity:.8}.marquee-track img:hover{filter:none;opacity:1}
.serv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{background:#fff;padding:32px;border-radius:24px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:var(--shadow-card)}.service-number{font-size:14px;color:var(--blue);font-weight:600;margin-bottom:32px}.service-card h3{font-size:24px;margin-bottom:16px}.service-card>p{font-size:16px;margin-bottom:24px}.service-card ul{list-style:none;display:grid;gap:10px;border-top:1px solid #e8e8ed;padding-top:24px;width:100%;font-size:14px;color:var(--ink-soft)}.service-card li{display:flex;gap:8px}.d{color:var(--wa);flex:none}.service-cta{border:0;background:transparent;color:var(--blue);padding:24px 0 0;margin-top:auto;font-weight:550;min-height:44px}.service-cta:hover{text-decoration:underline}.formats{margin-top:32px;text-align:center}.formats p{font-size:16px}.format-tags,.platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.format-tags span,.platforms span{color:var(--ink-mute);font-size:14px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.why-card{border-top:1px solid var(--line);padding-top:32px}.why-card .ico{font-size:24px;margin-bottom:20px}.why-card h3{margin-bottom:16px;font-size:22px}.why-card p{font-size:16px}#warum{padding-top:0}#ergebnisse{background:#fff}.case-card{position:relative;display:block;overflow:hidden;border-radius:28px;background:#17171c;aspect-ratio:2.2;max-width:100%}.case-card>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b 5%,transparent 85%)}.case-info{position:absolute;z-index:2;left:40px;bottom:40px;color:white;max-width:70%}.case-info .tag{font-size:13px}.case-info h3{font-size:36px;margin:16px 0 8px}.case-info p{color:#eee}.case-stat{display:block;margin-top:20px;font-size:16px}.case-stat b{font-size:30px;letter-spacing:-.03em}.cplay{position:absolute;z-index:2;right:48px;top:calc(50% - 32px)}.cplay i{display:grid;place-items:center;background:#fffe;border-radius:50%;width:64px;height:64px}.cplay svg{width:26px;height:26px;fill:#222;margin-left:4px}.quote{max-width:880px;margin:40px auto 0;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.quote blockquote{font-size:26px;line-height:1.4;letter-spacing:-.025em}.quote blockquote:before{content:'„'}.quote blockquote:after{content:'“'}.quote .who{display:flex;align-items:center;gap:12px;font-size:14px}.quote .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);flex:none}.quote strong,.quote .n span{display:block}.quote .n span{font-size:13px;color:var(--ink-mute)}
.auto{max-width:1000px}.auto>div>p{max-width:760px}.auto-points{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.pt{display:flex;gap:12px}.pt h3{font-size:20px;margin-bottom:12px}.pt p{font-size:15px}#ueber-mich{background:#fff}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{position:relative;padding:0 48px 48px 0}.ph-portrait{aspect-ratio:1;overflow:hidden;border-radius:28px}.ph img{width:100%;height:100%;object-fit:cover}.ph-small{position:absolute;bottom:0;right:0;width:48%;aspect-ratio:1.2;border-radius:20px;overflow:hidden;border:6px solid white;box-shadow:0 12px 32px #0001}.about-copy p{margin-top:24px;font-size:17px}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.process-grid li{border-top:1px solid var(--line);padding-top:28px}.process-grid li>span{color:var(--blue);font-size:14px}.process-grid h3{margin:24px 0 16px;font-size:23px}.process-grid p{font-size:16px}#faq{padding-top:32px}.faq-list{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding:24px 0;font-size:18px;line-height:1.4;font-weight:550;letter-spacing:-.015em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{color:var(--ink-mute);font-size:24px;line-height:1}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-a{padding:0 40px 24px 0;font-size:16px}.region{background:#fff}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.region p{margin-bottom:20px}.region h2{font-size:40px}.final{background:#1d1d1f;color:#f5f5f7;padding:88px 0}.final-box{text-align:center;max-width:820px;margin:auto}.final-box h2{font-size:clamp(36px,4.6vw,56px)}.final-box em{background:none!important;-webkit-text-fill-color:initial;color:#a3cfff}.final-box p{color:#bdbdc3;font-size:18px;max-width:650px;margin:24px auto}.final-box .eyebrow{color:#bdbdc3}.final-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}.final-actions .btn-blue{background:#fff;color:#222}.final-actions .btn-wa{order:-1;background:#248b54}.seo{padding:64px 0;color:var(--ink-mute);font-size:14px}.seo .wrap{max-width:1000px}.seo h2{font-size:24px;margin:32px 0 16px}.seo h3{font-size:17px;margin:24px 0 12px}.facts{padding-bottom:24px;border-bottom:1px solid var(--line)}.facts h2{margin-top:0}.facts ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.updated{font-size:12px;margin-top:16px}footer{border-top:1px solid var(--line);padding:48px 0 32px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}.foot-brand{font-size:21px;letter-spacing:-.04em}.foot-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}.foot-links a:hover{text-decoration:underline}.privacy-link{border:0;background:none;text-align:left;font-size:14px;color:inherit}.foot-copy{font-size:12px;color:var(--ink-mute);border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.wa-float{position:fixed;z-index:80;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 24px #0002}.sticky-cta{display:none}.cookie{display:none;position:fixed;z-index:110;bottom:16px;left:16px;max-width:440px;padding:20px;background:#fffffff7;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 48px #0002;font-size:13px}.cookie.show{display:block}.cookie a{text-decoration:underline}.cookie-btns{display:flex;gap:8px;margin-top:16px}.btn-c{padding:10px 16px;min-height:44px;border:1px solid #bcbcc3;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;flex:1}.btn-c.ok{background:var(--ink);color:white;border-color:var(--ink)}.video-dialog{position:fixed;inset:0;margin:auto;border:1px solid #ffffff25;border-radius:24px;background:#18181b;color:white;padding:20px;width:min(900px,94vw);max-height:94dvh;overflow:auto}.video-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.video-dialog-head h2{font-size:20px}.close-video{border:1px solid #fff3;background:#fff1;color:#fff;border-radius:50%;width:44px;height:44px;flex:none}.lb-frame video{display:block;max-width:100%;max-height:70dvh;width:auto;height:auto;margin:auto;background:black}.lb-frame:not(.wide) video{aspect-ratio:9/16;max-width:100%}.video-privacy{font-size:12px;margin-top:12px;color:#aaa;text-align:center}.video-error{text-align:center;color:#fff}.video-error a{text-decoration:underline}.noscript-note{padding:20px;text-align:center}
.check-band{padding:88px 0;background:#edf0f3}.check-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:48px;align-items:center}.q-card{background:white;border-radius:28px;padding:32px;box-shadow:var(--shadow-card);min-width:0}.q-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.q-head h2{font-size:26px}.q-sub{font-size:14px;margin-top:12px}.q-bar{height:4px;background:var(--bg);border-radius:4px;overflow:hidden;margin:20px 0 28px}.q-bar i{height:100%;display:block;background:var(--blue);transition:width .2s}.q-step h3{font-size:23px;margin-bottom:20px}.q-opt{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:left;margin-top:10px;padding:14px 16px;min-height:72px}.q-opt:hover{background:var(--bg)}.q-opt.sel{border-color:var(--blue);background:var(--blue-wash)}.q-opt .txt{flex:1;min-width:0}.q-opt strong{display:block;font-size:15px;line-height:1.4;letter-spacing:-.015em}.q-opt .txt>span{display:block;font-size:13px;color:var(--ink-mute);margin-top:2px}.chk{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;flex:none}.q-opt.sel .chk{background:var(--blue);border-color:var(--blue)}.q-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.q-back{border:0;background:transparent;font-size:14px;color:var(--ink-soft);min-height:44px}.q-back:hover{color:var(--blue)}.q-field{margin-top:20px}.q-field label{display:block;font-size:14px;font-weight:550;margin-bottom:8px}.q-field input,.q-field textarea{width:100%;padding:12px 16px;border:1px solid #bcbcc3;border-radius:12px;background:#fff;font-size:16px;color:var(--ink)}.q-field textarea{resize:vertical;min-height:100px}.q-trust{font-size:12px;color:var(--ink-mute);margin-top:20px}.q-trust a{text-decoration:underline}.contact-card{padding:24px;min-width:0}.contact-card .who{display:flex;gap:16px;align-items:center;margin-bottom:24px}.contact-card .who img{height:72px;width:72px;object-fit:cover;border-radius:50%}.contact-card .who strong{display:block;font-size:23px;letter-spacing:-.03em}.contact-card .who span{display:block;font-size:14px;color:var(--ink-mute)}.contact-card .status{font-size:12px!important;margin-top:5px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wa);margin-right:4px}.contact-card>p{font-size:17px;margin-bottom:24px}.contact-card ul{list-style:none;display:grid;gap:12px;margin-top:32px;font-size:15px}.contact-card li .d{margin-right:10px}.contact-card .alt{font-size:14px;margin-top:24px;overflow-wrap:anywhere}.contact-card .alt a{text-decoration:underline}
@media(min-width:1440px){.hero-grid{padding-top:80px;padding-bottom:72px}}@media(max-width:1050px){.nav-links{gap:16px}.nav-links a{font-size:13px}.hero-grid{gap:32px}.hero-intro h1{font-size:52px}.hero-portrait{aspect-ratio:1/1.3}.serv-grid{gap:16px}.service-card{padding:24px}.about,.region-grid{gap:40px}.check-grid{gap:16px}.quote{gap:24px}.hero-actions{gap:16px}}
@media(max-width:800px){.nav-links{display:none}.burger{display:flex}.wrap,.rz-head,.rm-stage{padding-left:24px;padding-right:24px}.nav{height:64px}.mobile-menu{top:64px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:32px}.hero-intro{max-width:650px}.hero-intro h1{font-size:clamp(42px,7vw,60px)}.hero-portrait{aspect-ratio:1.6;max-height:400px}.hero-portrait>img{object-position:50% 35%}.hero-foot{gap:20px;font-size:13px}.hero-foot>a{display:none}.sec,.reel-zone{padding:64px 0}.sec-head{margin-bottom:32px}.rm-reel{flex-basis:calc((100% - 32px)/2.6)}.rm-track{gap:16px}.rm-more{gap:12px}.rm-more p{flex-basis:100%}.serv-grid{grid-template-columns:1fr 1fr}.why-grid{gap:24px}.why-card h3{font-size:20px}.why-card p{font-size:15px}.case-card{aspect-ratio:1.65}.case-info{left:24px;bottom:24px}.case-info h3{font-size:28px}.case-info p{font-size:14px}.cplay{right:24px}.quote{grid-template-columns:1fr}.quote blockquote{font-size:24px}.auto-points{grid-template-columns:1fr;gap:24px}.about{gap:32px}.about-visual{padding:0 24px 24px 0}.about-copy p{font-size:16px}.process-grid{gap:24px}.region-grid{grid-template-columns:1fr;gap:32px}.region h2{font-size:34px}.check-band{padding:64px 0}.check-grid{grid-template-columns:1fr;gap:32px}.contact-card{padding:0 12px}.foot-grid{gap:32px}.wa-float{display:none}.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#ffffffec;backdrop-filter:blur(20px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}.sticky-cta.show{transform:none}.sticky-cta .btn{font-size:14px;padding:12px 16px}.sticky-cta .btn-wa{flex:1}footer{padding-bottom:110px}.cookie{bottom:90px;left:12px;right:12px;max-width:440px}.facts ul{grid-template-columns:1fr}.hero-note{font-size:12px}}
@media(max-width:520px){.wrap,.rz-head,.rm-stage{padding-left:20px;padding-right:20px}.logo{font-size:19px}.nav{gap:12px}.nav-cta{gap:4px}.nav-cta .btn{padding:8px 12px;font-size:12px}.hero-intro .eyebrow{font-size:12px;margin-bottom:20px}.hero-intro h1{font-size:44px}.hero-promise{font-size:21px}.lead{font-size:15px}.hero-actions{gap:12px;margin-top:24px}.hero-actions .btn{padding:13px 20px;font-size:14px}.hero-actions .text-link{font-size:14px}.hero-portrait{border-radius:22px;aspect-ratio:1.5}.hero-portrait figcaption{bottom:16px;left:16px;right:16px}.hero-portrait small{font-size:11px}.hero-portrait b{font-size:17px}.hero-foot{justify-content:space-between;gap:8px;padding-top:20px;padding-bottom:20px;font-size:12px}.sec-head p,.rz-sub{font-size:16px}.rm-reel{flex-basis:70%;border-radius:20px}.rm-nav.prev{left:-12px}.rm-nav.next{right:-12px}.reel-label b{font-size:19px}.rm-more{display:block}.rm-more p{margin:12px 0 20px}.trust{padding:16px 0 48px}.marquee-track{gap:20px}.marquee-track img{width:84px;height:32px}.serv-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-number{margin-bottom:24px}.service-card h3{font-size:26px}.why-grid{grid-template-columns:1fr;gap:32px}.why-card{padding-top:24px}.why-card h3{font-size:22px}.case-card{aspect-ratio:.95}.case-info{max-width:calc(100% - 48px)}.case-card:after{background:linear-gradient(0deg,#000e,transparent)}.cplay{top:24px;right:24px}.cplay i{width:48px;height:48px}.case-stat b{font-size:26px}.quote blockquote{font-size:23px}.about{grid-template-columns:1fr;gap:32px}.about-visual{max-width:440px}.process-grid{grid-template-columns:1fr;gap:32px}.process-grid h3{margin-top:16px}.faq-item summary{font-size:17px}.faq-a{padding-right:12px}.final{padding:64px 0}.final-box p{font-size:16px}.final-actions{gap:12px}.final-actions .btn{width:100%}.foot-grid{grid-template-columns:1fr 1fr;gap:32px 16px}.foot-grid>div:first-child{grid-column:1/-1}.q-card{padding:24px 20px;border-radius:24px}.q-opt{padding:12px;gap:8px}.q-opt .txt>span{font-size:12px}.contact-card .who{gap:12px}.contact-card .who strong{font-size:21px}.cookie{padding:16px;font-size:12px}.cookie-btns{margin-top:12px}.btn-c{font-size:12px;padding:10px}.video-dialog{padding:12px;border-radius:18px}.video-dialog-head h2{font-size:17px}.hero-portrait figcaption a{width:36px;height:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Quiz additions; merge after the base page styles. */
#quizCard [hidden] { display: none !important; }
#quizCard .q-head { align-items: center; gap: 12px; }
.q-duration, .q-result-eyebrow { color: var(--ink-mute, #637083); font-size: .76rem; font-weight: 600; letter-spacing: .025em; }
.q-duration { white-space: nowrap; }
.q-option-index { align-self: center; color: var(--ink-mute, #637083); font-size: .8rem; font-variant-numeric: tabular-nums; flex: 0 0 26px; }
#quizCard .chk { display: flex; align-items: center; justify-content: center; color: transparent; }
#quizCard .q-opt.sel .chk { color: white; }
.q-location-note { margin: 0 0 20px; color: var(--ink-mute, #637083); font-size: .89rem; line-height: 1.65; }
#quizCard .q-field small { display: block; margin-top: 6px; color: var(--ink-mute, #637083); font-size: .76rem; }
.q-required, .q-optional { color: var(--ink-mute, #637083); font-weight: 400; }
.q-error { min-height: 1.5em; margin: 12px 0 4px; color: #a32929; font-size: .84rem; }
#quizCard .q-next { margin-left: auto; }
#quizCard .q-trust { line-height: 1.55; }
#quizCard input[aria-invalid="true"] { border-color: #a32929; }
#quizCard h3[tabindex]:focus { outline: none; }
#quizCard :is(button,a,input,textarea):focus-visible { outline: 3px solid var(--blue, #0071e3); outline-offset: 4px; }
#quizCard .q-result { text-align: left; }
#quizCard .q-result h3 { margin: 14px 0 12px; }
.q-summary { border-top: 1px solid rgba(30, 44, 65, .1); border-bottom: 1px solid rgba(30, 44, 65, .1); margin: 24px 0; padding: 8px 0; }
.q-summary > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 12px; padding: 9px 0; font-size: .88rem; line-height: 1.5; }
.q-summary dt { color: var(--ink-mute, #637083); }
.q-summary dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
#successWa { width: 100%; white-space: normal; text-align: center; }
.q-message-note { margin: 14px 0; color: var(--ink-mute, #637083); font-size: .8rem; line-height: 1.65; }
.q-result-actions { display: flex; flex-wrap: wrap; gap: 20px; margin: 24px 0 18px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 480px) { #quizCard .q-head { align-items: flex-start; flex-direction: column; gap: 5px; } }
/* Compact first screen and consistent retained utility rows. */
@media(min-width:801px){.hero-grid{padding-top:48px;padding-bottom:48px}.hero-portrait{aspect-ratio:1.05}.hero-intro h1{font-size:clamp(44px,5vw,66px)}}
.format-line{text-align:center;margin-top:32px;color:var(--ink-soft)}.platform-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--ink-mute)}.w-card{border-top:1px solid var(--line);padding-top:28px}.w-card h3{margin:20px 0 16px}.w-ic{font-size:24px}.check-band{margin-bottom:64px}
.serv-note{text-align:center;margin:32px 0 16px}.fmt-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;color:var(--ink-mute);font-size:14px}.why-card>.ic{display:block;margin-bottom:20px;font-size:24px}.q-summary{overflow-wrap:anywhere}#qNext{white-space:normal}.q-duration,.q-result-eyebrow{font-size:14px}.q-location-note{font-size:15px}.q-message-note{font-size:14px}
@media(max-width:520px){.sticky-cta .btn{font-size:12px;padding:12px;min-height:48px}.sticky-cta .btn-wa{white-space:nowrap}.hero-intro h1{font-size:42px}}

.sticky-cta{visibility:hidden}.sticky-cta.show{visibility:visible}@media(max-width:520px){.lead{font-size:16px}}

/* Drehorte: Weltkarte, Einzugsgebiet und Zusammenarbeit */
.map-sec{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.map-lead{margin-top:20px;max-width:62ch;font-size:17px}
@keyframes wmPulse{0%{transform:scale(.35);opacity:.45}70%{opacity:0}100%{transform:scale(1.7);opacity:0}}
.world-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:13px;color:var(--ink-mute)}
.lg{display:inline-flex;align-items:center;gap:8px}
.lg:before{content:"";width:9px;height:9px;border-radius:50%}
.lg-home:before{background:var(--blue)}
.lg-pin:before{background:#c68c37}
.chips-label{margin:28px 0 12px;font-size:14px;font-weight:600;color:var(--ink)}
.world-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.world-chips li{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:13px;color:var(--ink-soft)}
.chips-note{margin-top:14px;font-size:14px;color:var(--ink-mute)}
.exclusive{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;margin-top:48px;padding-top:40px;border-top:1px solid var(--line)}
.exclusive h3{font-size:30px;margin:0 0 16px}
.exclusive p{font-size:17px}
.exclusive-points{list-style:none;display:grid;gap:16px;margin-bottom:28px}
.exclusive-points li{padding-left:28px;position:relative;color:var(--ink-soft);font-size:16px}
.exclusive-points li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.exclusive-points b{color:var(--ink);font-weight:600}
.q-auto-note{margin:6px 0 0;font-size:13px;color:var(--ink-mute)}
@media(max-width:800px){.exclusive{grid-template-columns:1fr;gap:24px}.exclusive h3{font-size:26px}.map-lead{font-size:16px}}
@media(max-width:520px){.world-chips li{padding:6px 12px;font-size:12px}.world-legend{font-size:12px;gap:6px 16px}}
.q-send-status{margin:16px 0 4px;font-size:14px;font-weight:550;display:flex;align-items:center;gap:8px}
.q-send-status:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink-mute);flex:none}
.q-send-status.is-sending{color:var(--ink-mute)}
.q-send-status.is-ok{color:var(--wa)}
.q-send-status.is-ok:before{background:var(--wa)}
.q-send-status.is-warn{color:#b3541e}
.q-send-status.is-warn:before{background:#b3541e}
.btn.is-quiet{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.is-quiet:hover{background:#e8e8ed}
.q-reach{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);font-size:14px;line-height:1.55;color:var(--ink-soft)}
.q-reach b{color:var(--ink);font-weight:600}
.reach-note{margin-top:12px;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.reach-note b{color:var(--ink);font-weight:600}
.foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
.foot-note{color:var(--ink-mute)}
.foot-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#fdf1e0;color:#8a5a12;font-size:11px;font-weight:650;letter-spacing:.02em;vertical-align:middle}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}}
.pakete{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.paket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.paket{display:flex;flex-direction:column;position:relative;padding:32px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s,border-color .2s}
.paket:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(0,0,0,.07);border-color:#cfcfd6}
.paket.is-best{border-color:var(--blue);box-shadow:0 18px 50px rgba(0,102,204,.10)}
.paket-nr{font-size:13px;font-weight:600;color:var(--ink-mute);letter-spacing:.04em}
.paket h3{margin:16px 0 10px;font-size:23px}
.paket p{font-size:15px;flex:1}
.paket-sub{color:var(--ink-mute);font-weight:400}
.paket .foot-tag{position:absolute;top:26px;right:24px;margin:0}
.paket-link{margin-top:20px;color:var(--blue);font-weight:550;font-size:15px;display:inline-flex;gap:10px;align-items:center}
.paket:hover .paket-link .arr{transform:translateX(3px)}
.paket-link .arr{transition:transform .2s}
@media(max-width:800px){.paket-grid{grid-template-columns:1fr;gap:16px}.paket{padding:26px 22px 22px}}

/* ── Leistungskarten zum Umdrehen ───────────────────────────────────────── */
.serv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{position:relative;perspective:1400px;background:none;border:0;padding:0;box-shadow:none;cursor:pointer;outline:none}
.service-card:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:calc(var(--radius) + 4px)}
.svc-inner{display:grid;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.service-card.is-flipped .svc-inner{transform:rotateY(180deg)}
.svc-face{grid-area:1/1;display:flex;flex-direction:column;gap:12px;padding:30px 28px;min-height:330px;
  background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--svc,#0066cc);
  border-radius:var(--radius);box-shadow:var(--shadow-card);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.svc-back{transform:rotateY(180deg)}
.svc-ic{font-size:26px;line-height:1}
.svc-tag{align-self:flex-start;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:650;
  background:var(--svc-weich,#edf4fc);color:var(--svc-tief,#0055ad)}
.service-card h3{font-size:22px;margin:4px 0 0}
.service-card p{font-size:15px;flex:1}
.svc-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:550;color:var(--svc,#0066cc)}
.svc-turn{display:inline-block;font-size:16px;transition:transform .3s}
.service-card:hover .svc-turn{transform:rotate(180deg)}
.service-card:hover .svc-face{box-shadow:0 18px 50px rgba(0,0,0,.08)}
.svc-back ul{list-style:none;display:grid;gap:10px;margin:6px 0 0;flex:1}
.svc-back li{display:flex;gap:10px;font-size:15px;color:var(--ink-soft);line-height:1.45}
.svc-back .d{color:var(--svc,#0066cc);font-weight:700;flex:none}
.svc-back .service-cta{margin-top:8px;align-self:flex-start;background:var(--svc,#0066cc);color:#fff;border:0;
  border-radius:999px;padding:11px 20px;font-size:14px;font-weight:550;display:inline-flex;gap:8px;align-items:center}
.svc-back .service-cta:hover{filter:brightness(.92)}
.svc-a{--svc:#0066cc;--svc-weich:#e8f1fc;--svc-tief:#0055ad}
.svc-b{--svc:#12855a;--svc-weich:#e4f4ec;--svc-tief:#0d6a48}
.svc-c{--svc:#7a3ecb;--svc-weich:#f0e9fb;--svc-tief:#5b2b9c}
.svc-d{--svc:#0f7d8c;--svc-weich:#e2f2f4;--svc-tief:#0a626e}
.svc-e{--svc:#d2761a;--svc-weich:#fcefe1;--svc-tief:#8a4a10}
.svc-f{--svc:#c2306b;--svc-weich:#fbe7ef;--svc-tief:#94214f}
@media(max-width:900px){.serv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.serv-grid{grid-template-columns:1fr}.svc-face{min-height:0;padding:24px 22px}}
@media(prefers-reduced-motion:reduce){.svc-inner{transition:none}}

/* Lange deutsche Wörter dürfen auf schmalen Geräten umbrechen */
h1,h2,h3,h4,p,li,dd,summary,.paket h3,.service-card h3{overflow-wrap:break-word}
@media(max-width:430px){h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}}
@media(max-width:800px) and (min-width:600px){.paket-grid{grid-template-columns:1fr 1fr}}
a,dd,dt,td,th,code{overflow-wrap:anywhere}

/* Einwilligungs-Banner: überall gleich hoch, egal wie lang der Text umbricht */
.cookie{display:none;flex-direction:column;justify-content:center;gap:14px;min-height:172px}
.cookie.show{display:flex}
.cookie p{margin:0;font-size:13.5px;line-height:1.5}
.cookie-btns{display:flex;gap:10px}
.btn-c{flex:1;min-height:44px;border-radius:999px;font-size:13px;font-weight:550;padding:10px 14px}
@media(max-width:520px){.cookie{min-height:196px}}
.cookie{min-height:212px}
@media(max-width:520px){.cookie{min-height:236px}}

/* ── Drehorte: die Karte fragt zurück ───────────────────────────────────── */
.map-sec{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.world{position:relative;margin:40px 0 0;padding:clamp(16px,2.2vw,26px);
  border:1px solid #1d2532;border-radius:28px;overflow:hidden;
  background:
    radial-gradient(90% 120% at 48% 18%, #16202e 0%, #0d131c 55%, #0a0f16 100%),
    linear-gradient(180deg,#0e141d,#0a0e14);
  box-shadow:0 30px 80px -40px rgba(8,14,24,.75), inset 0 1px 0 rgba(255,255,255,.05)}

/* Das Eingabefeld ist der Kopf des Panels, nicht die Fußnote */
.wm-ask{position:relative;z-index:4;display:grid;gap:12px;
  padding:clamp(14px,1.8vw,20px);border-radius:20px;
  background:linear-gradient(180deg,rgba(77,159,255,.12),rgba(77,159,255,.04));
  border:1px solid rgba(77,159,255,.26)}
.wm-ask-kicker{display:block;font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#7fb8ff}
.wm-ask-label{display:block;margin-top:5px;font-size:clamp(19px,2.4vw,24px);font-weight:650;letter-spacing:-.02em;color:#fff}
.wm-ask-row{display:flex;gap:10px;flex-wrap:wrap}
.wm-ask input{flex:1 1 210px;min-width:0;min-height:52px;padding:0 16px;font:inherit;font-size:16px;
  color:#fff;background:rgba(6,10,16,.6);border:1px solid rgba(255,255,255,.16);border-radius:14px;
  -webkit-appearance:none;appearance:none}
.wm-ask input::placeholder{color:#7d8a9d}
.wm-ask input:focus{outline:none;border-color:#4d9fff;box-shadow:0 0 0 3px rgba(77,159,255,.25)}
.wm-go{flex:0 0 auto;min-height:52px;padding:0 20px;font:inherit;font-size:15px;font-weight:650;
  color:#fff;background:linear-gradient(180deg,#3d92ff,#0a6ae0);border:0;border-radius:14px;cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(13,110,230,.9);transition:transform .2s, box-shadow .2s}
.wm-go:hover{transform:translateY(-1px);box-shadow:0 18px 36px -16px rgba(13,110,230,1)}
.wm-go .arr{margin-left:6px}
.wm-hint{margin:0;font-size:13.5px;color:#8d9aad}
.wm-hint.is-warn{color:#ffc06b}

.wm-raum{display:grid;grid-template-columns:minmax(0,1fr) 322px;align-items:start;
  gap:clamp(14px,1.6vw,22px);margin-top:clamp(12px,1.6vw,18px)}
.wm-stage{position:relative;min-width:0}
.world-map{display:block;width:100%;height:auto;aspect-ratio:1000/374;overflow:hidden;position:relative;z-index:1}
.wm-land{fill:none;stroke:#2c3849;stroke-width:4.4;stroke-linecap:round}
.wm-spot{opacity:.9}
.wm-linie{stroke:url(#wmLinie);stroke-width:1.2;opacity:.8;vector-effect:non-scaling-stroke}
.wm-reise{fill:none;stroke:#ffd27a;stroke-width:1.6;opacity:.9;vector-effect:non-scaling-stroke;
  stroke-linecap:round;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600)}
.wm-reise.is-da{transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.3,1);stroke-dashoffset:0}

.wm-pin{cursor:pointer;transition:opacity .45s}
.wm-pin.is-weg,.wm-linie.is-weg{opacity:0;pointer-events:none}
.wm-linie{transition:opacity .45s}
.wm-pin .hit{fill:transparent}
.wm-pin .dot{fill:var(--pin,#7c8aa0);filter:url(#wmBloom)}
.wm-pin .ring{fill:none;stroke:var(--pin,#7c8aa0);stroke-width:1.4;opacity:.35;vector-effect:non-scaling-stroke}
.wm-pin .halo{fill:var(--pin,#7c8aa0);opacity:0;transition:opacity .3s}
.wm-pin:hover .halo,.wm-pin.is-on .halo{opacity:.2}
.wm-pin.is-on .ring{opacity:.9;stroke-width:2.4}
.wm-pin:focus{outline:none}
.wm-pin:focus-visible .ring{stroke:#fff;opacity:1;stroke-width:3}
.wm-basis,.wm-kfz{--pin:#4d9fff}
.wm-galabau{--pin:#2ee59d}
.wm-fahrschule{--pin:#ffb545}
.wm-it{--pin:#b07cff}
.wm-anfrage{--pin:#7c8aa0}
.wm-anfrage .dot{filter:none;opacity:.75}
.wm-anfrage .ring{opacity:.18}
.wm-pin .halo{transform-box:fill-box;transform-origin:center}
.wm-pin.is-echt .halo{animation:wmPuls 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.wm-basis .halo{animation-duration:2.9s}
.wm-pins .wm-pin:nth-child(3) .halo{animation-delay:.7s}
.wm-pins .wm-pin:nth-child(4) .halo{animation-delay:1.4s}
.wm-pins .wm-pin:nth-child(5) .halo{animation-delay:2.1s}
@keyframes wmPuls{0%{transform:scale(.4);opacity:.4}70%{opacity:0}100%{transform:scale(1.7);opacity:0}}

/* Der Punkt des Besuchers */
.wm-du{--pin:#ffd27a}
.wm-du .dot{fill:#ffd27a;filter:url(#wmBloom)}
.wm-du .ring{fill:none;stroke:#ffd27a;stroke-width:2;opacity:.9;vector-effect:non-scaling-stroke}
.wm-du .halo{fill:#ffd27a;opacity:.22;transform-box:fill-box;transform-origin:center;
  animation:wmPuls 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.wm-du-fahne rect{fill:rgba(10,15,22,.88);stroke:rgba(255,210,122,.5);stroke-width:1;vector-effect:non-scaling-stroke}
.wm-du-fahne text{fill:#ffe3ae;font:650 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif}

/* Die Legende läuft wie eine Anzeigetafel am Flughafen: endlos nach rechts,
   an den Rändern weggeblendet, und sie hält an, sobald jemand hinzeigt. */
.wm-legende{position:relative;z-index:2;margin-top:16px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.wm-leg-band{display:flex;flex-wrap:nowrap;gap:8px;width:max-content;
  animation:wmTafel 26s linear infinite;will-change:transform}
.wm-legende:hover .wm-leg-band,
.wm-legende:focus-within .wm-leg-band,
.wm-legende:active .wm-leg-band{animation-play-state:paused}
@keyframes wmTafel{
  from{transform:translate3d(calc(-50% - 4px),0,0)}
  to{transform:translate3d(0,0,0)}}
.wm-leg{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:12.5px;
  font-weight:550;color:#c3ccdb;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  cursor:pointer;white-space:nowrap}
.wm-leg:hover{background:rgba(255,255,255,.1);color:#fff}
.wm-leg.is-on{background:rgba(77,159,255,.16);border-color:rgba(77,159,255,.45);color:#fff}
.wm-leg:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pin,#7c8aa0);
  box-shadow:0 0 10px var(--pin,#7c8aa0);flex:none}
.wm-leg-basis,.wm-leg-kfz{--pin:#4d9fff}
.wm-leg-galabau{--pin:#2ee59d}
.wm-leg-fahrschule{--pin:#ffb545}
.wm-leg-it{--pin:#b07cff}
.wm-leg-anfrage{--pin:#7c8aa0}

/* Infokarte sitzt auf dem Panel, wie ein Fenster über der Karte */
.wm-karten{position:relative;z-index:3}
.wm-info{padding:18px 20px;border-radius:20px;color:#eef2f8;
  background:rgba(14,20,29,.86);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
.wm-info h3{font-size:19px;margin:10px 0 6px;color:#fff;letter-spacing:-.02em}
.wm-info p{font-size:14.5px;line-height:1.5;color:#b9c3d2;margin:0}
.wm-info .wm-ort{margin-top:9px;font-size:12.5px;color:#7f8da1}
.wm-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.02em;
  color:var(--chip,#4d9fff);background:color-mix(in srgb,var(--chip,#4d9fff) 16%,transparent);
  border:1px solid color-mix(in srgb,var(--chip,#4d9fff) 35%,transparent)}
.wm-chip-basis,.wm-chip-kfz{--chip:#4d9fff}
.wm-chip-galabau{--chip:#2ee59d}
.wm-chip-fahrschule{--chip:#ffb545}
.wm-chip-it{--chip:#b07cff}
.wm-chip-anfrage{--chip:#9aa7ba}
.wm-chip-du{--chip:#ffd27a}
.wm-info-du{border-color:rgba(255,210,122,.34);box-shadow:0 24px 60px -28px rgba(0,0,0,.95), 0 0 0 1px rgba(255,210,122,.12)}
.wm-du-cta{width:100%;margin-top:14px;justify-content:center}

/* Der Abschluss der Sektion ist ein Knopf, keine Fußnote */
.wm-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:20px}
.wm-fuss-text{margin:0;max-width:52ch;font-size:15px;color:var(--ink-mute)}
.wm-fuss-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.wm-fuss-note{font-size:13px;color:var(--ink-mute)}

@media(max-width:900px){
  .wm-land{stroke:#3a4a61;stroke-width:4.8}
  .wm-raum{grid-template-columns:minmax(0,1fr)}
  .wm-info{background:rgba(14,20,29,.94)}
  .wm-legende{margin-left:calc(-1*clamp(16px,2.2vw,26px));margin-right:calc(-1*clamp(16px,2.2vw,26px))}
  .wm-leg-band{animation-duration:20s}
  .wm-fuss{display:grid;gap:14px}
  .wm-fuss-cta{align-items:stretch}
  .wm-fuss-cta .btn{width:100%;justify-content:center}
  .wm-go{width:100%;justify-content:center}
}
@media(max-width:520px){
  .world{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  .wm-pin .halo,.wm-du .halo{animation:none}
  .wm-reise.is-da{transition:none}
  .wm-leg-band{animation:none}
  .wm-legende{overflow-x:auto;scrollbar-width:none}
  .wm-legende::-webkit-scrollbar{display:none}
}

/* ── Leistungen: dunkle Sektion, Karten aus mattem Glas ────────────────────
   Ein Ton für alle sechs Karten, kein Farbcode und kein Leuchten. Die Ruhe
   macht den Wert, gelesen wird über den Kontrast von Weiß auf Anthrazit. */
:root{--glas-akzent:#b3c9e2;--glas-rand:rgba(255,255,255,.13)}

#leistungen{position:relative;isolation:isolate;overflow:hidden;color:#cfd8e3;
  background:
    radial-gradient(110% 130% at 50% 0%, #1c232d 0%, #151a23 56%, #10141a 100%),
    linear-gradient(180deg,#171d26,#111620)}
#leistungen:before{
  content:"";position:absolute;inset:-12% -6%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(44% 40% at 22% 18%, rgba(179,201,226,.13), transparent 72%),
    radial-gradient(40% 38% at 80% 82%, rgba(179,201,226,.08), transparent 74%);
  filter:blur(24px)}
#leistungen>.wrap{position:relative;z-index:1}
#leistungen .eyebrow{color:#93a3b6}
#leistungen .sec-head h2{color:#fff}
#leistungen .sec-head h2 em{color:var(--glas-akzent)}
#leistungen .sec-head p,#leistungen .serv-note{color:#9aa7b7}
#leistungen .serv-note b{color:#fff}
#leistungen .fmt-chips span{color:#7f8d9e}

/* Die Scheibe */
/* Alle sechs Karten gleich hoch: das Raster gibt die Höhe vor, die Karte
   reicht sie nach innen durch, und "Was drin ist" sitzt immer unten. */
.serv-grid{align-items:stretch;grid-auto-rows:1fr}
.service-card{isolation:isolate;display:grid}
.svc-inner{height:100%}
.svc-face{height:100%}
.service-card:before{
  content:"";position:absolute;inset:-14px -10px -20px;z-index:-1;border-radius:38px;pointer-events:none;
  background:radial-gradient(60% 54% at 24% 8%, rgba(179,201,226,.16), transparent 74%);
  filter:blur(28px);opacity:.6;transition:opacity .4s}
.service-card:hover:before{opacity:1}

.svc-face{
  position:relative;overflow:hidden;border-radius:22px;
  border:1px solid var(--glas-rand);
  background:linear-gradient(155deg,
    rgba(255,255,255,.095) 0%,
    rgba(255,255,255,.042) 52%,
    rgba(255,255,255,.065) 100%);
  -webkit-backdrop-filter:blur(28px) saturate(115%);
  backdrop-filter:blur(28px) saturate(115%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 28px 58px -36px rgba(0,0,0,.85);
  transition:box-shadow .35s, border-color .35s, background .35s}
.service-card:hover .svc-face{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(155deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.055) 52%,
    rgba(255,255,255,.08) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 36px 70px -36px rgba(0,0,0,.9)}
/* Ein einzelner, sehr flacher Lichtstreifen über der Scheibe */
.svc-face:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(142deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 26%, rgba(255,255,255,0) 50%)}
.svc-face>*{position:relative;z-index:1}
.svc-back:after{background:linear-gradient(218deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 26%, rgba(255,255,255,0) 50%)}

.service-card h3{color:#fff;letter-spacing:-.015em}
.service-card p{color:#aab5c3}
.svc-more{color:var(--glas-akzent)}
.svc-back ul{border-top-color:rgba(255,255,255,.1)}
.svc-back li{color:#bcc6d2}
.svc-back .d{color:var(--glas-akzent)}
.service-card:focus-visible{outline-color:var(--glas-akzent)}

/* Kein Kasten mehr über der Überschrift, nur eine ruhige Zeile */
.svc-tag{align-self:flex-start;padding:0;border:0;background:none;box-shadow:none;border-radius:0;
  font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8d9cae}
.svc-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:21px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  filter:saturate(.25) brightness(1.15)}
.svc-back .service-cta{background:rgba(255,255,255,.94);color:#131a24;font-weight:600;
  box-shadow:0 14px 30px -18px rgba(0,0,0,.9);text-shadow:none}
.svc-back .service-cta:hover{background:#fff;filter:none}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .svc-face{background:linear-gradient(155deg, rgba(34,41,52,.95), rgba(24,30,39,.95))}
}

/* ── Die Schnell-Check-Bänder sind dieselbe Scheibe ─────────────────────── */
.sec-cta{position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;
  margin-top:clamp(32px,4vw,48px);padding:clamp(22px,2.6vw,28px) clamp(22px,2.8vw,32px);
  border-radius:22px;color:#dfe5ee;
  border:1px solid var(--glas-rand);
  background:
    linear-gradient(155deg, rgba(255,255,255,.085) 0%, rgba(255,255,255,.035) 52%, rgba(255,255,255,.06) 100%),
    radial-gradient(130% 170% at 16% 0%, #1e2530 0%, #161c25 58%, #12171f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 24px 52px -36px rgba(10,14,20,.85)}
.sec-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(142deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.03) 26%, rgba(255,255,255,0) 50%)}
.sec-cta>*{position:relative;z-index:1}
.sec-cta-text{margin:0;max-width:46ch;font-size:17px;color:#fff;font-weight:500;letter-spacing:-.01em}
.sec-cta-akt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:none}
.sec-cta-note{font-size:13px;color:#8695a7}
.sec-cta .btn-blue{box-shadow:0 14px 30px -18px rgba(13,110,230,.9)}
@media(max-width:700px){
  .sec-cta{display:grid;gap:14px}
  .sec-cta-text{font-size:16px}
  .sec-cta-akt{align-items:stretch}
  .sec-cta-akt .btn{width:100%;justify-content:center}
  .sec-cta-note{text-align:center}
}
.foot-grid{grid-template-columns:1.2fr repeat(4,1fr);gap:40px}
@media(max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px 20px}}

/* ── Touchflächen: auf dem Handy muss man Links treffen können ──────────── */
@media(max-width:900px){
  .foot-links{gap:0}
  .foot-links a{display:block;padding:9px 0;line-height:1.35}
  .alt a{display:inline-block;padding:6px 0}
  .hero-card small,.reel-label small{font-size:12.5px}
}

/* ── Der Weg in den Schnell-Check: im Kopf und nach jedem großen Abschnitt ── */
.nav-quiz{box-shadow:0 12px 26px -16px rgba(13,110,230,.95)}
@media(max-width:620px){
  .nav-quiz-lang{display:none}
  .nav-quiz-kurz{display:inline}
}
@media(max-width:400px){
  .nav-quiz .arr{display:none}
}

/* ── Auf Wunsch exklusiv: der einzige goldene Abschnitt der Seite ───────────
   Gold ist hier die Ausnahme, nicht die Dekoration. Es steht genau an der
   Stelle, an der es um wenige Partner geht, und sonst nirgends. */
:root{--gold:#c68c37;--gold-hell:#e3bc79;--gold-blass:#f0dcb8}
.exclusive{
  position:relative;overflow:hidden;isolation:isolate;
  grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px);
  margin-top:clamp(36px,4.5vw,56px);border-top:0;
  padding:clamp(28px,3.4vw,44px) clamp(24px,3.2vw,44px);
  border-radius:26px;color:#e6ddcc;
  border:1px solid rgba(198,140,55,.32);
  background:
    linear-gradient(155deg, rgba(240,220,184,.10) 0%, rgba(240,220,184,.03) 50%, rgba(198,140,55,.07) 100%),
    radial-gradient(130% 150% at 14% 0%, #241c11 0%, #191408 56%, #120e07 100%);
  box-shadow:
    inset 0 1px 0 rgba(240,220,184,.28),
    0 28px 60px -38px rgba(20,14,4,.9)}
.exclusive:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(142deg, rgba(240,220,184,.16) 0%, rgba(240,220,184,.03) 26%, rgba(240,220,184,0) 50%)}
.exclusive>*{position:relative;z-index:1}
.exclusive .eyebrow{color:var(--gold-hell);letter-spacing:.14em}
.exclusive .eyebrow:before{background:var(--gold)}
.exclusive h3{color:#fff;letter-spacing:-.02em}
.exclusive p{color:#b6ab97}
.exclusive-points li{color:#c0b5a1}
.exclusive-points li:before{background:var(--gold);box-shadow:0 0 10px rgba(198,140,55,.65)}
.exclusive-points b{color:#fff}
.exclusive .btn-blue{
  background:linear-gradient(180deg,var(--gold-hell),var(--gold));
  color:#1b1408;border:0;font-weight:650;
  box-shadow:0 16px 32px -18px rgba(198,140,55,.95), inset 0 1px 0 rgba(255,255,255,.45)}
.exclusive .btn-blue:hover{background:linear-gradient(180deg,#eccb92,#d29a45)}
@media(max-width:800px){
  .exclusive{grid-template-columns:1fr;gap:22px;border-radius:22px}
  .exclusive .btn-blue{width:100%;justify-content:center}
}

/* ── Der Unterschied: zwei Scheiben nebeneinander ──────────────────────────
   Links das Muster, das viele kennen, rechts mein Weg. Es geht um den Ablauf,
   nicht um Ergebnisse, und es nennt keine Agentur beim Namen. */
.vergleich{margin-top:clamp(40px,5vw,64px)}
.vgl-kopf{margin-bottom:clamp(20px,2.4vw,28px)}
.vgl-kopf h3{margin:10px 0 0;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;color:#fff}
.vgl-kopf h3 em{font-style:normal;color:var(--glas-akzent)}
.vgl-paar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);align-items:stretch}
.vgl-karte{position:relative;overflow:hidden;border-radius:22px;
  padding:clamp(22px,2.6vw,30px) clamp(20px,2.4vw,28px);
  border:1px solid var(--glas-rand);
  background:linear-gradient(155deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.03) 52%, rgba(255,255,255,.05) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(115%);backdrop-filter:blur(26px) saturate(115%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 26px 54px -38px rgba(0,0,0,.85)}
.vgl-karte:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(142deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.02) 26%, rgba(255,255,255,0) 50%)}
.vgl-karte>*{position:relative;z-index:1}
.vgl-karte h4{margin:0 0 18px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.vgl-karte ul{list-style:none;display:grid;gap:14px;margin:0}
.vgl-karte li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.5}
.vgl-karte li:before{position:absolute;left:0;top:-1px;font-size:15px;font-weight:700}

/* Die linke Spalte trägt ein gedecktes Dunkelrot. Kein Alarmrot, sondern der
   Ton, den man im Feed als "das kenne ich" liest. */
.vgl-andere{border-color:rgba(176,64,64,.3);
  background:
    linear-gradient(155deg, rgba(176,64,64,.13) 0%, rgba(176,64,64,.05) 52%, rgba(176,64,64,.09) 100%),
    radial-gradient(130% 150% at 14% 0%, #2a1618 0%, #1d1113 58%, #160d0f 100%);
  box-shadow:inset 0 1px 0 rgba(255,214,214,.16), 0 26px 54px -38px rgba(30,8,10,.9)}
.vgl-andere:after{background:linear-gradient(142deg, rgba(255,214,214,.1) 0%, rgba(255,214,214,.02) 26%, rgba(255,255,255,0) 50%)}
.vgl-andere h4{color:#e08a8a}
.vgl-andere li{color:#c0a1a1}
.vgl-andere li:before{content:"✕";color:#d06a6a;font-size:13px;top:1px}

.vgl-ich{border-color:rgba(179,201,226,.34);
  background:linear-gradient(155deg, rgba(179,201,226,.13) 0%, rgba(255,255,255,.04) 52%, rgba(179,201,226,.07) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 28px 58px -36px rgba(0,0,0,.9)}
.vgl-ich h4{color:var(--glas-akzent)}
.vgl-ich li{color:#d2dae4}
.vgl-ich li:before{content:"✓";color:var(--glas-akzent)}

@media(max-width:760px){
  .vgl-paar{grid-template-columns:1fr}
  .vgl-karte li{font-size:15px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .vgl-karte{background:linear-gradient(155deg, rgba(34,41,52,.95), rgba(24,30,39,.95))}
}
.vgl-note{margin:18px 0 0;font-size:13.5px;color:#7e8b9c;max-width:62ch}

/* ---------------------------------------------------------------
   Schmale und flache Displays
   Zwei Sachen gingen kaputt, sobald das Gerät klein oder quer war.
   --------------------------------------------------------------- */

/* Knöpfe brechen nie mitten im Wort um. Der WhatsApp-Knopf im Header
   stand auf einem 375px-Display als „WhatsAp / p“ da. */
.nav-cta .btn{white-space:nowrap}

/* Unter 400px teilen sich Logo, WhatsApp, Quiz und Burger zu wenig
   Platz. Wo ein Burger steht, tritt WhatsApp aus dem Header zurück —
   im Menü darunter steht es weiter an erster Stelle. Auf den
   Branchenseiten gibt es keinen Burger, dort bleibt der Knopf. */
@media(max-width:400px){
  .nav-cta:has(.burger)>.btn-wa{display:none}
  .nav-cta .btn{min-height:44px}
  .burger{width:44px}
}

/* Das Burger-Menü klebte fest am Bildschirm und war höher als ein quer
   gehaltenes Handy. Der Schnell-Check unten fiel raus, und scrollen
   ging nicht — die Seite darunter bewegte sich, das Menü nicht.
   Jetzt scrollt das Menü selbst. */
.mobile-menu{
  max-height:calc(100dvh - 64px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:calc(28px + env(safe-area-inset-bottom))}

/* Der WhatsApp-Eintrag im Menü trägt die Farbe, an der man ihn erkennt. */
.mobile-menu>.btn-wa{margin-top:12px}

/* Links in der Fußzeile waren 37px hoch. Ein Daumen trifft ab 44 sicher. */
@media(max-width:900px){
  .foot-links a{padding:12px 0}
}

/* Auch hier: der Schriftzug im Kopf bleibt auf einer Zeile. */
.logo{white-space:nowrap;overflow-wrap:normal}