@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#08469e;--navy:#082b59;--ink:#10294b;--muted:#536985;--bg:#f4f7fb;--line:#dce5f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:0}.hero{height:540px;position:relative;color:white;background:#102d51;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('header.jpg');background-position:center 41%;background-size:cover;filter:saturate(.95)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,53,.89) 0%,rgba(4,27,61,.55) 48%,rgba(4,25,55,.18) 100%),linear-gradient(0deg,rgba(3,24,53,.65),transparent 65%)}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-top:22px}.brand{display:flex;flex-direction:column;align-items:center;line-height:.85;text-shadow:0 2px 4px #052449}.brand-mark{font:800 68px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-5px;color:#fff;-webkit-text-stroke:1px #fff}.road{font-size:55px;color:#26bc9e;-webkit-text-stroke:0;margin:0 -4px}.brand small{font-size:14px;font-weight:800;letter-spacing:-.5px}.navlinks{display:flex;gap:36px;align-items:center}.navlinks a{font-weight:800;font-size:17px;text-shadow:0 1px 3px #0c294b}.navlinks a:hover,.navlinks a:focus-visible{color:#b7d7ff}.menu-toggle{display:none}.hero-copy{position:relative;z-index:1;padding-top:128px}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#c6e2ff}.eyebrow.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,Arial,sans-serif;line-height:1.03}h1{font-size:clamp(45px,6.2vw,82px);text-transform:uppercase;margin:12px 0}h2{font-size:clamp(36px,4vw,52px);margin:12px 0 18px}h3{font-size:19px;margin-bottom:8px}.hero-copy p{text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:15px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:15px 23px;border-radius:6px;font-weight:800;border:0;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:white;color:var(--blue);margin-top:18px}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:#06367c}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:34px 0}.benefits article{padding:8px}.benefits h2{font:800 17px Inter,Arial,sans-serif;margin:12px 0 6px}.benefits p{font-size:13px;color:var(--muted);margin:0}.benefit-icon{font-size:38px;line-height:1;color:var(--blue)}.request-band{padding:75px 0;background:linear-gradient(125deg,rgba(8,54,113,.92),rgba(19,86,160,.55)),linear-gradient(20deg,#9cbdd7,#edf5ff 65%,#6b9b70)}.request-layout{background:white;border-radius:15px;box-shadow:0 20px 60px #052c5570;padding:42px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.request-intro p{color:var(--muted);max-width:380px}.fine{font-size:13px}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{min-width:0}.field.full,.request-form>.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.field b{color:#bb3344}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#f7f9fc;border-radius:6px;padding:12px;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #5c9fea;outline-offset:1px}.request-form .btn{width:100%}.form-note{font-size:11px;color:var(--muted);margin:10px 0 0}.section{padding:80px 0}.section-heading{text-align:center;max-width:710px;margin:0 auto 38px}.section-heading p{color:var(--muted)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #11375a0d}.service-visual{height:125px;display:grid;place-items:center;color:#fff;font-size:65px;font-weight:800}.v1{background:linear-gradient(130deg,#0b3a73,#58a4d3)}.v2{background:linear-gradient(130deg,#243b54,#8eabbc)}.v3{background:linear-gradient(130deg,#115b96,#99bedb)}.v4{background:linear-gradient(130deg,#06316c,#3f82bd)}.service h3,.service p{padding:0 18px}.service h3{margin-top:20px}.service p{font-size:13px;color:var(--muted);padding-bottom:20px}.steps{background:linear-gradient(110deg,#061d3a,#084681);color:white;padding:65px 0}.steps .section-heading{margin-bottom:35px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}.step-grid article>span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:white;color:var(--blue);font-weight:800;margin:0 auto 18px}.step-grid p{font-size:13px;color:#d5e5f7}.pricing{display:flex;align-items:center;justify-content:space-between;gap:50px}.pricing>div{max-width:730px}.pricing p{color:var(--muted)}.pricing .btn{flex-shrink:0}.contact{background:#0b438d;color:#fff;padding:55px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact p{max-width:650px;color:#dbe9fa}footer{background:#061f40;color:#bed0e5;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:23px 0}.footer-inner div{display:flex;gap:22px}footer a:hover{text-decoration:underline}@media(max-width:850px){.hero{height:520px}.hero-copy{padding-top:125px}.navlinks{gap:18px}.request-layout{grid-template-columns:1fr;gap:20px}.services{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.wrap{width:min(100% - 30px,1160px)}.hero{height:560px}.hero-photo{background-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(3,24,53,.92),rgba(3,24,53,.38)),linear-gradient(0deg,rgba(3,24,53,.7),transparent)}.brand-mark{font-size:52px}.road{font-size:44px}.brand small{font-size:11px}.menu-toggle{display:block;background:#fff;color:var(--blue);border:0;border-radius:5px;font-size:23px;padding:5px 12px}.navlinks{display:none;position:absolute;right:0;top:85px;flex-direction:column;align-items:stretch;gap:0;background:white;color:var(--navy);min-width:185px;border-radius:8px;box-shadow:0 12px 35px #0005}.navlinks.open{display:flex}.navlinks a{padding:13px 18px;text-shadow:none}.hero-copy{padding-top:150px}.hero-copy p{font-size:12px}.benefits{gap:10px}.benefits article{padding:6px}.request-band{padding:35px 0}.request-layout{padding:25px 20px}.request-form{grid-template-columns:1fr}.field{grid-column:1/-1}.services{grid-template-columns:1fr 1fr;gap:10px}.service-visual{height:95px}.service h3{font-size:15px}.service p{font-size:12px}.section{padding:55px 0}.pricing,.contact-inner{flex-direction:column;align-items:flex-start;gap:12px}.step-grid{gap:20px}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Designabgleich mit der freigegebenen Landingpage-Vorlage */
:root{--blue:#0646a5;--navy:#072b59}body{background:#fff}.hero{height:380px}.hero-photo{background-position:center 48%}.hero-shade{background:linear-gradient(0deg,rgba(1,15,34,.74) 0%,transparent 57%),linear-gradient(90deg,rgba(2,19,39,.25),transparent 65%)}.nav{padding-top:13px}.brand{filter:drop-shadow(0 2px 2px #052449)}.brand-mark{font-size:96px;line-height:.86;color:#0646a5;-webkit-text-stroke:2px white;text-shadow:3px 3px 0 #062f69;letter-spacing:-7px}.brand .road{font-size:77px;color:#14ae89;-webkit-text-stroke:1px white;text-shadow:none}.brand small{font-size:19px;color:#0646a5;-webkit-text-stroke:.7px white;text-shadow:1px 2px 0 #fff}.navlinks{align-self:flex-start;gap:42px;margin-top:12px}.navlinks a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;font-weight:800;color:#0646a5;-webkit-text-stroke:1px white;text-shadow:2px 2px 0 white,3px 3px 2px #071d39}.hero-copy{padding-top:105px}.hero-copy .eyebrow{color:#fff;font-size:16px;letter-spacing:.1em}.hero-copy h1{font-size:clamp(36px,5vw,55px);margin:6px 0 5px}.hero-copy p{font-size:17px;margin:0}.benefits{padding:22px 0;gap:35px}.benefits article{padding:3px 10px}.benefits h2{font-size:17px}.benefit-icon{font-size:42px}.request-band{padding:22px 0;background:linear-gradient(0deg,rgba(208,223,240,.65),rgba(238,245,253,.2)),url('road-landscape.svg') center/cover}.request-layout{grid-template-columns:1fr 1fr;gap:42px;padding:33px 38px;border-radius:13px;box-shadow:0 12px 35px #0d3b6b33}.request-intro h2{font-size:clamp(38px,4vw,51px);color:#0646a5;line-height:.99;margin:0 0 24px}.request-intro p{font-size:15px;line-height:1.65}.request-form{gap:10px 12px}.request-form .field label{font-size:11px}.request-form .field input,.request-form .field select,.request-form .field textarea{background:#f2f6fb;padding:10px}.request-form .btn{padding:13px}.section{padding:45px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:40px}.services{gap:17px}.service{text-align:center;background:linear-gradient(#fff,#f4f7fc)}.service-visual{height:120px;background-size:cover;background-position:center}.service-visual.v1{background-image:url('service-car.svg')}.service-visual.v2{background-image:url('service-fleet.svg')}.service-visual.v3{background-image:url('service-calendar.svg')}.service-visual.v4{background-image:url('service-handover.svg')}.service h3{font-size:16px}.steps{background:linear-gradient(100deg,rgba(3,37,79,.94),rgba(3,38,82,.91)),url('road-landscape.svg') center/cover}.steps .section-heading h2{font-size:40px}.step-grid article>span{width:55px;height:55px}.pricing{padding:55px 0}
@media(max-width:850px){.hero{height:420px}.navlinks{gap:15px}.navlinks a{font-size:25px}.brand-mark{font-size:75px}.brand .road{font-size:60px}.brand small{font-size:15px}.hero-copy{padding-top:135px}.request-layout{grid-template-columns:1fr}}
@media(max-width:580px){.hero{height:480px}.hero-photo{background-position:53% center}.brand-mark{font-size:58px}.brand .road{font-size:47px}.brand small{font-size:12px}.navlinks{margin-top:0}.navlinks a{font-size:24px;color:#0646a5}.hero-copy{padding-top:160px}.hero-copy h1{font-size:43px;overflow-wrap:anywhere}.hero-copy .eyebrow{font-size:13px}.hero-copy p{font-size:12px}.benefits{gap:12px}.request-layout{padding:26px 20px}.request-intro h2{font-size:39px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.service-visual{height:100px}}

/* V3: Eigenständiges Headerfoto, echtes SVG-Logo, CSS-Navigation. */
.hero{height:clamp(390px,44vw,570px);background:#102d51}
.hero-photo{background-image:url('header-clean.webp');background-position:center center;background-size:cover;filter:none}
.nav{padding-top:14px;align-items:flex-start}
.brand{display:block;line-height:1;text-shadow:none;flex-shrink:0}
.brand img{display:block;width:clamp(175px,22vw,260px);height:auto;filter:drop-shadow(0 1px 2px #001c4166)}
.navlinks{padding-top:18px;gap:clamp(15px,3vw,46px)}
.navlinks a{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:clamp(23px,2.6vw,34px);font-weight:800;color:#06469c;-webkit-text-stroke:1px #fff;paint-order:stroke fill;text-shadow:2px 2px 0 white,-2px -2px 0 white,0 2px 3px #001c41aa;transition:color .2s}
.navlinks a:hover,.navlinks a:focus-visible{color:#0076d8}
.hero-copy{padding-top:clamp(70px,12vw,165px);text-shadow:0 2px 5px #00142e}
.hero-copy h1{font-size:clamp(39px,5.5vw,75px);max-width:850px;margin:7px 0 8px}
.hero-copy .eyebrow{color:white;font-size:clamp(12px,1.4vw,18px);letter-spacing:.06em}
.hero-copy p{font-size:clamp(12px,1.6vw,18px);margin:0}
@media(max-width:750px){.hero{height:470px}.hero-photo{background-position:52% center}.navlinks{gap:15px;padding-top:12px}.navlinks a{font-size:22px}.hero-copy{padding-top:155px}.hero-copy h1{font-size:clamp(39px,7vw,59px)}}
@media(max-width:580px){.hero{height:490px}.hero-photo{background-position:51% center}.nav{align-items:flex-start}.brand img{width:180px}.menu-toggle{display:block;margin-top:9px}.navlinks{top:91px;gap:0;padding:7px 0;background:#fff}.navlinks a{font-family:Inter,Arial,sans-serif;font-size:17px;color:#073b83;text-shadow:none;-webkit-text-stroke:0}.hero-copy{padding-top:170px}.hero-copy h1{font-size:clamp(39px,10vw,58px)}.hero-copy p{font-size:12px}}

/* V4: Alle Hintergrundgrafiken sind eigenständige Assets, keine Mockup-Ausschnitte. */
.request-band{background-image:linear-gradient(0deg,rgba(224,237,248,.45),rgba(235,244,251,.22)),url("road-landscape.svg")}
.steps{background-image:linear-gradient(100deg,rgba(3,37,79,.91),rgba(3,38,82,.88)),url("road-landscape.svg")}

/* V5 – echte, separat gespeicherte Fotografien; Layout bleibt echtes HTML/CSS */
.hero{height:clamp(340px,35vw,455px)}
.hero-photo{background-image:url('hero.webp');background-position:center 47%}
.hero-shade{background:linear-gradient(0deg,rgba(2,22,51,.80),rgba(3,26,55,.06) 67%),linear-gradient(90deg,rgba(3,27,58,.20),transparent 65%)}
.hero-copy{padding-top:clamp(65px,8vw,108px)}
.hero-copy h1{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(34px,4.7vw,59px);letter-spacing:-.035em}
.navlinks a{font-family:Inter,Arial,sans-serif;font-size:clamp(15px,1.5vw,19px);-webkit-text-stroke:0;text-shadow:0 1px 3px #0b2a53;color:white}
.navlinks a:hover{color:#b4f3e6}
.benefits{max-width:1180px;padding:22px 0}.benefits article:not(:last-child){border-right:1px solid #e2e8f0}
.benefit-icon{color:#0855ad}.benefits h2{color:#064a9f}
.request-band{padding:34px 0;background:linear-gradient(0deg,rgba(15,54,92,.16),rgba(212,230,244,.16)),url('road.webp') center 55%/cover}
.request-layout{box-shadow:0 16px 50px #062b5c4f}.request-intro h2{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(32px,3.4vw,44px);letter-spacing:-.04em;line-height:1.08}
.section-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:800;letter-spacing:-.035em}
.service-visual{height:155px;background-size:cover;background-position:center}
.service-visual.v1{background-image:url('service-1.webp')}.service-visual.v2{background-image:url('service-2.png')}.service-visual.v3{background-image:url('service-3.webp')}.service-visual.v4{background-image:url('service-4.webp')}
.service{position:relative}.service h3{color:#06469c}.service p{line-height:1.6}
.steps{background:linear-gradient(90deg,rgba(2,26,59,.90),rgba(3,37,80,.76)),url('road.webp') center/cover}
.steps .section-heading h2{font-family:Inter,Arial,sans-serif;font-size:35px}.step-grid article>span{box-shadow:0 2px 10px #001d3e44}
@media(max-width:750px){.hero{height:430px}.hero-copy{padding-top:155px}.service-visual{height:140px}}
@media(max-width:580px){.hero{height:470px}.hero-photo{background-position:55% center}.hero-copy{padding-top:174px}.hero-copy h1{font-size:clamp(32px,9vw,45px)}.navlinks a{color:#06469c;text-shadow:none}.benefits article:not(:last-child){border:0}.service-visual{height:120px}.request-band{background-position:center}.steps{background-position:center}}