:root{--ink:#173349;--soft:#547084;--blue:#17678e;--deep:#0c4567;--pale:#e7f3f8;--cloud:#f4f8fa;--line:#dce7ed;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}.container{width:min(1180px,calc(100% - 48px));margin:auto}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:10;width:100%;height:82px;color:#fff;border-bottom:1px solid rgba(255,255,255,.34)}.nav-wrap{width:min(1240px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:42px;height:42px;border-radius:0;box-shadow:none}.brand>span{display:flex;flex-direction:column;line-height:1.05;letter-spacing:-.025em}.brand strong{font-size:15px}.brand small{margin-top:5px;font-size:10px;letter-spacing:.04em;opacity:.78}.nav-links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.nav-links>a:not(.nav-cta){opacity:.92}.nav-links>a:not(.nav-cta):hover{opacity:1}.nav-cta{display:flex;align-items:center;gap:9px;padding:11px 14px 11px 17px;border-radius:8px;background:#fff;color:var(--deep)}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.menu-toggle{display:none;background:transparent;border:0;color:#fff}.menu-toggle span{display:block;width:20px;height:2px;margin:4px;background:#fff}.hero{position:relative;isolation:isolate;min-height:735px;padding:150px 0 110px;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-wash{position:absolute;z-index:-2;inset:0}.hero-image{background:url('hagelfahrzeug-hero.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-wash{z-index:-1;background:linear-gradient(90deg,rgba(8,52,76,.96),rgba(10,66,95,.87) 37%,rgba(12,63,90,.35) 64%,rgba(13,57,82,.12))}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(7,44,66,.36),transparent 44%)}.hail-pattern{position:absolute;z-index:-1;right:6.5%;top:84px;width:320px;height:250px;opacity:.19;transform:rotate(-14deg)}.hail-pattern i{position:absolute;width:8px;height:8px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,.07)}.hail-pattern i:nth-child(1){top:3%;left:10%}.hail-pattern i:nth-child(2){top:19%;left:43%}.hail-pattern i:nth-child(3){top:9%;right:12%}.hail-pattern i:nth-child(4){top:43%;left:21%}.hail-pattern i:nth-child(5){top:55%;left:57%}.hail-pattern i:nth-child(6){top:72%;left:6%}.hail-pattern i:nth-child(7){top:85%;left:46%}.hail-pattern i:nth-child(8){top:69%;right:4%}.hero-content{padding-right:36%}.eyebrow{display:inline-block;color:var(--blue);font:500 10px/1.2 monospace;text-transform:uppercase;letter-spacing:.12em}.eyebrow.light{color:#cbe8f5}.hero .eyebrow{margin-bottom:21px}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:22px;color:#fff;font-size:clamp(38px,4.25vw,65px);line-height:1.06;letter-spacing:-.052em}h1 em{font-family:Georgia,serif;font-weight:600;letter-spacing:-.06em}.hero-intro{max-width:630px;margin-bottom:32px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:13px 17px 13px 20px;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:1.3;font-weight:700;text-align:center;transition:transform .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.button:active{transform:scale(.97)}.button.white{background:#fff;color:var(--deep);box-shadow:0 8px 20px rgba(0,0,0,.13)}.button.outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65);color:#fff}.button.outline:hover{background:rgba(255,255,255,.18)}.button.blue{background:var(--blue);color:#fff}.button.blue:hover{background:var(--deep)}.estimate-note{max-width:520px;margin:24px 0 0;color:rgba(255,255,255,.66);font-size:11px}.price-panel{position:absolute;z-index:2;right:max(5.5%,calc((100% - 1180px)/2));bottom:-56px;width:355px;padding:20px 23px 18px;background:#fff;border-radius:10px;box-shadow:0 19px 42px rgba(25,64,85,.18);color:var(--ink)}.overline{display:block;margin-bottom:9px;color:#728a99;font:9px monospace;text-transform:uppercase;letter-spacing:.1em}.price-line{display:flex;align-items:baseline;gap:8px;padding-bottom:13px;border-bottom:1px solid #e5eef2}.price-line strong{color:var(--deep);font-size:27px;letter-spacing:-.06em}.price-line span{color:#567185;font-size:12px;font-weight:700}.price-details{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:13px;color:#4b687b;font-size:11px;font-weight:700}.section{padding:128px 0}.process-section{padding-top:150px}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}h2{color:var(--ink);font-size:clamp(30px,3.25vw,47px);line-height:1.13;letter-spacing:-.05em}.section-intro h2{margin:17px 0 18px}.section-intro>p,.center-intro p,.faq-intro p,.why-grid p{color:var(--soft);font-size:15px;line-height:1.75}.price-callout{display:flex;gap:12px;align-items:flex-start;margin-top:30px;padding:16px;background:var(--pale);border-radius:8px;color:var(--deep)}.price-callout>span{font-size:24px}.price-callout div{display:flex;flex-direction:column}.price-callout strong{font-size:14px}.price-callout small{margin-top:3px;color:#52758c;font-size:11px;line-height:1.5}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:65px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.process-list li>span{color:#8ba7b7;font:12px monospace;padding-top:5px}.process-list h3{margin-bottom:6px;font-size:16px;letter-spacing:-.025em}.process-list p{margin:0;color:var(--soft);font-size:13px;line-height:1.65}.process-footer{display:flex;align-items:center;gap:25px;margin-top:42px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:700}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.benefits-section{background:var(--cloud)}.center-intro{max-width:650px;margin:0 auto 49px;text-align:center}.center-intro h2{margin:15px 0}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.benefit-card{position:relative;min-height:225px;padding:24px 19px 20px;border:1px solid #e3edf1;border-radius:10px;background:#fff;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 16px 26px rgba(25,67,89,.09)}.benefit-card>b{position:absolute;right:16px;top:17px;color:#bdd0d9;font:10px monospace}.icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:39px;border-radius:50%;background:var(--pale);color:var(--blue);font-size:20px}.benefit-card h3{margin-bottom:9px;font-size:14px;line-height:1.32;letter-spacing:-.028em}.benefit-card p{margin:0;color:var(--soft);font-size:11px;line-height:1.65}.dealer-section{position:relative;overflow:hidden;padding:118px 0;background:var(--deep);color:#fff}.dealer-section:after{content:"";position:absolute;right:-400px;top:-310px;width:680px;height:680px;border:1px solid rgba(186,224,241,.18);border-radius:50%;box-shadow:0 0 0 58px rgba(186,224,241,.045),0 0 0 116px rgba(186,224,241,.027)}.dealer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:11%;align-items:center}.dealer-grid h2{max-width:630px;margin:17px 0 20px;color:#fff}.dealer-grid p{max-width:670px;color:#d1e6ef;font-size:15px;line-height:1.75}.dealer-grid .dealer-emphasis{margin-top:15px;color:#fff;font-weight:700}.dealer-grid .button{margin-top:11px}.placeholder-note{display:block;margin-top:13px;color:#9fc9da;font-size:10px}.dealer-card{padding:28px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 19px 44px rgba(0,0,0,.16)}.dealer-card-top{display:flex;justify-content:space-between;color:var(--blue);font:10px monospace;text-transform:uppercase;letter-spacing:.1em}.dealer-card-top b{font-size:24px}.dealer-card h3{margin:23px 0 19px;font-size:20px;line-height:1.2;letter-spacing:-.04em}.dealer-card ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.dealer-card li{color:#527084;font-size:12px;line-height:1.48}.dealer-card li:first-letter{color:var(--blue)}.dealer-card strong{color:var(--ink)}.dealer-sky{position:absolute;right:45%;top:-5px;width:280px;height:180px;opacity:.17}.dealer-sky i{position:absolute;width:7px;height:7px;background:#d4f1ff;border-radius:50%}.dealer-sky i:after{content:"";position:absolute;top:8px;left:3px;height:60px;border-left:1px solid rgba(213,241,255,.75);transform:rotate(16deg)}.dealer-sky i:nth-child(1){top:2px;left:10%}.dealer-sky i:nth-child(2){top:28px;left:32%}.dealer-sky i:nth-child(3){top:0;left:62%}.dealer-sky i:nth-child(4){top:56px;left:12%}.dealer-sky i:nth-child(5){top:48px;left:78%}.why-section{padding-block:117px}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.why-sign{display:grid;place-items:center;min-height:310px;border-radius:10px;background:linear-gradient(145deg,#e6f4f9,#c9e5ef)}.why-sign>div{display:grid;place-items:center;width:185px;aspect-ratio:1;border:10px solid #fff;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 15px 28px rgba(30,100,130,.22);transform:rotate(-6deg)}.why-sign span{margin-top:23px;font:italic 65px/.8 Georgia,serif;letter-spacing:-.12em}.why-sign small{margin-top:-28px;font:8px monospace;text-transform:uppercase;letter-spacing:.06em}.why-grid h2{max-width:620px;margin:16px 0 18px}.faq-section{background:#f6f9fa}.faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:11%;align-items:start}.faq-intro h2{margin:15px 0}.faq-list{border-top:1px solid #d5e2e7}.faq-list details{border-bottom:1px solid #d5e2e7}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{color:var(--blue);font-size:20px;transition:transform .18s var(--ease)}.faq-list details[open] summary b{transform:rotate(180deg)}.faq-list details p{max-width:660px;margin:-4px 32px 18px 0;color:var(--soft);font-size:13px;line-height:1.7}.final-cta{position:relative;overflow:hidden;padding:80px 0;background:linear-gradient(115deg,#155d84,#0d4261);color:#fff}.final-cta:before{content:"";position:absolute;left:-190px;bottom:-310px;width:480px;height:480px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.04),0 0 0 88px rgba(255,255,255,.025)}.final-content{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:48px}.final-content h2{max-width:680px;margin:14px 0;color:#fff;font-size:clamp(30px,3.2vw,46px)}.final-content p{max-width:600px;margin:0;color:#d4e9f2;font-size:14px}.final-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.final-actions .button{margin:0}.site-footer{background:#092d43;color:#b9d1dc}.footer-main{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-footer .brand img{box-shadow:none}.site-footer .brand strong{color:#fff}.site-footer p{margin:0;font-size:10px;line-height:1.65}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:10px;font-weight:700}.site-footer nav a:hover{color:#fff}@media(max-width:980px){.benefit-grid{grid-template-columns:repeat(3,1fr)}.dealer-grid{gap:6%}.why-grid,.faq-layout{gap:7%}}@media(max-width:760px){.container,.nav-wrap{width:min(100% - 32px,1180px)}.site-header{height:72px}.brand img{width:37px;height:37px}.brand strong{font-size:13px}.brand small{font-size:9px}.menu-toggle{position:relative;z-index:2;display:block;padding:8px}.nav-links{position:absolute;top:71px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:13px 16px 18px;border-bottom:1px solid #d8e6eb;background:rgba(255,255,255,.98);box-shadow:0 12px 24px rgba(10,43,60,.12);color:var(--ink)}.nav-links.open{display:flex;flex-direction:column}.nav-links>a:not(.nav-cta){padding:12px 3px}.nav-cta{justify-content:center;margin-top:6px;background:var(--blue);color:#fff}.hero{min-height:695px;padding:136px 0 151px;align-items:flex-start}.hero-image{background-position:61% center}.hero-wash{background:linear-gradient(90deg,rgba(8,52,76,.95),rgba(10,66,95,.81) 62%,rgba(9,54,78,.38))}.hero-content{padding:0}.hero .eyebrow{margin-bottom:17px}h1{font-size:clamp(36px,10vw,52px)}.hero-intro{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%;min-height:50px}.estimate-note{font-size:10px}.price-panel{right:16px;left:16px;bottom:-55px;width:auto}.price-details{gap:9px 14px}.process-section{padding-top:118px}.section{padding:80px 0}.section-grid,.dealer-grid,.why-grid,.faq-layout{grid-template-columns:1fr;gap:39px}.process-list li{grid-template-columns:45px 1fr}.process-footer{align-items:flex-start;flex-direction:column;gap:17px;margin-top:29px}.benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.benefit-card{min-height:190px;padding:18px 16px}.icon{width:39px;height:39px;margin-bottom:27px}.benefit-card h3{font-size:13px}.benefit-card p{font-size:10.5px}.dealer-section{padding:82px 0}.dealer-card{padding:23px}.why-section{padding:78px 0}.why-sign{min-height:240px}.why-sign>div{width:145px}.why-sign span{font-size:52px}.faq-list summary{padding:16px 0;font-size:13px}.final-cta{padding:73px 0}.final-content{align-items:flex-start;flex-direction:column;gap:28px}.final-actions{width:100%}.site-footer{padding:32px 0}.footer-main{min-height:0;align-items:flex-start;flex-direction:column;gap:19px}.site-footer nav{justify-content:flex-start;gap:11px 15px}}@media(max-width:390px){.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:auto}.icon{margin-bottom:17px}}

/* Originales C3-Logo im Bereich «Warum C3 Restwertbörse?» – unverändert und ohne Nachbildung */
.why-sign{padding:36px}
.why-sign>img{display:block;width:min(100%,238px);height:auto}

/* Preisblock darf kontrolliert in den folgenden Bereich überstehen. */
.hero{overflow:visible}

/* Lesbarkeits-Update: grössere Mindestschrift und fest eingebettetes Wetter-Symbol. */
body{font-size:17px}.eyebrow{font-size:11px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.weather-mark{width:21px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-links,.nav-cta{font-size:14px}.hero-intro{font-size:18px;max-width:670px}.button{font-size:14px}.estimate-note{font-size:12px}.overline{font-size:10px}.price-line span{font-size:13px}.price-details{font-size:12px}.section-intro>p,.center-intro p,.faq-intro p,.why-grid p{font-size:16px}.price-callout small{font-size:12px}.process-list h3{font-size:18px}.process-list p{font-size:15px}.text-link{font-size:13px}.benefit-card h3{font-size:15px}.benefit-card p{font-size:13px}.dealer-grid p{font-size:16px}.dealer-card li{font-size:13px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.final-content p{font-size:16px}.site-footer p,.site-footer nav{font-size:11px}@media(max-width:760px){body{font-size:16px}.hero-intro{font-size:16px}.estimate-note{font-size:11px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:12px}.faq-list summary{font-size:14px}}
