:root{--toowie-light:#f8f9fa;--toowie-gold:#c69a57;--toowie-gold-rgb:198,154,87;--toowie-blue:linear-gradient(135deg,rgba(0,20,40,1) 0%,rgba(10,40,80,1) 50%,rgba(0,10,30,1) 100%);--toowie-light-blue:linear-gradient(135deg,#c9d8f3 0%,#b1c8f0 40%,#9bb9eb 100%);--toowie-blue-dark:16,78,139;--toowie-blue-dark-hex:#104e8b;--toowie-background-hell:#e8f1f4;--toowie-background-gold:linear-gradient(135deg,#f1e6d3 0%,#f7f0e2 55%,#e8d9be 100%);--navy:#001428;--navy2:#0a2850;--blue:#0a2850;--blue-soft:#f7f0e2;--gold:#c69a57;--gold-soft:#f7f0e2;--green:#c69a57;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f3f4f6;--white:#fff;--shadow:0 24px 60px rgba(15,23,42,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:absolute;left:0;right:0;top:0;z-index:20;color:#fff}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.brand-logo{width:31px;height:31px;object-fit:contain;flex:0 0 31px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7)}.nav-links a:hover{color:#fff}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px}.nav-dropdown-trigger span{font-size:15px;line-height:1;transform:translateY(-1px);transition:transform .18s ease}.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;min-width:210px;padding:8px;background:#fff;color:#334155;border:1px solid rgba(15,23,42,.09);border-radius:14px;box-shadow:0 18px 45px rgba(2,8,23,.18);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.nav-dropdown-menu a{display:block;padding:10px 11px;border-radius:9px;color:#475569;white-space:nowrap}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f7f0e2;color:var(--navy)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span{transform:translateY(-1px) rotate(180deg)}.btn{min-height:48px;padding:0 20px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-small{min-height:40px;padding:0 15px;font-size:12px}.btn-light{background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.12)}.btn-primary{background:#fff;color:var(--navy);border-color:rgba(198,154,87,.34);box-shadow:0 12px 30px rgba(0,0,0,.18)}.btn-primary:hover{background:#fbf7ef;border-color:rgba(198,154,87,.60)}.btn-ghost{border-color:rgba(198,154,87,.52);color:var(--navy);background:var(--gold-soft);box-shadow:0 10px 26px rgba(0,0,0,.12)}.btn-ghost:hover{background:#fff;border-color:rgba(198,154,87,.72)}.hero{position:relative;overflow:hidden;background:var(--toowie-blue);color:#fff;padding:158px 0 90px}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08)}.hero-glow{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}.hero-glow-one{width:600px;height:600px;right:-190px;top:-260px;background:radial-gradient(circle,rgba(198,154,87,.20),rgba(198,154,87,0) 68%)}.hero-glow-two{width:450px;height:450px;left:-280px;bottom:-210px;background:radial-gradient(circle,rgba(198,154,87,.14),rgba(198,154,87,0) 70%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px}.eyebrow,.section-kicker{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--navy);background:#fff;border:1px solid rgba(198,154,87,.42);border-radius:999px;padding:7px 10px;box-shadow:0 10px 26px rgba(0,0,0,.14)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.16)}.hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.058em;margin:24px 0 24px;max-width:650px}.hero h1 span{color:#d8b77f}.hero-lead{font-size:18px;line-height:1.65;color:rgba(255,255,255,.72);max-width:620px;margin:0}.hero-subline{font-size:20px;line-height:1.45;font-weight:850;color:#fff;max-width:620px;margin:-8px 0 12px;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:32px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:rgba(255,255,255,.74);font-size:12px;font-weight:750}.hero-points span{display:flex;align-items:center;gap:6px}.hero-points i{font-style:normal;color:var(--gold)}.hero-visual{position:relative;margin-right:-130px}.browser-frame{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(2,8,23,.20)}.hero-browser{transform:perspective(1600px) rotateY(-4deg) rotateX(1deg);transform-origin:center left;box-shadow:0 36px 90px rgba(0,0,0,.32)}.browser-bar{height:44px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#fff;border-bottom:1px solid #eef2f7;color:#64748b}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.browser-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.browser-tag,.live-pill{margin-left:auto;font-size:9px;font-weight:900;border-radius:999px;padding:5px 8px;background:#f1f5f9;color:#475569}.live-pill{display:flex;align-items:center;gap:5px;background:#f7f0e2;color:#8a642d}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hero-browser img{width:100%;height:auto}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff;color:#0f172a;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 20px 45px rgba(0,0,0,.22);font-size:11px}.float-card b{display:block}.float-card small{display:block;color:#64748b;margin-top:2px}.float-icon,.float-number{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:950}.float-icon{background:#f1e6d3;color:var(--navy)}.float-number{background:#f1e6d3;color:#001428}.float-card-call{left:-44px;bottom:85px}.float-card-flow{right:22px;top:96px}.problem-strip{padding:80px 0;background:#f8fafc;border-bottom:0}.statement-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.section-kicker{color:var(--gold)}.statement-lead h2,.section-head h2,.copy-col h2,.closing-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:13px 0 0}.statement-lead h2 em{font-style:normal;color:var(--gold)}.mini-problems{display:grid;gap:10px}.mini-problems article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:15px}.mini-problems article>span{width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:10px;font-weight:950}.mini-problems b{font-size:14px}.mini-problems p{font-size:12px;line-height:1.45;color:var(--muted);margin:4px 0 0}.section-block{padding:112px 0}.section-block.soft{background:#f8fafc}.phase-overview-box{padding:42px 40px 46px;border:1px solid #ead7b6;border-radius:30px;background:#fcf7ef;box-shadow:0 22px 56px rgba(15,23,42,.08)}.phase-overview-box .section-head{margin-bottom:42px}.phase-overview-box .section-head p{max-width:480px}.section-head{max-width:820px;margin:0 auto 50px}.section-head.centered{text-align:center}.section-head h2 span{color:var(--gold)}.section-head p,.copy-col>p,.closing-copy>p{font-size:16px;line-height:1.7;color:var(--muted);margin:18px auto 0;max-width:700px}.screen-stage{position:relative;max-width:1080px;margin:0 auto}.screen-decoration{position:absolute;inset:auto -25px -28px 30px;height:85%;border-radius:30px;background:linear-gradient(135deg,#f1e6d3,#f8f9fa);z-index:-1}.product-browser{border-radius:26px;box-shadow:var(--shadow)}.feature-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:36px auto 0}.feature-trio article{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.feature-icon{width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-weight:950;margin-bottom:15px}.feature-trio h3{margin:0 0 8px;font-size:16px}.feature-trio p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.split-head{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.split-head>p{margin:0}.conversation-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.phase-card{position:relative;min-height:270px;padding:20px;border-radius:19px;background:#fff;border:1px solid var(--line);overflow:hidden}.phase-top{display:flex;align-items:center;justify-content:space-between}.phase-top>span{font-size:10px;font-weight:950;color:#94a3b8}.phase-top i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#f1f5f9;color:#334155;display:grid;place-items:center;font-size:11px;font-weight:950}.phase-card h3{font-size:18px;line-height:1.15;margin:26px 0 9px}.phase-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.phase-tags{display:flex;gap:5px;flex-wrap:wrap;position:absolute;left:20px;right:20px;bottom:18px}.phase-tags b{font-size:9px;padding:5px 7px;border-radius:7px;background:#f8fafc;border:1px solid var(--line);color:#64748b}.phase-navy{background:linear-gradient(145deg,#07142c,#10264d);border-color:transparent;color:#fff}.phase-navy p{color:rgba(255,255,255,.66)}.phase-navy .phase-top>span{color:rgba(255,255,255,.45)}.phase-navy .phase-top i{background:rgba(255,255,255,.09);color:#fff}.phase-navy .phase-tags b{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#cbd5e1}.phase-blue{border-color:#e8d9be;background:#fbf7ef}.phase-blue .phase-top i{background:#f1e6d3;color:#001428}.phase-gold{border-color:#ead7b6;background:var(--gold-soft)}.phase-gold .phase-top i{background:#f5e7d3;color:#8a642d}.objection-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center;margin-top:80px}.objection-copy h2{font-size:clamp(32px,4vw,47px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 16px}.objection-copy>p{color:var(--muted);line-height:1.7;font-size:15px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.check-list li{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:750}.check-list span{width:21px;height:21px;flex:0 0 21px;border-radius:7px;background:#f1e6d3;color:var(--navy);display:grid;place-items:center;font-size:10px}.compact-browser{box-shadow:var(--shadow)}.compact-browser img{width:100%}.two-col{display:grid;grid-template-columns:.88fr 1.12fr;gap:68px;align-items:center}.copy-col h2{margin-top:13px}.detail-list,.metric-stack{display:grid;gap:12px;margin-top:28px}.detail-list article,.metric-stack article{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.detail-list article>span,.metric-icon{width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:950}.detail-list b,.metric-stack b{font-size:14px}.detail-list p,.metric-stack p{font-size:12px;line-height:1.55;color:var(--muted);margin:4px 0 0}.side-browser{box-shadow:var(--shadow)}.team-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#07142c,#0d2244 62%,#12305d);color:#fff}.team-orb{position:absolute;border-radius:50%;pointer-events:none}.team-orb-one{width:560px;height:560px;right:-260px;top:-260px;background:radial-gradient(circle,rgba(198,154,87,.18),transparent 68%)}.team-orb-two{width:500px;height:500px;left:-260px;bottom:-250px;background:radial-gradient(circle,rgba(198,154,87,.13),transparent 70%)}.inverse{position:relative;z-index:2}.inverse .section-kicker{color:#d4b47e}.inverse h2 span{color:#d8b77f}.inverse p{color:rgba(255,255,255,.64)}.team-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;gap:8px;align-items:center;max-width:1040px;margin:0 auto}.team-grid article{height:220px;padding:24px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.team-step{width:38px;height:38px;border-radius:11px;background:rgba(198,154,87,.16);border:1px solid rgba(198,154,87,.35);color:#e4c491;display:grid;place-items:center;font-weight:950}.team-grid h3{font-size:18px;margin:28px 0 9px}.team-grid p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.62);margin:0}.team-line{height:1px;background:linear-gradient(90deg,rgba(198,154,87,.15),rgba(198,154,87,.7),rgba(198,154,87,.15))}.team-quote{position:relative;z-index:2;max-width:740px;margin:38px auto 0;display:flex;gap:15px;align-items:flex-start;justify-content:center;color:rgba(255,255,255,.82);text-align:center}.team-quote>span{font-family:Georgia,serif;font-size:45px;line-height:1;color:#d7b476}.team-quote p{font-size:16px;line-height:1.6;margin:0}.lead-split{grid-template-columns:1.14fr .86fr}.metric-icon.green{background:#f1e6d3;color:var(--navy)}.metric-icon.blue{background:#f1e6d3;color:#001428}.metric-icon.gold{background:#fff3da;color:#9a6b27}.closing-section{background:linear-gradient(180deg,#fff,#f8fafc)}.closing-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.closing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.closing-cards article{min-height:130px;padding:17px;border-radius:16px;background:#fff;border:1px solid var(--line)}.closing-cards span{font-size:11px;font-weight:950;color:#9a6b27}.closing-cards p{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.closing-cards .closing-next{background:linear-gradient(145deg,#07142c,#10264d);border-color:transparent}.closing-cards .closing-next span{color:#e6c690}.closing-cards .closing-next p{color:rgba(255,255,255,.66)}.final-cta{padding:0 0 90px;background:#f8fafc}.final-card{position:relative;overflow:hidden;min-height:330px;border-radius:30px;padding:55px 58px;background:linear-gradient(135deg,#07142c,#10264d);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;box-shadow:0 30px 70px rgba(7,20,44,.20)}.final-glow{position:absolute;width:440px;height:440px;border-radius:50%;right:-130px;top:-240px;background:radial-gradient(circle,rgba(198,154,87,.22),transparent 65%)}.final-copy,.final-actions{position:relative;z-index:2}.final-copy .section-kicker{color:#d5b47e}.final-copy h2{font-size:clamp(34px,4vw,49px);line-height:1.05;letter-spacing:-.045em;margin:13px 0 15px}.final-copy p{color:rgba(255,255,255,.64);font-size:15px;line-height:1.6;margin:0}.final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.btn-gold{background:var(--gold);color:#07142c;box-shadow:0 12px 28px rgba(198,154,87,.20)}.btn-gold:hover{background:#d2a966}.final-actions small{font-size:10px;color:rgba(255,255,255,.42);line-height:1.4}.footer-inner{min-height:120px;display:flex;align-items:center;gap:24px;color:#64748b;font-size:12px}.footer-brand{color:#0f172a}.footer-brand .brand-logo{filter:none}.footer-inner p{margin:0}.footer-inner>a:last-child{margin-left:auto;font-weight:850;color:#334155}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.js .reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.10s}
@media(max-width:1050px){.nav-links{display:none}.hero-grid,.two-col,.closing-grid,.statement-grid,.objection-showcase{grid-template-columns:1fr}.hero-visual{margin:28px -90px 0 0}.hero-copy{max-width:760px}.conversation-flow{grid-template-columns:repeat(3,1fr)}.phase-card:nth-child(4),.phase-card:nth-child(5){min-height:245px}.feature-split .copy-col{order:1}.feature-split .side-browser{order:2}.lead-split .lead-browser{order:2}.lead-split .copy-col{order:1}.team-grid{grid-template-columns:repeat(3,1fr);gap:12px}.team-line{display:none}.final-card{grid-template-columns:1fr;gap:26px}.closing-cards{grid-template-columns:repeat(3,1fr)}.split-head{grid-template-columns:1fr;gap:16px}.split-head>p{max-width:680px}.statement-grid{gap:38px}}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.nav .btn{display:none}.hero{padding:126px 0 65px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-points{display:grid;gap:9px}.hero-visual{margin:25px -72px 0 -6px}.hero-browser{transform:none;border-radius:16px}.browser-bar{height:36px}.float-card{display:none}.problem-strip,.section-block{padding:72px 0}.statement-lead h2,.section-head h2,.copy-col h2,.closing-copy h2,.objection-copy h2{font-size:34px}.feature-trio{grid-template-columns:1fr}.conversation-flow{grid-template-columns:1fr}.phase-card{min-height:215px!important}.phase-card h3{margin-top:20px}.objection-showcase{margin-top:55px;gap:30px}.two-col{gap:35px}.team-grid{grid-template-columns:1fr}.team-grid article{height:auto;min-height:180px}.closing-cards{grid-template-columns:1fr 1fr}.final-cta{padding-bottom:55px}.final-card{padding:38px 25px;border-radius:24px}.footer-inner{padding:28px 0;align-items:flex-start;flex-direction:column;gap:10px}.footer-inner>a:last-child{margin-left:0}.product-browser,.side-browser,.compact-browser{border-radius:16px}.screen-decoration{display:none}}
@media(max-width:470px){.hero h1{font-size:39px}.closing-cards{grid-template-columns:1fr}.section-head{margin-bottom:34px}.conversation-flow{gap:8px}.brand{font-size:14px}.hero-visual{margin-right:-110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* Screenshot zoom */
.browser-frame img,.guided-swap-image{cursor:zoom-in}
/* Touch-Zoom direkt im eingebetteten Screenshot (ohne die Seite zu zoomen). */
.inline-touch-zoom-host{position:relative}
.inline-touch-zoom-control-host{position:relative}
.inline-touch-zoom-image{transform-origin:center center;will-change:transform;-webkit-user-drag:none;touch-action:pan-y}
.inline-touch-zoom-host.is-inline-zoomed{overflow:hidden !important;overscroll-behavior:contain}
.inline-touch-zoom-host.is-inline-zoomed .inline-touch-zoom-image{touch-action:none;cursor:grab}
.inline-touch-zoom-reset{position:absolute;right:8px;z-index:12;width:40px;height:40px;border:1px solid rgba(255,255,255,.34);border-radius:11px;background:rgba(7,20,44,.80);color:#fff;display:grid;place-items:center;padding:0;font-size:22px;font-weight:800;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(2,8,23,.20)}
.inline-touch-zoom-reset:hover,.inline-touch-zoom-reset:focus-visible{background:#fff;color:#07142c}
.inline-touch-zoom-reset[hidden]{display:none !important}
@media(max-width:760px){.inline-touch-zoom-reset{right:7px;width:38px;height:38px;border-radius:10px;font-size:21px}}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(2,8,23,.88);opacity:0;visibility:hidden;overflow:hidden;transition:opacity .18s ease,visibility .18s ease}
.image-lightbox.is-open{opacity:1;visibility:visible}
.image-lightbox__viewport{position:absolute;inset:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.image-lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.45);cursor:default;background:#fff;transform-origin:center center;will-change:transform;-webkit-user-drag:none}
.image-lightbox.is-zoomed .image-lightbox__image{cursor:grab}
.image-lightbox__close,.image-lightbox__reset{position:fixed;top:18px;z-index:3;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(7,20,44,.76);color:#fff;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}
.image-lightbox__close{right:20px;font-size:26px}
.image-lightbox__reset{right:74px;font-size:24px;font-weight:800}
.image-lightbox__close:hover,.image-lightbox__reset:hover:not(:disabled){background:#fff;color:#07142c}
.image-lightbox__reset:disabled{opacity:.42;cursor:default}
body.lightbox-open{overflow:hidden;touch-action:none;overscroll-behavior:none}

/* Hero callouts aligned with the actual UI in the screenshot */
.float-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.float-card-call{left:-44px;top:142px;bottom:auto}
.float-card-call:after{content:"";position:absolute;right:-24px;top:50%;width:24px;height:1px;background:var(--gold)}
.float-card-flow{right:22px;top:245px}
.float-number{font-size:10px;letter-spacing:.02em}
@media(max-width:760px){.image-lightbox{padding:14px}.image-lightbox__viewport{inset:14px}.image-lightbox__image{border-radius:9px}.image-lightbox__close,.image-lightbox__reset{top:10px}.image-lightbox__close{right:10px}.image-lightbox__reset{right:64px}}

/* Additional hero product callouts */
.float-icon-blue{background:#f1e6d3;color:#001428}
.float-icon-gold{background:#fff3da;color:#9a6b27}
.float-card-leads{right:-26px;top:92px}
.float-card-leads:after{content:"";position:absolute;left:-76px;top:50%;width:76px;height:1px;background:#c69a57}
.float-card-notes{right:-18px;bottom:18px;max-width:285px}
.float-card-notes small{max-width:220px;line-height:1.35}
.float-card-call{left:-44px;top:132px;bottom:auto}
.float-card-call:after{width:112px;right:-112px}
.float-card-flow{right:18px;top:224px}
@media(max-width:1050px){
  .float-card-leads{right:12px}
  .float-card-notes{right:10px}
}

/* Removed hero callout connector lines */
.float-card-call:after,.float-card-leads:after,.float-card-flow:after,.float-card-notes:after{content:none !important;display:none !important}

/* Hero lead-manager callout: outside the screenshot without leaving the composition */
.float-card-leads{right:-118px !important;top:86px !important}
@media(max-width:1180px) and (min-width:761px){.float-card-leads{right:-72px !important}}

/* Hero headline and larger screenshot */
.hero-grid{grid-template-columns:.82fr 1.18fr !important;gap:42px !important}
.hero-browser{width:112%;max-width:none !important}
.hero-visual{margin-right:-180px !important}
@media(max-width:1180px) and (min-width:761px){.hero-browser{width:106%}.hero-visual{margin-right:-120px !important}}
@media(max-width:760px){.hero-browser{width:100% !important}.hero-visual{margin-right:-72px !important}}


/* Hero screenshot crop and interactive spotlights */
.hero-browser{position:relative}
.hero-browser img{width:100%;height:580px;object-fit:cover;object-position:top center}
.hero-spotlights{position:absolute;left:0;right:0;top:44px;bottom:0;pointer-events:none}
.hero-spotlight{position:absolute;opacity:0;border-radius:12px;border:2px solid rgba(198,154,87,.95);box-shadow:0 0 0 999px rgba(7,20,44,.60),0 0 0 6px rgba(255,255,255,.55);transition:opacity .2s ease,transform .2s ease;transform:scale(.985)}
.hero-browser[data-active-spotlight="call"] .hero-spotlight-call,
.hero-browser[data-active-spotlight="leads"] .hero-spotlight-leads,
.hero-browser[data-active-spotlight="gatekeeper"] .hero-spotlight-gatekeeper{opacity:1;transform:scale(1)}
.hero-spotlight-leads{left:23.2%;top:4.6%;width:56.2%;height:14.8%;border-color:rgba(198,154,87,.95)}
.hero-spotlight-call{left:61.8%;top:24.2%;width:4.8%;height:8%;border-radius:10px;border-color:rgba(198,154,87,.95)}
.hero-spotlight-gatekeeper{left:7.2%;top:33.5%;width:72.5%;height:40.5%;border-color:rgba(198,154,87,.95)}
.float-card.is-interactive{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.float-card.is-interactive:hover{transform:translateY(-7px)}
.float-card.is-interactive:focus-visible{outline:2px solid #c69a57;outline-offset:2px}
.float-card.is-interactive.is-active{border-color:#c69a57;box-shadow:0 24px 55px rgba(0,0,0,.28)}
.float-card-leads{right:-72px !important;top:92px !important}
.float-card-flow{right:8px;top:252px}
@media(max-width:1180px) and (min-width:761px){.float-card-leads{right:-42px !important}.hero-browser img{height:540px}}
@media(max-width:760px){.hero-browser img{height:auto}.hero-spotlights{display:none}}


/* Hero screenshot scroll and swap states */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  /*
    Durchgehender Entrance-Reveal von der Mitte nach außen.
    Nur Start und Ende sind definiert, damit die Bewegung nicht an mehreren
    Zwischenpunkten abbremst oder sichtbar stockt.
  */
  .js .hero-visual .hero-browser{
    opacity:0;
    transform:perspective(1600px) rotateY(-4deg) rotateX(1deg) scaleX(.025) translateZ(0);
    transform-origin:center center;
    will-change:transform,opacity;
    backface-visibility:hidden;
  }
  .js .hero-visual.is-visible .hero-browser{
    animation:hero-browser-fluid-center-reveal 1.72s .30s cubic-bezier(.22,.61,.36,1) both;
  }
  .js .hero-visual .float-card{
    opacity:0;
    transform:translateY(8px) scale(.98);
    transition:opacity .42s ease,transform .42s cubic-bezier(.22,1,.36,1);
  }
  .js .hero-visual.is-visible .float-card{
    opacity:1;
    transform:none;
    transition-delay:1.88s;
  }
  @keyframes hero-browser-fluid-center-reveal{
    from{
      opacity:0;
      transform:perspective(1600px) rotateY(-4deg) rotateX(1deg) scaleX(.025) translateZ(0);
    }
    to{
      opacity:1;
      transform:perspective(1600px) rotateY(-4deg) rotateX(1deg) scaleX(1) translateZ(0);
    }
  }
}
.hero-browser{position:relative;display:flex;flex-direction:column;overflow:hidden}
.hero-scroll-area{max-height:580px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;background:#fff}
.hero-scroll-area::-webkit-scrollbar{width:10px}.hero-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid #fff}.hero-scroll-area::-webkit-scrollbar-track{background:#f8fafc}
.hero-browser .hero-swap-image{width:100%;height:auto;object-fit:initial;display:block;cursor:zoom-in}
.akquise-hero-image-stage{position:relative;width:100%}
.akquise-hero-focus-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.akquise-hero-focus-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .18s ease}
.akquise-hero-focus-layer.is-active .akquise-hero-focus-overlay{opacity:1}
.akquise-hero-focus-dim{fill:rgba(7,20,44,.20)}
.akquise-hero-focus-outline{fill:none;stroke:var(--gold);stroke-width:3;vector-effect:non-scaling-stroke}
.akquise-hero-focus-halo{fill:none;stroke:rgba(255,255,255,.92);stroke-width:7;vector-effect:non-scaling-stroke}
@media(max-width:760px){.akquise-hero-focus-outline{stroke-width:2}.akquise-hero-focus-halo{stroke-width:5}}
.hero-spotlights,.hero-spotlight{display:none !important}
.float-card.is-interactive{cursor:pointer;border-width:2px;border-color:#cbd5e1;background:#fbf7ef;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.float-card.is-interactive:hover{transform:translateY(-7px);border-color:var(--gold)}
.float-card.is-interactive:focus-visible{outline:2px solid #c69a57;outline-offset:2px}
.float-card.is-interactive.is-active{border-color:#c69a57;background:#fbf7ef;box-shadow:0 24px 55px rgba(0,0,0,.28)}
.float-card-leads{right:-72px !important;top:92px !important}
.float-card-flow{right:8px;top:252px}
@media(max-width:1180px) and (min-width:761px){.float-card-leads{right:-42px !important}.hero-scroll-area{max-height:540px}}
@media(max-width:760px){.hero-scroll-area{max-height:none;overflow:visible}}


/* Hero callouts follow the screenshot while the screenshot is scrolled */
.hero-visual{--hero-scroll-top:0px}
.hero-scroll-card{top:calc(var(--hero-card-y, 0px) - var(--hero-scroll-top, 0px)) !important;clip-path:inset(var(--hero-clip-top, 0px) 0 var(--hero-clip-bottom, 0px) 0 round 14px);will-change:top,clip-path,opacity;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .12s linear}
.hero-scroll-card.is-outside-scroll{opacity:0;pointer-events:none}


/* Hero callout positions: keep labels clear of the actual UI */
.float-card-call{left:auto !important;right:-142px !important}
.float-card-flow{right:-142px !important}
@media(max-width:1180px) and (min-width:761px){
  .float-card-call,.float-card-flow{right:-86px !important}
}

/* Lead-manager callout: moved further toward the screenshot center and lower */
.float-card-leads{right:120px !important}
@media(max-width:1180px) and (min-width:761px){.float-card-leads{right:72px !important}}

/* Notes callout: appears further down on the right while scrolling */
.float-card-notes{right:-142px !important;bottom:auto !important;max-width:305px}
@media(max-width:1180px) and (min-width:761px){.float-card-notes{right:-86px !important}}


/* Geführtes Skript: große Übersicht mit klickbaren Markierungen */
.guided-section{padding-top:12px;background:#f8fafc}
.guided-showcase{max-width:1160px;margin:0 auto}
.guided-overview-shot{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#f5f7fa;box-shadow:0 24px 64px rgba(15,23,42,.12)}
.guided-overview-shot>img{width:100%;height:auto;display:block;transition:opacity .18s ease}
.guided-overview-shot>img.is-changing{opacity:.35}
.guided-marker{position:absolute;z-index:2;display:flex;align-items:center;gap:0;padding:11px 15px;border:0;border-radius:14px;background:var(--toowie-blue);color:#fff;box-shadow:0 14px 32px rgba(0,20,40,.30);font-size:11px;font-weight:900;white-space:nowrap;transform:translate(-50%,-50%);cursor:pointer;appearance:none;-webkit-appearance:none;text-align:left;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.guided-marker:hover{transform:translate(-50%,-50%) translateY(-2px);box-shadow:0 18px 36px rgba(0,20,40,.34)}
.guided-marker:focus-visible{outline:3px solid rgba(198,154,87,.34);outline-offset:4px}
.guided-marker.is-active{filter:none;box-shadow:none;outline:4px solid #c69a57;outline-offset:0}
.guided-marker b{font-size:12px;letter-spacing:-.01em;line-height:1.3}
.guided-marker-modes{left:8%;top:50%}
.guided-marker-jump{left:91%;top:55%}
.guided-marker-overview{left:47%;top:26%}
.guided-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px auto 0}
.guided-feature-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06);display:block;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer}
.guided-feature-card.is-active{border-color:#c69a57;box-shadow:0 16px 40px rgba(15,23,42,.11);transform:translateY(-2px)}
.guided-feature-copy{padding:0}
.guided-feature-card h3{margin:1px 0 8px;font-size:18px;line-height:1.2;letter-spacing:-.015em}
.guided-feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}
@media(max-width:900px){
  .guided-section{padding-top:8px}
  .guided-feature-grid{grid-template-columns:1fr}
  .guided-marker{padding:8px 10px 8px 8px}
  .guided-marker b{font-size:10px}
}
@media(max-width:620px){
  .guided-overview-shot{border-radius:16px;overflow-x:auto}
  .guided-overview-shot>img{width:760px;max-width:none}
  .guided-feature-card{padding:18px}
}


/* Requested dark-blue text accents */
.problem-strip .statement-lead h2,
.problem-strip .mini-problems article,
.problem-strip .mini-problems b,
.problem-strip .mini-problems p,
.problem-strip .mini-problems > p,
.guided-section .section-head h2 {
  color: var(--blue) !important;
}


/* Problem-Strip: cleaner benefits styling per feedback */
.problem-strip .mini-problems{
  position:relative;
  gap:14px;
  padding-left:28px;
}
.problem-strip .mini-problems::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#e9d4b0 0%, #c69a57 52%, #b88946 100%);
  box-shadow:0 0 0 1px rgba(198,154,87,.08);
}
.problem-strip .mini-problems article{
  position:relative;
  grid-template-columns:46px 1fr;
  gap:14px;
  padding:10px 0 10px 0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.problem-strip .mini-problems article+article{
  border-top:1px solid rgba(15,23,42,.07);
  padding-top:14px;
}
.problem-strip .mini-problems article>span{
  width:38px;
  height:38px;
  border-radius:11px;
  background:#f1e6d3 !important;
  color:var(--navy) !important;
  border:1px solid rgba(198,154,87,.18);
  box-shadow:none;
}
.problem-strip .mini-problems b{
  display:block;
  font-size:21px;
  line-height:1.18;
  letter-spacing:-.02em;
  margin-top:2px;
}
.problem-strip .mini-problems p{
  font-size:15px;
  line-height:1.56;
  margin-top:6px;
  max-width:520px;
}
.problem-strip .mini-problems > p{
  position:relative;
  margin:18px 0 0 0 !important;
  padding-left:82px;
}
.problem-strip .mini-problems > p::before{
  content:"";
  position:absolute;
  left:60px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  transform:translateY(-50%);
  box-shadow:0 0 0 5px rgba(34,197,94,.14);
}
@media(max-width:760px){
  .problem-strip .mini-problems{padding-left:20px;gap:12px}
  .problem-strip .mini-problems::before{width:3px}
  .problem-strip .mini-problems article{grid-template-columns:40px 1fr;gap:12px}
  .problem-strip .mini-problems article>span{width:34px;height:34px;border-radius:10px}
  .problem-strip .mini-problems b{font-size:18px}
  .problem-strip .mini-problems p{font-size:14px}
  .problem-strip .mini-problems > p{padding-left:72px}
  .problem-strip .mini-problems > p::before{left:52px;width:9px;height:9px}
}

@media(max-width:1050px){.phase-overview-box{padding:34px 28px 38px}}
@media(max-width:760px){.phase-overview-box{padding:26px 20px 30px;border-radius:22px}}

/* Full-width phase overview: keep the existing warm background, remove the boxed look, and pull the section upward. */
.guided-section{padding-bottom:48px}
#gespraech.section-block.soft{
  padding-top:48px;
  padding-bottom:0;
  background:linear-gradient(180deg,#fffefb 0%,#fcf7ef 100%);
}

/* Warm background belongs to the customizable-script section, not to an empty spacer below objection handling. */
#anpassbar{
  background:linear-gradient(180deg,#fffefb 0%,#fcf7ef 100%);
}

#gespraech .phase-overview-box{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
@media(max-width:760px){
  .guided-section{padding-bottom:32px}
  #gespraech.section-block.soft{padding-top:36px}
  #gespraech .phase-overview-box{padding:0;border-radius:0}
}


/* Phase overview refinements */
#gespraech .section-head h2{
  color:var(--blue);
}
#gespraech .phase-card{
  min-height:0;
}
#gespraech .phase-head-copy{
  align-self:end;
}
#gespraech .phase-head-copy>p:first-child{
  font-size:16px;
  line-height:1.7;
  color:var(--muted);
  margin:0;
  max-width:480px;
}
#gespraech .phase-communication{
  position:relative;
  margin:16px 0 0 !important;
  padding-left:22px;
  color:var(--blue) !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:850;
}
#gespraech .phase-communication::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  transform:translateY(-50%);
  box-shadow:0 0 0 5px rgba(34,197,94,.14);
}
@media(max-width:1050px){
  #gespraech .phase-head-copy{align-self:auto}
}
@media(max-width:760px){
  #gespraech .phase-card{min-height:0!important}
  #gespraech .phase-communication{padding-left:21px}
  #gespraech .phase-communication::before{width:9px;height:9px}
}

/* Einwandbehandlung als eigener, vollbreiter Bereich – gleicher Hintergrund wie der Fokus-Abschnitt. */
#gespraech .objection-showcase{
  position:relative;
  padding:80px 0;
  background:#f8fafc;
  box-shadow:0 0 0 100vmax #f8fafc;
  clip-path:inset(0 -100vmax);
}
@media(max-width:760px){
  #gespraech .objection-showcase{padding:72px 0}
}

/* Deutlichere Einblendeffekte für Gesprächsphasen und Einwandbehandlung */
.js .phase-overview-box .section-head.reveal{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(7px);
  transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1),filter .82s ease;
}
.js .phase-overview-box .section-head.reveal.is-visible{
  opacity:1;
  transform:none;
  filter:blur(0);
}

.js .phase-overview-box .conversation-flow.reveal{
  opacity:1;
  transform:none;
}
.js .phase-overview-box .conversation-flow.reveal .phase-card{
  opacity:0;
  transform:translateY(30px) scale(.97);
  filter:blur(5px);
  transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),filter .62s ease;
}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card{
  opacity:1;
  transform:none;
  filter:blur(0);
}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card:nth-child(1){transition-delay:.02s}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card:nth-child(2){transition-delay:.10s}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card:nth-child(3){transition-delay:.18s}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card:nth-child(4){transition-delay:.26s}
.js .phase-overview-box .conversation-flow.reveal.is-visible .phase-card:nth-child(5){transition-delay:.34s}

.js .phase-overview-box .objection-showcase.reveal{
  opacity:1;
  transform:none;
}
.js .phase-overview-box .objection-showcase.reveal .objection-copy{
  opacity:0;
  transform:translateX(-34px) translateY(12px);
  filter:none;
  transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);
}
.js .phase-overview-box .objection-showcase.reveal .compact-browser{
  opacity:0;
  transform:translateX(38px) translateY(12px) scale(.975);
  filter:blur(6px);
  transition:opacity .82s .10s cubic-bezier(.22,1,.36,1),transform .82s .10s cubic-bezier(.22,1,.36,1),filter .82s .10s ease;
}
.js .phase-overview-box .objection-showcase.reveal.is-visible .objection-copy,
.js .phase-overview-box .objection-showcase.reveal.is-visible .compact-browser{
  opacity:1;
  transform:none;
  filter:blur(0);
}

@media(prefers-reduced-motion:reduce){
  .js .phase-overview-box .section-head.reveal,
  .js .phase-overview-box .conversation-flow.reveal .phase-card,
  .js .phase-overview-box .objection-showcase.reveal .objection-copy,
  .js .phase-overview-box .objection-showcase.reveal .compact-browser{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}

/* Dunkelblaue Überschriften und Hervorhebungen in Einwandbehandlung & Anpassbarkeit */
#gespraech .objection-copy h2,
#anpassbar .copy-col h2,
#anpassbar .detail-list b,
#gespraech .check-list li:first-child {
  color: var(--blue) !important;
}

/* Requested dark-blue card headings */
.guided-section .guided-feature-card h3,
#gespraech .phase-card:nth-child(2) h3,
#gespraech .phase-card:nth-child(3) h3,
#gespraech .phase-card:nth-child(4) h3 {
  color: var(--blue) !important;
}

/* Farbangleichungen laut Feedback: Dunkelblau und einheitliche Hero-Buttons */
#gespraech .check-list li:nth-child(2),
#gespraech .check-list li:nth-child(3),
#gespraech .check-list li:nth-child(2) > span,
#gespraech .check-list li:nth-child(3) > span,
#anpassbar .detail-list article > span {
  color: var(--blue) !important;
}

.hero .hero-actions .btn-primary,
.hero .hero-actions .btn-ghost {
  color: var(--blue) !important;
  background: #fff;
  border-color: rgba(198,154,87,.52);
}

.hero .hero-actions .btn-primary:hover,
.hero .hero-actions .btn-ghost:hover {
  background: #fbf7ef;
  border-color: rgba(198,154,87,.72);
}


/* Eigenes Symbol für Gesprächswege */
#anpassbar .detail-list .detail-logo-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px;
}

#anpassbar .detail-list .detail-logo-symbol {
  width:22px;
  height:22px;
  object-fit:contain;
}

/* Wiederholbare Einblendungen für die beiden Einstiegsblöcke */
@media(prefers-reduced-motion:no-preference){
  .js .hero-copy.reveal{
    opacity:0;
    transform:translateX(-28px) translateY(12px);
    filter:blur(6px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1),filter .76s ease;
  }
  .js .hero-copy.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js .hero-visual.reveal{
    opacity:1;
    transform:none;
    filter:none;
  }
  .js .hero-visual.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
  }
  .js .problem-strip .statement-lead.reveal{
    opacity:0;
    transform:translateX(-30px) translateY(12px);
    filter:blur(6px);
    transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .78s ease;
  }
  .js .problem-strip .mini-problems.reveal{
    opacity:0;
    transform:translateX(30px) translateY(12px);
    filter:blur(6px);
    transition:opacity .78s .08s cubic-bezier(.22,1,.36,1),transform .78s .08s cubic-bezier(.22,1,.36,1),filter .78s .08s ease;
  }
  .js .problem-strip .statement-lead.reveal.is-visible,
  .js .problem-strip .mini-problems.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

}



/* Lead-Manager: Überschrift, Box-Titel und Symbole in Dunkelblau */
#lead-manager .copy-col h2,
#lead-manager .metric-stack b,
#lead-manager .metric-icon,
#lead-manager .metric-icon.green,
#lead-manager .metric-icon.blue,
#lead-manager .metric-icon.gold {
  color: var(--blue) !important;
}

/* Zweifarbige Überschriften */
.heading-blue{
  color: var(--blue) !important;
}

.heading-gold{
  color: var(--gold) !important;
}

#anpassbar .copy-col h2 .heading-blue,
#lead-manager .copy-col h2 .heading-blue,
#anpassbar .copy-col h2 .heading-gold,
#lead-manager .copy-col h2 .heading-gold{
  display:inline;
}

/* Transfer-Symbol für Lead-Übernahme */
.float-icon-transfer,
.metric-icon-transfer {
  background: #fff3da !important;
  color: var(--blue) !important;
}

.metric-icon-transfer {
  border: none;
}

.float-icon-transfer svg,
.metric-icon-transfer svg {
  width: 18px;
  height: 18px;
  display: block;
}

.float-icon-transfer svg path,
.metric-icon-transfer svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Klare Farbtrennung der beiden Abschnitte */
#lead-manager,
#rejection-tracker{
  position:relative;
  overflow:hidden;
}

#lead-manager{
  background:linear-gradient(180deg,#e8f1f4 0%,#eef4f8 100%);
}

#rejection-tracker{
  background:linear-gradient(180deg,#fffefb 0%,#fcf7ef 100%);
}

#lead-manager .shell,
#rejection-tracker .shell{
  position:relative;
  z-index:1;
}

/* Lead-Manager Abschnitt neu anordnen */
#lead-manager .lead-manager-box{
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

#lead-manager .lead-manager-top{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);
  gap:58px;
  align-items:start;
}

#lead-manager .copy-col{
  max-width:none;
}

#lead-manager .copy-col h2{
  max-width:640px;
}

#lead-manager .copy-col>p{
  max-width:620px;
  margin-left:0;
}

#lead-manager .lead-manager-side{
  position:relative;
  padding-left:28px;
}

#lead-manager .lead-manager-side::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#d4b47e 0%,#c69a57 100%);
}

#lead-manager .lead-manager-side .metric-stack{
  margin-top:0;
  gap:22px;
}

#lead-manager .metric-stack article{
  grid-template-columns:42px 1fr;
  gap:14px;
}

#lead-manager .metric-stack b{
  display:block;
  margin-bottom:2px;
}

#lead-manager .lead-browser-wrap{
  margin-top:30px;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
}

#lead-manager .lead-browser{
  width:100%;
  max-width:none;
  height:520px;
  margin:0;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

#lead-manager .lead-browser img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}

@media(max-width:1050px){
  #lead-manager .lead-manager-top{
    grid-template-columns:1fr;
    gap:36px;
  }

  #lead-manager .lead-manager-side{
    padding-left:0;
    padding-top:22px;
  }

  #lead-manager .lead-manager-side::before{
    left:0;
    right:0;
    top:0;
    bottom:auto;
    width:100%;
    height:4px;
  }

  #lead-manager .lead-browser{
    max-width:100%;
    height:460px;
  }
}

@media(max-width:760px){
  #lead-manager .lead-manager-side{
    padding-top:18px;
  }

  #lead-manager .lead-manager-side .metric-stack{
    gap:16px;
  }

  #lead-manager .lead-browser-wrap{
    margin-top:24px;
  }

  #lead-manager .lead-browser{
    height:340px;
  }
}


/* Rejection-Tracker: eigener Zusatzblock unter dem Lead-Manager */

#rejection-tracker .rejection-tracker-box{
  display:grid;
  gap:34px;
}

#rejection-tracker .rejection-intro{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
  gap:56px;
  align-items:start;
}

#rejection-tracker .section-kicker{
  color:var(--gold);
}

#rejection-tracker .rejection-intro-copy h2{
  margin:14px 0 0;
  max-width:760px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.03;
  letter-spacing:-.05em;
  color:var(--blue);
}

#rejection-tracker .rejection-intro-text{
  padding-top:44px;
}

#rejection-tracker .rejection-intro-text p{
  margin:0;
  max-width:420px;
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}

#rejection-tracker .rejection-browser-wrap{
  padding:0;
}

#rejection-tracker .rejection-browser{
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  background:#eef2f7;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

#rejection-tracker .rejection-browser img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}

@media(max-width:1050px){
  #rejection-tracker .rejection-intro{
    grid-template-columns:1fr;
    gap:26px;
  }

  #rejection-tracker .rejection-intro-text{
    padding-top:0;
  }

  #rejection-tracker .rejection-intro-text p{
    max-width:700px;
  }
}

@media(max-width:760px){
  #rejection-tracker .rejection-tracker-box{
    gap:24px;
  }

  #rejection-tracker .rejection-intro-copy h2{
    font-size:34px;
  }

  #rejection-tracker .rejection-intro-text p{
    font-size:15px;
    line-height:1.7;
  }
}

/* Abschluss: Lead-Daten, Status und Gesprächsnotizen nach dem Call */
.closing-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#eef4f8 0%,#f8fafc 100%);
}

.closing-section .shell{
  position:relative;
  z-index:1;
}

.closing-overview{
  display:grid;
  gap:30px;
}

.closing-intro{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:58px;
  align-items:start;
}

.closing-copy h2{
  margin:14px 0 0;
  max-width:780px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.03;
  letter-spacing:-.05em;
}

.closing-intro-text{
  padding-top:44px;
}

.closing-intro-text p{
  margin:0;
  max-width:430px;
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}

.closing-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.closing-points article{
  min-height:126px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:13px;
  align-items:start;
  padding:18px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:17px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 25px rgba(15,23,42,.04);
}

.closing-points article>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff3da;
  color:var(--blue);
  font-size:10px;
  font-weight:950;
}

.closing-points b{
  display:block;
  font-size:14px;
  color:var(--blue);
}

.closing-points p{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.55;
  color:var(--muted);
}

.closing-browser-wrap{
  padding:0;
}

.closing-browser{
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  background:#eef2f7;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

.closing-browser img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}

@media(max-width:1050px){
  .closing-intro{
    grid-template-columns:1fr;
    gap:26px;
  }

  .closing-intro-text{
    padding-top:0;
  }

  .closing-intro-text p{
    max-width:720px;
  }
}

@media(max-width:760px){
  .closing-overview{
    gap:24px;
  }

  .closing-copy h2{
    font-size:34px;
  }

  .closing-intro-text p{
    font-size:15px;
    line-height:1.7;
  }

  .closing-points{
    grid-template-columns:1fr;
  }

  .closing-points article{
    min-height:0;
  }
}

/* Finaler CTA: starke Abschlussbotschaft und direkte Anfrage */
.final-cta{
  position:relative;
  overflow:hidden;
  padding:104px 0;
  background:linear-gradient(135deg,#061227 0%,#0b1f40 54%,#12315f 100%);
}

.final-card{
  min-height:420px;
  padding:0;
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  gap:74px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.final-glow-one{
  width:560px;
  height:560px;
  right:-150px;
  top:-300px;
  background:radial-gradient(circle,rgba(198,154,87,.30),rgba(198,154,87,0) 67%);
}

.final-glow-two{
  width:520px;
  height:520px;
  left:-300px;
  bottom:-330px;
  top:auto;
  right:auto;
  background:radial-gradient(circle,rgba(71,125,190,.24),rgba(71,125,190,0) 70%);
}

.final-eyebrow{
  margin-bottom:2px;
}

.final-copy h2{
  max-width:760px;
  margin:16px 0 20px;
  font-size:clamp(38px,4.7vw,62px);
  line-height:1.01;
  letter-spacing:-.055em;
}

.final-copy h2 span{
  color:#d8b77f;
}

.final-copy .final-lead{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:16px;
  line-height:1.75;
}

.final-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
}

.final-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.065);
  color:#fff;
  font-size:12px;
  font-weight:850;
  backdrop-filter:blur(8px);
}

.final-benefits i{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(198,154,87,.16);
  color:#e7c98f;
  font-style:normal;
  font-size:10px;
}

.final-transfer{
  max-width:720px;
  margin:22px 0 0;
  padding-top:22px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.7;
}

.final-actions{
  align-self:stretch;
  justify-content:center;
  padding:30px;
  border:1px solid rgba(198,154,87,.25);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.12);
  backdrop-filter:blur(14px);
}

.final-action-label{
  color:#fff;
  font-size:21px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:-.025em;
}

.final-actions>p{
  margin:2px 0 10px;
  color:rgba(255,255,255,.66);
  font-size:13px;
  line-height:1.65;
}

.final-cta-button{
  color:#fff;
  width:100%;
  min-height:58px;
  padding:0 22px;
  margin-top:8px;
  border-radius:15px;
  font-size:14px;
  box-shadow:0 16px 35px rgba(198,154,87,.24);
}

.final-cta-button span{
  font-size:19px;
  line-height:1;
  transition:transform .18s ease;
}

.final-cta-button:hover span{
  transform:translateX(3px);
}

.final-actions small{
  margin-top:2px;
  color:rgba(255,255,255,.42);
  font-size:10px;
  line-height:1.55;
}

@media(max-width:1050px){
  .final-card{
    min-height:0;
    grid-template-columns:1fr;
    gap:36px;
    padding:0;
  }

  .final-actions{
    max-width:620px;
  }
}

@media(max-width:760px){
  .final-cta{
    padding:72px 0;
  }

  .final-card{
    padding:0;
    gap:30px;
    border-radius:0;
  }

  .final-copy h2{
    font-size:39px;
  }

  .final-copy .final-lead{
    font-size:15px;
    line-height:1.68;
  }

  .final-benefits{
    display:grid;
    grid-template-columns:1fr;
  }

  .final-benefits span{
    width:max-content;
  }

  .final-transfer{
    font-size:12px;
  }

  .final-actions{
    padding:23px 20px;
    border-radius:19px;
  }

  .final-action-label{
    font-size:19px;
  }

  .final-cta-button{
    min-height:56px;
    padding:10px 18px;
    text-align:center;
  }
}

/* Scroll-Animationen ab Einwandbehandlung bis zum Seitenende */
@media(prefers-reduced-motion:no-preference){
  /* Persönlich anpassbar: Text und Produktansicht kommen gegeneinander ins Bild. */
  .js #anpassbar .copy-col.reveal{
    opacity:0;
    transform:translateX(-36px) translateY(14px);
    filter:blur(6px);
    transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .78s ease;
  }
  .js #anpassbar .copy-col.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #anpassbar .copy-col.reveal .detail-list article{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .54s cubic-bezier(.22,1,.36,1),transform .54s cubic-bezier(.22,1,.36,1);
  }
  .js #anpassbar .copy-col.reveal.is-visible .detail-list article{
    opacity:1;
    transform:none;
  }
  .js #anpassbar .copy-col.reveal.is-visible .detail-list article:nth-child(1){transition-delay:.16s}
  .js #anpassbar .copy-col.reveal.is-visible .detail-list article:nth-child(2){transition-delay:.24s}
  .js #anpassbar .copy-col.reveal.is-visible .detail-list article:nth-child(3){transition-delay:.32s}
  .js #anpassbar .side-browser.reveal{
    opacity:0;
    transform:translateX(42px) translateY(16px) scale(.975);
    filter:blur(7px);
    transition:opacity .84s .08s cubic-bezier(.22,1,.36,1),transform .84s .08s cubic-bezier(.22,1,.36,1),filter .84s .08s ease;
  }
  .js #anpassbar .side-browser.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Team: Überschrift, drei Schritte und Zitat gestaffelt aufbauen. */
  .js #team .section-head.reveal{
    opacity:0;
    transform:translateY(32px) scale(.985);
    filter:blur(6px);
    transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease;
  }
  .js #team .section-head.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #team .team-grid.reveal{
    opacity:1;
    transform:none;
  }
  .js #team .team-grid.reveal article,
  .js #team .team-grid.reveal .team-line{
    opacity:0;
    transform:translateY(25px) scale(.97);
    transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1);
  }
  .js #team .team-grid.reveal.is-visible article,
  .js #team .team-grid.reveal.is-visible .team-line{
    opacity:1;
    transform:none;
  }
  .js #team .team-grid.reveal.is-visible article:nth-child(1){transition-delay:.02s}
  .js #team .team-grid.reveal.is-visible .team-line:nth-child(2){transition-delay:.10s}
  .js #team .team-grid.reveal.is-visible article:nth-child(3){transition-delay:.16s}
  .js #team .team-grid.reveal.is-visible .team-line:nth-child(4){transition-delay:.24s}
  .js #team .team-grid.reveal.is-visible article:nth-child(5){transition-delay:.30s}
  .js #team .team-quote.reveal{
    opacity:0;
    transform:translateY(24px) scale(.98);
    filter:blur(5px);
    transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),filter .72s ease;
  }
  .js #team .team-quote.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Lead Manager: linke Erklärung, rechte Funktionsliste und Screenshot getrennt animieren. */
  .js #lead-manager .copy-col.reveal{
    opacity:0;
    transform:translateX(-38px) translateY(12px);
    filter:blur(6px);
    transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease;
  }
  .js #lead-manager .copy-col.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #lead-manager .lead-manager-side.reveal{
    opacity:1;
    transform:none;
  }
  .js #lead-manager .lead-manager-side.reveal::before{
    transform:scaleY(0);
    transform-origin:top;
    transition:transform .72s cubic-bezier(.22,1,.36,1);
  }
  .js #lead-manager .lead-manager-side.reveal.is-visible::before{
    transform:scaleY(1);
  }
  .js #lead-manager .lead-manager-side.reveal .metric-stack article{
    opacity:0;
    transform:translateX(30px) translateY(8px);
    filter:blur(4px);
    transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),filter .58s ease;
  }
  .js #lead-manager .lead-manager-side.reveal.is-visible .metric-stack article{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #lead-manager .lead-manager-side.reveal.is-visible .metric-stack article:nth-child(1){transition-delay:.05s}
  .js #lead-manager .lead-manager-side.reveal.is-visible .metric-stack article:nth-child(2){transition-delay:.13s}
  .js #lead-manager .lead-manager-side.reveal.is-visible .metric-stack article:nth-child(3){transition-delay:.21s}
  .js #lead-manager .lead-manager-side.reveal.is-visible .metric-stack article:nth-child(4){transition-delay:.29s}
  .js #lead-manager .lead-browser-wrap.reveal{
    opacity:0;
    transform:translateY(38px) scale(.975);
    filter:blur(7px);
    transition:opacity .84s cubic-bezier(.22,1,.36,1),transform .84s cubic-bezier(.22,1,.36,1),filter .84s ease;
  }
  .js #lead-manager .lead-browser-wrap.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Rejection Tracker: Zweispaltige Einleitung und großer Screenshot. */
  .js #rejection-tracker .rejection-intro.reveal{
    opacity:1;
    transform:none;
  }
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-copy{
    opacity:0;
    transform:translateX(-38px) translateY(10px);
    filter:blur(6px);
    transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .78s ease;
  }
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-text{
    opacity:0;
    transform:translateX(34px) translateY(12px);
    filter:blur(5px);
    transition:opacity .76s .08s cubic-bezier(.22,1,.36,1),transform .76s .08s cubic-bezier(.22,1,.36,1),filter .76s .08s ease;
  }
  .js #rejection-tracker .rejection-intro.reveal.is-visible .rejection-intro-copy,
  .js #rejection-tracker .rejection-intro.reveal.is-visible .rejection-intro-text{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #rejection-tracker .rejection-browser-wrap.reveal{
    opacity:0;
    transform:translateY(40px) scale(.975);
    filter:blur(7px);
    transition:opacity .86s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.22,1,.36,1),filter .86s ease;
  }
  .js #rejection-tracker .rejection-browser-wrap.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Abschluss: Einleitung teilen, Funktionskarten staffeln, Screenshot weich hochziehen. */
  .js #abschluss .closing-intro.reveal{
    opacity:1;
    transform:none;
  }
  .js #abschluss .closing-intro.reveal .closing-copy{
    opacity:0;
    transform:translateX(-38px) translateY(10px);
    filter:blur(6px);
    transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease;
  }
  .js #abschluss .closing-intro.reveal .closing-intro-text{
    opacity:0;
    transform:translateX(34px) translateY(12px);
    filter:blur(5px);
    transition:opacity .76s .08s cubic-bezier(.22,1,.36,1),transform .76s .08s cubic-bezier(.22,1,.36,1),filter .76s .08s ease;
  }
  .js #abschluss .closing-intro.reveal.is-visible .closing-copy,
  .js #abschluss .closing-intro.reveal.is-visible .closing-intro-text{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #abschluss .closing-points.reveal{
    opacity:1;
    transform:none;
  }
  .js #abschluss .closing-points.reveal article{
    opacity:0;
    transform:translateY(28px) scale(.97);
    filter:blur(4px);
    transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease;
  }
  .js #abschluss .closing-points.reveal.is-visible article{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #abschluss .closing-points.reveal.is-visible article:nth-child(1){transition-delay:.02s}
  .js #abschluss .closing-points.reveal.is-visible article:nth-child(2){transition-delay:.11s}
  .js #abschluss .closing-points.reveal.is-visible article:nth-child(3){transition-delay:.20s}
  .js #abschluss .closing-browser-wrap.reveal{
    opacity:0;
    transform:translateY(40px) scale(.975);
    filter:blur(7px);
    transition:opacity .86s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.22,1,.36,1),filter .86s ease;
  }
  .js #abschluss .closing-browser-wrap.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Finaler CTA: Inhalt und Aktionsbox getrennt, Vorteile leicht gestaffelt. */
  .js #anfrage .final-card.reveal{
    opacity:1;
    transform:none;
  }
  .js #anfrage .final-card.reveal .final-copy{
    opacity:0;
    transform:translateX(-38px) translateY(12px);
    filter:blur(6px);
    transition:opacity .84s cubic-bezier(.22,1,.36,1),transform .84s cubic-bezier(.22,1,.36,1),filter .84s ease;
  }
  .js #anfrage .final-card.reveal .final-actions{
    opacity:0;
    transform:translateX(40px) translateY(14px) scale(.975);
    filter:blur(6px);
    transition:opacity .86s .10s cubic-bezier(.22,1,.36,1),transform .86s .10s cubic-bezier(.22,1,.36,1),filter .86s .10s ease;
  }
  .js #anfrage .final-card.reveal.is-visible .final-copy,
  .js #anfrage .final-card.reveal.is-visible .final-actions{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
  .js #anfrage .final-card.reveal .final-benefits span{
    opacity:0;
    transform:translateY(12px) scale(.96);
    transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1);
  }
  .js #anfrage .final-card.reveal.is-visible .final-benefits span{
    opacity:1;
    transform:none;
  }
  .js #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(1){transition-delay:.18s}
  .js #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(2){transition-delay:.25s}
  .js #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(3){transition-delay:.32s}

  /* Akquise-Manager-Startseite: CTA deutlich schneller einblenden. */
  .js #gespraech ~ #anfrage .final-card.reveal .final-copy{
    filter:none;
    transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);
  }
  .js #gespraech ~ #anfrage .final-card.reveal .final-actions{
    filter:blur(6px);
    transition:opacity .86s .10s cubic-bezier(.22,1,.36,1),transform .86s .10s cubic-bezier(.22,1,.36,1),filter .86s .10s ease;
  }
  .js #gespraech ~ #anfrage .final-card.reveal .final-benefits span{
    transition-duration:.22s;
  }
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(1){transition-delay:.02s}
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(2){transition-delay:.05s}
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-benefits span:nth-child(3){transition-delay:.08s}
}

@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .js #anpassbar .copy-col.reveal,
  .js #lead-manager .copy-col.reveal,
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-copy,
  .js #abschluss .closing-intro.reveal .closing-copy,
  .js #anfrage .final-card.reveal .final-copy{
    transform:translateX(-22px) translateY(12px);
  }
  .js #anpassbar .side-browser.reveal,
  .js #lead-manager .lead-manager-side.reveal .metric-stack article,
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-text,
  .js #abschluss .closing-intro.reveal .closing-intro-text,
  .js #anfrage .final-card.reveal .final-actions{
    transform:translateX(22px) translateY(12px);
  }
  .js #lead-manager .lead-manager-side.reveal::before{
    transform:scaleX(0);
    transform-origin:left;
  }
  .js #lead-manager .lead-manager-side.reveal.is-visible::before{
    transform:scaleX(1);
  }
}

@media(prefers-reduced-motion:reduce){
  .js #anpassbar .copy-col.reveal,
  .js #anpassbar .side-browser.reveal,
  .js #anpassbar .copy-col.reveal .detail-list article,
  .js #team .section-head.reveal,
  .js #team .team-grid.reveal article,
  .js #team .team-grid.reveal .team-line,
  .js #team .team-quote.reveal,
  .js #lead-manager .copy-col.reveal,
  .js #lead-manager .lead-manager-side.reveal .metric-stack article,
  .js #lead-manager .lead-browser-wrap.reveal,
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-copy,
  .js #rejection-tracker .rejection-intro.reveal .rejection-intro-text,
  .js #rejection-tracker .rejection-browser-wrap.reveal,
  .js #abschluss .closing-intro.reveal .closing-copy,
  .js #abschluss .closing-intro.reveal .closing-intro-text,
  .js #abschluss .closing-points.reveal article,
  .js #abschluss .closing-browser-wrap.reveal,
  .js #anfrage .final-card.reveal .final-copy,
  .js #anfrage .final-card.reveal .final-actions,
  .js #anfrage .final-card.reveal .final-benefits span{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js #lead-manager .lead-manager-side.reveal::before{
    transform:none;
    transition:none;
  }
}


/* Gesprächsphasen: individuelle Einblendeffekte für Gatekeeper, Opener, Interesse und Abschluss. */
@media(prefers-reduced-motion:no-preference){
  /* Gatekeeper: Text von links, Produktansicht von rechts. */
  .js #gatekeeper .phase-detail-copy.reveal{
    opacity:0;
    transform:translateX(-44px) translateY(12px);
    filter:none;
    transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);
  }
  .js #gatekeeper .phase-detail-browser.reveal{
    opacity:0;
    transform:translateX(52px) translateY(14px) scale(.972);
    filter:blur(7px);
    transition:opacity .84s .08s cubic-bezier(.22,1,.36,1),transform .84s .08s cubic-bezier(.22,1,.36,1),filter .84s .08s ease;
  }

  /* Einstieg & Opener: passend zum umgedrehten Layout aus der Gegenrichtung. */
  .js #opener .phase-detail-copy.reveal{
    opacity:0;
    transform:translateX(44px) translateY(12px);
    filter:none;
    transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);
  }
  .js #opener .phase-detail-browser.reveal{
    opacity:0;
    transform:translateX(-52px) translateY(14px) scale(.972);
    filter:blur(7px);
    transition:opacity .84s .08s cubic-bezier(.22,1,.36,1),transform .84s .08s cubic-bezier(.22,1,.36,1),filter .84s .08s ease;
  }

  /* Interesse vertiefen: etwas weicher und ruhiger einblenden. */
  .js #interesse-vertiefen .phase-detail-copy.reveal{
    opacity:0;
    transform:translateX(40px) translateY(16px);
    filter:none;
    transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);
  }
  .js #interesse-vertiefen .phase-detail-browser.reveal{
    opacity:0;
    transform:translateX(-46px) translateY(18px) scale(.968);
    filter:blur(7px);
    transition:opacity .88s .09s cubic-bezier(.22,1,.36,1),transform .88s .09s cubic-bezier(.22,1,.36,1),filter .88s .09s ease;
  }

  /* Abschluss: Text seitlich, Dokumentation leicht von unten nach vorne. */
  .js #abschluss .phase-detail-copy.reveal{
    opacity:0;
    transform:translateX(-38px) translateY(14px);
    filter:none;
    transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);
  }
  .js #abschluss .phase-detail-browser.reveal{
    opacity:0;
    transform:translateY(40px) scale(.968);
    filter:blur(7px);
    transition:opacity .88s .10s cubic-bezier(.22,1,.36,1),transform .88s .10s cubic-bezier(.22,1,.36,1),filter .88s .10s ease;
  }

  .js #gatekeeper .phase-detail-copy.reveal.is-visible,
  .js #gatekeeper .phase-detail-browser.reveal.is-visible,
  .js #opener .phase-detail-copy.reveal.is-visible,
  .js #opener .phase-detail-browser.reveal.is-visible,
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible,
  .js #interesse-vertiefen .phase-detail-browser.reveal.is-visible,
  .js #abschluss .phase-detail-copy.reveal.is-visible,
  .js #abschluss .phase-detail-browser.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  /* Checkpunkte bauen sich innerhalb jeder Phase nacheinander auf. */
  .js #gatekeeper .phase-detail-copy.reveal .check-list li,
  .js #opener .phase-detail-copy.reveal .check-list li,
  .js #interesse-vertiefen .phase-detail-copy.reveal .check-list li,
  .js #abschluss .phase-detail-copy.reveal .check-list li{
    opacity:0;
    transform:translateY(14px);
    transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);
  }
  .js #gatekeeper .phase-detail-copy.reveal.is-visible .check-list li,
  .js #opener .phase-detail-copy.reveal.is-visible .check-list li,
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible .check-list li,
  .js #abschluss .phase-detail-copy.reveal.is-visible .check-list li{
    opacity:1;
    transform:none;
  }
  .js #gatekeeper .phase-detail-copy.reveal.is-visible .check-list li:nth-child(1),
  .js #opener .phase-detail-copy.reveal.is-visible .check-list li:nth-child(1),
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible .check-list li:nth-child(1),
  .js #abschluss .phase-detail-copy.reveal.is-visible .check-list li:nth-child(1){transition-delay:.02s}
  .js #gatekeeper .phase-detail-copy.reveal.is-visible .check-list li:nth-child(2),
  .js #opener .phase-detail-copy.reveal.is-visible .check-list li:nth-child(2),
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible .check-list li:nth-child(2),
  .js #abschluss .phase-detail-copy.reveal.is-visible .check-list li:nth-child(2){transition-delay:.05s}
  .js #gatekeeper .phase-detail-copy.reveal.is-visible .check-list li:nth-child(3),
  .js #opener .phase-detail-copy.reveal.is-visible .check-list li:nth-child(3),
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible .check-list li:nth-child(3),
  .js #abschluss .phase-detail-copy.reveal.is-visible .check-list li:nth-child(3){transition-delay:.08s}
}

@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .js #gatekeeper .phase-detail-copy.reveal,
  .js #abschluss .phase-detail-copy.reveal{
    transform:translateX(-22px) translateY(12px);
  }
  .js #opener .phase-detail-copy.reveal,
  .js #interesse-vertiefen .phase-detail-copy.reveal{
    transform:translateX(22px) translateY(12px);
  }
  .js #gatekeeper .phase-detail-browser.reveal{
    transform:translateX(24px) translateY(18px) scale(.98);
  }
  .js #opener .phase-detail-browser.reveal,
  .js #interesse-vertiefen .phase-detail-browser.reveal{
    transform:translateX(-24px) translateY(18px) scale(.98);
  }
  .js #abschluss .phase-detail-browser.reveal{
    transform:translateY(28px) scale(.98);
  }
}

@media(prefers-reduced-motion:reduce){
  .js #gatekeeper .phase-detail-copy.reveal,
  .js #gatekeeper .phase-detail-browser.reveal,
  .js #opener .phase-detail-copy.reveal,
  .js #opener .phase-detail-browser.reveal,
  .js #interesse-vertiefen .phase-detail-copy.reveal,
  .js #interesse-vertiefen .phase-detail-browser.reveal,
  .js #abschluss .phase-detail-copy.reveal,
  .js #abschluss .phase-detail-browser.reveal,
  .js #gatekeeper .phase-detail-copy.reveal .check-list li,
  .js #opener .phase-detail-copy.reveal .check-list li,
  .js #interesse-vertiefen .phase-detail-copy.reveal .check-list li,
  .js #abschluss .phase-detail-copy.reveal .check-list li{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}


/* Rechtliches & Footer */
.site-footer{background:#fff;border-top:0;padding-top:0}
.footer-accordion-zone{background:#fff;padding:0 0 18px}
.footer-accordion-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0}
.footer-accordion-card{width:220px;flex:0 0 220px;border:0;border-radius:0 0 14px 14px;background:linear-gradient(145deg,#07142c,#10264d);overflow:hidden;box-shadow:0 10px 24px rgba(7,20,44,.10);transition:width .22s ease,flex-basis .22s ease,box-shadow .18s ease}
.footer-accordion-card:hover{box-shadow:0 13px 28px rgba(7,20,44,.14)}
.footer-accordion-card[open]{width:320px;flex-basis:320px;box-shadow:0 16px 34px rgba(7,20,44,.16)}
.footer-accordion-toggle{list-style:none;min-height:50px;display:flex;align-items:center;padding:8px 14px;cursor:pointer;color:#d8b77f;outline:none}
.footer-accordion-toggle::-webkit-details-marker{display:none}
.footer-accordion-toggle:focus-visible{box-shadow:inset 0 0 0 2px rgba(216,183,127,.70)}
.footer-company-toggle{justify-content:flex-start}
.footer-contact-toggle{justify-content:flex-start;font-size:15px;font-weight:900;letter-spacing:-.01em}
.footer-logo{width:86px;height:auto;display:block}
.footer-accordion-content{display:grid;gap:8px;padding:2px 12px 12px}
.footer-company-items{display:block}
.footer-company-details{margin:3px 2px 2px;color:#fff;font-size:12px;line-height:1.75;font-weight:650}
.footer-contact-items{grid-template-columns:1fr}
.footer-info-box{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;transition:border-color .18s ease,background .18s ease}
.footer-info-box:hover{border-color:rgba(198,154,87,.38);background:rgba(255,255,255,.085)}
.footer-info-icon{width:17px;height:17px;flex:0 0 17px;color:#d8b77f;display:grid;place-items:center;margin-top:1px}
.footer-info-icon svg{width:17px;height:17px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.footer-info-box b{display:block;font-size:11px;color:#fff;margin-bottom:2px}
.footer-info-box span{font-size:10.5px;line-height:1.45;color:rgba(255,255,255,.70)}
.footer-inner{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#64748b;font-size:12px;padding:4px 0 24px}
.footer-inner .copyright{margin:0;color:#94a3b8;font-size:11px;line-height:1.55}
.footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-weight:850;color:#334155}.footer-legal a{transition:color .18s ease}.footer-legal a:hover,.footer-legal a[aria-current="page"]{color:var(--gold)}
@media(max-width:980px){.footer-accordion-card{width:200px;flex-basis:200px}.footer-accordion-card[open]{width:300px;flex-basis:300px}}

.legal-page{background:#f8fafc;color:var(--ink)}
.legal-page .site-header{position:static;background:var(--toowie-blue);color:#fff}
.legal-page .nav{height:78px}
.legal-page .legal-nav-links{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:800;color:rgba(255,255,255,.72)}
.legal-page .legal-nav-links a:hover,.legal-page .legal-nav-links a[aria-current="page"]{color:#fff}
.legal-page .legal-back{min-height:38px;padding:0 14px;border-radius:11px;background:#fff;color:var(--navy);font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.legal-hero{position:relative;overflow:hidden;background:var(--toowie-blue);color:#fff;padding:62px 0 72px;border-top:1px solid rgba(255,255,255,.08)}
.legal-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-300px;background:radial-gradient(circle,rgba(198,154,87,.22),transparent 68%)}
.legal-hero .shell{position:relative;z-index:1}.legal-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#d8b77f}
.legal-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 14px}.legal-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.7}
.legal-main{padding:56px 0 82px}.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:38px;align-items:start}.legal-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 46px rgba(15,23,42,.07);padding:42px 46px}.legal-card .legal-meta{margin:0 0 28px;padding:16px 18px;border-radius:14px;background:#fbf7ef;border:1px solid #ead7b6;color:#6b7280;font-size:12px;line-height:1.65}.legal-card h2{font-size:23px;letter-spacing:-.025em;line-height:1.25;margin:36px 0 12px;color:var(--navy)}.legal-card h2:first-of-type{margin-top:0}.legal-card h3{font-size:16px;margin:24px 0 9px;color:var(--navy)}.legal-card p,.legal-card li{font-size:14px;line-height:1.75;color:#475569}.legal-card p{margin:0 0 12px}.legal-card ul{margin:8px 0 16px;padding-left:20px}.legal-card strong{color:#1e293b}.legal-card a{color:#0a4a85;text-decoration:underline;text-underline-offset:3px}.legal-card a:hover{color:var(--gold)}
.legal-table-wrap{overflow-x:auto;margin:16px 0 22px;border:1px solid var(--line);border-radius:14px}.legal-table{width:100%;border-collapse:collapse;min-width:650px}.legal-table th,.legal-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:12px;line-height:1.55}.legal-table th{background:#f8fafc;color:#334155;font-weight:900}.legal-table td{color:#64748b}.legal-table tr:last-child td{border-bottom:0}
.legal-aside{position:sticky;top:22px;display:grid;gap:12px}.legal-aside-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.legal-aside-card b{display:block;font-size:13px;color:var(--navy);margin-bottom:10px}.legal-aside-card a{display:block;padding:8px 0;border-top:1px solid #eef2f7;color:#475569;font-size:12px;font-weight:800}.legal-aside-card a:first-of-type{border-top:0}.legal-aside-card a:hover,.legal-aside-card a[aria-current="page"]{color:var(--gold)}
.legal-contact{padding:20px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);margin:14px 0 20px}.legal-contact p{margin:0}.legal-note{padding:15px 17px;border-left:3px solid var(--gold);background:#fbf7ef;border-radius:0 12px 12px 0;margin:18px 0;color:#64748b;font-size:13px;line-height:1.7}

@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-aside{position:static;grid-row:1}.legal-aside-card{display:flex;align-items:center;flex-wrap:wrap;gap:0 18px}.legal-aside-card b{width:100%;margin-bottom:4px}.legal-aside-card a{border-top:0;padding:7px 0}.legal-page .legal-nav-links{display:none}}
@media(max-width:760px){.footer-accordion-zone{padding-bottom:16px}.footer-accordion-grid{gap:10px}.footer-accordion-card{width:calc(50% - 5px);flex-basis:calc(50% - 5px)}.footer-accordion-card[open]{width:100%;flex-basis:100%}.footer-accordion-toggle{min-height:46px;padding:7px 11px}.footer-logo{width:78px}.footer-contact-toggle{font-size:14px}.footer-accordion-content{padding:2px 10px 10px}.footer-company-details{font-size:11px}.footer-info-box{padding:9px 10px}.footer-info-box span{font-size:10px}.footer-info-box b{font-size:11px}.footer-inner{min-height:0;padding:4px 0 26px;align-items:flex-start;flex-direction:column;gap:14px}.footer-legal{gap:16px;flex-wrap:wrap}.legal-page .nav{height:72px}.legal-page .brand span{font-size:14px}.legal-hero{padding:48px 0 56px}.legal-main{padding:32px 0 56px}.legal-card{padding:28px 22px;border-radius:20px}.legal-card h2{font-size:20px}.legal-card p,.legal-card li{font-size:13px}.legal-back{font-size:0!important}.legal-back:after{content:"←";font-size:18px}}

/* Gesprächsphasen: Detailblöcke in der Reihenfolge Gatekeeper, Opener, Einwand, Interesse, Abschluss */
#gespraech{
  background:#fcf7ef;
}

#gespraech.section-block.soft{
  background:#fcf7ef;
}

#gespraech .conversation-flow{
  margin-bottom:0;
}

#gespraech .phase-detail{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:56px;
  align-items:center;
  margin:0;
  padding:86px 0;
  clip-path:inset(0 -100vmax);
}

#gespraech .phase-detail-gatekeeper{
  margin-top:76px;
  background:#f8fafc;
  box-shadow:0 0 0 100vmax #f8fafc;
}

#gespraech .phase-detail-opener{
  background:#fcf7ef;
  box-shadow:0 0 0 100vmax #fcf7ef;
}

#gespraech .phase-detail-objection{
  background:#f8fafc;
  box-shadow:0 0 0 100vmax #f8fafc;
}

#gespraech .phase-detail-interest{
  background:#fcf7ef;
  box-shadow:0 0 0 100vmax #fcf7ef;
}

#gespraech .phase-detail-closing{
  background:#f8fafc;
  box-shadow:0 0 0 100vmax #f8fafc;
}

#gespraech .phase-detail-reverse .phase-detail-copy{
  order:2;
}

#gespraech .phase-detail-reverse .phase-detail-browser{
  order:1;
}

#gespraech .phase-detail-copy h2{
  margin:12px 0 16px;
  max-width:560px;
  color:var(--blue);
  font-size:clamp(32px,4vw,47px);
  line-height:1.08;
  letter-spacing:-.045em;
}

#gespraech .phase-detail-copy>p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

#gespraech .phase-detail-copy .check-list{
  max-width:570px;
}

#gespraech .phase-detail-copy .check-list span{
  background:#fff3da;
  color:var(--blue);
}

#gespraech .phase-detail-browser{
  width:100%;
  background:#eef2f7;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

#gespraech .phase-detail-browser img{
  display:block;
  width:100%;
  height:auto;
}

#gespraech .phase-detail-browser-focus{
  height:430px;
  overflow:hidden;
}

#gespraech .phase-detail-browser-focus img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:center 38%;
}

#gespraech .phase-detail-browser-wide{
  overflow:hidden;
}

#gespraech .phase-detail-browser-pan{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}

#gespraech .phase-detail-browser-pan::-webkit-scrollbar{
  height:10px;
}

#gespraech .phase-detail-browser-pan::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
  border:2px solid #fff;
}

#gespraech .phase-detail-browser-pan::-webkit-scrollbar-track{
  background:#f8fafc;
}

#gespraech .phase-detail-browser-pan-opener img{
  display:block;
  width:max(900px,100%);
  max-width:none;
  height:auto;
}

#gespraech .phase-detail-browser-interest{
  height:430px;
  overflow:hidden;
}

#gespraech .phase-detail-browser-interest img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:top center;
}

/* Existing objection block now sits in the same phase sequence. */
#gespraech .objection-showcase.phase-detail{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  margin-top:0;
  padding:86px 0;
}

@media(max-width:1050px){
  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    grid-template-columns:1fr;
    gap:34px;
  }

  #gespraech .phase-detail-reverse .phase-detail-copy{
    order:1;
  }

  #gespraech .phase-detail-reverse .phase-detail-browser{
    order:2;
  }

  #gespraech .phase-detail-copy h2,
  #gespraech .phase-detail-copy>p,
  #gespraech .phase-detail-copy .check-list{
    max-width:760px;
  }

  #gespraech .phase-detail-browser-focus{
    height:min(620px,68vw);
  }

  #gespraech .phase-detail-browser-focus img{
    height:100%;
  }

  #gespraech .phase-detail-browser-pan-opener img{
    width:max(820px,100%);
  }

  #gespraech .phase-detail-browser-interest{
    height:min(620px,68vw);
  }

  #gespraech .phase-detail-browser-interest img{
    height:100%;
  }
}

@media(max-width:760px){
  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    padding:68px 0;
    gap:28px;
  }

  #gespraech .phase-detail-gatekeeper{
    margin-top:56px;
  }

  #gespraech .phase-detail-copy h2{
    font-size:34px;
  }

  #gespraech .phase-detail-copy>p{
    font-size:15px;
  }

  #gespraech .phase-detail-browser,
  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest{
    border-radius:16px;
  }

  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest{
    height:390px;
  }
}

/* Klickbare Gesprächsphasen: Hover-Feedback und Sprung zu den Detailbereichen. */
#gespraech .phase-card-link{
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
#gespraech .phase-card-link:hover{
  transform:translateY(-7px);
  border-color:rgba(198,154,87,.72);
  box-shadow:0 20px 44px rgba(15,23,42,.14);
}
#gespraech .phase-card-link.phase-navy:hover{
  border-color:rgba(198,154,87,.78);
  box-shadow:0 22px 48px rgba(0,20,40,.28);
}
#gespraech .phase-card-link:focus-visible{
  outline:3px solid rgba(198,154,87,.72);
  outline-offset:4px;
}
#gatekeeper,#opener,#einwandbehandlung,#interesse-vertiefen,#abschluss{
  scroll-margin-top:28px;
}
@media (prefers-reduced-motion: reduce){
  #gespraech .phase-card-link{transition:none}
  #gespraech .phase-card-link:hover{transform:none}
}

/* Schwebende Mini-Navigation für die Gesprächsphasen */
.phase-floating-nav{
  position:fixed;
  left:50%;
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:60;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  max-width:calc(100vw - 24px);
  padding:0;
  overflow-x:auto;
  background:transparent;
  scrollbar-width:none;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,12px);
  transition:opacity .22s ease,transform .22s ease;
}
.phase-floating-nav::-webkit-scrollbar{display:none}

.phase-floating-nav.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0);
}

.phase-floating-link{
  min-height:54px;
  flex:0 0 auto;
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:11px;
  padding:8px 12px 10px;
  border:2px solid #e2e8f0;
  border-radius:8px;
  color:#334155;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(15,23,42,.14);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:0;
  white-space:nowrap;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}

.phase-floating-number{
  display:block;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  color:#a8b0bc;
}

.phase-floating-link.is-navy .phase-floating-number{
  color:rgba(255,255,255,.48);
}

.phase-floating-title{
  display:block;
}

.phase-floating-link.is-navy{
  color:#fff;
  background:linear-gradient(145deg,rgba(7,20,44,.97),rgba(16,38,77,.97));
  border-color:rgba(7,20,44,.72);
  box-shadow:0 8px 22px rgba(0,20,40,.20);
}

.phase-floating-link:hover,
.phase-floating-link:focus-visible{
  border-color:rgba(198,154,87,.68);
  box-shadow:0 10px 26px rgba(15,23,42,.18);
  outline:none;
}

.phase-floating-link.is-navy:hover,
.phase-floating-link.is-navy:focus-visible{
  color:#fff;
  border-color:rgba(198,154,87,.68);
}

.phase-floating-link:active{
  transform:scale(.96);
}

.phase-floating-link.is-active,
.phase-floating-link.is-navy.is-active{
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(198,154,87,.30),0 10px 26px rgba(15,23,42,.18);
}

@media(max-width:760px){
  .phase-floating-nav{
    bottom:max(12px, env(safe-area-inset-bottom));
    gap:5px;
  }

  .phase-floating-link{
    min-height:52px;
    gap:8px;
    padding:7px 8px 8px;
    border-radius:7px;
    font-size:9px;
  }

  .phase-floating-number{
    font-size:7px;
  }
}

@media(prefers-reduced-motion:reduce){
  .phase-floating-nav,
  .phase-floating-link{
    transition:none;
  }
}


/* Landingpage footer – ruhige, durchgehende Fläche statt Akkordeon-Karten */
.home-footer{position:relative;overflow:hidden;background:#07142c;color:#fff}
.home-footer .home-footer-main{position:relative;overflow:hidden;padding:54px 0 46px;background:linear-gradient(135deg,#07142c 0%,#0b1d39 58%,#10264d 100%)}
.home-footer .home-footer-main:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,154,87,.48),transparent)}
.home-footer .home-footer-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-230px;top:-320px;background:radial-gradient(circle,rgba(198,154,87,.18),rgba(198,154,87,0) 68%);pointer-events:none}
.home-footer .home-footer-layout{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:center}
.home-footer .home-footer-brand{max-width:330px}
.home-footer .home-footer-logo{width:126px;height:auto;margin-bottom:18px}
.home-footer .home-footer-brand p{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.65;max-width:300px}
.home-footer .home-footer-contact{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}
.home-footer .home-footer-contact-head span{display:block;color:#d8b77f;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.home-footer .home-footer-contact-head small{display:block;color:rgba(255,255,255,.52);font-size:11px;line-height:1.55}
.home-footer .home-footer-contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.home-footer .home-footer-contact-link{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:7px 18px;color:#fff;transition:color .18s ease,transform .18s ease}
.home-footer .home-footer-contact-link:first-child{padding-left:0}
.home-footer .home-footer-contact-link:not(:last-child):after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.12)}
.home-footer .home-footer-contact-link:hover{color:#d8b77f;transform:translateY(-1px)}
.home-footer .home-footer-contact-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:rgba(198,154,87,.10);color:#d8b77f;border:1px solid rgba(198,154,87,.22)}
.home-footer .home-footer-contact-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-footer .home-footer-contact-link>span:last-child{min-width:0}
.home-footer .home-footer-contact-link small{display:block;color:rgba(255,255,255,.42);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.home-footer .home-footer-contact-link strong{display:block;font-size:11.5px;line-height:1.4;font-weight:850;white-space:nowrap}
.home-footer .home-footer-meta{background:#050f20;border-top:1px solid rgba(255,255,255,.07)}
.home-footer .home-footer-meta-inner{padding:20px 0 22px}
.home-footer .home-footer-company{display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;color:rgba(255,255,255,.48);font-size:10.5px;line-height:1.5;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.home-footer .home-footer-company span:first-child{color:rgba(255,255,255,.72);font-weight:800}
.home-footer .home-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}
.home-footer .home-footer-bottom .copyright{margin:0;color:rgba(255,255,255,.34);font-size:10.5px;line-height:1.5}
.home-footer .footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:850;color:rgba(255,255,255,.54)}
.home-footer .footer-legal a{transition:color .18s ease}
.home-footer .footer-legal a:hover{color:#d8b77f}
@media(max-width:980px){
  .home-footer .home-footer-layout{grid-template-columns:1fr;gap:34px}
  .home-footer .home-footer-brand{max-width:none;display:flex;align-items:center;gap:22px}
  .home-footer .home-footer-logo{margin:0;flex:0 0 112px;width:112px}
  .home-footer .home-footer-contact{grid-template-columns:150px 1fr}
}
@media(max-width:760px){
  .home-footer .home-footer-main{padding:40px 0 34px}
  .home-footer .home-footer-layout{gap:30px}
  .home-footer .home-footer-brand{display:block}
  .home-footer .home-footer-logo{width:108px;margin-bottom:14px}
  .home-footer .home-footer-brand p{font-size:12px}
  .home-footer .home-footer-contact{grid-template-columns:1fr;gap:17px}
  .home-footer .home-footer-contact-links{grid-template-columns:1fr;gap:0}
  .home-footer .home-footer-contact-link{padding:12px 0}
  .home-footer .home-footer-contact-link:not(:last-child):after{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;background:rgba(255,255,255,.09)}
  .home-footer .home-footer-contact-link strong{font-size:12px}
  .home-footer .home-footer-company{display:grid;gap:4px;padding-bottom:14px;margin-bottom:14px}
  .home-footer .home-footer-bottom{align-items:flex-start;flex-direction:column;gap:13px}
  .home-footer .footer-legal{gap:16px}
}


/* Landingpage footer – kompakte Abschlussleiste */
.home-footer-compact{background:#f7f8fb;color:#17345f}
.home-footer-compact .home-footer-meta{background:transparent;border-top:1px solid #dbe3ef}
.home-footer-compact .home-footer-meta-inner{padding:20px 0 22px}
.home-footer-compact .home-footer-company-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #dde5f0}
.home-footer-compact .home-footer-company-block{display:flex;align-items:center;min-width:0;color:#3d526e;font-size:10.5px;line-height:1.5}
.home-footer-compact .home-footer-company-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:max-content}
.home-footer-compact .home-footer-inline-logo{width:163px;height:auto;flex:0 0 auto}
.home-footer-compact .home-footer-company-line{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;flex-wrap:nowrap}
.home-footer-compact .home-footer-company-name{color:#17345f;font-size:12px;font-weight:850;white-space:nowrap;text-align:left}
.home-footer-compact .home-footer-company-address{white-space:nowrap;color:#4e637f;text-align:left}
.home-footer-compact .home-footer-contact-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:26px;flex-wrap:nowrap;width:max-content;min-width:0;margin-left:auto;transform:translateY(9px)}
.home-footer-compact .home-footer-inline-contact{position:relative;display:flex;align-items:center;gap:10px;padding:9px 0;color:#17345f;transition:color .18s ease,transform .18s ease;min-width:0}
.home-footer-compact .home-footer-inline-contact:first-child{padding-left:0}
.home-footer-compact .home-footer-inline-contact:hover{color:#0c2447;transform:translateY(-1px)}
.home-footer-compact .home-footer-inline-contact:not(:last-child):after{content:"";position:absolute;right:-13px;top:7px;bottom:7px;width:1px;background:#e2e8f0}
.home-footer-compact .home-footer-inline-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#fff3da;color:#17345f;border:1px solid #f0d9aa}
.home-footer-compact .home-footer-inline-icon svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-footer-compact .home-footer-inline-contact span:last-child{min-width:0}
.home-footer-compact .home-footer-inline-contact small{display:block;color:#6a7e99;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.home-footer-compact .home-footer-inline-contact strong{display:block;font-size:11.5px;line-height:1.4;font-weight:850;white-space:nowrap;color:#17345f}
.home-footer-compact .home-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}
.home-footer-compact .home-footer-bottom .copyright{margin:0;color:#7f8da3;font-size:10.5px;line-height:1.5}
.home-footer-compact .footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:850;color:#7f8da3}
.home-footer-compact .footer-legal a{transition:color .18s ease}
.home-footer-compact .footer-legal a:hover{color:#17345f}
@media(max-width:1120px){
  .home-footer-compact .home-footer-company-row{align-items:center}
  .home-footer-compact .home-footer-contact-row{flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;width:max-content;min-width:0;margin-left:auto}
  .home-footer-compact .home-footer-inline-contact:not(:last-child):after{right:-9px;top:7px;bottom:7px;left:auto;width:1px;height:auto;background:#e2e8f0}
}
@media(max-width:820px){
  .home-footer-compact .home-footer-company-row{flex-direction:column;align-items:flex-start;gap:20px}
  .home-footer-compact .home-footer-contact-row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:max-content;max-width:100%;min-width:0;margin-left:0;transform:none}
  .home-footer-compact .home-footer-inline-contact:not(:last-child):after{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;background:#e2e8f0}
}
@media(max-width:760px){
  .home-footer-compact .home-footer-meta-inner{padding:16px 0 22px}
  .home-footer-compact .home-footer-company-row{gap:18px;padding-bottom:14px;margin-bottom:14px}
  .home-footer-compact .home-footer-company-brand{align-items:flex-start;min-width:0;width:100%}
  .home-footer-compact .home-footer-inline-logo{width:139px}
  .home-footer-compact .home-footer-company-line{gap:2px;flex-wrap:nowrap}
  .home-footer-compact .home-footer-company-name{font-size:11.5px;text-align:left}
  .home-footer-compact .home-footer-company-address{white-space:normal;text-align:left}
  .home-footer-compact .home-footer-inline-contact{padding:12px 0}
  .home-footer-compact .home-footer-bottom{align-items:flex-start;flex-direction:column;gap:13px}
  .home-footer-compact .footer-legal{gap:16px}
}


/* Navigation active state + centered rotating dropdown arrow */
.nav-links > a,
.nav-dropdown-trigger{
  padding:8px 11px;
  border:1px solid transparent;
  border-radius:999px;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.nav-links > a.nav-current,
.nav-dropdown-trigger.nav-current{
  color:#fff;
  border-color:var(--gold);
  background:rgba(198,154,87,.08);
}
.nav-dropdown-trigger{
  gap:6px;
}
.nav-dropdown-trigger .nav-dropdown-arrow{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  transform:rotate(0deg);
  transform-origin:50% 50%;
  transition:transform .18s ease;
}
.nav-dropdown-trigger .nav-dropdown-arrow svg{
  width:14px;
  height:14px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-dropdown:hover .nav-dropdown-trigger .nav-dropdown-arrow,
.nav-dropdown:focus-within .nav-dropdown-trigger .nav-dropdown-arrow{
  transform:rotate(180deg);
}
.features-page .site-header,
.lead-manager-page .site-header{
  position:static;
  background:var(--toowie-blue);
}
.lead-manager-page #lead-manager{
  padding-top:90px;
}

/* Lead Manager page refresh */
.lead-manager-page .site-header{
  position:absolute;
  left:0;
  right:0;
  top:0;
  background:transparent;
}

.lead-manager-page .lead-hero{
  padding:158px 0 96px;
}

.lead-manager-page .lead-hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:48px;
}

.lead-manager-page .lead-hero-visual{
  position:relative;
}

.lead-manager-page .lead-hero-browser{
  width:100%;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(4,14,33,.26);
}

.lead-manager-page .lead-hero-browser img{
  width:100%;
  height:auto;
  display:block;
}

.lead-manager-page .lead-hero-card{
  position:absolute;
  max-width:245px;
  z-index:3;
}

.lead-manager-page .lead-hero-card-import{
  left:-34px;
  top:72px;
}

.lead-manager-page .lead-hero-card-script{
  right:-36px;
  top:170px;
}

.lead-manager-page .lead-hero-card-notes{
  left:18px;
  bottom:28px;
}

.lead-manager-page .lead-demo-section{
  background:linear-gradient(180deg,#eef4f8 0%,#f7fafc 100%);
}

.lead-manager-page .lead-demo-section .section-head{
  margin-bottom:38px;
}

.lead-demo-stage{
  position:relative;
  padding-right:240px;
}

.lead-demo-browser{
  overflow:visible;
  box-shadow:0 22px 54px rgba(15,23,42,.12);
}

.lead-demo-canvas{
  position:relative;
  background:#fff;
}

.lead-demo-image{
  width:100%;
  height:auto;
  display:block;
}

.lead-demo-highlight{
  position:absolute;
  left:var(--highlight-x);
  top:var(--highlight-y);
  width:var(--highlight-w);
  height:var(--highlight-h);
  border-radius:18px;
  border:2px solid rgba(198,154,87,.95);
  box-shadow:0 0 0 999px rgba(7,20,44,.02),0 0 0 5px rgba(255,255,255,.7);
  opacity:0;
  transform:scale(.985);
  transform-origin:center;
  transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
  pointer-events:none;
}

.lead-demo-highlight.is-active{
  opacity:1;
  transform:scale(1);
  box-shadow:0 0 0 999px rgba(7,20,44,.12),0 0 0 5px rgba(255,255,255,.88);
}

.lead-demo-pins{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:222px;
}

.lead-demo-pin{
  position:absolute;
  top:var(--pin-y);
  right:0;
  transform:translateY(-50%);
  width:222px;
  min-height:68px;
  padding:13px 16px;
  border-radius:18px;
  border:1px solid rgba(198,154,87,.34);
  background:rgba(255,255,255,.96);
  color:var(--navy);
  display:grid;
  gap:3px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(15,23,42,.12);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}

.lead-demo-pin::before{
  content:"";
  position:absolute;
  right:100%;
  top:50%;
  width:26px;
  height:2px;
  margin-top:-1px;
  background:linear-gradient(90deg,rgba(198,154,87,0),rgba(198,154,87,.95));
}

.lead-demo-pin::after{
  content:"";
  position:absolute;
  right:calc(100% + 24px);
  top:50%;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 6px rgba(198,154,87,.16);
}

.lead-demo-pin:hover,
.lead-demo-pin:focus-visible,
.lead-demo-pin.is-active{
  transform:translateY(-50%) translateX(-4px);
  border-color:rgba(198,154,87,.72);
  background:#fff;
  box-shadow:0 20px 42px rgba(15,23,42,.18);
}

.lead-demo-pin:focus-visible{
  outline:none;
}

.lead-demo-pin span{
  display:block;
  font-size:15px;
  font-weight:900;
  line-height:1.2;
}

.lead-demo-pin small{
  display:block;
  font-size:12px;
  line-height:1.42;
  color:#64748b;
}

@media(max-width:1260px){
  .lead-manager-page .lead-hero-grid{
    grid-template-columns:1fr;
  }

  .lead-manager-page .lead-hero-browser{
    max-width:880px;
    margin:0 auto;
  }

  .lead-manager-page .lead-hero-card-import{
    left:16px;
    top:26px;
  }

  .lead-manager-page .lead-hero-card-script{
    right:16px;
    top:136px;
  }

  .lead-manager-page .lead-hero-card-notes{
    left:16px;
    bottom:18px;
  }

  .lead-demo-stage{
    padding-right:0;
    display:grid;
    gap:22px;
  }

  .lead-demo-pins{
    position:static;
    width:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .lead-demo-pin{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    transform:none;
  }

  .lead-demo-pin::before,
  .lead-demo-pin::after{
    display:none;
  }

  .lead-demo-pin:hover,
  .lead-demo-pin:focus-visible,
  .lead-demo-pin.is-active{
    transform:translateY(-2px);
  }
}

@media(max-width:760px){
  .lead-manager-page .lead-hero{
    padding:126px 0 72px;
  }

  .lead-manager-page .lead-hero-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    max-width:none;
    margin:14px 0 0;
  }

  .lead-manager-page .lead-hero-visual{
    display:grid;
    gap:0;
  }

  .lead-demo-pins{
    grid-template-columns:1fr;
  }

  .lead-demo-highlight{
    border-radius:12px;
  }
}

/* Lead Manager hero: same interactive screenshot behaviour as Akquise Manager */
.lead-manager-page .lead-hero-scroll-area{
  max-height:580px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  background:#fff;
}

.lead-manager-page .lead-hero-card.is-interactive{
  border-width:2px;
}

@media(max-width:1180px) and (min-width:761px){
  .lead-manager-page .lead-hero-scroll-area{
    max-height:540px;
  }
}

@media(max-width:760px){
  .lead-manager-page .lead-hero-scroll-area{
    max-height:none;
    overflow:visible;
  }

  .lead-manager-page .lead-hero-card.hero-scroll-card{
    top:auto !important;
    clip-path:none !important;
    opacity:1;
    pointer-events:auto;
  }
}

/* Lead Manager hero: additional actions + stable scrolling callouts */
.lead-manager-page .lead-hero-image-stage{
  position:relative;
  width:100%;
}

.lead-manager-page .lead-hero-focus{
  position:absolute;
  left:var(--lead-focus-x,0%);
  top:var(--lead-focus-y,0%);
  width:var(--lead-focus-w,0%);
  height:var(--lead-focus-h,0%);
  border:3px solid var(--gold);
  border-radius:12px;
  box-shadow:0 0 0 5px rgba(255,255,255,.92),0 0 0 9999px rgba(7,20,44,.20);
  opacity:0;
  transform:scale(.94);
  pointer-events:none;
  z-index:2;
  transition:opacity .18s ease,transform .18s ease;
}

.lead-manager-page .lead-hero-focus.is-active{
  opacity:1;
  transform:scale(1);
}

.lead-manager-page .lead-hero-card-akquise{
  left:50%;
  right:auto;
  margin-left:-115px;
  max-width:245px;
}

.lead-manager-page .lead-hero-card-script{
  right:-36px;
}

.lead-manager-page .lead-hero-card-archived{
  right:-36px;
}

.lead-manager-page .lead-hero-card-archive{
  left:-34px;
}

/* A fixed bottom plus the dynamic scroll top stretched this card while scrolling. */
@media(min-width:761px){
  .lead-manager-page .lead-hero-card-notes{
    bottom:auto !important;
  }
}

@media(max-width:1260px) and (min-width:761px){
  .lead-manager-page .lead-hero-card-akquise{
    left:50%;
    right:auto;
    margin-left:-122px;
  }

  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-archived{
    right:16px;
  }

  .lead-manager-page .lead-hero-card-archive{
    left:16px;
  }
}

@media(max-width:760px){
  .lead-manager-page .lead-hero-card-akquise{
    left:auto;
    right:auto;
    margin-left:0;
  }
}

/* Lead Manager: erklärende Funktionsbereiche in derselben Wechselstruktur wie die Gesprächsphasen */
.lead-manager-page .lead-feature-sequence{
  overflow:hidden;
  background:#eef4f8;
}

.lead-manager-page .lead-feature-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:56px;
  align-items:center;
  margin:0;
  padding:88px 0;
  clip-path:inset(0 -100vmax);
}

.lead-manager-page .lead-feature-blue{
  background:#eef4f8;
  box-shadow:0 0 0 100vmax #eef4f8;
}

.lead-manager-page .lead-feature-warm{
  background:#fcf7ef;
  box-shadow:0 0 0 100vmax #fcf7ef;
}

.lead-manager-page .lead-feature-reverse .lead-feature-copy{
  order:2;
}

.lead-manager-page .lead-feature-reverse .lead-feature-browser{
  order:1;
}

.lead-manager-page .lead-feature-copy h2{
  max-width:560px;
  margin:12px 0 16px;
  color:var(--blue);
  font-size:clamp(32px,4vw,47px);
  line-height:1.08;
  letter-spacing:-.045em;
}

.lead-manager-page .lead-feature-copy>p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.lead-manager-page .lead-feature-copy .check-list{
  max-width:575px;
}

.lead-manager-page .lead-feature-copy .check-list li{
  color:#0a2850;
}

.lead-manager-page .lead-feature-copy .check-list span{
  background:#fff3da;
  color:#0a2850;
  font-weight:950;
}

.lead-manager-page .lead-feature-copy .check-list li>div{
  display:grid;
  gap:4px;
}

.lead-manager-page .lead-feature-copy .check-list b{
  color:#0a2850;
  font-size:13px;
  line-height:1.35;
}

.lead-manager-page .lead-feature-copy .check-list small{
  color:#0a2850;
  font-size:12px;
  font-weight:500;
  line-height:1.55;
}

.lead-manager-page .lead-feature-browser{
  width:100%;
  background:#eef2f7;
  box-shadow:0 18px 44px rgba(15,23,42,.11);
}

.lead-manager-page .lead-feature-crop{
  height:430px;
  overflow:hidden;
  background:#eef2f7;
}

.lead-manager-page .lead-feature-crop img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.lead-manager-page .lead-feature-crop-contact img{
  object-position:center 15%;
}


.lead-manager-page .lead-feature-browser-csv{
  background:#f3f6f8;
}

.lead-manager-page .lead-csv-visual{
  min-height:0;
  padding:0;
  display:block;
  overflow:hidden;
  background:linear-gradient(180deg,#f1f4f6,#e8edf1);
}

.lead-manager-page .lead-csv-visual img{
  width:100%;
  height:auto;
  border-radius:0;
  box-shadow:none;
}

.lead-manager-page .lead-action-list li{
  align-items:flex-start;
}

.lead-manager-page .lead-action-list li>span{
  margin-top:1px;
  font-size:13px;
  font-weight:950;
}

.lead-manager-page .lead-action-list li>div{
  display:grid;
  gap:4px;
}

.lead-manager-page .lead-action-list b{
  font-size:13px;
  line-height:1.35;
}

.lead-manager-page .lead-action-list small{
  color:#0a2850;
  font-size:12px;
  font-weight:500;
  line-height:1.55;
}

.lead-manager-page .lead-action-visual{
  display:grid;
  gap:16px;
}

.lead-manager-page .lead-action-shot{
  background:#eef2f7;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

.lead-manager-page .lead-action-crop{
  height:210px;
  overflow:hidden;
  background:#eef2f7;
}

.lead-manager-page .lead-action-crop img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.lead-manager-page .lead-action-crop-edit img{
  object-position:center 14%;
}

.lead-manager-page .lead-action-crop-list img{
  object-position:center 100%;
}

.lead-manager-page .lead-action-visual-single{
  gap:0;
}

.lead-manager-page .lead-action-visual .lead-action-crop-focus{
  position:relative;
  height:auto !important;
  overflow:hidden;
}

.lead-manager-page .lead-action-crop-focus::after{
  content:"";
  position:absolute;
  left:72%;
  top:42.5%;
  width:29.8%;
  height:22%;
  border:3px solid #d6a543;
  border-radius:14px;
  box-shadow:0 0 0 6px rgba(214,165,67,.18),0 0 18px rgba(214,165,67,.35);
  pointer-events:none;
}

.lead-manager-page .lead-action-crop-focus img{
  display:block;
  width:100%;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:1050px){
  .lead-manager-page .lead-feature-row{
    grid-template-columns:1fr;
    gap:34px;
  }

  .lead-manager-page .lead-feature-reverse .lead-feature-copy{
    order:1;
  }

  .lead-manager-page .lead-feature-reverse .lead-feature-browser{
    order:2;
  }

  .lead-manager-page .lead-feature-copy h2,
  .lead-manager-page .lead-feature-copy>p,
  .lead-manager-page .lead-feature-copy .check-list{
    max-width:760px;
  }

  .lead-manager-page .lead-feature-crop{
    height:min(620px,68vw);
  }
}

@media(max-width:760px){
  .lead-manager-page .lead-feature-row{
    padding:68px 0;
    gap:28px;
  }

  .lead-manager-page .lead-feature-copy h2{
    font-size:34px;
  }

  .lead-manager-page .lead-feature-browser,
  .lead-manager-page .lead-action-shot{
    border-radius:16px;
  }

  .lead-manager-page .lead-feature-crop{
    height:390px;
  }

  .lead-manager-page .lead-csv-visual{
    min-height:0;
    padding:0;
  }

  .lead-manager-page .lead-action-crop{
    height:170px;
  }
}

/* Zusätzliche Features: Hero wie Akquise-/Lead-Manager mit Screenshot-Kette */
.features-page .site-header{
  position:absolute;
  left:0;
  right:0;
  top:0;
  background:transparent;
}

.features-page .features-overview-hero{
  padding:158px 0 96px;
}

/* Gleiche Grundaufteilung wie beim Lead Manager. */
.features-page .features-overview-grid{
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr) !important;
  gap:42px !important;
}

.features-page .features-overview-hero .hero-copy{
  align-self:center;
}

.features-page .features-overview-hero .hero-copy h1{
  max-width:620px;
}

.features-page .features-overview-visual{
  position:relative;
  min-width:0;
  align-self:center;
}

/* Browser-Rahmen bewusst identisch dimensioniert wie die anderen Produkt-Heros. */
.features-page .features-overview-browser{
  width:100%;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(4,14,33,.26);
}

.features-page .features-overview-scroll-area{
  height:580px;
  max-height:580px;
  overflow-y:auto;
  background:#eef2f7;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 #f8fafc;
}

/* Jeder Screenshot nutzt exakt dieselbe verfügbare Breite. Die Höhe bleibt natürlich. */
.features-page .features-overview-shot-track{
  display:grid;
  gap:34px;
  padding:22px 22px 30px;
  min-height:100%;
  background:linear-gradient(180deg,#f7f9fb 0%,#edf2f6 100%);
}

.features-page .features-overview-shot{
  position:relative;
  width:100%;
  margin:0;
  display:block;
  overflow:visible;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  background:#fff;
  box-shadow:0 13px 34px rgba(15,23,42,.12);
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, opacity .22s ease, filter .22s ease;
}

.features-page .features-overview-shot-track.has-highlight .features-overview-shot:not(.is-highlighted){
  opacity:.38;
  filter:brightness(.55) saturate(.72);
}

.features-page .features-overview-shot-track.has-highlight .features-overview-shot.is-highlighted{
  opacity:1;
  filter:none;
}

.features-page .features-overview-shot::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  border:2px solid rgba(198,154,87,0);
  box-shadow:0 0 0 0 rgba(198,154,87,0);
  background:linear-gradient(180deg, rgba(255,243,218,0), rgba(255,243,218,.12));
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, border-color .22s ease, box-shadow .22s ease;
  z-index:1;
}

.features-page .features-overview-shot.is-highlighted{
  border-color:rgba(198,154,87,.72);
  box-shadow:0 22px 48px rgba(198,154,87,.18), 0 14px 32px rgba(15,23,42,.12);
}

.features-page .features-overview-shot.is-highlighted::before{
  opacity:1;
  border-color:rgba(198,154,87,.95);
  box-shadow:0 0 0 6px rgba(255,243,218,.88);
}

.features-page .features-overview-shot:nth-child(even){
  transform:none;
}

.features-page .features-overview-shot img{
  display:block;
  width:100% !important;
  height:auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:top center !important;
  border-radius:15px;
  background:#fff;
  cursor:zoom-in;
}

/* Deutliche goldene Trennung zwischen den einzelnen Screenshots. */
.features-page .features-overview-shot:not(:last-child)::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:-18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(198,154,87,0),rgba(198,154,87,.98) 18%,rgba(216,183,127,1) 50%,rgba(198,154,87,.98) 82%,rgba(198,154,87,0));
  box-shadow:0 0 10px rgba(198,154,87,.24);
  pointer-events:none;
}

/* Klickbare Feature-Karten wie bei den anderen Produkt-Heros. */
.features-page .features-overview-nav{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}

.features-page .features-overview-nav-card{
  appearance:none;
  width:max-content;
  max-width:255px;
  background:#fbf7ef;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
  pointer-events:auto;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.features-page .features-overview-nav-card:hover,
.features-page .features-overview-nav-card:focus-visible{
  transform:translateY(-7px);
  border-color:var(--gold);
  box-shadow:0 22px 48px rgba(0,0,0,.26);
  outline:none;
}

/* Die finale goldene Aktiv-Markierung im Screenshot wird später ergänzt. */
.features-page .features-overview-nav-card[aria-pressed="true"]{
  border-color:rgba(198,154,87,.92);
  background:#fbf7ef;
  box-shadow:0 22px 48px rgba(198,154,87,.20), 0 18px 34px rgba(0,0,0,.18);
}

.features-page .features-overview-nav-card .float-icon{
  flex:0 0 34px;
  font-size:10px;
  letter-spacing:.02em;
}

.features-page .features-overview-nav-placeholders{
  left:-38px;
}

.features-page .features-overview-nav-rejection{
  right:-26px;
}

.features-page .features-overview-nav-editmode{
  left:-46px;
}

/* Beim automatischen Hero-Lauf die Scrollbar dezent halten. */
.features-page .features-overview-visual.hero-intro-running .features-overview-scroll-area::-webkit-scrollbar-thumb{
  background:#d8b77f;
}

@media(max-width:1180px) and (min-width:761px){
  .features-page .features-overview-grid{
    grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr) !important;
    gap:42px !important;
  }

  .features-page .features-overview-scroll-area{
    height:540px;
    max-height:540px;
  }

  .features-page .features-overview-shot-track{
    padding:20px;
  }

  .features-page .features-overview-nav-card{
    max-width:225px;
  }

  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-editmode{
    left:-24px;
  }

  .features-page .features-overview-nav-rejection{
    right:-16px;
  }
}

@media(max-width:1050px){
  .features-page .features-overview-grid{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .features-page .features-overview-hero .hero-copy h1,
  .features-page .features-overview-hero .hero-lead,
  .features-page .features-overview-hero .hero-subline{
    max-width:760px;
  }

  .features-page .features-overview-visual{
    max-width:820px;
    margin-right:0 !important;
  }

  .features-page .features-overview-browser{
    width:100% !important;
  }
}

@media(max-width:760px){
  .features-page .features-overview-hero{
    padding:132px 0 68px;
  }

  .features-page .features-overview-grid{
    gap:32px !important;
  }

  .features-page .features-overview-visual{
    margin-right:0 !important;
    padding-bottom:168px;
  }

  .features-page .features-overview-browser{
    width:100% !important;
    transform:none;
    border-radius:18px;
  }

  /* Mobil bleibt die Vorschau kompakt scrollbar. */
  .features-page .features-overview-scroll-area{
    height:430px;
    max-height:430px;
    overflow-y:auto;
  }

  .features-page .features-overview-shot-track{
    gap:28px;
    padding:14px;
  }

  .features-page .features-overview-shot,
  .features-page .features-overview-shot:nth-child(even){
    width:100%;
    transform:none;
    border-radius:13px;
  }

  .features-page .features-overview-shot img{
    width:100% !important;
    height:auto !important;
    border-radius:12px;
  }

  .features-page .features-overview-shot:not(:last-child)::after{
    bottom:-15px;
  }

  .features-page .features-overview-nav{
    top:auto;
    bottom:0;
    height:150px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    align-content:end;
  }

  .features-page .features-overview-nav-card,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-rejection,
  .features-page .features-overview-nav-editmode{
    position:static;
    display:flex;
    width:100%;
    max-width:none;
    padding:9px 10px;
    min-height:62px;
    transform:none;
  }

  .features-page .features-overview-nav-card.hero-scroll-card{
    top:auto !important;
    clip-path:none !important;
    opacity:1;
    pointer-events:auto;
  }

  .features-page .features-overview-nav-card:hover,
  .features-page .features-overview-nav-card:focus-visible{
    transform:none;
  }

  .features-page .features-overview-nav-card .float-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
  }

  .features-page .features-overview-nav-card small{
    display:none;
  }
}

/* Dezenter Bestell-Link in den drei Zugangsvarianten */
.team-option-card{
  position:relative;
  padding-bottom:56px!important;
}
.team-card-cta{
  position:absolute;
  right:22px;
  bottom:20px;
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  letter-spacing:.01em;
  transition:color .18s ease,transform .18s ease;
}
.team-card-cta:hover{
  color:#e0bd82;
  transform:translateX(2px);
}

@media(max-width:760px){
  .team-option-card{padding-bottom:54px!important}
  .team-card-cta{right:20px;bottom:18px}
}

/* Funktionen & Extras – finale Abschnittsfolge */
.features-page #rejection-tracker{
  background:linear-gradient(180deg,#e8f1f4 0%,#eef4f8 100%);
}

.features-page .placeholder-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fffaf0 0%,#fcf3e3 100%);
}

.features-page .placeholder-section::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-250px;
  top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(198,154,87,.16),rgba(198,154,87,0) 69%);
  pointer-events:none;
}

.features-page .placeholder-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:64px;
  align-items:center;
}

.features-page .placeholder-copy h2{
  margin:13px 0 0;
  max-width:650px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.04;
  letter-spacing:-.05em;
}

.features-page .placeholder-copy>p{
  max-width:620px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}

.features-page .placeholder-details{
  display:grid;
  gap:14px;
  margin-top:30px;
}

.features-page .placeholder-details article{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:15px;
  align-items:start;
}

.features-page .placeholder-details article>span{
  min-height:38px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ead7b6;
  border-radius:11px;
  background:#fff;
  color:var(--blue);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:10px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}

.features-page .placeholder-details b{
  display:block;
  color:var(--blue);
  font-size:14px;
}

.features-page .placeholder-details p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.features-page .placeholder-visual{
  min-width:0;
}

.features-page .placeholder-browser{
  width:100%;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.12);
}

.features-page .placeholder-browser img{
  width:100%;
  height:auto;
}

@media(max-width:1050px){
  .features-page .placeholder-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .features-page .placeholder-copy>p{
    max-width:760px;
  }
}

@media(max-width:760px){
  .features-page .placeholder-copy h2{
    font-size:34px;
  }

  .features-page .placeholder-copy>p{
    font-size:15px;
    line-height:1.7;
  }

  .features-page .placeholder-details article{
    grid-template-columns:1fr;
    gap:9px;
  }

  .features-page .placeholder-details article>span{
    width:max-content;
  }

  .features-page .placeholder-browser{
    border-radius:16px;
  }
}

/* Funktionen & Extras – alternierende Intro-Anordnung mit Screenshot darunter */
.features-page #anpassbar .feature-split{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  align-items:stretch;
}

.features-page #anpassbar .copy-col{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
  column-gap:56px;
  align-items:start;
  max-width:none;
}

.features-page #anpassbar .copy-col>.section-kicker{
  grid-column:1;
  grid-row:1;
}

.features-page #anpassbar .copy-col>h2{
  grid-column:1;
  grid-row:2;
  max-width:760px;
  margin:14px 0 0;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.03;
  letter-spacing:-.05em;
}

.features-page #anpassbar .copy-col>p{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:420px;
  margin:0;
  padding-top:44px;
  font-size:16px;
  line-height:1.8;
}

.features-page #anpassbar .detail-list{
  grid-column:1 / -1;
  grid-row:3;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}

.features-page #anpassbar .detail-list article{
  min-width:0;
}

.features-page #anpassbar .side-browser{
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

.features-page #anpassbar .side-browser img{
  width:100%;
  height:auto;
}

/* Mittlerer Block gespiegelt: Text links, Überschrift rechts. */
.features-page #rejection-tracker .rejection-intro{
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);
}

.features-page #rejection-tracker .rejection-intro-copy{
  grid-column:2;
  grid-row:1;
  padding-left:26px;
  border-left:4px solid var(--gold);
}

.features-page #rejection-tracker .rejection-intro-text{
  grid-column:1;
  grid-row:1;
  align-self:end;
}

.features-page #rejection-tracker .rejection-intro-text p{
  margin-left:0;
}

/* Platzhalter: gleiche Logik wie Block 1, Screenshot über volle Breite darunter. */
.features-page .placeholder-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  align-items:stretch;
}

.features-page .placeholder-copy{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
  column-gap:56px;
  align-items:start;
}

.features-page .placeholder-copy>.section-kicker{
  grid-column:1;
  grid-row:1;
}

.features-page .placeholder-copy>h2{
  grid-column:1;
  grid-row:2;
  max-width:760px;
}

.features-page .placeholder-copy>p{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:420px;
  margin:0;
  padding-top:44px;
}

.features-page .placeholder-details{
  grid-column:1 / -1;
  grid-row:3;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}

.features-page .placeholder-details article{
  min-width:0;
  grid-template-columns:112px minmax(0,1fr);
}

.features-page .placeholder-visual{
  width:100%;
}

.features-page .placeholder-browser{
  width:100%;
  max-width:none;
  margin:0;
}

@media(max-width:1050px){
  .features-page #anpassbar .copy-col,
  .features-page .placeholder-copy{
    grid-template-columns:1fr;
    gap:0;
  }

  .features-page #anpassbar .copy-col>.section-kicker,
  .features-page #anpassbar .copy-col>h2,
  .features-page #anpassbar .copy-col>p,
  .features-page #anpassbar .detail-list,
  .features-page .placeholder-copy>.section-kicker,
  .features-page .placeholder-copy>h2,
  .features-page .placeholder-copy>p,
  .features-page .placeholder-details{
    grid-column:1;
    grid-row:auto;
  }

  .features-page #anpassbar .copy-col>p,
  .features-page .placeholder-copy>p{
    max-width:760px;
    margin:18px 0 0;
    padding-top:0;
  }

  .features-page #rejection-tracker .rejection-intro{
    grid-template-columns:1fr;
  }

  .features-page #rejection-tracker .rejection-intro-copy{
    grid-column:1;
    grid-row:1;
  }

  .features-page #rejection-tracker .rejection-intro-text{
    grid-column:1;
    grid-row:2;
  }
}

@media(max-width:760px){
  .features-page #anpassbar .detail-list,
  .features-page .placeholder-details{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:28px;
  }

  .features-page #anpassbar .copy-col>h2,
  .features-page .placeholder-copy>h2{
    font-size:34px;
  }

  .features-page .placeholder-details article{
    grid-template-columns:1fr;
  }
}

/* Funktionen & Extras: Goldstrich-Listen wie im alten Fokus-Block */
.features-page #anpassbar .detail-list,
.features-page .placeholder-details{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding-left:28px;
}

.features-page #anpassbar .detail-list::before,
.features-page .placeholder-details::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#e9d4b0 0%,#c69a57 52%,#b88946 100%);
  box-shadow:0 0 0 1px rgba(198,154,87,.08);
}

.features-page #anpassbar .detail-list article,
.features-page .placeholder-details article{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:10px 0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.features-page #anpassbar .detail-list article+article,
.features-page .placeholder-details article+article{
  border-top:1px solid rgba(15,23,42,.07) !important;
  padding-top:14px;
}

.features-page #anpassbar .detail-list article>span{
  width:38px;
  height:38px;
  border-radius:11px;
  background:#f1e6d3 !important;
  color:var(--navy) !important;
  border:1px solid rgba(198,154,87,.18);
  box-shadow:none;
}

.features-page #anpassbar .detail-list b,
.features-page .placeholder-details b{
  display:block;
  font-size:21px;
  line-height:1.18;
  letter-spacing:-.02em;
  margin-top:2px;
}

.features-page #anpassbar .detail-list p,
.features-page .placeholder-details p{
  font-size:15px;
  line-height:1.56;
  margin-top:6px;
  max-width:760px;
}

.features-page .placeholder-details article{
  grid-template-columns:112px minmax(0,1fr);
}

.features-page .placeholder-details article>span{
  width:112px;
  min-height:38px;
  padding:0 10px;
  border-radius:11px;
  background:#f1e6d3 !important;
  color:var(--navy) !important;
  border:1px solid rgba(198,154,87,.18);
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:760px){
  .features-page #anpassbar .detail-list,
  .features-page .placeholder-details{
    grid-template-columns:1fr;
    gap:12px;
    padding-left:20px;
  }

  .features-page #anpassbar .detail-list::before,
  .features-page .placeholder-details::before{
    width:3px;
  }

  .features-page #anpassbar .detail-list article{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
  }

  .features-page #anpassbar .detail-list article>span{
    width:34px;
    height:34px;
    border-radius:10px;
  }

  .features-page #anpassbar .detail-list b,
  .features-page .placeholder-details b{
    font-size:18px;
  }

  .features-page #anpassbar .detail-list p,
  .features-page .placeholder-details p{
    font-size:14px;
  }

  .features-page .placeholder-details article{
    grid-template-columns:1fr;
    gap:9px;
  }
}

/* Funktionen & Extras – Detailblöcke im Lead-Manager-Stil */
.features-page .feature-detail-shell{
  display:grid;
  gap:34px;
}

.features-page .feature-detail-top{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(360px,1.02fr);
  gap:56px;
  align-items:start;
}

.features-page .feature-detail-copy h2{
  margin:14px 0 0;
  max-width:680px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.03;
  letter-spacing:-.05em;
}

.features-page .feature-detail-copy>p{
  max-width:620px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
}

.features-page .feature-detail-rail{
  padding:2px 0 0 26px;
  border-left:4px solid var(--gold);
}

.features-page .feature-detail-rail article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
  padding:0 0 18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(15,23,42,.12);
}

.features-page .feature-detail-rail article:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0;
}

.features-page .feature-detail-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1e6d3;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  box-shadow:none;
}

.features-page .feature-detail-logo{
  padding:8px;
}

.features-page .feature-detail-logo .detail-logo-symbol{
  width:100%;
  height:100%;
  object-fit:contain;
}

.features-page .feature-detail-rail b{
  display:block;
  color:var(--blue);
  font-size:14px;
  line-height:1.35;
}

.features-page .feature-detail-rail p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.features-page .feature-detail-browser{
  width:100%;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(15,23,42,.12);
}

.features-page .feature-detail-browser img{
  width:100%;
  height:auto;
}

.features-page .placeholder-detail-rail article{
  grid-template-columns:112px minmax(0,1fr);
  gap:16px;
}

.features-page .placeholder-detail-rail .feature-detail-icon{
  width:112px;
  min-width:0;
  padding:0 10px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:10px;
  letter-spacing:0;
}

@media(max-width:1050px){
  .features-page .feature-detail-top{
    grid-template-columns:1fr;
    gap:30px;
  }

  .features-page .feature-detail-copy>p{
    max-width:760px;
  }
}

@media(max-width:760px){
  .features-page .feature-detail-shell{
    gap:24px;
  }

  .features-page .feature-detail-copy h2{
    font-size:34px;
  }

  .features-page .feature-detail-copy>p{
    font-size:15px;
    line-height:1.7;
  }

  .features-page .feature-detail-rail{
    padding-left:20px;
  }

  .features-page .feature-detail-rail article{
    grid-template-columns:38px 1fr;
    gap:12px;
    padding-bottom:16px;
    margin-bottom:16px;
  }

  .features-page .feature-detail-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:11px;
  }

  .features-page .placeholder-detail-rail article{
    grid-template-columns:1fr;
    gap:9px;
  }

  .features-page .placeholder-detail-rail .feature-detail-icon{
    width:max-content;
    min-width:86px;
    font-size:9px;
  }
}

/* Fix: Text im Platzhalter-Block unter die Überschrift setzen */
.features-page .placeholder-detail-shell .placeholder-copy{
  display:block;
}

.features-page .placeholder-detail-shell .placeholder-copy>.section-kicker,
.features-page .placeholder-detail-shell .placeholder-copy>h2,
.features-page .placeholder-detail-shell .placeholder-copy>p{
  grid-column:auto;
  grid-row:auto;
}

.features-page .placeholder-detail-shell .placeholder-copy>h2{
  max-width:680px;
}

.features-page .placeholder-detail-shell .placeholder-copy>p{
  max-width:620px;
  margin:18px 0 0;
  padding-top:0;
}

/* Funktionen & Extras – Rejection Tracker wie die Detailblöcke darüber/darunter */
.features-page #rejection-tracker .rejection-intro{
  grid-template-columns:minmax(360px,1.02fr) minmax(0,.98fr);
  gap:56px;
  align-items:start;
}

.features-page #rejection-tracker .rejection-detail-rail{
  grid-column:1;
  grid-row:1;
  padding:2px 0 0;
  border-left:0;
}

.features-page #rejection-tracker .rejection-detail-rail article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
  padding:0 0 18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(15,23,42,.12);
}

.features-page #rejection-tracker .rejection-detail-rail article:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0;
}

.features-page #rejection-tracker .rejection-detail-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1e6d3;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

.features-page #rejection-tracker .rejection-detail-rail b{
  display:block;
  color:var(--blue);
  font-size:14px;
  line-height:1.35;
}

.features-page #rejection-tracker .rejection-detail-rail p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.features-page #rejection-tracker .rejection-intro-copy{
  grid-column:2;
  grid-row:1;
  padding-left:26px;
  border-left:4px solid var(--gold);
}

.features-page #rejection-tracker .rejection-intro-copy>p{
  max-width:620px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
}

@media(max-width:1050px){
  .features-page #rejection-tracker .rejection-intro{
    grid-template-columns:1fr;
    gap:30px;
  }

  .features-page #rejection-tracker .rejection-intro-copy{
    grid-column:1;
    grid-row:1;
  }

  .features-page #rejection-tracker .rejection-detail-rail{
    grid-column:1;
    grid-row:2;
  }

  .features-page #rejection-tracker .rejection-intro-copy>p{
    max-width:760px;
  }
}

@media(max-width:760px){
  .features-page #rejection-tracker .rejection-intro-copy{
    padding-left:20px;
  }

  .features-page #rejection-tracker .rejection-detail-rail article{
    grid-template-columns:38px 1fr;
    gap:12px;
    padding-bottom:16px;
    margin-bottom:16px;
  }

  .features-page #rejection-tracker .rejection-detail-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:11px;
  }

  .features-page #rejection-tracker .rejection-intro-copy>p{
    font-size:15px;
    line-height:1.7;
  }
}


/* Feature-Listen: Icon-/Code-Boxen vertikal zur gesamten Textgruppe zentrieren */
.features-page .feature-detail-rail article,
.features-page #rejection-tracker .rejection-detail-rail article{
  align-items:center;
}

/* Rechtliche Seiten – ruhige Dokumentansicht im bestehenden Toowie-Stil */
.legal-page{
  background:#f7f0e2;
  color:var(--ink);
}
.legal-page .site-header{
  position:static;
  background:var(--toowie-blue);
  color:#fff;
}
.legal-page .nav{
  height:86px;
}
.legal-document-section{
  min-height:70vh;
  padding:66px 0 82px;
  background:var(--toowie-background-gold);
}
.legal-document{
  position:relative;
  width:min(960px,100%);
  margin:0 auto;
  padding:54px 60px 62px;
  overflow:hidden;
  border:1px solid #cad8df;
  border-radius:16px;
  background:var(--toowie-background-hell);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.legal-document:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--gold),rgba(198,154,87,.18) 62%,transparent);
}
.legal-document-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:start;
  padding-bottom:34px;
  margin-bottom:34px;
  border-bottom:1px solid rgba(71,85,105,.18);
}
.legal-document-kicker{
  display:block;
  margin-bottom:12px;
  color:#8a642d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.legal-document-head h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(34px,4.6vw,50px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.legal-document-head p{
  max-width:690px;
  margin:15px 0 0;
  color:#506276;
  font-size:15px;
  line-height:1.72;
}
.legal-document-date{
  min-width:118px;
  padding:12px 14px;
  border:1px solid rgba(198,154,87,.36);
  border-radius:12px;
  background:rgba(247,240,226,.72);
  text-align:right;
}
.legal-document-date span,
.legal-document-date strong{
  display:block;
}
.legal-document-date span{
  margin-bottom:4px;
  color:#7c8997;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.legal-document-date strong{
  color:var(--navy);
  font-size:12px;
}
.legal-document-body{
  max-width:800px;
}
.legal-document-body h2{
  margin:38px 0 13px;
  color:var(--navy);
  font-size:21px;
  line-height:1.28;
  letter-spacing:-.025em;
}
.legal-document-body h2:first-child{
  margin-top:0;
}
.legal-document-body h3{
  margin:26px 0 10px;
  color:var(--navy);
  font-size:16px;
  line-height:1.35;
}
.legal-document-body p,
.legal-document-body li{
  color:#465b70;
  font-size:14px;
  line-height:1.78;
}
.legal-document-body p{
  margin:0 0 13px;
}
.legal-document-body ul,
.legal-document-body ol{
  margin:10px 0 18px;
  padding-left:22px;
}
.legal-document-body strong{
  color:#20364e;
}
.legal-document-body a{
  color:#0a4a85;
  font-weight:750;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.legal-document-body a:hover{
  color:#8a642d;
}
.legal-document .legal-contact{
  margin:14px 0 20px;
  padding:18px 20px;
  border:1px solid rgba(71,85,105,.14);
  border-radius:12px;
  background:rgba(255,255,255,.46);
}
.legal-document .legal-contact p{
  margin:0;
}
.legal-document .legal-note{
  margin:20px 0;
  padding:16px 18px;
  border:1px solid rgba(198,154,87,.34);
  border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;
  background:rgba(247,240,226,.72);
  color:#526478;
  font-size:13px;
  line-height:1.72;
}
.legal-document .legal-table-wrap{
  margin:18px 0 26px;
  overflow-x:auto;
  border:1px solid rgba(71,85,105,.15);
  border-radius:12px;
  background:rgba(255,255,255,.34);
}
.legal-document .legal-table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
}
.legal-document .legal-table th,
.legal-document .legal-table td{
  padding:13px 14px;
  border-bottom:1px solid rgba(71,85,105,.12);
  text-align:left;
  vertical-align:top;
  font-size:12px;
  line-height:1.6;
}
.legal-document .legal-table th{
  background:rgba(255,255,255,.52);
  color:#294159;
  font-weight:900;
}
.legal-document .legal-table td{
  color:#53677b;
}
.legal-document .legal-table tr:last-child td{
  border-bottom:0;
}
.legal-page .home-footer-compact .footer-legal a[aria-current="page"]{
  color:#17345f;
}
.legal-page-heading{
  margin:0 0 18px;
  text-align:center;
}
.legal-page-heading h1{
  margin:0;
  color:#104e8b;
  font-size:clamp(38px,5vw,62px);
  font-weight:900;
  letter-spacing:-.04em;
}
.legal-document-title{
  margin:0;
  color:#104e8b;
  font-size:22px;
  font-weight:800;
  line-height:1.2;
}
.impressum-document{
  padding-bottom:44px;
}
.impressum-document-head{
  display:block;
  gap:0;
  padding-bottom:18px;
  margin-bottom:12px;
  border-bottom:0;
  text-align:center;
}
.impressum-document .legal-document-body{
  max-width:none;
}
.impressum-document .legal-document-body h2,
.impressum-document .legal-document-body h3{
  color:#104e8b;
  font-weight:800;
}
.impressum-document .legal-document-body h2{
  margin:28px 0 10px;
  font-size:15px;
}
.impressum-document .legal-document-body p,
.impressum-document .legal-document-body li{
  margin:0 0 10px;
  color:#255180;
  font-size:12px;
  line-height:1.55;
}
.legal-document-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:36px;
  align-items:center;
  margin-top:26px;
  padding-top:28px;
  border-top:1px solid #bac7d5;
}
.legal-pdf-download{
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#e63946;
  text-align:center;
}
.legal-pdf-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.legal-pdf-icon svg{
  width:90px;
  height:90px;
}
.legal-pdf-download-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}
.legal-pdf-download-copy small{
  color:#5d7390;
  font-size:11px;
}
.legal-pdf-download-copy strong{
  color:#104e8b;
  font-size:13px;
}
.legal-document-date{
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:left;
  justify-self:end;
}
.legal-document-date > strong{
  display:block;
  margin-bottom:18px;
  color:#104e8b;
  font-size:18px;
  font-weight:900;
}
.legal-document-meta{
  display:grid;
  grid-template-columns:minmax(110px,max-content) 12px minmax(0,1fr);
  gap:8px 12px;
  margin:0;
}
.legal-document-meta > div{
  display:contents;
}
.legal-document-meta dt,
.legal-document-meta dd{
  margin:0;
  font-size:14px;
  line-height:1.4;
}
.legal-document-meta dt{
  grid-column:1;
  color:#104e8b;
  font-weight:800;
}
.legal-document-meta dd{
  grid-column:3;
  color:#104e8b;
}
.legal-document-meta > div::before{
  content:":";
  grid-column:2;
  color:#7b8ba0;
}
.legal-document-meta a{
  color:#104e8b;
}
.legal-sources{
  width:min(1120px,100%);
  margin:46px auto 0;
}
.legal-sources h2{
  margin:0 0 18px;
  text-align:center;
  color:#104e8b;
  font-size:clamp(34px,4.6vw,60px);
  font-weight:900;
  letter-spacing:-.04em;
}
.legal-sources-card{
  padding:28px 30px;
  border:1px solid #cad8df;
  border-radius:8px;
  background:#edf4f6;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.legal-source-entry{
  color:#104e8b;
  font-size:12px;
  line-height:1.6;
}
.legal-source-entry + .legal-source-entry{
  margin-top:16px;
}
.legal-source-entry strong{
  display:inline-block;
  margin-bottom:2px;
  font-size:15px;
  font-weight:800;
}
.legal-source-entry a{
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(max-width:760px){
  .legal-page .nav{
    height:72px;
  }
  .legal-page .brand span{
    font-size:14px;
  }
  .legal-document-section{
    padding:32px 0 48px;
  }
  .legal-document{
    padding:34px 22px 40px;
    border-radius:13px;
  }
  .legal-document-head{
    grid-template-columns:1fr;
    gap:18px;
    padding-bottom:26px;
    margin-bottom:28px;
  }
  .legal-document-head p{
    font-size:14px;
  }
  .legal-document-date{
    width:max-content;
    min-width:0;
    text-align:left;
  }
  .legal-document-body h2{
    margin-top:32px;
    font-size:19px;
  }
  .legal-document-body p,
  .legal-document-body li{
    font-size:13px;
    line-height:1.72;
  }
}

/* --------------------------------------------------------------------------
   Mobile hardening – ausschließlich kleine Viewports, Desktop bleibt unberührt
   -------------------------------------------------------------------------- */
.mobile-nav-toggle,
.mobile-nav-panel{
  display:none;
}

/* Mobile Dropdowns werden per Klick im Hamburger-Menü geöffnet/geschlossen. */
.mobile-nav-panel .nav-dropdown-menu[hidden]{
  display:none !important;
}

/* Desktop :hover/:focus-within verschiebt Dropdowns um -50 %. Im mobilen
   Hamburger-Menü muss das Untermenü stattdessen im normalen Dokumentfluss bleiben. */
.mobile-nav-panel .nav-dropdown:hover .nav-dropdown-menu,
.mobile-nav-panel .nav-dropdown:focus-within .nav-dropdown-menu{
  transform:none !important;
}

.mobile-nav-panel .nav-dropdown:not(.is-mobile-submenu-open) .nav-dropdown-arrow{
  transform:translateY(-1px) !important;
}

.mobile-nav-panel .nav-dropdown.is-mobile-submenu-open .nav-dropdown-arrow{
  transform:translateY(-1px) rotate(180deg) !important;
}

@media(max-width:760px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body.mobile-nav-open{
    overflow:hidden;
  }

  .shell{
    width:calc(100% - 28px);
    max-width:1180px;
  }

  .shell,
  .hero-grid,
  .hero-copy,
  .hero-visual,
  .section-head,
  .split-head,
  .phase-overview-box,
  .phase-detail,
  .phase-detail-copy,
  .objection-showcase,
  .final-card,
  .final-copy,
  .final-actions,
  .lead-hero-grid,
  .lead-hero-visual,
  .lead-feature-row,
  .lead-feature-copy,
  .lead-action-visual,
  .features-overview-grid,
  .features-overview-visual,
  .feature-detail-shell,
  .feature-detail-top,
  .feature-detail-copy,
  .feature-detail-rail,
  .rejection-intro,
  .rejection-intro-copy,
  .legal-document,
  .legal-document-head,
  .legal-document-body{
    min-width:0;
    max-width:100%;
  }

  h1,h2,h3,p,li,a,b,strong,small,span{
    overflow-wrap:break-word;
    word-break:normal;
  }

  /* Mobile Navigation */
  .nav{
    position:relative;
    height:72px;
    gap:12px;
  }

  .nav > .brand{
    min-width:0;
    max-width:calc(100% - 54px);
  }

  .nav > .brand span{
    min-width:0;
    font-size:14px;
    line-height:1.2;
  }

  .mobile-nav-toggle{
    appearance:none;
    width:42px;
    height:42px;
    flex:0 0 42px;
    margin-left:auto;
    padding:10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:5px;
    color:#fff;
    background:rgba(255,255,255,.08);
    cursor:pointer;
  }

  .mobile-nav-toggle span{
    display:block;
    width:100%;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform-origin:center;
    transition:transform .18s ease,opacity .18s ease;
  }

  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .mobile-nav-panel{
    position:absolute;
    top:64px;
    left:0;
    right:0;
    z-index:80;
    max-height:calc(100dvh - 82px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px;
    border:1px solid rgba(198,154,87,.36);
    border-radius:16px;
    background:rgba(5,18,39,.985);
    box-shadow:0 24px 56px rgba(0,0,0,.34);
  }

  .nav.is-mobile-open .mobile-nav-panel{
    display:block;
  }

  .mobile-nav-panel .nav-links{
    display:grid !important;
    align-items:stretch;
    gap:4px;
    width:100%;
    color:#fff;
    font-size:14px;
  }

  .mobile-nav-panel .nav-links > a,
  .mobile-nav-panel .nav-dropdown-trigger{
    width:100%;
    min-height:44px;
    padding:11px 12px;
    justify-content:space-between;
    border-radius:10px;
    white-space:normal;
  }

  .mobile-nav-panel .nav-dropdown{
    display:block;
    width:100%;
  }

  .mobile-nav-panel .nav-dropdown-menu{
    position:static;
    width:100%;
    min-width:0;
    margin:0;
    padding:0 0 4px 14px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .mobile-nav-panel .nav-dropdown-menu:before{display:none}

  .mobile-nav-panel .nav-dropdown-menu a{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:9px 12px;
    color:rgba(255,255,255,.72);
    white-space:normal;
  }

  .mobile-nav-panel .nav-dropdown-menu a:hover,
  .mobile-nav-panel .nav-dropdown-menu a:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.08);
  }

  .mobile-nav-panel .mobile-nav-login{
    width:100%;
    min-height:46px;
    margin-top:8px;
    display:flex !important;
  }

  /* Hero: keine negativen Ränder oder abgeschnittene Inhalte auf Handys */
  .hero,
  .lead-manager-page .lead-hero,
  .features-page .features-overview-hero{
    padding-top:116px;
    padding-bottom:64px;
  }

  .hero-grid,
  .lead-manager-page .lead-hero-grid,
  .features-page .features-overview-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .hero h1,
  .lead-manager-page .lead-hero h1,
  .features-page .features-overview-hero h1{
    max-width:100%;
    font-size:clamp(36px,11vw,45px);
    line-height:1.02;
    letter-spacing:-.045em;
  }

  .hero-subline{
    max-width:100%;
    font-size:18px;
    line-height:1.4;
  }

  .hero-lead{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .hero-actions{
    width:100%;
    gap:10px;
  }

  .hero-actions .btn{
    width:100%;
    min-height:50px;
    height:auto;
    padding:12px 16px;
    text-align:center;
    white-space:normal;
  }

  .hero-points{
    width:100%;
    grid-template-columns:1fr;
    gap:10px;
  }

  .hero-visual,
  .lead-manager-page .lead-hero-visual,
  .features-page .features-overview-visual{
    width:100%;
    margin:28px 0 0 !important;
  }

  .hero-browser,
  .lead-manager-page .lead-hero-browser,
  .features-page .features-overview-browser{
    width:100% !important;
    max-width:100%;
    transform:none !important;
    overflow:hidden;
    border-radius:16px;
  }

  .hero-scroll-area,
  .lead-manager-page .lead-hero-scroll-area{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .browser-bar{
    height:auto;
    min-height:40px;
    padding:7px 9px;
    gap:6px 9px;
    flex-wrap:wrap;
  }

  .browser-dots{flex:0 0 auto}

  .browser-label{
    min-width:0;
    flex:1 1 120px;
    font-size:9px;
    line-height:1.25;
  }

  .browser-tag,
  .live-pill{
    flex:0 0 auto;
    margin-left:auto;
    white-space:nowrap;
  }

  /* Allgemeine Bereiche und Karten */
  .problem-strip,
  .section-block{
    padding:62px 0;
  }

  .statement-lead h2,
  .section-head h2,
  .copy-col h2,
  .closing-copy h2,
  .objection-copy h2,
  #gespraech .phase-detail-copy h2,
  .lead-manager-page .lead-feature-copy h2,
  .features-page .feature-detail-copy h2,
  .features-page #rejection-tracker .rejection-intro-copy h2,
  .features-page .placeholder-copy h2{
    max-width:100%;
    font-size:clamp(30px,9.5vw,34px);
    line-height:1.08;
    letter-spacing:-.035em;
  }

  .section-head,
  .split-head{
    width:100%;
    margin-bottom:32px;
  }

  .section-head p,
  .copy-col>p,
  .closing-copy>p{
    max-width:100%;
    font-size:15px;
    line-height:1.68;
  }

  .phase-overview-box{
    width:100%;
    padding:0;
  }

  .conversation-flow{
    grid-template-columns:1fr;
    gap:10px;
  }

  #gespraech .phase-card{
    width:100%;
    min-height:0 !important;
    padding:20px;
  }

  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    width:100%;
    grid-template-columns:1fr;
    padding:58px 0;
    gap:26px;
  }

  #gespraech .phase-detail-browser,
  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest,
  #gespraech .phase-detail-browser-pan{
    width:100%;
    max-width:100%;
  }

  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest{
    height:clamp(260px,105vw,390px);
  }

  #gespraech .phase-detail-browser-pan-opener img{
    width:max(760px,100%);
  }

  .check-list{
    width:100%;
    max-width:100%;
  }

  .check-list li{
    min-width:0;
    align-items:flex-start;
  }

  /* Schwebende Phasennavigation bleibt vollständig erreichbar, ohne Seiten-Overflow */
  .phase-floating-nav{
    left:8px;
    right:8px;
    width:auto;
    max-width:none;
    justify-content:flex-start;
    transform:translateY(12px);
    padding:0 1px;
  }

  .phase-floating-nav.is-visible{
    transform:none;
  }

  body.mobile-nav-open .phase-floating-nav{
    opacity:0;
    pointer-events:none;
  }

  /* Lead Manager */
  .lead-manager-page .lead-hero-card,
  .lead-manager-page .lead-hero-card-akquise{
    position:relative;
    inset:auto;
    width:100%;
    max-width:100%;
    margin:12px 0 0;
    transform:none !important;
  }

  .lead-manager-page .lead-feature-row{
    grid-template-columns:1fr;
    width:100%;
    gap:26px;
    padding:58px 0;
  }

  .lead-manager-page .lead-feature-copy,
  .lead-manager-page .lead-feature-browser,
  .lead-manager-page .lead-action-visual,
  .lead-manager-page .lead-action-shot{
    width:100%;
    max-width:100%;
  }

  .lead-manager-page .lead-feature-crop{
    height:clamp(260px,105vw,390px);
  }

  .lead-manager-page .lead-action-crop{
    height:clamp(145px,47vw,190px);
  }

  .lead-demo-stage{
    width:100%;
    padding-right:0;
  }

  .lead-demo-pins{
    width:100%;
    grid-template-columns:1fr;
  }

  .lead-demo-pin{
    width:100%;
    min-width:0;
  }

  /* Funktionen & Extras: Callouts nicht mehr absolut über dem Screenshot stapeln */
  .features-page .features-overview-visual{
    padding-bottom:0;
  }

  .features-page .features-overview-scroll-area{
    width:100%;
    max-width:100%;
    height:min(430px,62vh);
    min-height:300px;
  }

  .features-page .features-overview-shot-track{
    width:100%;
    padding:12px;
    gap:26px;
  }

  .features-page .features-overview-nav{
    position:static;
    width:100%;
    height:auto;
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    align-content:stretch;
    pointer-events:auto;
  }

  .features-page .features-overview-nav-card,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-rejection,
  .features-page .features-overview-nav-editmode{
    position:static;
    width:100%;
    max-width:100%;
    min-height:0;
    margin:0;
    padding:11px 12px;
    transform:none !important;
  }

  .features-page .features-overview-nav-card small{
    display:block;
    margin-top:2px;
    line-height:1.35;
  }

  .features-page .team-grid,
  .features-page .feature-detail-top,
  .features-page #rejection-tracker .rejection-intro{
    grid-template-columns:1fr;
    width:100%;
    gap:26px;
  }

  .features-page .team-grid article{
    width:100%;
    min-width:0;
    height:auto;
  }

  .features-page .team-option-card{
    padding-bottom:70px !important;
  }

  .features-page .team-card-cta{
    left:20px;
    right:20px;
    bottom:18px;
    width:auto;
    text-align:left;
  }

  .features-page .feature-detail-rail,
  .features-page #rejection-tracker .rejection-intro-copy{
    width:100%;
    padding-left:16px;
  }

  .features-page .feature-detail-rail article,
  .features-page #rejection-tracker .rejection-detail-rail article{
    min-width:0;
    grid-template-columns:38px minmax(0,1fr);
  }

  .features-page .placeholder-detail-rail article{
    grid-template-columns:1fr;
  }

  .features-page .placeholder-detail-rail .feature-detail-icon{
    max-width:100%;
    white-space:normal;
  }

  .features-page .feature-detail-browser,
  .features-page .rejection-browser,
  .features-page .placeholder-browser{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  /* Abschlussbereich */
  .final-cta{
    padding:62px 0;
  }

  .final-card{
    grid-template-columns:1fr;
    gap:26px;
    padding:0;
  }

  .final-copy h2{
    max-width:100%;
    font-size:clamp(32px,10vw,39px);
    line-height:1.08;
  }

  .final-benefits{
    grid-template-columns:1fr;
    width:100%;
  }

  .final-benefits span{
    width:100%;
    max-width:100%;
    align-items:center;
  }

  .final-actions{
    width:100%;
    padding:22px 18px;
  }

  .final-cta-button{
    width:100%;
    height:auto;
    min-height:54px;
    padding:12px 16px;
    white-space:normal;
  }

  /* Footer */
  .home-footer-compact .home-footer-company-row,
  .home-footer-compact .home-footer-company-block,
  .home-footer-compact .home-footer-company-brand,
  .home-footer-compact .home-footer-company-line,
  .home-footer-compact .home-footer-contact-row,
  .home-footer-compact .home-footer-inline-contact,
  .home-footer-compact .home-footer-bottom{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .home-footer-compact .home-footer-contact-row{
    margin-left:0;
  }

  .home-footer-compact .home-footer-inline-contact strong{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .home-footer-compact .footer-legal{
    width:100%;
    gap:12px 16px;
  }

  /* Rechtliche Seiten */
  .legal-document{
    width:100%;
    padding:30px 18px 36px;
    overflow:hidden;
  }

  .legal-document-head h1{
    max-width:100%;
    font-size:clamp(27px,9vw,34px);
    line-height:1.08;
    letter-spacing:-.035em;
  }

  .legal-document-date{
    width:auto;
    max-width:100%;
  }

  .legal-document .legal-contact,
  .legal-document .legal-note{
    padding:14px 15px;
  }

  .legal-document .legal-table-wrap{
    width:100%;
    max-width:100%;
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:380px){
  .shell{width:calc(100% - 22px)}

  .nav > .brand span,
  .legal-page .brand span{
    font-size:12.5px;
  }

  .brand-logo{
    width:28px;
    height:28px;
    flex-basis:28px;
  }

  .hero h1,
  .lead-manager-page .lead-hero h1,
  .features-page .features-overview-hero h1{
    font-size:34px;
  }

  .eyebrow{
    max-width:100%;
    font-size:10px;
    line-height:1.3;
  }

  .browser-bar{
    gap:5px 7px;
  }

  .browser-label{
    flex-basis:100px;
    font-size:8px;
  }

  .live-pill,
  .browser-tag{
    font-size:8px;
    padding:4px 6px;
  }

  .phase-floating-link{
    min-height:50px;
    padding-left:7px;
    padding-right:7px;
  }

  .final-actions,
  .legal-document{
    padding-left:15px;
    padding-right:15px;
  }
}
/* Hero-Callouts: Lift über die eigenständige translate-Eigenschaft.
   Dadurch kollidiert der Hover nicht mit dem transform der Hero-Einblendanimation. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .js .hero-visual.is-visible .float-card.is-interactive,
  .js .hero-visual.is-visible .features-overview-nav-card{
    translate:0 0;
    transition-property:opacity,transform,translate,box-shadow,border-color,background;
    transition-duration:.42s,.42s,.22s,.22s,.22s,.22s;
    transition-timing-function:ease,cubic-bezier(.22,1,.36,1),ease,ease,ease,ease;
    transition-delay:1.88s,1.88s,0s,0s,0s,0s;
  }

  .js .hero-visual.is-visible .float-card.is-interactive:hover,
  .js .hero-visual.is-visible .features-overview-nav-card:hover{
    translate:0 -7px;
  }
}


/* Akquise-Manager: Textseiten sofort sichtbar, nur Produktbilder/CTA-Box animieren. */
@media(prefers-reduced-motion:no-preference){
  /* Gesprächsphasen: Überschrift, Beschreibung und Checkpunkte ohne Reveal. */
  .js #gatekeeper .phase-detail-copy.reveal,
  .js #opener .phase-detail-copy.reveal,
  .js #interesse-vertiefen .phase-detail-copy.reveal,
  .js #abschluss .phase-detail-copy.reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .js #gatekeeper .phase-detail-copy.reveal .check-list li,
  .js #opener .phase-detail-copy.reveal .check-list li,
  .js #interesse-vertiefen .phase-detail-copy.reveal .check-list li,
  .js #abschluss .phase-detail-copy.reveal .check-list li,
  .js #gatekeeper .phase-detail-copy.reveal.is-visible .check-list li,
  .js #opener .phase-detail-copy.reveal.is-visible .check-list li,
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible .check-list li,
  .js #abschluss .phase-detail-copy.reveal.is-visible .check-list li{
    opacity:1;
    transform:none;
    transition:none;
  }

  /* Einwandbehandlung: Text sofort, nur Screenshot weiterhin animiert. */
  .js .phase-overview-box .objection-showcase.reveal .objection-copy{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  /* Finaler CTA: linke Überschriftsseite sofort, nur rechte Aktionsbox animiert. */
  .js #gespraech ~ #anfrage .final-card.reveal .final-copy{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js #gespraech ~ #anfrage .final-card.reveal .final-benefits span,
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-benefits span{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* Akquise-Manager: Überschriften bewegen sich leicht hinein, Screenshots blenden nur weich ein. */
@media(prefers-reduced-motion:no-preference){
  /* Der restliche Text bleibt direkt sichtbar; nur die H2 erhält einen Entrance-Effekt. */
  .js #gatekeeper .phase-detail-copy.reveal h2,
  .js #abschluss .phase-detail-copy.reveal h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js #opener .phase-detail-copy.reveal h2,
  .js #interesse-vertiefen .phase-detail-copy.reveal h2{
    opacity:0;
    transform:translateX(30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js #gatekeeper .phase-detail-copy.reveal.is-visible h2,
  .js #opener .phase-detail-copy.reveal.is-visible h2,
  .js #interesse-vertiefen .phase-detail-copy.reveal.is-visible h2,
  .js #abschluss .phase-detail-copy.reveal.is-visible h2{
    opacity:1;
    transform:none;
  }

  /* Einwandbehandlung: Überschrift bewegt sich leicht hinein. */
  .js .phase-overview-box .objection-showcase.reveal .objection-copy h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .phase-overview-box .objection-showcase.reveal.is-visible .objection-copy h2{
    opacity:1;
    transform:none;
  }

  /* Produktansichten: keine seitliche Bewegung und kein Blur – nur ein weiches Fade. */
  .js #gatekeeper .phase-detail-browser.reveal,
  .js #opener .phase-detail-browser.reveal,
  .js #interesse-vertiefen .phase-detail-browser.reveal,
  .js #abschluss .phase-detail-browser.reveal,
  .js .phase-overview-box .objection-showcase.reveal .compact-browser{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .84s .12s ease;
  }
  .js #gatekeeper .phase-detail-browser.reveal.is-visible,
  .js #opener .phase-detail-browser.reveal.is-visible,
  .js #interesse-vertiefen .phase-detail-browser.reveal.is-visible,
  .js #abschluss .phase-detail-browser.reveal.is-visible,
  .js .phase-overview-box .objection-showcase.reveal.is-visible .compact-browser{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* CTA: große Überschrift bewegt sich hinein, Anfrage-Box blendet anschließend nur ein. */
  .js #gespraech ~ #anfrage .final-card.reveal .final-copy h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-copy h2{
    opacity:1;
    transform:none;
  }
  .js #gespraech ~ #anfrage .final-card.reveal .final-actions{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .86s .12s ease;
  }
  .js #gespraech ~ #anfrage .final-card.reveal.is-visible .final-actions{
    opacity:1;
    transform:none;
    filter:none;
  }
}

/* Lead Manager + Funktionen & Extras: Überschrift mit leichtem Slide, visuelle Boxen nur als Fade. */
@media(prefers-reduced-motion:no-preference){
  /* Lead Manager – ab "Leads anlegen und bearbeiten" bis CTA. */
  .js .lead-manager-page #kontakte-erfassen .lead-feature-copy.reveal,
  .js .lead-manager-page #csv-import .lead-feature-copy.reveal,
  .js .lead-manager-page #kontakt-aktionen .lead-feature-copy.reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .js .lead-manager-page #kontakte-erfassen .lead-feature-copy.reveal h2,
  .js .lead-manager-page #kontakt-aktionen .lead-feature-copy.reveal h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .lead-manager-page #csv-import .lead-feature-copy.reveal h2{
    opacity:0;
    transform:translateX(30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .lead-manager-page #kontakte-erfassen .lead-feature-copy.reveal.is-visible h2,
  .js .lead-manager-page #csv-import .lead-feature-copy.reveal.is-visible h2,
  .js .lead-manager-page #kontakt-aktionen .lead-feature-copy.reveal.is-visible h2{
    opacity:1;
    transform:none;
  }

  .js .lead-manager-page #kontakte-erfassen .lead-feature-browser.reveal,
  .js .lead-manager-page #csv-import .lead-feature-browser.reveal,
  .js .lead-manager-page #kontakt-aktionen .lead-action-visual.reveal{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .84s .12s ease;
  }
  .js .lead-manager-page #kontakte-erfassen .lead-feature-browser.reveal.is-visible,
  .js .lead-manager-page #csv-import .lead-feature-browser.reveal.is-visible,
  .js .lead-manager-page #kontakt-aktionen .lead-action-visual.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Lead-Manager-CTA: Text direkt sichtbar, H2 slidet leicht, Aktionsbox fadet. */
  .js .lead-manager-page #anfrage .final-card.reveal .final-copy{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js .lead-manager-page #anfrage .final-card.reveal .final-benefits span,
  .js .lead-manager-page #anfrage .final-card.reveal.is-visible .final-benefits span{
    opacity:1;
    transform:none;
    transition:none;
  }
  .js .lead-manager-page #anfrage .final-card.reveal .final-copy h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .lead-manager-page #anfrage .final-card.reveal.is-visible .final-copy h2{
    opacity:1;
    transform:none;
  }
  .js .lead-manager-page #anfrage .final-card.reveal .final-actions{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .86s .12s ease;
  }
  .js .lead-manager-page #anfrage .final-card.reveal.is-visible .final-actions{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Funktionen & Extras – ab "Ein Skript, das sich an dich anpasst" bis CTA. */
  .js .features-page #anpassbar .feature-detail-copy.reveal,
  .js .features-page #platzhalter .feature-detail-copy.reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .js .features-page #anpassbar .feature-detail-copy.reveal h2,
  .js .features-page #platzhalter .feature-detail-copy.reveal h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .features-page #anpassbar .feature-detail-copy.reveal.is-visible h2,
  .js .features-page #platzhalter .feature-detail-copy.reveal.is-visible h2{
    opacity:1;
    transform:none;
  }

  .js .features-page #anpassbar .feature-detail-rail.reveal,
  .js .features-page #anpassbar .feature-detail-browser.reveal,
  .js .features-page #platzhalter .feature-detail-rail.reveal,
  .js .features-page #platzhalter .placeholder-visual.reveal{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .84s .12s ease;
  }
  .js .features-page #anpassbar .feature-detail-rail.reveal.is-visible,
  .js .features-page #anpassbar .feature-detail-browser.reveal.is-visible,
  .js .features-page #platzhalter .feature-detail-rail.reveal.is-visible,
  .js .features-page #platzhalter .placeholder-visual.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Rejection Tracker: Überschrift rechts slidet hinein, Liste und Screenshot faden. */
  .js .features-page #rejection-tracker .rejection-intro.reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js .features-page #rejection-tracker .rejection-intro.reveal .rejection-intro-copy{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js .features-page #rejection-tracker .rejection-intro.reveal .rejection-intro-copy h2{
    opacity:0;
    transform:translateX(30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .features-page #rejection-tracker .rejection-intro.reveal.is-visible .rejection-intro-copy h2{
    opacity:1;
    transform:none;
  }
  .js .features-page #rejection-tracker .rejection-intro.reveal .rejection-detail-rail{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .84s .12s ease;
  }
  .js .features-page #rejection-tracker .rejection-intro.reveal.is-visible .rejection-detail-rail{
    opacity:1;
    transform:none;
    filter:none;
  }
  .js .features-page #rejection-tracker .rejection-browser-wrap.reveal{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .84s .12s ease;
  }
  .js .features-page #rejection-tracker .rejection-browser-wrap.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Funktionen-&-Extras-CTA wie auf der Akquise-Manager-Seite. */
  .js .features-page #anfrage .final-card.reveal .final-copy{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  .js .features-page #anfrage .final-card.reveal .final-benefits span,
  .js .features-page #anfrage .final-card.reveal.is-visible .final-benefits span{
    opacity:1;
    transform:none;
    transition:none;
  }
  .js .features-page #anfrage .final-card.reveal .final-copy h2{
    opacity:0;
    transform:translateX(-30px) translateY(8px);
    transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);
  }
  .js .features-page #anfrage .final-card.reveal.is-visible .final-copy h2{
    opacity:1;
    transform:none;
  }
  .js .features-page #anfrage .final-card.reveal .final-actions{
    opacity:0;
    transform:none;
    filter:none;
    transition:opacity .86s .12s ease;
  }
  .js .features-page #anfrage .final-card.reveal.is-visible .final-actions{
    opacity:1;
    transform:none;
    filter:none;
  }
}

/* --------------------------------------------------------------------------
   Akquise-Manager Hero – responsive Desktop / Tablet / Handy-Querformat
   Der interaktive Screenshot bleibt erhalten, bekommt auf kleineren Viewports
   aber einen eigenen sicheren Bereich, damit Callouts und Text nicht kollidieren.
   -------------------------------------------------------------------------- */

/* Unterhalb großer Desktopbreiten den künstlichen Überhang kontrolliert zurücknehmen. */
@media (min-width:1051px) and (max-width:1859px){
  .hero > .shell.hero-grid{
    width:min(1180px,calc(100% - 128px));
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:42px !important;
  }

  .hero h1{
    font-size:clamp(48px,4.5vw,65px);
  }

  .hero-visual{
    min-width:0;
    margin-right:0 !important;
  }

  .float-card-leads{
    right:72px !important;
  }
}

@media (min-width:1051px) and (max-width:1399px){
  .hero-browser{
    width:108% !important;
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-16px !important;
  }
}

@media (min-width:1400px) and (max-width:1859px){
  .hero-browser{
    width:115% !important;
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-24px !important;
  }
}

/* Tablet / iPad: Text und Demo trennen, Demo aber vollständig interaktiv lassen. */
@media (min-width:761px) and (max-width:1050px){
  .hero{
    padding-bottom:96px;
  }

  .hero > .shell.hero-grid{
    width:min(1080px,calc(100% - 40px));
    grid-template-columns:1fr !important;
    gap:58px !important;
  }

  .hero-copy{
    width:100%;
    max-width:820px;
  }

  .hero-visual{
    width:min(820px,calc(100% - 160px));
    min-width:0;
    margin:0 auto !important;
  }

  .hero-browser{
    width:100% !important;
    max-width:100% !important;
    transform:perspective(1600px) rotateY(-2deg) rotateX(.5deg);
    transform-origin:center center;
  }

  .hero-scroll-area{
    max-height:min(540px,62vh) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
  }

  .hero .float-card{
    max-width:218px;
    padding:9px 11px;
    gap:8px;
    font-size:10.5px;
  }

  .hero .float-card small{
    line-height:1.3;
  }

  .hero .float-icon,
  .hero .float-number{
    width:30px;
    height:30px;
    flex:0 0 30px;
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-68px !important;
  }

  .float-card-leads{
    right:36px !important;
  }
}

/* Handy im Querformat: die Desktop-Demo bleibt scrollbar und anklickbar. */
@media (min-width:560px) and (max-width:760px) and (orientation:landscape){
  .hero{
    padding-top:104px;
    padding-bottom:68px;
  }

  .hero > .shell.hero-grid{
    gap:42px !important;
  }

  .hero-visual{
    width:calc(100% - 128px) !important;
    max-width:620px !important;
    margin:8px auto 0 !important;
    overflow:visible;
  }

  .hero-browser{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden;
    transform:none !important;
  }

  .hero-scroll-area{
    width:100%;
    max-width:100%;
    max-height:min(390px,72vh) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .hero .float-card{
    max-width:185px;
    padding:8px 9px;
    gap:7px;
    font-size:9.5px;
    border-radius:12px;
  }

  .hero .float-card b{
    line-height:1.2;
  }

  .hero .float-card small{
    font-size:8.5px;
    line-height:1.25;
  }

  .hero .float-icon,
  .hero .float-number{
    width:27px;
    height:27px;
    flex:0 0 27px;
    border-radius:8px;
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-54px !important;
  }

  .float-card-leads{
    right:18px !important;
  }
}

/* Querformat auf Handy und Tablet: Produktdemo bewusst wieder rechts neben dem Text. */
@media (min-width:620px) and (max-width:1250px) and (orientation:landscape){
  .hero{
    padding-top:100px;
    padding-bottom:62px;
  }

  .hero > .shell.hero-grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap:24px !important;
    align-items:center;
  }

  .hero-copy{
    width:100%;
    max-width:none;
  }

  .hero h1{
    max-width:100%;
    margin:18px 0 18px;
    font-size:clamp(29px,4.2vw,48px);
    line-height:1;
    letter-spacing:-.045em;
  }

  .hero .eyebrow{
    max-width:100%;
    padding:6px 8px;
    font-size:9px;
    line-height:1.2;
  }

  .hero-subline{
    margin:-4px 0 9px;
    font-size:clamp(14px,1.8vw,17px);
    line-height:1.35;
  }

  .hero-lead{
    font-size:13px;
    line-height:1.5;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:18px;
  }

  .hero-actions .btn{
    width:100%;
    min-height:43px;
    padding:8px 11px;
    font-size:11.5px;
  }

  .hero-points{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    margin-top:16px;
    font-size:10.5px;
  }

  .hero-visual{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    align-self:center;
    overflow:visible;
  }

  .hero-browser{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    transform-origin:center center;
  }

  .hero-scroll-area{
    max-height:min(500px,72vh) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .hero .float-card{
    display:flex;
    max-width:clamp(138px,18vw,185px);
    padding:7px 8px;
    gap:6px;
    border-radius:11px;
    font-size:clamp(8.5px,1vw,10px);
  }

  .hero .float-card small{
    font-size:8px;
    line-height:1.2;
  }

  .hero .float-icon,
  .hero .float-number{
    width:26px;
    height:26px;
    flex:0 0 26px;
    border-radius:8px;
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-10px !important;
  }

  .float-card-leads{
    right:10px !important;
  }
}

@media (min-width:620px) and (max-width:700px) and (orientation:landscape){
  .hero h1{
    font-size:27px;
  }
}

/* --------------------------------------------------------------------------
   Akquise-Manager Hero – zweispaltig bis einschließlich 400px
   Unter 400px bleibt die bestehende Hochformat-Mobile-Ansicht als Basis für
   die später separat gestaltete Smartphone-Version erhalten.
   -------------------------------------------------------------------------- */
@media (min-width:400px) and (max-width:1050px){
  .hero{
    padding-top:clamp(96px,12vw,126px);
    padding-bottom:clamp(54px,7vw,82px);
  }

  .hero > .shell.hero-grid{
    width:calc(100% - clamp(20px,4vw,40px));
    max-width:1080px;
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
    gap:clamp(10px,2.2vw,24px) !important;
    align-items:center;
  }

  .hero-copy{
    width:100%;
    max-width:none;
    min-width:0;
  }

  .hero .eyebrow{
    max-width:100%;
    gap:clamp(4px,.8vw,7px);
    padding:clamp(4px,.65vw,6px) clamp(6px,.9vw,9px);
    font-size:clamp(7px,.9vw,9px);
    line-height:1.15;
    letter-spacing:.08em;
    white-space:normal;
  }

  .hero .eyebrow-dot{
    width:clamp(4px,.6vw,6px);
    height:clamp(4px,.6vw,6px);
    flex:0 0 auto;
    box-shadow:0 0 0 3px rgba(34,197,94,.16);
  }

  .hero h1{
    max-width:100%;
    margin:clamp(10px,1.7vw,18px) 0 clamp(10px,1.6vw,16px);
    font-size:clamp(22px,4.15vw,44px);
    line-height:1;
    letter-spacing:-.045em;
  }

  .hero-subline{
    max-width:100%;
    margin:0 0 clamp(6px,1vw,9px);
    font-size:clamp(10.5px,1.55vw,16px);
    line-height:1.32;
  }

  .hero-lead{
    max-width:100%;
    font-size:clamp(9px,1.25vw,13px);
    line-height:1.48;
  }

  .hero-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:clamp(5px,.8vw,8px);
    margin-top:clamp(12px,1.7vw,18px);
  }

  .hero-actions .btn{
    width:100%;
    min-height:clamp(32px,4.1vw,43px);
    height:auto;
    padding:clamp(6px,.9vw,9px) clamp(7px,1vw,11px);
    border-radius:clamp(8px,1.1vw,12px);
    font-size:clamp(8px,1.05vw,11.5px);
    line-height:1.2;
    white-space:normal;
  }

  .hero-points{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:clamp(4px,.7vw,7px);
    margin-top:clamp(10px,1.45vw,16px);
    font-size:clamp(7.5px,.95vw,10.5px);
    line-height:1.25;
  }

  .hero-points span{
    gap:clamp(3px,.5vw,6px);
  }

  .hero-visual{
    width:100% !important;
    max-width:none !important;
    min-width:0;
    margin:0 !important;
    align-self:center;
    overflow:visible;
  }

  .hero-browser{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    transform-origin:center center;
    border-radius:clamp(12px,1.7vw,20px);
  }

  .hero-scroll-area{
    width:100%;
    max-width:100%;
    max-height:clamp(280px,45vw,480px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .hero .browser-bar{
    min-height:clamp(30px,4vw,40px);
    height:auto;
    padding:clamp(4px,.65vw,7px) clamp(5px,.85vw,9px);
    gap:clamp(4px,.7vw,8px);
  }

  .hero .browser-dots{
    gap:3px;
  }

  .hero .browser-dots i{
    width:clamp(5px,.7vw,8px);
    height:clamp(5px,.7vw,8px);
  }

  .hero .browser-label{
    min-width:0;
    flex:1 1 60px;
    font-size:clamp(6px,.8vw,9px);
    line-height:1.15;
  }

  .hero .browser-tag,
  .hero .live-pill{
    padding:clamp(3px,.45vw,5px) clamp(4px,.65vw,7px);
    font-size:clamp(6px,.72vw,8px);
  }

  .hero .float-card{
    display:flex;
    max-width:clamp(84px,14.5vw,158px);
    padding:clamp(4px,.7vw,7px) clamp(5px,.8vw,8px);
    gap:clamp(3px,.55vw,6px);
    border-radius:clamp(8px,1vw,11px);
    font-size:clamp(7px,.88vw,9.5px);
    line-height:1.15;
  }

  .hero .float-card b{
    line-height:1.15;
  }

  .hero .float-card small{
    margin-top:1px;
    font-size:clamp(6px,.72vw,8px);
    line-height:1.15;
  }

  .hero .float-icon,
  .hero .float-number{
    width:clamp(19px,2.5vw,26px);
    height:clamp(19px,2.5vw,26px);
    flex:0 0 clamp(19px,2.5vw,26px);
    border-radius:clamp(6px,.8vw,8px);
  }

  .float-card-call,
  .float-card-flow,
  .float-card-notes{
    right:-4px !important;
  }

  .float-card-leads{
    right:6px !important;
  }
}

/* Am unteren Ende des Bereichs Callouts kompakt halten, aber anklickbar lassen. */
@media (min-width:400px) and (max-width:519px){
  .hero > .shell.hero-grid{
    grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr) !important;
    gap:9px !important;
  }

  .hero .float-card{
    max-width:78px;
  }

  .hero .float-card small{
    display:none;
  }

  .hero .float-icon,
  .hero .float-number{
    width:18px;
    height:18px;
    flex-basis:18px;
  }
}

/* --------------------------------------------------------------------------
   Akquise-Manager – Feinschliff 400–1050px
   Callout-Texte skalieren mit; Gesprächsphasen bleiben zweispaltig.
   -------------------------------------------------------------------------- */
@media (min-width:400px) and (max-width:1050px){
  /* Schwebende Screenshot-Buttons: Text nie mehr ausblenden, sondern mitskalieren. */
  .hero .float-card{
    min-width:0;
    max-width:clamp(76px,17vw,170px);
    padding:clamp(3px,.58vw,7px) clamp(4px,.72vw,8px);
    gap:clamp(2px,.45vw,6px);
  }

  .hero .float-card > div{
    min-width:0;
  }

  .hero .float-card b{
    font-size:clamp(6px,1vw,9.5px);
    line-height:1.08;
    overflow-wrap:anywhere;
  }

  .hero .float-card small{
    display:block !important;
    max-width:none;
    margin-top:1px;
    font-size:clamp(5.2px,.82vw,8px);
    line-height:1.08;
    overflow-wrap:anywhere;
  }

  .hero .float-icon,
  .hero .float-number{
    width:clamp(16px,2.25vw,25px);
    height:clamp(16px,2.25vw,25px);
    flex:0 0 clamp(16px,2.25vw,25px);
    border-radius:clamp(5px,.7vw,8px);
  }

  .hero .float-icon svg{
    width:clamp(9px,1.2vw,14px);
    height:clamp(9px,1.2vw,14px);
  }

  /* Die Detail-Rubriken unter dem Hero bleiben bis 400px nebeneinander. */
  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    width:100%;
    grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr) !important;
    gap:clamp(9px,2.6vw,34px) !important;
    align-items:center;
    padding:clamp(42px,7vw,78px) 0;
  }

  #gespraech .phase-detail-copy{
    min-width:0;
    max-width:none;
  }

  #gespraech .phase-detail-reverse .phase-detail-copy{
    order:2 !important;
  }

  #gespraech .phase-detail-reverse .phase-detail-browser{
    order:1 !important;
  }

  #gespraech .phase-detail-copy .section-kicker{
    font-size:clamp(6px,.9vw,10px);
    line-height:1.15;
    letter-spacing:.09em;
  }

  #gespraech .phase-detail-copy h2,
  #gespraech .objection-copy h2{
    max-width:100%;
    margin:clamp(6px,1vw,12px) 0 clamp(7px,1.25vw,14px);
    font-size:clamp(18px,3.55vw,40px);
    line-height:1.04;
    letter-spacing:-.04em;
  }

  #gespraech .phase-detail-copy>p,
  #gespraech .objection-copy>p{
    max-width:100%;
    font-size:clamp(7.5px,1.2vw,14px);
    line-height:1.48;
  }

  #gespraech .phase-detail-copy .check-list{
    max-width:100%;
    margin-top:clamp(9px,1.7vw,21px);
    gap:clamp(5px,.9vw,11px);
  }

  #gespraech .phase-detail-copy .check-list li{
    min-width:0;
    gap:clamp(4px,.7vw,8px);
    font-size:clamp(7px,1.05vw,12px);
    line-height:1.3;
  }

  #gespraech .phase-detail-copy .check-list span{
    width:clamp(13px,1.8vw,20px);
    height:clamp(13px,1.8vw,20px);
    flex:0 0 clamp(13px,1.8vw,20px);
    border-radius:clamp(4px,.6vw,7px);
    font-size:clamp(6px,.85vw,9px);
  }

  #gespraech .phase-detail-browser,
  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest,
  #gespraech .compact-browser{
    min-width:0;
    width:100%;
    max-width:100%;
    border-radius:clamp(10px,1.5vw,18px);
  }

  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest{
    height:clamp(150px,34vw,410px);
  }

  #gespraech .phase-detail-browser-pan-opener img{
    width:max(clamp(460px,68vw,760px),100%);
  }

  #gespraech .phase-detail-gatekeeper{
    margin-top:clamp(38px,6vw,70px);
  }
}

@media (min-width:400px) and (max-width:519px){
  /* Bei sehr schmalen Breiten bleiben beide Textzeilen der Callouts sichtbar. */
  .hero .float-card{
    max-width:76px;
    padding:3px 4px;
    gap:2px;
    border-width:1px;
  }

  .hero .float-card b{
    font-size:5.8px;
    line-height:1.04;
  }

  .hero .float-card small{
    display:block !important;
    font-size:4.9px;
    line-height:1.04;
  }

  .hero .float-icon,
  .hero .float-number{
    width:15px;
    height:15px;
    flex-basis:15px;
    border-radius:5px;
  }

  .hero .float-icon svg{
    width:8px;
    height:8px;
  }

  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr) !important;
    gap:8px !important;
  }
}

/* --------------------------------------------------------------------------
   Lead Manager + Funktionen & Extras – Callouts 400–1050px im Screenshot
   Die älteren <=760px-Regeln verschieben die Karten unter den Browser.
   In diesem Bereich bleiben sie wie im Akquise-Manager absolut im Hero verankert.
   -------------------------------------------------------------------------- */
@media (min-width:400px) and (max-width:1050px){
  /* Lead Manager: schwebende Aktionen im Screenshot halten. */
  .lead-manager-page .lead-hero-visual{
    position:relative;
    display:block;
    padding-bottom:0;
    overflow:visible;
  }

  .lead-manager-page .lead-hero-card,
  .lead-manager-page .lead-hero-card-akquise,
  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-notes,
  .lead-manager-page .lead-hero-card-archived,
  .lead-manager-page .lead-hero-card-archive{
    position:absolute;
    width:auto;
    max-width:clamp(76px,17vw,170px);
    margin:0;
    bottom:auto;
  }

  .lead-manager-page .lead-hero-card.hero-scroll-card{
    top:calc(var(--hero-card-y, 0px) - var(--hero-scroll-top, 0px)) !important;
    clip-path:inset(var(--hero-clip-top, 0px) 0 var(--hero-clip-bottom, 0px) 0 round 11px) !important;
    opacity:1;
    pointer-events:auto;
  }

  .lead-manager-page .lead-hero-card.hero-scroll-card.is-outside-scroll{
    opacity:0;
    pointer-events:none;
  }

  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-notes,
  .lead-manager-page .lead-hero-card-archive{
    left:6px;
    right:auto;
  }

  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-archived{
    left:auto;
    right:6px;
  }

  .lead-manager-page .lead-hero-card-akquise{
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }

  .lead-manager-page .lead-hero-card-akquise:hover,
  .lead-manager-page .lead-hero-card-akquise:focus-visible{
    transform:translateX(-50%) translateY(-2px);
  }

  /* Funktionen & Extras: Auswahlkarten wieder über der Screenshot-Vorschau. */
  .features-page .features-overview-visual{
    position:relative;
    display:block;
    padding-bottom:0;
    overflow:visible;
  }

  .features-page .features-overview-nav{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    z-index:5;
  }

  .features-page .features-overview-nav-card,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-rejection,
  .features-page .features-overview-nav-editmode{
    position:absolute;
    width:auto;
    max-width:clamp(76px,17vw,170px);
    min-height:0;
    margin:0;
    transform:none;
    pointer-events:auto;
  }

  .features-page .features-overview-nav-card.hero-scroll-card{
    top:calc(var(--hero-card-y, 0px) - var(--hero-scroll-top, 0px)) !important;
    clip-path:inset(var(--hero-clip-top, 0px) 0 var(--hero-clip-bottom, 0px) 0 round 11px) !important;
    opacity:1;
    pointer-events:auto;
  }

  .features-page .features-overview-nav-card.hero-scroll-card.is-outside-scroll{
    opacity:0;
    pointer-events:none;
  }

  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-editmode{
    left:6px;
    right:auto;
  }

  .features-page .features-overview-nav-rejection{
    left:auto;
    right:6px;
  }

  .features-page .features-overview-nav-card small{
    display:block !important;
  }
}

@media (min-width:400px) and (max-width:519px){
  .lead-manager-page .lead-hero-card,
  .features-page .features-overview-nav-card{
    max-width:76px;
  }

  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-notes,
  .lead-manager-page .lead-hero-card-archive,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-editmode{
    left:3px;
  }

  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-archived,
  .features-page .features-overview-nav-rejection{
    right:3px;
  }
}

/* --------------------------------------------------------------------------
   Hero-Callouts: Desktop-Geometrie 1:1 proportional zum Screenshot skalieren.
   Die Karten behalten ihre Desktop-Innenmaße und werden als komplette Einheit
   skaliert. Dadurch bleiben Textumbrüche, Icons und Positionen unverändert.
   -------------------------------------------------------------------------- */
.hero-visual{
  --hero-ui-scale:1;
}

@media (min-width:400px) and (max-width:1859px){
  .hero-visual .hero-scroll-card{
    scale:var(--hero-ui-scale);
    transform-origin:top left;
    clip-path:inset(
      var(--hero-clip-top,0px) 0 var(--hero-clip-bottom,0px) 0 round 14px
    ) !important;
  }

  /* Alle mobilen Größenänderungen der Karten zurück auf die Desktop-Geometrie.
     Die sichtbare Verkleinerung übernimmt ausschließlich --hero-ui-scale. */
  .hero .float-card{
    padding:11px 13px !important;
    gap:10px !important;
    border-radius:14px !important;
    font-size:11px !important;
    line-height:normal !important;
  }

  .hero .float-card b{
    font-size:11px !important;
    line-height:normal !important;
  }

  .hero .float-card small{
    display:block !important;
    margin-top:2px !important;
    font-size:9.16667px !important;
    line-height:normal !important;
  }

  .hero .float-icon,
  .hero .float-number{
    width:34px !important;
    height:34px !important;
    flex:0 1 auto !important;
    border-radius:10px !important;
  }

  .hero .float-icon svg{
    width:auto !important;
    height:auto !important;
  }

  /* Akquise Manager – exakt die Desktop-Koordinaten und Desktop-Breiten. */
  body:not(.lead-manager-page):not(.features-page) .float-card-call{
    left:calc(670px * var(--hero-ui-scale)) !important;
    right:auto !important;
    width:200.453px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-leads{
    left:calc(351px * var(--hero-ui-scale)) !important;
    right:auto !important;
    width:257.156px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-flow{
    left:calc(614px * var(--hero-ui-scale)) !important;
    right:auto !important;
    width:256.266px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-notes{
    left:calc(664px * var(--hero-ui-scale)) !important;
    right:auto !important;
    width:206.531px !important;
    max-width:305px !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-notes small{
    line-height:1.35 !important;
  }

  /* Lead Manager – Desktopbox bleibt 245px breit; nur die komplette Karte skaliert. */
  .lead-manager-page .lead-hero-card,
  .lead-manager-page .lead-hero-card-akquise,
  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-notes,
  .lead-manager-page .lead-hero-card-archived,
  .lead-manager-page .lead-hero-card-archive{
    position:absolute !important;
    width:245px !important;
    max-width:245px !important;
    margin:0 !important;
    right:auto !important;
    bottom:auto !important;
    border-width:2px !important;
  }

  .lead-manager-page .lead-hero-card-akquise{
    left:calc(311px * var(--hero-ui-scale)) !important;
  }

  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-archive{
    left:calc(-34px * var(--hero-ui-scale)) !important;
  }

  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-archived{
    left:calc(642px * var(--hero-ui-scale)) !important;
  }

  .lead-manager-page .lead-hero-card-notes{
    left:calc(18px * var(--hero-ui-scale)) !important;
  }

  /* Funktionen & Extras – ebenfalls exakt die Desktopbox/Koordinaten. */
  .features-page .features-overview-nav-card,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-rejection,
  .features-page .features-overview-nav-editmode{
    position:absolute !important;
    width:255px !important;
    max-width:255px !important;
    min-height:0 !important;
    margin:0 !important;
    right:auto !important;
    border-width:1px !important;
  }

  .features-page .features-overview-nav-card .float-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:10px !important;
  }

  .features-page .features-overview-nav-placeholders{
    left:calc(-38px * var(--hero-ui-scale)) !important;
  }

  .features-page .features-overview-nav-rejection{
    left:calc(588px * var(--hero-ui-scale)) !important;
  }

  .features-page .features-overview-nav-editmode{
    left:calc(-46px * var(--hero-ui-scale)) !important;
  }
}

@media (min-width:400px) and (max-width:1050px){
  /* Frühere Mobile-Zentrierung entfernen: die X-Position kommt jetzt aus
     derselben Desktop-Koordinate wie bei allen anderen Karten. */
  .lead-manager-page .lead-hero-card-akquise{
    transform:none !important;
  }
}

@media (min-width:400px) and (max-width:1859px){
  /* Auch die Hover-Bewegung proportional halten. */
  .hero-visual .float-card.is-interactive:hover,
  .features-page .features-overview-nav-card:hover,
  .features-page .features-overview-nav-card:focus-visible{
    transform:translateY(calc(-7px * var(--hero-ui-scale))) !important;
  }

  .lead-manager-page .lead-hero-card-akquise:hover,
  .lead-manager-page .lead-hero-card-akquise:focus-visible{
    transform:translateY(calc(-7px * var(--hero-ui-scale))) !important;
  }
}

@media (min-width:400px) and (max-width:1859px){
  .features-page .features-overview-nav{
    margin:0 !important;
  }
}

/* --------------------------------------------------------------------------
   Durchgängige Desktop-Anmutung von 400–1050px
   Layouts bleiben in ihren Desktop-Spalten und werden nur proportional
   kompakter. Unter 400px darf weiterhin die separate Mobile-Ansicht greifen.
   -------------------------------------------------------------------------- */
@media (min-width:400px) and (max-width:1050px){
  /* =========================
     Akquise Manager: 01–05
     ========================= */
  #gespraech.section-block{
    padding:clamp(44px,7vw,82px) 0;
  }

  #gespraech .phase-overview-box{
    padding:clamp(14px,3.35vw,35px) clamp(12px,3.1vw,33px) clamp(16px,3.7vw,39px);
    border:1px solid #ead7b6;
    border-radius:clamp(14px,2.3vw,27px);
    background:#fcf7ef;
    box-shadow:0 22px 56px rgba(15,23,42,.08);
  }

  #gespraech .phase-overview-box .section-head.split-head{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;
    gap:clamp(10px,3vw,34px) !important;
    align-items:end;
    margin-bottom:clamp(14px,3.25vw,34px);
  }

  #gespraech .phase-overview-box .section-kicker{
    font-size:clamp(6px,.9vw,10px);
    letter-spacing:.1em;
  }

  #gespraech .phase-overview-box .section-head h2{
    margin-top:clamp(5px,1.1vw,12px);
    font-size:clamp(17px,3.65vw,38px);
    line-height:1.06;
    letter-spacing:-.04em;
  }

  #gespraech .phase-head-copy p{
    margin:0;
    font-size:clamp(6.6px,1.15vw,12px);
    line-height:1.5;
  }

  #gespraech .phase-head-copy .phase-communication{
    margin-top:clamp(4px,.8vw,8px);
  }

  #gespraech .conversation-flow{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:clamp(3px,.85vw,9px);
  }

  #gespraech .phase-card,
  #gespraech .phase-card:nth-child(4),
  #gespraech .phase-card:nth-child(5){
    min-width:0;
    min-height:clamp(94px,21vw,221px) !important;
    padding:clamp(7px,1.7vw,18px);
    border-radius:clamp(7px,1.55vw,16px);
  }

  #gespraech .phase-top>span{
    font-size:clamp(5px,.78vw,8px);
  }

  #gespraech .phase-card h3{
    margin:clamp(8px,2.15vw,22px) 0 clamp(3px,.75vw,8px);
    font-size:clamp(7px,1.5vw,16px);
    line-height:1.14;
    letter-spacing:-.02em;
  }

  #gespraech .phase-card p{
    font-size:clamp(5.2px,.98vw,10.5px);
    line-height:1.48;
  }

  /* =========================
     Schwebende 01–05 Navigation
     alle fünf Punkte immer gleichzeitig sichtbar
     ========================= */
  .phase-floating-nav{
    left:50% !important;
    right:auto !important;
    width:min(820px,calc(100vw - 16px)) !important;
    max-width:calc(100vw - 16px) !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    justify-content:stretch !important;
    gap:clamp(2px,.62vw,7px) !important;
    padding:0 !important;
    overflow:visible !important;
    transform:translate(-50%,12px) !important;
  }

  .phase-floating-nav.is-visible{
    transform:translate(-50%,0) !important;
  }

  .phase-floating-link{
    width:100%;
    min-width:0;
    min-height:clamp(31px,5.15vw,54px);
    gap:clamp(3px,.72vw,8px);
    padding:clamp(4px,.72vw,8px) clamp(3px,.72vw,8px);
    border-width:clamp(1px,.18vw,2px);
    border-radius:clamp(5px,.72vw,8px);
    font-size:clamp(5.6px,.84vw,9px);
    line-height:1.05;
    white-space:nowrap;
    overflow:hidden;
  }

  .phase-floating-number{
    font-size:clamp(4.8px,.68vw,7px);
  }

  .phase-floating-title{
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:clip;
  }

  /* =========================
     CTA: Desktop-Aufteilung beibehalten
     ========================= */
  .final-cta{
    padding:clamp(44px,8vw,84px) 0;
  }

  .final-card{
    min-height:clamp(220px,38vw,399px);
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) !important;
    gap:clamp(12px,4.2vw,44px) !important;
    align-items:center;
    padding:0 !important;
    border-radius:0 !important;
  }

  .final-eyebrow{
    gap:clamp(3px,.7vw,7px);
    padding:clamp(3px,.58vw,6px) clamp(5px,.8vw,9px);
    font-size:clamp(5.8px,.85vw,9px);
    line-height:1.15;
  }

  .final-eyebrow .eyebrow-dot{
    width:clamp(4px,.55vw,6px);
    height:clamp(4px,.55vw,6px);
    box-shadow:0 0 0 3px rgba(34,197,94,.16);
  }

  .final-copy h2{
    max-width:100%;
    margin:clamp(7px,1.45vw,15px) 0 clamp(8px,1.7vw,18px);
    font-size:clamp(17px,4vw,42px) !important;
    line-height:1.02;
    letter-spacing:-.05em;
  }

  .final-copy .final-lead{
    max-width:100%;
    font-size:clamp(6.8px,1.18vw,12.5px) !important;
    line-height:1.58;
  }

  .final-benefits{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:clamp(3px,.72vw,8px);
    margin-top:clamp(10px,2.15vw,23px);
  }

  .final-benefits span{
    width:auto !important;
    min-height:clamp(18px,3.2vw,34px);
    gap:clamp(3px,.55vw,6px);
    padding:0 clamp(5px,.92vw,10px);
    font-size:clamp(5.7px,.82vw,8.8px);
    white-space:nowrap;
  }

  .final-benefits i{
    width:clamp(10px,1.7vw,18px);
    height:clamp(10px,1.7vw,18px);
    font-size:clamp(5px,.72vw,8px);
  }

  .final-actions{
    max-width:none !important;
    align-self:center;
    padding:clamp(10px,2.35vw,25px) !important;
    gap:clamp(4px,.85vw,9px);
    border-radius:clamp(10px,1.85vw,20px) !important;
  }

  .final-action-label{
    font-size:clamp(9px,1.7vw,18px) !important;
    line-height:1.2;
  }

  .final-actions>p{
    margin:0 0 clamp(3px,.8vw,8px);
    font-size:clamp(6.2px,1vw,10.5px);
    line-height:1.5;
  }

  .final-cta-button{
    min-height:clamp(29px,4.65vw,49px) !important;
    padding:clamp(6px,.9vw,10px) clamp(8px,1.35vw,14px) !important;
    margin-top:clamp(2px,.55vw,6px);
    border-radius:clamp(8px,1.2vw,13px);
    font-size:clamp(6.7px,1.05vw,11px) !important;
    line-height:1.15;
    text-align:center;
  }

  .final-cta-button span{
    font-size:clamp(9px,1.45vw,15px);
  }

  /* =========================
     Lead Manager Hero
     ========================= */
  .lead-manager-page .lead-hero{
    padding-top:clamp(96px,12vw,126px) !important;
    padding-bottom:clamp(54px,7vw,82px) !important;
  }

  .lead-manager-page .lead-hero-grid{
    width:calc(100% - clamp(20px,4vw,40px));
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
    gap:clamp(10px,2.2vw,24px) !important;
    align-items:center;
  }

  .lead-manager-page .lead-hero .hero-copy h1{
    max-width:100% !important;
    margin:clamp(10px,1.7vw,18px) 0 clamp(10px,1.6vw,16px);
    font-size:clamp(22px,4.15vw,44px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
  }

  .lead-manager-page .lead-hero .hero-subline{
    max-width:100% !important;
    margin:0 0 clamp(6px,1vw,9px);
    font-size:clamp(10.5px,1.55vw,16px) !important;
    line-height:1.32 !important;
  }

  .lead-manager-page .lead-hero .hero-lead{
    max-width:100% !important;
    font-size:clamp(9px,1.25vw,13px) !important;
    line-height:1.48 !important;
  }

  .lead-manager-page .lead-hero-visual{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .lead-manager-page .lead-hero-browser{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    border-radius:clamp(12px,1.7vw,20px);
  }

  .lead-manager-page .lead-hero-scroll-area{
    max-height:clamp(280px,45vw,480px) !important;
    overflow-y:auto !important;
  }

  /* Lead Manager Inhaltsbereiche: Wechselstruktur wie Desktop erhalten */
  .lead-manager-page .lead-feature-row{
    grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr) !important;
    gap:clamp(9px,2.6vw,34px) !important;
    padding:clamp(42px,7vw,78px) 0 !important;
    align-items:center;
  }

  .lead-manager-page .lead-feature-reverse .lead-feature-copy{
    order:2 !important;
  }

  .lead-manager-page .lead-feature-reverse .lead-feature-browser{
    order:1 !important;
  }

  .lead-manager-page .lead-feature-copy{
    min-width:0;
  }

  .lead-manager-page .lead-feature-copy .section-kicker{
    font-size:clamp(6px,.9vw,10px);
    letter-spacing:.09em;
  }

  .lead-manager-page .lead-feature-copy h2{
    max-width:100% !important;
    margin:clamp(6px,1vw,12px) 0 clamp(7px,1.25vw,14px);
    font-size:clamp(18px,3.55vw,40px) !important;
    line-height:1.04;
    letter-spacing:-.04em;
  }

  .lead-manager-page .lead-feature-copy>p{
    max-width:100% !important;
    font-size:clamp(7.5px,1.2vw,14px) !important;
    line-height:1.48;
  }

  .lead-manager-page .lead-feature-copy .check-list{
    max-width:100% !important;
    margin-top:clamp(9px,1.7vw,21px);
    gap:clamp(5px,.9vw,11px);
  }

  .lead-manager-page .lead-feature-copy .check-list li{
    gap:clamp(4px,.7vw,8px);
    font-size:clamp(7px,1.05vw,12px);
    line-height:1.3;
  }

  .lead-manager-page .lead-feature-copy .check-list span{
    width:clamp(13px,1.8vw,20px);
    height:clamp(13px,1.8vw,20px);
    flex:0 0 clamp(13px,1.8vw,20px);
    border-radius:clamp(4px,.6vw,7px);
    font-size:clamp(6px,.85vw,9px);
  }

  .lead-manager-page .lead-feature-browser,
  .lead-manager-page .lead-action-shot{
    min-width:0;
    width:100%;
    border-radius:clamp(10px,1.5vw,18px) !important;
  }

  .lead-manager-page .lead-feature-row .browser-bar,
  .lead-manager-page .lead-action-shot .browser-bar{
    min-height:clamp(22px,3.5vw,37px);
    height:auto;
    padding:clamp(3px,.6vw,6px) clamp(5px,.85vw,9px);
    gap:clamp(4px,.7vw,8px);
    flex-wrap:nowrap;
  }

  .lead-manager-page .lead-feature-row .browser-label,
  .lead-manager-page .lead-action-shot .browser-label{
    flex:1 1 auto;
    font-size:clamp(5.5px,.78vw,8.5px);
  }

  .lead-manager-page .lead-feature-row .live-pill{
    padding:clamp(2px,.4vw,4px) clamp(3px,.6vw,6px);
    font-size:clamp(5px,.68vw,7.5px);
    white-space:nowrap;
  }

  .lead-manager-page .lead-feature-crop{
    height:clamp(145px,36vw,378px) !important;
  }

  .lead-manager-page .lead-action-visual{
    gap:clamp(6px,1.4vw,15px);
  }

  .lead-manager-page .lead-action-crop{
    height:clamp(72px,17.5vw,184px) !important;
  }

  /* =========================
     Funktionen & Extras Hero
     ========================= */
  .features-page .features-overview-hero{
    padding-top:clamp(96px,12vw,126px) !important;
    padding-bottom:clamp(54px,7vw,82px) !important;
  }

  .features-page .features-overview-grid{
    width:calc(100% - clamp(20px,4vw,40px));
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
    gap:clamp(10px,2.2vw,24px) !important;
    align-items:center;
  }

  .features-page .features-overview-hero .hero-copy h1{
    max-width:100% !important;
    margin:clamp(10px,1.7vw,18px) 0 clamp(10px,1.6vw,16px);
    font-size:clamp(22px,4.15vw,44px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
  }

  .features-page .features-overview-hero .hero-subline{
    max-width:100% !important;
    margin:0 0 clamp(6px,1vw,9px);
    font-size:clamp(10.5px,1.55vw,16px) !important;
    line-height:1.32 !important;
  }

  .features-page .features-overview-hero .hero-lead{
    max-width:100% !important;
    font-size:clamp(9px,1.25vw,13px) !important;
    line-height:1.48 !important;
  }

  .features-page .features-overview-visual{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-bottom:0 !important;
  }

  .features-page .features-overview-browser{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    border-radius:clamp(12px,1.7vw,20px);
  }

  .features-page .features-overview-scroll-area{
    height:clamp(280px,45vw,480px) !important;
    max-height:clamp(280px,45vw,480px) !important;
    overflow-y:auto !important;
  }

  /* Funktionen & Extras: allgemeine Abstände proportional */
  .features-page .section-block{
    padding:clamp(44px,7vw,82px) 0;
  }

  /* Solo/Team: drei Desktop-Karten bleiben nebeneinander */
  .features-page #team .section-head{
    margin-bottom:clamp(18px,3.7vw,39px);
  }

  .features-page #team .section-head h2{
    font-size:clamp(18px,3.8vw,40px) !important;
    line-height:1.06;
  }

  .features-page #team .section-head p{
    font-size:clamp(7px,1.2vw,12.5px);
    line-height:1.55;
  }

  .features-page .team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:clamp(4px,1vw,10px) !important;
  }

  .features-page .team-line{
    display:none !important;
  }

  .features-page .team-grid article{
    min-width:0;
    height:auto;
    min-height:clamp(104px,18vw,189px);
    padding:clamp(8px,1.85vw,19px);
    border-radius:clamp(8px,1.55vw,16px);
  }

  .features-page .team-step{
    width:clamp(17px,3vw,32px);
    height:clamp(17px,3vw,32px);
    border-radius:clamp(5px,.85vw,9px);
    font-size:clamp(6px,1vw,10px);
  }

  .features-page .team-grid h3{
    margin:clamp(8px,2vw,21px) 0 clamp(3px,.75vw,8px);
    font-size:clamp(8px,1.55vw,16px);
  }

  .features-page .team-grid p{
    font-size:clamp(5.5px,1vw,10.5px);
    line-height:1.5;
  }

  .features-page .team-option-card{
    padding-bottom:clamp(27px,4.7vw,49px) !important;
  }

  .features-page .team-card-cta{
    right:clamp(7px,1.7vw,18px);
    bottom:clamp(7px,1.45vw,15px);
    font-size:clamp(5.5px,.9vw,9.5px);
  }

  .features-page .team-quote{
    margin-top:clamp(14px,3vw,31px);
  }

  .features-page .team-quote p{
    font-size:clamp(7px,1.25vw,13px);
    line-height:1.5;
  }

  /* Persönlich anpassbar + Platzhalter: Text/Details wie Desktop nebeneinander */
  .features-page .feature-detail-shell{
    gap:clamp(14px,3vw,31px);
  }

  .features-page .feature-detail-top{
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr) !important;
    gap:clamp(10px,3vw,32px) !important;
    align-items:start;
  }

  .features-page .feature-detail-copy h2,
  .features-page .placeholder-detail-shell .placeholder-copy h2{
    max-width:100%;
    margin:clamp(6px,1.1vw,12px) 0 0;
    font-size:clamp(18px,3.75vw,40px) !important;
    line-height:1.04;
    letter-spacing:-.04em;
  }

  .features-page .feature-detail-copy>p,
  .features-page .placeholder-detail-shell .placeholder-copy>p{
    max-width:100% !important;
    margin:clamp(7px,1.5vw,16px) 0 0 !important;
    font-size:clamp(7px,1.18vw,12.5px) !important;
    line-height:1.52 !important;
  }

  .features-page .feature-detail-copy .section-kicker{
    font-size:clamp(6px,.9vw,10px);
  }

  .features-page .feature-detail-rail{
    min-width:0;
    padding:clamp(1px,.25vw,2px) 0 0 clamp(8px,2vw,21px) !important;
    border-left-width:clamp(2px,.36vw,4px);
  }

  .features-page .feature-detail-rail article,
  .features-page #rejection-tracker .rejection-detail-rail article{
    grid-template-columns:clamp(18px,3.3vw,35px) minmax(0,1fr) !important;
    gap:clamp(5px,1.05vw,11px) !important;
    padding-bottom:clamp(6px,1.4vw,15px) !important;
    margin-bottom:clamp(6px,1.4vw,15px) !important;
  }

  .features-page .feature-detail-icon,
  .features-page #rejection-tracker .rejection-detail-icon{
    width:clamp(17px,3vw,32px) !important;
    height:clamp(17px,3vw,32px) !important;
    border-radius:clamp(5px,.9vw,10px) !important;
    font-size:clamp(5.5px,.95vw,10px) !important;
  }

  .features-page .feature-detail-rail b,
  .features-page #rejection-tracker .rejection-detail-rail b{
    font-size:clamp(6.8px,1.16vw,12px) !important;
    line-height:1.3;
  }

  .features-page .feature-detail-rail p,
  .features-page #rejection-tracker .rejection-detail-rail p{
    margin-top:clamp(2px,.35vw,4px);
    font-size:clamp(5.5px,.95vw,10px) !important;
    line-height:1.48;
  }

  .features-page .placeholder-detail-rail article{
    grid-template-columns:clamp(45px,9.5vw,100px) minmax(0,1fr) !important;
  }

  .features-page .placeholder-detail-rail .feature-detail-icon{
    width:clamp(45px,9.5vw,100px) !important;
    min-width:0 !important;
    padding:0 clamp(3px,.7vw,7px);
    font-size:clamp(4.8px,.78vw,8.5px) !important;
  }

  .features-page .feature-detail-browser,
  .features-page .rejection-browser,
  .features-page .placeholder-browser{
    border-radius:clamp(10px,1.5vw,18px) !important;
  }

  /* Rejection Tracker: Desktop-Spiegelung beibehalten */
  .features-page #rejection-tracker .rejection-intro{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
    gap:clamp(10px,3vw,32px) !important;
    align-items:start;
  }

  .features-page #rejection-tracker .rejection-detail-rail{
    grid-column:1 !important;
    grid-row:1 !important;
    padding-left:0 !important;
    border-left:0 !important;
  }

  .features-page #rejection-tracker .rejection-intro-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    padding-left:clamp(8px,2vw,21px) !important;
    border-left-width:clamp(2px,.36vw,4px) !important;
  }

  .features-page #rejection-tracker .rejection-intro-copy h2{
    max-width:100%;
    font-size:clamp(18px,3.75vw,40px) !important;
    line-height:1.04;
    letter-spacing:-.04em;
  }

  .features-page #rejection-tracker .rejection-intro-copy>p{
    max-width:100% !important;
    margin:clamp(7px,1.5vw,16px) 0 0;
    font-size:clamp(7px,1.18vw,12.5px) !important;
    line-height:1.52 !important;
  }
}

@media (min-width:400px) and (max-width:1050px){
  /* Die beiden erklärenden Zeilen im 01–05-Kopf hatten ältere, spezifischere
     Desktop-Werte. Auch sie skalieren jetzt mit dem restlichen Überblick. */
  #gespraech .phase-head-copy>p:first-child,
  #gespraech .phase-head-copy .phase-communication{
    font-size:clamp(6.6px,1.15vw,12px) !important;
    line-height:1.5 !important;
  }

  #gespraech .phase-head-copy .phase-communication{
    margin-top:clamp(4px,.8vw,8px) !important;
    padding-left:clamp(9px,1.7vw,18px) !important;
  }

  #gespraech .phase-communication::before{
    width:clamp(4px,.78vw,8px) !important;
    height:clamp(4px,.78vw,8px) !important;
    box-shadow:0 0 0 clamp(2px,.42vw,4px) rgba(34,197,94,.14) !important;
  }
}

/* Mobile-Reihenfolge bis einschließlich 400px:
   Überschrift -> Screenshot -> Beschreibung -> Checkpunkte. */
@media (max-width:400px){
  /* Akquise Manager: Gatekeeper bis Abschluss */
  #gespraech .phase-detail,
  #gespraech .objection-showcase.phase-detail{
    grid-template-columns:1fr !important;
    gap:0 !important;
    align-items:stretch;
    padding:68px 0 !important;
  }

  #gespraech .phase-detail-gatekeeper{
    margin-top:56px !important;
  }

  #gespraech .phase-detail-copy{
    display:contents;
  }

  #gespraech .phase-detail-copy .section-kicker{
    order:1;
    font-size:11px !important;
    line-height:normal;
    letter-spacing:.12em;
  }

  #gespraech .phase-detail-copy h2,
  #gespraech .objection-copy h2{
    order:2;
    max-width:760px !important;
    margin:12px 0 0;
    font-size:34px !important;
    line-height:1.08;
  }

  #gespraech .phase-detail-copy>p,
  #gespraech .objection-copy>p{
    order:4;
    max-width:760px !important;
    margin:0;
    font-size:15px !important;
    line-height:1.7;
  }

  #gespraech .phase-detail-browser,
  #gespraech .compact-browser{
    order:3 !important;
    width:100%;
    max-width:100%;
    margin:16px 0;
    border-radius:16px !important;
  }

  #gespraech .phase-detail-copy .check-list{
    order:5;
    max-width:760px !important;
    margin:24px 0 0;
    gap:13px;
  }

  #gespraech .phase-detail-copy .check-list li{
    gap:9px;
    font-size:13px !important;
    line-height:normal;
  }

  #gespraech .phase-detail-copy .check-list span{
    width:21px;
    height:21px;
    flex:0 0 21px;
    border-radius:7px;
    font-size:10px;
  }

  #gespraech .phase-detail-browser-focus,
  #gespraech .phase-detail-browser-interest{
    height:390px;
  }

  #gespraech .phase-detail-browser-pan-opener img{
    width:max(900px,100%);
  }

  /* display:contents hat selbst keine sichtbare Box; mobile H2 daher direkt sichtbar halten. */
  .js #gespraech .phase-detail-copy.reveal h2,
  .js #gespraech .phase-detail-copy.reveal.is-visible h2{
    opacity:1 !important;
    transform:none !important;
  }

  /* Lead Manager: die Funktionsboxen */
  .lead-manager-page .lead-feature-sequence .lead-feature-row{
    grid-template-columns:1fr !important;
    gap:0 !important;
    align-items:stretch;
    padding:68px 0 !important;
  }

  .lead-manager-page .lead-feature-sequence .lead-feature-copy{
    display:contents;
  }

  .lead-manager-page .lead-feature-copy .section-kicker{
    order:1;
    font-size:11px !important;
    line-height:normal;
    letter-spacing:.12em;
  }

  .lead-manager-page .lead-feature-copy h2{
    order:2;
    max-width:760px !important;
    margin:12px 0 0;
    font-size:34px !important;
    line-height:1.08;
  }

  .lead-manager-page .lead-feature-copy>p{
    order:4;
    max-width:760px !important;
    margin:0;
    font-size:15px !important;
    line-height:1.7;
  }

  .lead-manager-page .lead-feature-browser,
  .lead-manager-page .lead-action-visual{
    order:3 !important;
    width:100%;
    max-width:100%;
    margin:16px 0;
  }

  .lead-manager-page .lead-feature-copy .check-list{
    order:5;
    max-width:760px !important;
    margin:24px 0 0;
    gap:13px;
  }

  .lead-manager-page .lead-feature-copy .check-list li{
    gap:9px;
    font-size:13px !important;
    line-height:normal;
  }

  .lead-manager-page .lead-feature-copy .check-list span{
    width:21px;
    height:21px;
    flex:0 0 21px;
    border-radius:7px;
    font-size:10px;
  }

  .lead-manager-page .lead-feature-browser,
  .lead-manager-page .lead-action-shot{
    border-radius:16px !important;
  }

  .lead-manager-page .lead-feature-crop{
    height:390px !important;
  }

  .lead-manager-page .lead-action-crop{
    height:170px !important;
  }

  .js .lead-manager-page .lead-feature-copy.reveal h2,
  .js .lead-manager-page .lead-feature-copy.reveal.is-visible h2{
    opacity:1 !important;
    transform:none !important;
  }

  /* Funktionen & Extras: Überschrift -> Screenshot -> Text/Details */
  .features-page #anpassbar .feature-detail-shell,
  .features-page #platzhalter .feature-detail-shell{
    display:flex !important;
    flex-direction:column;
    gap:0 !important;
  }

  .features-page #anpassbar .feature-detail-top,
  .features-page #platzhalter .feature-detail-top,
  .features-page #anpassbar .feature-detail-copy,
  .features-page #platzhalter .feature-detail-copy{
    display:contents !important;
  }

  .features-page #anpassbar .feature-detail-copy .section-kicker,
  .features-page #platzhalter .feature-detail-copy .section-kicker{order:1}

  .features-page #anpassbar .feature-detail-copy h2,
  .features-page #platzhalter .feature-detail-copy h2{
    order:2;
    margin:12px 0 0 !important;
  }

  .features-page #anpassbar .feature-detail-browser,
  .features-page #platzhalter .placeholder-visual{
    order:3 !important;
    width:100%;
    margin:16px 0 !important;
  }

  .features-page #anpassbar .feature-detail-copy>p,
  .features-page #platzhalter .feature-detail-copy>p{
    order:4;
    margin:0 !important;
  }

  .features-page #anpassbar .feature-detail-rail,
  .features-page #platzhalter .feature-detail-rail{
    order:5;
    margin-top:24px;
  }

  .features-page #rejection-tracker .rejection-tracker-box{
    display:flex !important;
    flex-direction:column;
    gap:0 !important;
  }

  .features-page #rejection-tracker .rejection-intro,
  .features-page #rejection-tracker .rejection-intro-copy{
    display:contents !important;
  }

  .features-page #rejection-tracker .rejection-intro-copy .section-kicker{order:1}

  .features-page #rejection-tracker .rejection-intro-copy h2{
    order:2;
    margin:12px 0 0 !important;
  }

  .features-page #rejection-tracker .rejection-browser-wrap{
    order:3 !important;
    width:100%;
    margin:16px 0 !important;
  }

  .features-page #rejection-tracker .rejection-intro-copy>p{
    order:4;
    margin:0 !important;
  }

  .features-page #rejection-tracker .rejection-detail-rail{
    order:5 !important;
    margin-top:24px;
  }

  .js .features-page #anpassbar .feature-detail-copy.reveal,
  .js .features-page #platzhalter .feature-detail-copy.reveal,
  .js .features-page #rejection-tracker .rejection-intro.reveal{
    opacity:1 !important;
    transform:none !important;
  }
}

/* --------------------------------------------------------------------------
   Smartphone-Hero bis einschließlich 400px
   Einheitliche Reihenfolge:
   Titel -> Untertitel -> Screenshot -> Beschreibung -> Navigation -> Vorteile.
   Die klickbaren Callouts bleiben wie ab 400px direkt über dem Screenshot.
   -------------------------------------------------------------------------- */
@media (max-width:400px){
  .hero > .shell.hero-grid,
  .lead-manager-page .lead-hero-grid,
  .features-page .features-overview-grid{
    display:flex !important;
    flex-direction:column;
    gap:0 !important;
    align-items:stretch;
  }

  .hero .hero-copy{
    display:contents;
  }

  .hero .hero-copy .eyebrow{order:0}
  .hero .hero-copy h1{order:1}
  .hero .hero-copy .hero-subline{order:2}
  .hero .hero-visual{order:3}
  .hero .hero-copy .hero-lead{order:4}
  .hero .hero-copy .hero-actions{order:5}
  .hero .hero-copy .hero-points{order:6}

  /* display:contents darf das vorhandene Reveal nicht auf die Kinder verstecken. */
  .js .hero .hero-copy.reveal,
  .js .hero .hero-copy.reveal.is-visible{
    opacity:1 !important;
    transform:none !important;
  }

  .hero .hero-visual,
  .lead-manager-page .lead-hero-visual,
  .features-page .features-overview-visual{
    position:relative;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:14px 0 !important;
    padding-bottom:0 !important;
    overflow:visible;
  }

  .hero .hero-actions{
    width:100%;
    margin-top:22px !important;
  }

  .hero .hero-points{
    width:100%;
    margin-top:18px !important;
  }

  /* Derselbe kompakte, scrollbar bleibende Screenshot wie direkt oberhalb 400px. */
  .hero .hero-scroll-area,
  .lead-manager-page .lead-hero-scroll-area,
  .features-page .features-overview-scroll-area{
    width:100% !important;
    height:280px !important;
    min-height:0 !important;
    max-height:280px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  /* Callouts werden als komplette Desktop-Einheit proportional verkleinert. */
  .hero-visual .hero-scroll-card{
    position:absolute !important;
    top:calc(var(--hero-card-y,0px) - var(--hero-scroll-top,0px)) !important;
    bottom:auto !important;
    margin:0 !important;
    scale:var(--hero-ui-scale);
    transform-origin:top left;
    clip-path:inset(
      var(--hero-clip-top,0px) 0 var(--hero-clip-bottom,0px) 0 round 14px
    ) !important;
    opacity:1;
    pointer-events:auto;
  }

  .hero-visual .hero-scroll-card.is-outside-scroll{
    opacity:0;
    pointer-events:none;
  }

  .hero .float-card{
    display:flex !important;
    padding:11px 13px !important;
    gap:10px !important;
    border-radius:14px !important;
    font-size:11px !important;
    line-height:normal !important;
  }

  .hero .float-card b{
    font-size:11px !important;
    line-height:normal !important;
  }

  .hero .float-card small{
    display:block !important;
    margin-top:2px !important;
    font-size:9.16667px !important;
    line-height:normal !important;
  }

  .hero .float-icon,
  .hero .float-number{
    width:34px !important;
    height:34px !important;
    flex:0 1 auto !important;
    border-radius:10px !important;
  }

  /* Spezifische <=760px-Regeln mit top:auto wieder überschreiben. */
  .lead-manager-page .lead-hero-card.hero-scroll-card,
  .features-page .features-overview-nav-card.hero-scroll-card{
    top:calc(var(--hero-card-y,0px) - var(--hero-scroll-top,0px)) !important;
    clip-path:inset(
      var(--hero-clip-top,0px) 0 var(--hero-clip-bottom,0px) 0 round 14px
    ) !important;
    opacity:1;
    pointer-events:auto;
  }

  .lead-manager-page .lead-hero-card.hero-scroll-card.is-outside-scroll,
  .features-page .features-overview-nav-card.hero-scroll-card.is-outside-scroll{
    opacity:0;
    pointer-events:none;
  }

  /* Akquise Manager */
  body:not(.lead-manager-page):not(.features-page) .float-card-call{
    left:calc(100% - (200.453px * var(--hero-ui-scale))) !important;
    right:auto !important;
    width:200.453px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-leads{
    left:calc(351px * var(--hero-ui-scale)) !important;
    right:auto !important;
    width:257.156px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-flow{
    left:calc(100% - (256.266px * var(--hero-ui-scale))) !important;
    right:auto !important;
    width:256.266px !important;
    max-width:none !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-notes{
    left:calc(100% - (206.531px * var(--hero-ui-scale))) !important;
    right:auto !important;
    width:206.531px !important;
    max-width:305px !important;
    border-width:2px !important;
  }

  body:not(.lead-manager-page):not(.features-page) .float-card-notes small{
    line-height:1.35 !important;
  }

  /* Lead Manager */
  .lead-manager-page .lead-hero-card,
  .lead-manager-page .lead-hero-card-akquise,
  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-notes,
  .lead-manager-page .lead-hero-card-archived,
  .lead-manager-page .lead-hero-card-archive{
    position:absolute !important;
    width:245px !important;
    max-width:245px !important;
    margin:0 !important;
    right:auto !important;
    bottom:auto !important;
    border-width:2px !important;
  }

  .lead-manager-page .lead-hero-card-akquise{
    left:calc(311px * var(--hero-ui-scale)) !important;
  }

  .lead-manager-page .lead-hero-card-import,
  .lead-manager-page .lead-hero-card-archive{
    left:0 !important;
  }

  .lead-manager-page .lead-hero-card-script,
  .lead-manager-page .lead-hero-card-archived{
    left:calc(100% - (245px * var(--hero-ui-scale))) !important;
  }

  .lead-manager-page .lead-hero-card-notes{
    left:calc(18px * var(--hero-ui-scale)) !important;
  }

  /* Funktionen & Extras */
  .features-page .features-overview-nav{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    display:block !important;
    pointer-events:none;
    z-index:5;
  }

  .features-page .features-overview-nav-card,
  .features-page .features-overview-nav-placeholders,
  .features-page .features-overview-nav-rejection,
  .features-page .features-overview-nav-editmode{
    position:absolute !important;
    width:255px !important;
    max-width:255px !important;
    min-height:0 !important;
    margin:0 !important;
    right:auto !important;
    border-width:1px !important;
    pointer-events:auto;
  }

  .features-page .features-overview-nav-card .float-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:10px !important;
  }

  .features-page .features-overview-nav-placeholders{
    left:0 !important;
  }

  .features-page .features-overview-nav-rejection{
    left:calc(100% - (255px * var(--hero-ui-scale))) !important;
  }

  .features-page .features-overview-nav-editmode{
    left:0 !important;
  }

  .features-page .features-overview-nav-card small{
    display:block !important;
  }
}


/* Responsive Korrekturen: Akquise-Manager Startseite */
@media(max-width:1049px){
  #gespraech .phase-overview-box{
    border:0;
  }
}

@media(max-width:820px){
  .home-footer-compact .home-footer-company-row{
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
  }

  .home-footer-compact .home-footer-company-block,
  .home-footer-compact .home-footer-company-brand,
  .home-footer-compact .home-footer-company-line{
    width:auto;
    align-items:flex-start;
    text-align:left;
  }

  .home-footer-compact .home-footer-company-name,
  .home-footer-compact .home-footer-company-address{
    text-align:left;
  }

  .home-footer-compact .home-footer-contact-row{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:0;
    width:max-content;
    max-width:50%;
    margin-left:auto;
    transform:none;
  }

  .home-footer-compact .home-footer-inline-contact{
    width:auto;
    max-width:100%;
    justify-content:flex-start;
    text-align:left;
  }
}

@media(max-width:400px){
  .home-footer-compact .home-footer-company-row{
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
  }

  .home-footer-compact .home-footer-company-block,
  .home-footer-compact .home-footer-company-brand,
  .home-footer-compact .home-footer-company-line{
    width:100%;
    align-items:center;
    text-align:center;
  }

  .home-footer-compact .home-footer-company-name,
  .home-footer-compact .home-footer-company-address{
    width:100%;
    text-align:center;
  }

  .home-footer-compact .home-footer-contact-row{
    width:min(100%,230px);
    max-width:230px;
    margin-left:auto;
    margin-right:auto;
    align-items:stretch;
  }

  .home-footer-compact .home-footer-inline-contact{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:center;
    column-gap:10px;
    width:100%;
    max-width:100%;
    justify-content:initial;
    text-align:center;
  }

  .home-footer-compact .home-footer-inline-contact .home-footer-inline-icon{
    justify-self:start;
  }

  .home-footer-compact .home-footer-inline-contact > span:last-child,
  .home-footer-compact .home-footer-inline-contact small,
  .home-footer-compact .home-footer-inline-contact strong{
    width:100%;
    text-align:center;
  }

  .home-footer-compact .home-footer-bottom{
    width:100%;
    align-items:center;
    text-align:center;
  }

  .home-footer-compact .footer-legal{
    order:1;
    width:100%;
    justify-content:center;
  }

  .home-footer-compact .home-footer-bottom .copyright{
    order:2;
    width:100%;
    text-align:center;
  }
}


/* Responsive Navigation: Desktop bleibt einzeilig; bei zu wenig Platz wird das Menü kompakt. */
@media (min-width:1051px) and (max-width:1103px){
  .nav{
    gap:16px;
  }

  .nav-links{
    gap:20px;
    white-space:nowrap;
  }

  .nav > .brand,
  .nav-links > a,
  .nav-dropdown-trigger{
    white-space:nowrap;
  }

  .nav > .btn-small{
    width:42px;
    min-width:42px;
    padding:0;
    gap:0;
    font-size:0;
  }

  .nav > .btn-small svg{
    width:18px;
    height:18px;
  }
}

/* Kompakte Desktop-Navigation: unter 1051 px bleibt die Navigation bewusst länger sichtbar. */
@media (min-width:861px) and (max-width:1050px){
  .nav{
    height:76px;
    gap:12px;
  }

  .nav > .brand{
    flex:0 0 auto;
    min-width:0;
    max-width:none;
    gap:8px;
  }

  /* Visuell kompakter Markenname: ohne Bindestrich und bewusst zweizeilig. */
  .nav > .brand span{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:96px;
    white-space:normal;
    font-size:0;
    line-height:1.05;
  }

  .nav > .brand span::before,
  .nav > .brand span::after{
    display:block;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }

  .nav > .brand span::before{content:"Toowie"}
  .nav > .brand span::after{content:"Akquise Manager"}

  .nav > .nav-links{
    display:flex !important;
    gap:12px;
    font-size:13px;
    white-space:nowrap;
  }

  .nav > .nav-links > a,
  .nav > .nav-links .nav-dropdown-trigger{
    white-space:nowrap;
  }

  .nav > .btn-small{
    display:inline-flex;
    width:42px;
    min-width:42px;
    padding:0;
    gap:0;
    font-size:0;
  }

  .nav > .btn-small svg{
    width:18px;
    height:18px;
  }

  .mobile-nav-toggle,
  .mobile-nav-panel{
    display:none !important;
  }
}

/* Erst wenn auch die kompakte Desktop-Zeile zu eng wird, auf Hamburger wechseln. */
@media (min-width:761px) and (max-width:860px){
  .nav{
    position:relative;
    height:76px;
    gap:12px;
  }

  .nav > .brand{
    min-width:0;
    max-width:calc(100% - 54px);
  }

  .nav > .brand span{
    min-width:0;
    white-space:nowrap;
  }

  .nav > .btn{
    display:none;
  }

  .mobile-nav-toggle{
    appearance:none;
    width:42px;
    height:42px;
    flex:0 0 42px;
    margin-left:auto;
    padding:10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:5px;
    color:#fff;
    background:rgba(255,255,255,.08);
    cursor:pointer;
  }

  .mobile-nav-toggle span{
    display:block;
    width:100%;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform-origin:center;
    transition:transform .18s ease,opacity .18s ease;
  }

  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .nav.is-mobile-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .mobile-nav-panel{
    position:absolute;
    top:68px;
    left:0;
    right:0;
    z-index:80;
    max-height:calc(100dvh - 86px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px;
    border:1px solid rgba(198,154,87,.36);
    border-radius:16px;
    background:rgba(5,18,39,.985);
    box-shadow:0 24px 56px rgba(0,0,0,.34);
  }

  .nav.is-mobile-open .mobile-nav-panel{
    display:block;
  }

  .mobile-nav-panel .nav-links{
    display:grid !important;
    align-items:stretch;
    gap:4px;
    width:100%;
    color:#fff;
    font-size:14px;
  }

  .mobile-nav-panel .nav-links > a,
  .mobile-nav-panel .nav-dropdown-trigger{
    width:100%;
    min-height:44px;
    padding:11px 12px;
    justify-content:space-between;
    border-radius:10px;
    white-space:normal;
  }

  .mobile-nav-panel .nav-dropdown{
    display:block;
    width:100%;
  }

  .mobile-nav-panel .nav-dropdown-menu{
    position:static;
    width:100%;
    min-width:0;
    margin:0;
    padding:0 0 4px 14px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .mobile-nav-panel .nav-dropdown-menu:before{
    display:none;
  }

  .mobile-nav-panel .nav-dropdown-menu a{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:9px 12px;
    color:rgba(255,255,255,.72);
    white-space:normal;
  }

  .mobile-nav-panel .nav-dropdown-menu a:hover,
  .mobile-nav-panel .nav-dropdown-menu a:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.08);
  }

  .mobile-nav-panel .mobile-nav-login{
    width:100%;
    min-height:46px;
    margin-top:8px;
    display:flex !important;
    font-size:12px;
  }
}

/* CTA-Vorteile: Haken und Text bleiben auch bei schmalen Breiten sauber vertikal zentriert. */
.final-benefits span{
  align-items:center;
}

.final-benefits i{
  flex:0 0 20px;
  line-height:1;
}

/* Exakter 1050px-Fix: Navigation bleibt in einer Zeile und wechselt nicht in einen Zwischenzustand. */
@media (width:1050px){
  .nav{
    flex-wrap:nowrap;
    gap:10px;
  }

  .nav > .brand{
    flex:0 0 auto;
  }

  .nav > .nav-links{
    display:flex !important;
    flex:1 1 auto;
    min-width:0;
    flex-wrap:nowrap !important;
    gap:10px;
    font-size:12px;
  }

  .nav > .nav-links > a,
  .nav > .nav-links .nav-dropdown,
  .nav > .nav-links .nav-dropdown-trigger{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .nav > .btn-small{
    flex:0 0 40px;
    width:40px;
    min-width:40px;
  }

  .mobile-nav-toggle,
  .mobile-nav-panel{
    display:none !important;
  }
}


/* Smartphone-CTA bis einschließlich 400px:
   Überschrift -> Beschreibung -> Aktionsbox -> drei Vorteile. */
@media (max-width:400px){
  .final-card{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:0 !important;
  }

  .final-copy{
    display:contents;
  }

  .final-copy .final-eyebrow{order:1}
  .final-copy h2{order:2}
  .final-copy .final-lead{order:3}

  .final-actions{
    order:4;
    width:100%;
    max-width:none !important;
    margin-top:24px;
  }

  .final-benefits{
    order:5;
    width:100%;
    margin-top:18px !important;
  }

  .final-copy .final-eyebrow,
  .final-copy h2,
  .final-copy .final-lead,
  .final-benefits{
    position:relative;
    z-index:2;
  }
}

/* Gesprächsphasen 400–760px: Überschriften richten sich dynamisch an der höchsten Zeile aus. */
@media (min-width:400px) and (max-width:760px){
  #gespraech .phase-card h3{
    display:flex;
    align-items:center;
  }
}


/* Schwebende Gesprächsphasen-Navigation bis 400px:
   alle fünf Ziele ohne horizontales Scrollen; umgebrochene Titel geben
   dynamisch die gemeinsame Titelhöhe vor. */
@media (max-width:400px){
  .phase-floating-nav{
    left:50% !important;
    right:auto !important;
    width:calc(100vw - 10px) !important;
    max-width:calc(100vw - 10px) !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    justify-content:stretch !important;
    gap:clamp(2px,.8vw,4px) !important;
    padding:0 !important;
    overflow:visible !important;
    transform:translate(-50%,12px) !important;
  }

  .phase-floating-nav.is-visible{
    transform:translate(-50%,0) !important;
  }

  .phase-floating-link{
    width:100%;
    min-width:0;
    min-height:52px;
    align-items:flex-start;
    gap:5px;
    padding:6px clamp(2px,1vw,4px) 7px;
    border-width:1px;
    border-radius:6px;
    font-size:clamp(6.4px,2.15vw,8.5px);
    line-height:1.08;
    white-space:normal;
    overflow:visible;
  }

  .phase-floating-number{
    font-size:clamp(5.5px,1.8vw,7px);
  }

  .phase-floating-title{
    display:flex;
    width:100%;
    min-width:0;
    max-width:100%;
    align-items:center;
    white-space:normal;
    overflow:visible;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}

@media(max-width:900px){
  .legal-document-footer{
    grid-template-columns:1fr;
    gap:24px;
    justify-items:start;
  }
  .legal-pdf-download{
    justify-self:start;
  }
  .legal-document-date{
    justify-self:start;
  }
}
@media(max-width:760px){
  .legal-page-heading{
    margin-bottom:16px;
  }
  .legal-document-title{
    font-size:20px;
  }
  .impressum-document .legal-document-body h2{
    margin-top:24px;
    font-size:14px;
  }
  .impressum-document .legal-document-body p,
  .impressum-document .legal-document-body li,
  .legal-source-entry{
    font-size:11px;
  }
  .legal-document-meta{
    grid-template-columns:minmax(86px,max-content) 10px minmax(0,1fr);
    gap:8px 10px;
  }
  .legal-document-meta dt,
  .legal-document-meta dd{
    font-size:12px;
  }
  .legal-document-date > strong{
    font-size:16px;
    margin-bottom:14px;
  }
  .legal-sources-card{
    padding:22px 18px;
  }
}


/* LEGAL PAGES CLEAN REFRESH START */
.legal-page{
  background:#fff;
  color:#243b53;
}
.legal-page .legal-document-section{
  min-height:auto;
  padding:42px 0 74px;
  background:#fff;
}
.legal-page .legal-page-heading{
  width:min(1000px,100%);
  margin:0 auto 18px;
  text-align:left;
}
.legal-page .legal-page-heading h1{
  margin:0;
  color:#104e8b;
  font-size:clamp(38px,5vw,62px);
  font-weight:900;
  letter-spacing:-.04em;
}
.legal-page .legal-document,
.legal-page .legal-sources-card{
  background:#f4f7fb;
}
.legal-page .legal-document{
  position:relative;
  width:min(1000px,100%);
  margin:0 auto;
  padding:44px 48px 40px;
  border:1px solid #d9e4ef;
  border-radius:18px;
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.legal-page .legal-document:before{
  display:none;
}
.legal-page .legal-document-head{
  position:relative;
  display:block;
  margin:0 0 24px;
  padding:0 0 4px;
  border:0;
  text-align:left;
}
.legal-page .legal-document-logo{
  position:absolute;
  top:0;
  right:0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
}
.legal-page .legal-document-logo img{
  width:124px;
  height:auto;
}
.legal-page .legal-document-title{
  margin:0;
  color:#104e8b;
  font-size:28px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.03em;
}
.legal-page .legal-document-body{
  max-width:none;
}
.legal-page .legal-document-body h2,
.legal-page .legal-document-body h3,
.legal-page .legal-sources h2{
  color:#104e8b;
}
.legal-page .legal-document-body h2{
  margin:24px 0 10px;
  font-size:22px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.02em;
}
.legal-page .legal-document-body h2:first-child{
  margin-top:0;
}
.legal-page .legal-document-body h3{
  margin:20px 0 8px;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}
.legal-page .legal-document-body p,
.legal-page .legal-document-body li{
  color:#334e68;
  font-size:14px;
  line-height:1.64;
}
.legal-page .legal-document-body p{
  margin:0 0 10px;
}
.legal-page .legal-document-body ul,
.legal-page .legal-document-body ol{
  margin:8px 0 14px;
  padding-left:22px;
}
.legal-page .legal-document-body strong,
.legal-page .legal-source-entry strong,
.legal-page .legal-document-meta dt,
.legal-page .legal-document-date > strong{
  color:#104e8b;
}
.legal-page .legal-document-body a,
.legal-page .legal-source-entry a,
.legal-page .legal-document-meta a{
  color:#2563eb;
  text-decoration:none;
}
.legal-page .legal-document-body a:hover,
.legal-page .legal-document-body a:focus-visible,
.legal-page .legal-source-entry a:hover,
.legal-page .legal-source-entry a:focus-visible,
.legal-page .legal-document-meta a:hover,
.legal-page .legal-document-meta a:focus-visible{
  color:#104e8b;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.legal-page .legal-contact,
.legal-page .legal-note,
.legal-page .legal-table-wrap,
.legal-page .legal-sources-card{
  border:1px solid #d9e4ef;
  border-radius:16px;
  background:#fbfcfd;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.legal-page .legal-contact{
  margin:16px 0 20px;
  padding:18px 20px;
}
.legal-page .legal-note{
  margin:18px 0;
  padding:16px 18px;
  border-left:4px solid #104e8b;
  color:#486581;
}
.legal-page .legal-table-wrap{
  margin:18px 0 24px;
  overflow-x:auto;
}
.legal-page .legal-table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
}
.legal-page .legal-table th,
.legal-page .legal-table td{
  padding:13px 14px;
  border-bottom:1px solid #e5e7eb;
  text-align:left;
  vertical-align:top;
  font-size:13px;
  line-height:1.55;
}
.legal-page .legal-table th{
  background:#f7f9fb;
  color:#104e8b;
  font-weight:800;
}
.legal-page .legal-table td{
  color:#334e68;
}
.legal-page .legal-table tr:last-child td{
  border-bottom:0;
}
.legal-page .legal-document-footer{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:26px;
  align-items:start;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid #d9e4ef;
}
.legal-page .legal-pdf-download{
  display:inline-flex;
  align-items:flex-start;
  justify-content:flex-start;
  color:#e53945;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.legal-page .legal-pdf-icon{
  display:inline-flex;
}
.legal-page .legal-pdf-icon svg{
  width:88px;
  height:88px;
}
.legal-page .legal-pdf-download-copy{
  display:none;
}
.legal-page .legal-document-date{
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
}
.legal-page .legal-document-date > strong{
  display:block;
  margin-bottom:12px;
  font-size:22px;
  font-weight:900;
}
.legal-page .legal-document-meta{
  display:grid;
  grid-template-columns:126px 12px minmax(0,1fr);
  gap:6px 10px;
  margin:0;
}
.legal-page .legal-document-meta > div{
  display:contents;
}
.legal-page .legal-document-meta > div::before{
  content:":";
  grid-column:2;
  color:#829ab1;
}
.legal-page .legal-document-meta dt,
.legal-page .legal-document-meta dd{
  margin:0;
  font-size:14px;
  line-height:1.45;
}
.legal-page .legal-document-meta dt{
  grid-column:1;
  font-weight:800;
}
.legal-page .legal-document-meta dd{
  grid-column:3;
  color:#334e68;
}
.legal-page .legal-sources{
  width:min(1000px,100%);
  margin:38px auto 0;
}
.legal-page .legal-sources h2{
  margin:0 0 16px;
  text-align:center;
  font-size:clamp(30px,4vw,46px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.03em;
}
.legal-page .legal-sources-card{
  padding:26px 28px;
}
.legal-page .legal-source-entry{
  color:#334e68;
  font-size:14px;
  line-height:1.68;
}
.legal-page .legal-source-entry + .legal-source-entry{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e5e7eb;
}
@media(max-width:900px){
  .legal-page .legal-document{
    padding:34px 24px 32px;
  }
  .legal-page .legal-document-footer{
    grid-template-columns:1fr;
    gap:18px;
  }
}
@media(max-width:760px){
  .legal-page .legal-document-section{
    padding:28px 0 48px;
  }
  .legal-page .legal-page-heading{
    margin-bottom:14px;
  }
  .legal-page .legal-document{
    padding:28px 18px 24px;
    border-radius:14px;
  }
  .legal-page .legal-document-head{
    margin-bottom:18px;
    padding-top:0;
  }
  .legal-page .legal-document-logo{
    position:static;
    display:flex;
    justify-content:flex-start;
    margin-bottom:12px;
  }
  .legal-page .legal-document-logo img{
    width:110px;
  }
  .legal-page .legal-page-heading h1{
    font-size:32px;
  }
  .legal-page .legal-document-title{
    font-size:24px;
  }
  .legal-page .legal-document-body h2{
    margin-top:22px;
    font-size:19px;
  }
  .legal-page .legal-document-body h3{
    font-size:16px;
  }
  .legal-page .legal-document-body p,
  .legal-page .legal-document-body li,
  .legal-page .legal-source-entry{
    font-size:13px;
  }
  .legal-page .legal-sources-card{
    padding:20px 18px;
  }
  .legal-page .legal-document-date > strong{
    font-size:18px;
    margin-bottom:10px;
  }
  .legal-page .legal-document-meta{
    grid-template-columns:88px 10px minmax(0,1fr);
    gap:6px 8px;
  }
  .legal-page .legal-document-meta dt,
  .legal-page .legal-document-meta dd{
    font-size:12px;
  }
  .legal-page .legal-pdf-icon svg{
    width:76px;
    height:76px;
  }
}

/* LEGAL PAGES – REFERENCE LAYOUT FINAL */
.legal-page .legal-page-heading{
  width:min(1000px,100%);
  margin:0 auto 12px;
  text-align:center;
}
.legal-page .legal-page-heading h1{
  margin:0;
  text-align:center;
}
.legal-page .legal-page-updated{
  margin:4px 0 0;
  color:#66788a;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}

.legal-page .legal-document-head{
  position:relative;
  display:block;
  min-height:38px;
  margin:0 0 8px;
  padding:0;
  border:0;
}
.legal-page .legal-document-logo{
  position:absolute;
  top:0;
  right:0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
}
.legal-page .legal-document-logo img{
  width:118px;
  height:auto;
}

/* Links wirken im Ruhezustand wie normaler Text. Erst bei Interaktion werden sie sichtbar als Link markiert. */
.legal-page .legal-document-body a,
.legal-page .legal-source-entry a,
.legal-page .legal-document-meta a{
  color:inherit;
  font-weight:inherit;
  text-decoration:none;
  cursor:pointer;
}
.legal-page .legal-document-body a:hover,
.legal-page .legal-document-body a:focus-visible,
.legal-page .legal-document-body a:active,
.legal-page .legal-source-entry a:hover,
.legal-page .legal-source-entry a:focus-visible,
.legal-page .legal-source-entry a:active,
.legal-page .legal-document-meta a:hover,
.legal-page .legal-document-meta a:focus-visible,
.legal-page .legal-document-meta a:active{
  color:#104e8b;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Footer wie in der Programmierung: keine Unterboxen, kein Zusatztext, nur PDF-Icon und Stammdaten. */
.legal-page .legal-document-footer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
  gap:36px !important;
  align-items:center !important;
  margin-top:22px !important;
  padding:24px 0 0 !important;
  border:0 !important;
  border-top:1px solid #d9e4ef !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.legal-page .legal-document-footer > *{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.legal-page .legal-pdf-download{
  justify-self:center !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#e63946 !important;
  line-height:0 !important;
  text-decoration:none !important;
  transform:none !important;
}
.legal-page .legal-pdf-download::before,
.legal-page .legal-pdf-download::after{
  display:none !important;
  content:none !important;
}
.legal-page .legal-pdf-download-copy,
.legal-page .legal-pdf-download > small,
.legal-page .legal-pdf-download > strong,
.legal-page .legal-pdf-download > span:not(.legal-pdf-icon){
  display:none !important;
}
.legal-page .legal-pdf-icon{
  display:block !important;
  width:80px !important;
  height:80px !important;
  margin:0 !important;
  line-height:0 !important;
}
.legal-page .legal-pdf-icon svg{
  display:block !important;
  width:80px !important;
  height:80px !important;
  overflow:visible;
}
.legal-page .legal-pdf-download:hover,
.legal-page .legal-pdf-download:focus-visible,
.legal-page .legal-pdf-download:active{
  color:#cf2634 !important;
  text-decoration:none !important;
  transform:none !important;
}

.legal-page .legal-document-date{
  justify-self:end !important;
  align-self:center !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
}
.legal-page .legal-document-date > strong{
  display:block;
  margin:0 0 14px !important;
  color:#104e8b;
  font-size:20px !important;
  font-weight:900;
  line-height:1.2 !important;
}

/* Jede Metazeile ist ein eigenes Grid. Dadurch stehen die Doppelpunkte direkt in der jeweiligen Zeile
   und es entstehen keine leeren Zwischenzeilen oberhalb von „Unternehmen“. */
.legal-page .legal-document-meta{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}
.legal-page .legal-document-meta > div{
  display:grid !important;
  grid-template-columns:126px 12px minmax(0,1fr) !important;
  column-gap:10px !important;
  align-items:start !important;
}
.legal-page .legal-document-meta > div::before{
  content:":" !important;
  display:block !important;
  grid-column:2 !important;
  grid-row:1 !important;
  color:#829ab1;
}
.legal-page .legal-document-meta dt,
.legal-page .legal-document-meta dd{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.4 !important;
}
.legal-page .legal-document-meta dt{
  grid-column:1 !important;
  grid-row:1 !important;
  color:#104e8b;
  font-weight:800;
}
.legal-page .legal-document-meta dd{
  grid-column:3 !important;
  grid-row:1 !important;
  color:#334e68;
}

@media(max-width:900px){
  .legal-page .legal-document-footer{
    grid-template-columns:minmax(0,1fr) minmax(270px,330px) !important;
    gap:24px !important;
  }
}
@media(max-width:760px){
  .legal-page .legal-page-heading{
    margin-bottom:10px;
  }
  .legal-page .legal-page-updated{
    margin-top:3px;
    font-size:11px;
  }
  .legal-page .legal-document-head{
    min-height:34px;
    margin-bottom:6px;
  }
  .legal-page .legal-document-logo{
    position:absolute;
    top:0;
    right:0;
    margin:0;
  }
  .legal-page .legal-document-logo img{
    width:100px;
  }
  .legal-page .legal-document-footer{
    grid-template-columns:1fr !important;
    gap:16px !important;
    justify-items:start !important;
  }
  .legal-page .legal-pdf-download,
  .legal-page .legal-document-date{
    justify-self:start !important;
  }
  .legal-page .legal-pdf-icon,
  .legal-page .legal-pdf-icon svg{
    width:72px !important;
    height:72px !important;
  }
  .legal-page .legal-document-date > strong{
    margin-bottom:12px !important;
    font-size:18px !important;
  }
  .legal-page .legal-document-meta{
    gap:7px !important;
  }
  .legal-page .legal-document-meta > div{
    grid-template-columns:88px 10px minmax(0,1fr) !important;
    column-gap:8px !important;
  }
  .legal-page .legal-document-meta dt,
  .legal-page .legal-document-meta dd{
    font-size:12px !important;
  }
}


/* Quellenverzeichnis: Box im gleichen Blau-Grau wie der Rechtstext. */
.legal-page .legal-sources-card{
  background:#f4f7fb;
}

/* Smartphone bis einschließlich 400px: die Eyebrow-Boxen der vier
   Produktseiten vollständig entfernen. Die Überschriften rücken ohne
   reservierten Leerraum direkt nach oben. */
@media (max-width:400px){
  body.home-page .hero-copy > .eyebrow,
  body.lead-manager-page .hero-copy > .eyebrow,
  body.features-page .hero-copy > .eyebrow,
  .price-hero .hero-copy > .eyebrow,
  body.home-page .final-copy > .final-eyebrow,
  body.lead-manager-page .final-copy > .final-eyebrow,
  body.features-page .final-copy > .final-eyebrow{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    height:0 !important;
    min-height:0 !important;
  }

  body.home-page .hero,
  body.lead-manager-page .hero,
  body.features-page .hero,
  .price-hero{
    padding-top:92px !important;
  }

  body.home-page .hero-copy > h1,
  body.lead-manager-page .hero-copy > h1,
  body.features-page .hero-copy > h1,
  .price-hero .hero-copy > h1,
  body.home-page .final-copy > h2,
  body.lead-manager-page .final-copy > h2,
  body.features-page .final-copy > h2{
    margin-top:0 !important;
  }
}


/* Hero-Callouts: Überschrift klarer hervorheben, Unterzeile leicht vergrößern. */
.hero .float-card b{
  font-size:12.5px !important;
  line-height:1.2 !important;
}

.hero .float-card small{
  font-size:9.75px !important;
  line-height:1.3 !important;
}

/* Akquise Manager: keinen gelben Zwischenraum zwischen Abschluss und finalem CTA. */
body.home-page #gespraech.section-block{
  padding-bottom:0 !important;
}

body.home-page #gespraech .phase-overview-box{
  padding-bottom:0 !important;
}


/* Hamburger-Menü: Text navigiert, nur der Pfeil steuert das Untermenü. */
@media (max-width:860px){
  .mobile-nav-panel .nav-dropdown{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
    width:100%;
  }

  .mobile-nav-panel .nav-dropdown > .nav-dropdown-trigger{
    grid-column:1;
    grid-row:1;
    min-width:0;
  }

  .mobile-nav-panel .mobile-nav-submenu-toggle{
    appearance:none;
    grid-column:2;
    grid-row:1;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    margin:0;
    padding:0;
    border:0;
    border-radius:10px;
    color:rgba(255,255,255,.78);
    background:transparent;
    cursor:pointer;
  }

  .mobile-nav-panel .mobile-nav-submenu-toggle:hover,
  .mobile-nav-panel .mobile-nav-submenu-toggle:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.08);
    outline:none;
  }

  .mobile-nav-panel .mobile-nav-submenu-toggle .nav-dropdown-arrow{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    transform:translateY(-1px);
    transform-origin:50% 50%;
    transition:transform .18s ease;
  }

  .mobile-nav-panel .mobile-nav-submenu-toggle .nav-dropdown-arrow svg{
    width:14px;
    height:14px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-nav-panel .nav-dropdown.is-mobile-submenu-open .mobile-nav-submenu-toggle .nav-dropdown-arrow{
    transform:translateY(-1px) rotate(180deg) !important;
  }

  .mobile-nav-panel .nav-dropdown > .nav-dropdown-menu{
    grid-column:1 / -1;
    grid-row:2;
  }
}

/* Hamburger-Menü: geöffneter oder aktuell gewählter Dropdown-Kopf vollständig gold umranden. */
@media (max-width:860px){
  .mobile-nav-panel .nav-dropdown.is-mobile-submenu-open > .nav-dropdown-trigger,
  .mobile-nav-panel .nav-dropdown > .nav-dropdown-trigger.nav-current{
    border-color:var(--gold) !important;
    border-right-color:transparent !important;
    border-radius:10px 0 0 10px !important;
    background:rgba(198,154,87,.08);
  }

  .mobile-nav-panel .nav-dropdown.is-mobile-submenu-open > .mobile-nav-submenu-toggle,
  .mobile-nav-panel .nav-dropdown > .nav-dropdown-trigger.nav-current + .mobile-nav-submenu-toggle{
    border:1px solid var(--gold) !important;
    border-left:0 !important;
    border-radius:0 10px 10px 0 !important;
    background:rgba(198,154,87,.08);
    color:#fff;
  }
}

/* Funktionen & Extras – Smartphone bis 400px:
   Nur die Nummern-Boxen der Zugangsvarianten zentrieren.
   Die Texte bleiben linksbündig. Beim Rejection Tracker erhält die
   Dreier-Auflistung links denselben goldenen Strich wie die anderen Listen. */
@media (max-width:400px){
  .features-page #team .section-head,
  .features-page #team .section-head h2,
  .features-page #team .section-head p{
    text-align:left !important;
  }

  .features-page #team .team-step{
    margin-left:0;
    margin-right:0;
  }

  .features-page #team .team-option-card,
  .features-page #team .team-option-card h3,
  .features-page #team .team-option-card p{
    text-align:left;
  }

  .features-page #team .team-card-cta{
    text-align:right !important;
  }

  .features-page #team .team-quote,
  .features-page #team .team-quote p{
    text-align:left !important;
    justify-content:flex-start;
  }

  .features-page #rejection-tracker .rejection-detail-rail{
    position:relative;
    padding-left:20px !important;
    border-left:0 !important;
  }

  .features-page #rejection-tracker .rejection-detail-rail::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg,#e9d4b0 0%,#c69a57 52%,#b88946 100%);
    box-shadow:0 0 0 1px rgba(198,154,87,.08);
  }
}