.search-card{background:#dff1ee!important}.search-card .search-result{opacity:0!important;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.search-card .search-result.is-visible{opacity:1!important;transform:none}.search-field span{color:#000!important;font-size:15px!important;font-weight:600}.search-field .search-term:after{content:'';display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--blue);vertical-align:-2px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.search-field .search-term:after{display:none}}@media(max-width:620px){.search-field span{font-size:12px!important}}
:root{--ink:#16363a;--muted:#40575a;--blue:#076fb7;--deep:#076fb7;--mint:#9bd3c7;--pale:#edf7f5;--line:#d8e7e4;--orange:#f5a23a;--white:#fff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.55 'Helvetica Neue',Arial,system-ui,sans-serif}a{color:inherit;text-decoration:none}strong{font-weight:700}.container{width:min(calc(100% - 72px),var(--max));margin:auto}.site-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:143px}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--blue)}.nav-cta{color:var(--blue);padding:10px 0;border-bottom:1px solid var(--blue)}.nav-cta span,.button span,.text-link span{margin-left:8px}.menu-toggle,.mobile-nav{display:none}h1,h2,h3{font-family:'Helvetica Neue',Arial,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.03}h1,h2,h3,p{margin-top:0}h1{margin:20px 0 18px;font-size:clamp(52px,6.2vw,90px);font-weight:600;color:var(--blue)}h1 em,h2 em{color:var(--mint);font-style:normal}h2{margin:0 0 24px;font-size:clamp(38px,5vw,63px);font-weight:600;color:var(--blue)}h3{margin:0 0 9px;font-size:20px;color:var(--blue)}.section{padding:92px 0}.section-label,.eyebrow{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.section-label.light{color:rgba(255,255,255,.62)}
.hero{position:relative;overflow:hidden;color:#fff;background:#076fb7;margin-bottom:0}.hero h1{color:#fff}.hero:before{content:'';position:absolute;inset:0;background:#076fb7}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.orbit-one{width:630px;height:630px;right:-195px;top:-185px}.orbit-two{width:460px;height:460px;right:-105px;top:-98px;border-color:rgba(155,211,199,.3)}.hero-grid{position:relative;display:grid;grid-template-columns:50% 50%;gap:26px;align-items:center;min-height:400px;padding:22px 0 30px}.eyebrow{color:rgba(255,255,255,.7)}.eyebrow span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--mint)}.hero-copy{max-width:100%}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:5px 9px 5px 7px;background:transparent;color:#fff}.hero-logo{display:block;width:143px;height:auto}.hero-lead{max-width:100%;color:rgba(255,255,255,.86);font-size:19px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 21px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-accent{color:var(--ink);background:var(--mint)}.button-accent:hover{background:#b4e0d5}.button-ghost,.button-outline-light{color:#fff;border-color:rgba(255,255,255,.5)}.button-ghost:hover,.button-outline-light:hover{background:rgba(255,255,255,.1)}.button-blue{color:#fff;background:var(--blue)}.hero-note{margin:0;color:rgba(255,255,255,.65);font-size:12px}.hero-visual{position:relative;min-height:290px;display:grid;place-items:center;width:100%}.search-card{position:relative;z-index:1;width:100%;max-width:620px;padding:13px;background:#dff1ee;box-shadow:18px 20px 0 rgba(3,55,83,.2);transform:rotate(2deg)}.search-top{display:flex;justify-content:space-between;padding:4px 7px 14px;color:#6f9394;font-size:9px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#71b8ad}.search-field{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:#fff;color:#8a9b9b;font-size:11px}.search-field b{color:var(--blue);font-size:20px}.search-result{display:grid;grid-template-columns:39% 1fr;margin-top:13px;background:#fff}.result-map{position:relative;overflow:hidden;min-height:190px;background:#cce8e2;color:#97cbbf;font-size:27px;line-height:1.1}.result-map:after{content:'';position:absolute;width:170px;height:170px;left:35px;top:30px;border:1px solid rgba(8,117,185,.18);border-radius:50%}.result-map i,.result-map b,.result-map em{position:absolute;z-index:1;color:var(--blue);font-size:17px;font-style:normal}.result-map i{left:40%;top:35%}.result-map b{left:62%;top:59%;color:var(--orange)}.result-map em{left:28%;top:70%;color:#64a99e}.result-map span{padding:12px}.result-content{padding:20px 18px}.result-content small{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.1em}.result-content h3{margin:7px 0;font-size:17px}.result-content p{margin:0 0 9px;color:#738587;font-size:10px}.result-content .rating{color:var(--orange);font-size:11px}.rating strong{color:#6b7c7e}.result-content a{color:var(--blue);font-size:10px;font-weight:700}.result-footer{display:flex;align-items:center;gap:8px;padding:14px 8px 3px;color:#5e8985;font-size:10px}.result-footer b{margin-left:auto;color:var(--blue)}.status-dot{width:7px;height:7px;border-radius:50%;background:#56aa75}.visual-tag{position:absolute;z-index:2;padding:12px 15px;color:var(--ink);background:#fff;box-shadow:5px 7px 0 rgba(3,55,83,.16);font-size:10px;line-height:1.4}.visual-tag strong{display:block;color:var(--blue);font-size:13px}.tag-top{right:-12px;top:39px;transform:rotate(-4deg)}.tag-bottom{left:-15px;bottom:42px;transform:rotate(3deg)}.hero-strip{position:absolute;bottom:0;left:0;width:100%;background:rgba(2,68,106,.28)}.hero-strip .container{display:flex;justify-content:space-between;align-items:center;min-height:56px;color:rgba(255,255,255,.78);font-size:14px}.strip-price strong{color:var(--mint)}
.statement-grid{display:grid;grid-template-columns:2.45fr .55fr;gap:55px}.statement-grid p:not(.section-label){color:var(--muted)}.statement-aside{align-self:end;justify-self:start;display:flex;flex-direction:column;align-items:center;gap:9px;padding:28px 34px;background:var(--deep);font-size:13px}.statement-aside .flow-node{padding:8px 26px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-weight:600}.statement-aside .flow-node-end{color:var(--deep);background:var(--mint);border-color:var(--mint)}.statement-aside .flow-link{display:grid;justify-items:center;gap:6px;color:var(--mint)}.statement-aside .flow-link i{width:0;height:13px;border-left:1px dashed var(--mint)}.statement-aside .flow-link em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.statement-aside .flow-link b{margin-top:-8px;font-size:11px;line-height:1}.section-head{margin-bottom:48px}.section-head.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px}.section-head.split>p{max-width:340px;margin:0;color:var(--muted)}.benefits{background:var(--pale)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-grid article{min-height:320px;padding:25px;border:1px solid var(--line);background:#fff}.icon{display:block;margin:0 0 19px;color:var(--blue);font-size:31px;line-height:1}.benefit-grid p{margin:0;color:var(--muted);font-size:14px}.how-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.how-list{border-top:1px solid var(--line)}.how-row{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.how-row>span,.steps>div>span{color:var(--blue);font-size:11px;font-weight:700}.how-row p{margin:0;color:var(--muted);font-size:14px}.how-panel{align-self:center;padding:34px;background:var(--deep);color:#fff}.panel-kicker{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.connection{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:36px 0}.connection>span{color:var(--mint);font-size:28px}.connection b,.connection small{display:block}.connection b{font-family:'Helvetica Neue',Arial,system-ui,sans-serif;font-size:14px}.connection small{margin-top:10px;color:rgba(255,255,255,.67);font-size:11px;line-height:1.8}.local-node{padding:13px;border:1px solid rgba(155,211,199,.65)}.how-panel>p{margin:0;color:rgba(255,255,255,.65);font-size:11px}.audience{background:#f7faf9}.audience-grid,.pricing-grid,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.audience-list>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.audience-list span{color:var(--blue);font-size:11px;font-weight:700}.audience-list p{margin:0;color:var(--muted);font-size:14px}.audience-list strong{color:var(--ink)}.pricing{background:var(--pale)}.pricing h2 em{color:var(--blue)}.pricing-intro{max-width:330px;color:var(--muted)}.text-link{display:inline-flex;gap:8px;margin-top:23px;color:var(--blue);border-bottom:1px solid var(--blue);font-size:13px;font-weight:700;padding-bottom:6px}.price-table{background:#fff}.price-line{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;align-items:center;padding:23px 24px;border-bottom:1px solid var(--line)}.price-line span{font-weight:600}.price-line strong{color:var(--blue);font-family:'Helvetica Neue',Arial,system-ui,sans-serif;font-size:26px}.price-line small,.example small{font-size:11px;font-weight:400}.price-line em{color:var(--muted);font-size:11px;font-style:normal}.example{margin:22px 24px;padding:21px;background:var(--pale)}.example p{margin:7px 0;color:var(--muted);font-size:13px}.example>strong{color:var(--blue);font-family:'Helvetica Neue',Arial,system-ui,sans-serif;font-size:30px}.price-hint{margin:0;padding:0 24px 22px;color:var(--muted);font-size:13px}.start{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line)}.steps>div{padding-top:23px;border-top:2px solid var(--mint)}.steps h3{margin-top:31px}.steps p{margin:0;color:var(--muted);font-size:14px}.live{color:#fff;background:var(--deep)}.live h2{color:#fff}.live-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.live h2 em{color:var(--mint)}.live-grid>div:first-child>p:not(.section-label){max-width:540px;color:rgba(255,255,255,.75)}.live-details{padding:27px 0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.live-details p{font-size:14px}.live-details ul{margin:26px 0;padding:0;list-style:none;color:rgba(255,255,255,.78);font-size:14px}.live-details li{padding:9px 0 9px 21px;border-bottom:1px solid rgba(255,255,255,.16)}.live-details li:before{content:'+';margin-left:-21px;margin-right:11px;color:var(--mint)}.free-note{color:var(--mint);font-size:12px}.faq-grid>div:first-child>p:not(.section-label){max-width:360px;color:var(--muted)}.faq-list details{padding:20px 0;border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-family:'Helvetica Neue',Arial,system-ui,sans-serif;font-size:16px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--blue);font-size:24px;font-weight:400}details[open] summary:after{content:'−'}details p{max-width:600px;margin:14px 30px 0 0;color:var(--muted);font-size:14px}.final-cta{padding:95px 0;color:#fff;background:var(--blue)}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.final-inner h2{margin:13px 0 15px}.final-inner h2 em{color:var(--mint)}.final-inner>div:first-child>p:last-child{margin:0;color:rgba(255,255,255,.72)}.final-actions{display:flex;flex-direction:column;gap:12px;min-width:230px}.final-actions .button{width:100%}.site-footer{padding:55px 0 23px;color:#668080;background:#fff;font-size:12px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:60px;padding-bottom:50px}.footer-easy{width:132px}.footer-top p{max-width:260px;margin-top:16px}.footer-top strong,.footer-top span,.footer-top a{display:block;margin-bottom:7px}.footer-top strong{margin-bottom:13px;color:var(--ink)}.footer-top a{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-one{transition-delay:.12s}@media(max-width:900px){.container{width:min(calc(100% - 44px),var(--max))}.main-nav{display:none}.menu-toggle{display:block;border:0;background:none;color:var(--blue);font:inherit;font-size:13px;font-weight:700}.mobile-nav{display:none;padding:12px 22px 20px;background:#fff}.mobile-nav.is-open{display:grid;gap:14px}.mobile-nav a{font-size:14px;font-weight:600}.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:65px}.hero-visual{max-width:600px;margin:auto;width:100%}.audience-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr 1.4fr;gap:45px}.statement-grid{gap:45px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.how-grid,.live-grid{gap:55px}.section-head.split{gap:40px}.footer-top{gap:30px}}@media(max-width:620px){.container{width:min(calc(100% - 36px),var(--max))}.nav-wrap{height:70px}.brand img{width:122px}.hero-grid{padding:54px 0 50px}.hero-strip{position:relative}.hero-strip .container{flex-wrap:wrap;gap:8px;padding:13px 0}.hero-strip .strip-price{width:100%}h1{font-size:50px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-visual{min-height:335px}.search-card{transform:rotate(1deg) scale(.91)}.tag-top{right:-6px;top:0}.tag-bottom{left:-4px;bottom:3px}.section{padding:76px 0}.statement-grid,.audience-grid,.pricing-grid,.faq-grid,.how-grid,.live-grid,.section-head.split{display:block}.statement-aside{width:max-content;margin-top:40px}.section-head h2{margin-top:10px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:250px}.icon{margin-top:30px}.how-list,.steps{margin-top:38px}.how-panel{margin-top:35px;padding:24px}.connection{gap:8px}.audience-list{margin-top:42px}.price-table{margin-top:40px}.price-line{grid-template-columns:1fr auto;padding:18px}.price-line em{grid-column:1/-1}.example{margin:18px;padding:17px}.price-hint{padding:0 18px 18px}.start .button{margin-top:25px}.steps{display:block}.steps>div{margin-bottom:27px}.live-details{margin-top:45px}.final-cta{padding:72px 0}.final-inner{display:block}.final-actions{margin-top:35px}.footer-top{display:block}.footer-top>div{margin-bottom:30px}.footer-bottom{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* --- Visuelles Tuning Sektionen 01–09 --- */
.statement{position:relative;overflow:hidden}
.statement .container{position:relative;z-index:1}
.aside-mark{display:inline-block;animation:aside-nudge 2.4s ease-in-out infinite}
@keyframes aside-nudge{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,5px)}}
.benefit-grid article{border-bottom:3px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}
.benefit-grid article:hover{transform:translateY(-6px);background:var(--blue);border-color:var(--blue);border-bottom-color:var(--mint);color:#fff;box-shadow:0 14px 30px rgba(3,55,83,.12)}
.benefit-grid article:hover .icon{color:var(--mint)}
.benefit-grid article:hover p{color:rgba(255,255,255,.8)}.benefit-grid article:hover h3{color:#fff}
.icon svg,.step-icon svg{display:block}
.conn-node{padding:16px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.connection .local-node{background:rgba(155,211,199,.1);border-color:rgba(155,211,199,.55)}
.conn-link{display:flex;flex-direction:column;align-items:center;gap:6px}
.conn-link i{width:2px;height:16px;background:repeating-linear-gradient(180deg,var(--mint) 0 4px,transparent 4px 8px)}
.conn-link span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--deep);font:700 19px/1 'Helvetica Neue',Arial,system-ui,sans-serif}
.example{border-left:4px solid var(--mint)}
.calc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}
.calc-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink)}
.calc-icon{display:grid;place-items:center;color:var(--blue)}
.calc-icon svg{display:block}
main section{position:relative;overflow:hidden}
main section>.container{position:relative;z-index:1}
/* Watermarks: abwechselnd links/rechts, vertikal zentriert, laufen dezent unter den Content und bluten leicht über die Sektionskante aus */
.watermark{--wm-size:clamp(280px,26vw,440px);--wm-o:.18;position:absolute;z-index:0;top:calc(50% - var(--wm-size)/2);pointer-events:none;color:var(--blue);opacity:var(--wm-o);width:var(--wm-size);height:var(--wm-size)}
.watermark svg{display:block;width:100%;height:100%}
.wm-benefits,.wm-audience,.wm-start,.wm-faq{left:calc(var(--wm-size)/-6)}
.wm-statement,.wm-how,.wm-pricing,.wm-live,.wm-cta{right:calc(var(--wm-size)/-6)}
.wm-statement{transform:rotate(8deg)}
.wm-benefits{transform:rotate(6deg)}
.wm-how{transform:rotate(-6deg)}
.wm-audience{transform:rotate(5deg)}
.wm-pricing{transform:rotate(-6deg)}
.wm-live{--wm-o:.15;color:#fff;transform:rotate(-5deg)}
.wm-faq{transform:rotate(6deg)}
.wm-cta{--wm-size:clamp(180px,16vw,270px);color:#fff;opacity:var(--wm-o)}
@media(min-width:901px){.wm-cta{right:120px}}
/* Einflug von der jeweils eigenen Seite beim Scrollen (Rakete ausgenommen) */
.watermark:not(.wm-cta){opacity:0;transition:translate 1s cubic-bezier(.22,.7,.3,1),opacity 1s ease}
.wm-benefits,.wm-audience,.wm-start,.wm-faq{translate:-160px 0}
.wm-statement,.wm-how,.wm-pricing,.wm-live{translate:160px 0}
.watermark.visible{translate:0 0;opacity:var(--wm-o)}
/* 06: Countdown 1-2-3, nacheinander von oben nach unten */
.wm-start{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font:700 calc(var(--wm-size)/3.3)/1 'Helvetica Neue',Arial,system-ui,sans-serif}
.wm-start b{opacity:0;animation:wm-count .9s ease-out forwards}
.wm-start b:nth-child(2){animation-delay:.8s}
.wm-start b:nth-child(3){animation-delay:1.6s}
@keyframes wm-count{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
/* 09: Rakete brodelt dauerhaft */
.wm-cta{animation:wm-rumble 1.1s linear infinite}
@keyframes wm-rumble{0%,100%{translate:0 0}10%{translate:-2px 1px}20%{translate:2px -1px}30%{translate:-2px -1px}40%{translate:2px 1px}50%{translate:-1px 2px}60%{translate:1px -2px}70%{translate:-2px 0}80%{translate:2px 1px}90%{translate:-1px -1px}}
/* MacBook/Laptop: etwas kleinere Icons, nur leicht angeschnitten */
@media(max-width:1520px) and (min-width:621px){
.watermark{--wm-o:.14;--wm-size:clamp(230px,21vw,330px)}
.wm-benefits,.wm-audience,.wm-faq{left:calc(var(--wm-size)/-4)}
.wm-statement,.wm-how,.wm-pricing,.wm-live{right:calc(var(--wm-size)/-4)}
.wm-start{--wm-size:clamp(200px,18vw,280px)}
.wm-cta{--wm-size:clamp(180px,16vw,270px);right:24px}
}
/* Mobile: kleine, halb angeschnittene Kanten-Akzente statt gro\u00dfer Fl\u00e4chen */
@media(max-width:620px){
.watermark{--wm-size:200px;--wm-o:.12}
.wm-benefits,.wm-audience,.wm-faq{left:calc(var(--wm-size)/-2.6)}
.wm-statement,.wm-how,.wm-pricing,.wm-live{right:calc(var(--wm-size)/-2.6)}
.wm-start{--wm-size:160px;left:-28px}
.wm-cta{--wm-size:140px;right:-20px}
}
@media(prefers-reduced-motion:reduce){.wm-cta{animation:none}.wm-start b{animation:none;opacity:1}.watermark:not(.wm-cta){opacity:var(--wm-o);translate:0 0;transition:none}}
.final-cta .final-inner{position:relative;z-index:1}
.price-line>span:first-child{display:flex;align-items:center;gap:10px}
.calc-title{display:inline-flex;align-items:center;gap:12px}
.example small.calc-title{font-size:22px;font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:6px}
.calc-title .calc-icon svg{width:30px;height:30px}
.calc-fixed{width:38px;text-align:center;color:var(--muted);font-size:15px}
.calc-stepper{display:flex;align-items:stretch;border:1px solid var(--line);background:#fff}
.calc-stepper button{width:38px;border:0;background:#fff;color:var(--blue);font:700 18px/1 'Helvetica Neue',Arial,system-ui,sans-serif;cursor:pointer}
.calc-stepper button:hover{background:var(--pale)}
.calc-stepper input{width:54px;padding:9px 0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;color:var(--ink);font:700 15px 'Helvetica Neue',Arial,system-ui,sans-serif;appearance:textfield;-moz-appearance:textfield}
.calc-stepper input::-webkit-outer-spin-button,.calc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.steps>div{position:relative}
.steps>div:not(:last-child):after{content:'→';position:absolute;top:20px;right:-33px;color:var(--mint);font-size:20px;font-weight:700}
.step-icon{display:block;margin:28px 0 14px;color:var(--blue)}
.steps>div .step-icon+h3{margin-top:0}
.steps>div>span:first-child{display:block;margin:0 0 12px;font-size:clamp(30px,3vw,42px);line-height:1;color:var(--blue);font-weight:700}
.call-mock{margin-bottom:26px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
.live-details{padding:26px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.live-details>p strong{font-size:16px}
.call-top{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 12px;color:rgba(255,255,255,.6);font-size:10px}
.call-mock .window-dots{display:flex;gap:4px}
.call-mock .window-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35)}
.call-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.call-tile{display:grid;place-items:center;gap:6px;padding:22px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.call-tile b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mint);color:var(--deep);font-size:14px}
.call-tile.you b{background:var(--orange);color:#fff}
.call-tile span{color:rgba(255,255,255,.65);font-size:10px}
.rec-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#e5484d;animation:rec-pulse 1.6s ease-in-out infinite}
@keyframes rec-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.call-tile.og{background:#fff;border-color:#fff}
.call-tile.og img{width:82%;max-width:150px;height:auto}
.call-tile.og span{color:var(--ink)}
.call-tile.you{background:var(--orange);border-color:var(--orange)}
.call-tile.you b{background:#fff;color:var(--orange)}
.call-tile.you span{color:#fff}
.call-bar{display:flex;justify-content:center;gap:10px;padding:14px 0 2px}
.call-bar i{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14)}
.call-bar i:nth-child(2){background:var(--orange)}
details[open] p{animation:faq-open .35s ease}
@keyframes faq-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.final-cta{position:relative;overflow:hidden}
.final-inner{position:relative;z-index:1}
@media(max-width:620px){.steps>div:not(:last-child):after{display:none}.call-tile{padding:16px 8px}}
@media(prefers-reduced-motion:reduce){.aside-mark{animation:none}details[open] p{animation:none}}
.main-nav .nav-cta{color:#fff;padding:10px 16px;background:var(--orange);border:0;border-radius:999px}.main-nav .nav-cta:hover{color:#fff;background:#e38c22}.final-cta h2{color:#fff}
.button-orange{color:#fff;background:var(--orange)}.button-orange:hover{background:#e38c22}
.contract-terms{grid-column:1/-1;margin-top:34px;padding:22px 26px;border-left:4px solid var(--mint);background:#fff}
.contract-terms strong{display:block;margin-bottom:8px;color:var(--blue);font-size:15px}
.contract-terms p{margin:0;max-width:760px;color:var(--muted);font-size:14px}
.contact-card{display:flex;align-items:center;gap:26px;margin-top:26px}
.contact-card img{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:top;border:8px solid #fff;box-shadow:-14px 16px 0 rgba(3,55,83,.12)}
.contact-card>div{display:grid;gap:5px;font-size:14px}
.contact-card strong{color:var(--blue);font-size:19px}
.contact-card span{color:var(--muted);font-size:13px}
.contact-card a{color:var(--blue);font-weight:600}
@media(max-width:620px){.contact-card{flex-direction:column;text-align:center}.contact-card img{width:180px;height:180px}}
.live-dates{padding:56px 0;background:var(--pale);border-bottom:1px solid var(--line)}
.live-dates-head{max-width:680px;margin-bottom:34px}
.live-dates-title{margin-bottom:0;font-size:clamp(28px,3.4vw,40px)}
.live-dates-head p{margin:14px 0 0;color:var(--muted)}
.live-dates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.live-dates-notice{grid-column:1/-1;margin:0;padding:20px 24px;border:1px solid var(--line);background:var(--white);color:var(--ink);text-align:center;font-weight:700}
.live-date-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:26px;background:var(--white);border:1px solid var(--line)}
.live-date-day{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.live-date-card strong{font-size:20px;color:var(--ink)}
.live-date-time{font-size:14px;color:var(--muted)}
.live-date-card .button{margin-top:16px}
@media(max-width:900px){.live-dates-grid{grid-template-columns:1fr}}
/* 07: grafische Terminliste auf dunklem Grund */
.live-slots{display:grid;gap:12px;max-width:460px;margin:26px 0 30px}
.live-slots-title{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.live-slot{display:flex;align-items:center;gap:16px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .2s,border-color .2s,transform .2s}
.live-slot:hover{background:rgba(255,255,255,.14);border-color:var(--mint);transform:translateY(-2px)}
.slot-cal{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:52px;height:56px;background:var(--white);color:var(--deep);border-top:5px solid var(--orange);border-radius:6px}
.slot-cal b{font-size:22px;line-height:1.05}
.slot-cal span{font-size:9.5px;font-weight:700;letter-spacing:.12em}
.live-slot-date{display:grid;gap:3px}
.live-slot-date b{font-size:14.5px}
.live-slot-date span{display:flex;align-items:center;gap:5px;font-size:12.5px;color:rgba(255,255,255,.75)}
.live-slot-date svg{flex:none;color:var(--mint)}
.live-slot-cta{display:grid;place-items:center;flex:none;width:34px;height:34px;margin-left:auto;border-radius:50%;background:var(--mint);color:var(--deep);font-size:16px;font-weight:700;transition:transform .2s,background .2s}
.live-slot:hover .live-slot-cta{background:#b4e0d5;transform:translateX(3px)}
.process{padding:80px 0;background:var(--pale)}
.process-lead{max-width:860px;margin:0 auto 52px;text-align:center;font-size:clamp(19px,2.2vw,26px);line-height:1.45;color:var(--muted)}
.process-lead strong{color:var(--blue)}
.process-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:start}
.process-step{text-align:center}
.process-step h3{margin:0 0 8px;font-size:17px}
.process-step p{margin:0 auto;max-width:230px;color:var(--muted);font-size:13px}
.process-num{display:inline-grid;place-items:center;width:30px;height:30px;margin:16px 0 10px;border-radius:50%;background:var(--blue);color:#fff;font:700 14px/1 'Helvetica Neue',Arial,system-ui,sans-serif}
.process-arrow{align-self:center;color:var(--mint);font-size:26px;font-weight:700;padding-top:50px}
.process-visual{position:relative;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:8px 10px 0 rgba(3,55,83,.08)}
.phone-mock{width:120px;height:170px;padding:26px 12px 14px;border-radius:18px;display:grid;gap:9px;align-content:start}
.phone-notch{position:absolute;top:9px;left:50%;width:36px;height:5px;transform:translateX(-50%);border-radius:99px;background:var(--line)}
.mock-search{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:99px;background:var(--pale);color:var(--ink);font-size:8px;font-weight:600;text-align:left}
.mock-search b{color:var(--blue);font-size:10px}
.mock-line{display:block;height:7px;border-radius:3px;background:var(--pale)}
.mock-line.short{width:60%}
.screen-mock{width:190px;height:170px;padding:10px 14px 14px;display:grid;gap:7px;align-content:start}
.mock-bar{display:flex;gap:4px;margin-bottom:2px}
.mock-bar i{width:6px;height:6px;border-radius:50%;background:var(--mint)}
.mock-headline{display:block;text-align:left;color:var(--blue);font-size:10px;font-weight:700;line-height:1.2}
.mock-media{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}
.mock-img{display:grid;place-items:center;height:52px;border-radius:6px;background:var(--pale);color:var(--blue);overflow:hidden}
.mock-img img{display:block;width:46px;height:46px;object-fit:contain}
.mock-copy{display:grid;gap:5px;align-content:center}
.mock-copy i{display:block;height:6px;border-radius:3px;background:var(--pale)}
.mock-copy i.short{width:65%}
.mock-cta{display:block;width:46%;height:12px;margin-top:2px;border-radius:99px;background:var(--mint)}
.google-mock{width:190px;height:170px;padding:12px;display:grid;gap:9px;align-content:start}
.mock-gsearch{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-size:9px;font-weight:600;text-align:left}
.mock-gsearch img{width:12px;height:12px}
.gresult{display:grid;gap:6px;text-align:left}
.gthumb{display:block;width:100%;height:74px;object-fit:cover}
.ginfo strong{display:block;color:var(--ink);font-size:11px}
.ginfo .gplace{display:flex;align-items:center;gap:4px;margin-top:2px;color:var(--muted);font-size:8.5px}
.actions-mock{gap:7px}
.mock-action{display:block;padding:6px 7px;border-radius:8px;background:var(--pale);color:var(--ink);font-size:8.5px;font-weight:700;text-align:left}
.mock-action:last-child{background:var(--mint)}
@media(max-width:900px){.process-chain{grid-template-columns:1fr 1fr;gap:34px 18px}.process-arrow{display:none}}
@media(max-width:620px){.process{padding:60px 0}.process-lead{margin-bottom:38px}.process-chain{grid-template-columns:1fr;gap:34px}}
/* 09: Rakete startet bei Hover über dem Buchen-Button */
.final-cta:has(.final-actions .button-accent:hover) .wm-cta{animation:wm-launch 1.1s cubic-bezier(.5,-.15,.8,.4) forwards}
@keyframes wm-launch{0%{translate:0 0;opacity:var(--wm-o)}12%{translate:-3px 8px}22%{translate:3px 6px}100%{translate:50px calc(-100vh - 100%);opacity:.05}}
@media(prefers-reduced-motion:reduce){.final-cta:has(.final-actions .button-accent:hover) .wm-cta{animation:none}}
/* --- Mobile-Feinschliff --- */
body{overflow-x:hidden}
@media(max-width:900px){
.menu-toggle{min-height:44px;padding:10px 14px;margin-right:-14px}
.mobile-nav{border-bottom:1px solid var(--line);box-shadow:0 14px 24px rgba(3,55,83,.08)}
.mobile-nav a{padding:6px 0;min-height:32px;display:flex;align-items:center}
}
@media(max-width:620px){
.section{padding:64px 0}
h2{font-size:clamp(30px,8vw,38px)}
.calc-stepper input{font-size:16px}
.calc-stepper button{width:44px}
.hero-actions{margin-top:24px}
.button{min-height:50px}
.live-dates{padding:48px 0}
.live-date-card{padding:22px}
.live-date-card .button{width:100%}
.statement-aside{width:100%;max-width:280px;margin-left:auto;margin-right:auto}
.benefit-grid article{min-height:0;padding:22px}
.icon{margin-top:0}
.how-panel{margin-top:30px}
.footer-top>div{margin-bottom:26px}
.footer-top>div:last-child{margin-bottom:0}
.site-footer .footer-top a{display:block;padding:4px 0}
}
/* --- Interview-Teaser (One Pager) --- */
.interview-teaser{background:var(--pale)}
.interview-teaser-inner{display:flex;align-items:center;gap:56px}
.teaser-portrait{flex:0 0 auto;width:240px;height:240px;border-radius:50%;object-fit:cover;object-position:top;border:8px solid #fff;box-shadow:14px 16px 0 rgba(3,55,83,.12);transform:scaleX(-1)}
.teaser-copy h2{margin-bottom:16px}
.teaser-copy>p:not(.section-label){max-width:560px;margin-bottom:26px;color:var(--muted)}
.teaser-copy .section-label{margin-bottom:12px}
@media(max-width:820px){.interview-teaser-inner{flex-direction:column;align-items:flex-start;gap:30px}.teaser-portrait{width:170px;height:170px;box-shadow:10px 12px 0 rgba(3,55,83,.12)}}
/* --- Interview-Unterseite --- */
.interview-hero{position:relative;overflow:hidden;padding:76px 0 64px;color:#fff;background:var(--deep)}
.interview-hero:before{content:'';position:absolute;width:520px;height:520px;right:-160px;top:-200px;border:1px solid rgba(155,211,199,.3);border-radius:50%;box-shadow:0 0 0 60px rgba(155,211,199,.06)}
.interview-hero .section-label{margin-bottom:18px}
.interview-hero h1{position:relative;margin:0 0 34px;color:#fff;font-size:clamp(32px,4.6vw,58px)}
.interview-person{position:relative;display:flex;align-items:center;gap:20px}
.interview-portrait{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:top;border:5px solid #fff;box-shadow:8px 10px 0 rgba(3,55,83,.18)}
.interview-person strong{display:block;font-size:18px}
.interview-person span{color:rgba(255,255,255,.72);font-size:13px}
.interview-article{max-width:780px;margin:0 auto}
.interview-intro{color:var(--muted);font-size:18px;line-height:1.65}
.interview-article>p{color:var(--muted);line-height:1.7}
.interview-q{margin:46px 0 18px;font-size:clamp(21px,2.4vw,26px);line-height:1.25}
.interview-info{margin-top:64px;padding:38px 40px;background:var(--pale);border:1px solid var(--line)}
.interview-info h2{margin-bottom:18px;font-size:clamp(22px,2.6vw,28px);line-height:1.25}
.interview-info .section-label{margin-bottom:14px}
.interview-info p,.interview-info ul{color:var(--muted)}
.interview-info ul{margin:0 0 18px;padding-left:20px}
.interview-info li{margin-bottom:5px}
.interview-info-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.button-outline-blue{color:var(--blue);border-color:var(--blue)}
.button-outline-blue:hover{background:rgba(7,111,183,.08)}
@media(max-width:620px){.interview-hero{padding:52px 0 46px}.interview-portrait{width:88px;height:88px}.interview-info{padding:26px 22px}.interview-info-actions .button{width:100%}}
/* --- Hero-CTAs & Live-Hinweis --- */
.hero-live{margin:26px 0 2px;padding:16px 18px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.hero-live strong{display:block;font-size:17px}
.hero-live>span{display:block;margin:3px 0 11px;color:rgba(255,255,255,.78);font-size:13px}
.hero-live ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hero-live li a{display:inline-block;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;transition:background .2s}
.hero-live li a:hover{background:rgba(255,255,255,.28)}
.hero-note{font-size:15px;color:rgba(255,255,255,.82)}
@media(max-width:620px){.hero-live{padding:13px 14px}.hero-live li a{font-size:12px}.hero-actions .button{width:100%}}
/* --- Buchungs-CTA unter dem Kalkulator --- */
.booking-cta{margin-top:22px;text-align:center}
.booking-cta .button{width:auto;padding:13px 34px}
.booking-note{margin:10px 0 0;color:var(--muted);font-size:13px;text-align:center}
/* --- Live-Sektion --- */
.live-facts{margin:-4px 0 0;color:var(--mint);font-size:14px;font-weight:700}
/* --- How-Panel: Flow-Darstellung --- */
.flow-chain{display:grid;margin:18px 0 20px}
.flow-step{display:grid;gap:4px;padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}
.flow-step small{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.flow-step b{font-size:15px;line-height:1.35}
.flow-step-end{background:var(--mint);border-color:var(--mint);color:var(--deep)}
.flow-step-end small{color:rgba(3,55,83,.72)}
.flow-arrow{display:grid;place-items:center;height:28px;color:var(--mint);font-size:16px;font-weight:700}
/* --- Google-Mock: Foto vollständig zeigen --- */
.google-mock{height:auto;min-height:170px}
.gthumb{height:auto;object-fit:unset}
/* --- Prozess: Nummern und Texte auf einer Linie --- */
.process-step{display:grid;grid-template-rows:230px auto auto 1fr;justify-items:center;align-items:start}
.process-step .process-visual{align-self:center}
.process-arrow{align-self:start;padding-top:100px}
@media(max-width:620px){.process-step{grid-template-rows:auto auto auto auto}}
/* --- Feinschliff: Preise, Live-Termine, Interview --- */
.booking-note{margin-bottom:20px}
.price-hint{text-align:center}
.live-dates{background:#dff1ee}
.live-slot{flex-wrap:wrap}
.live-slot .button{width:100%;min-height:42px;margin-top:4px;padding:9px 15px;font-size:12px}
.interview-portrait{transform:scaleX(-1)}