@import "tailwindcss";

:root { --ink:#040513; --green:#3f65c9; --paper:#f4f5f8; --muted:#8d94a3; --primary:#122372; --secondary:#00378b; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} em{color:var(--green);font-style:normal} main{overflow:hidden}
.topbar{height:86px;background:#101413;color:white;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);gap:48px;position:absolute;z-index:10;left:0;right:0;border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:12px}.brandMark{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#101413;font-weight:900;font-size:25px;transform:skew(-8deg)}.brand strong{display:block;font-size:22px;letter-spacing:.18em;line-height:1}.brand small{font-size:8px;letter-spacing:.18em;color:#c8ccca}.topbar nav{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#d5d7d6}.topbar nav a:hover{color:var(--green)}.headerCta{background:var(--green);color:#101413;padding:15px 20px;font-weight:800;font-size:13px}.headerCta span{margin-left:18px}
.hero{min-height:760px;background:#101413;color:white;position:relative;padding:190px clamp(24px,8vw,130px) 100px}.heroGrid{position:absolute;inset:0;background-image:linear-gradient(#fff0 97%,#ffffff08 97%),linear-gradient(90deg,#fff0 97%,#ffffff08 97%);background-size:80px 80px;opacity:.8}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff10;border-radius:50%;right:1%;top:140px;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.heroContent{position:relative;z-index:2;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.27em;font-weight:800;color:#dfe3df;margin:0 0 28px;display:flex;align-items:center;gap:12px}.eyebrow i{width:34px;height:2px;background:var(--green);display:inline-block}.eyebrow.dark{color:#555b57}.hero h1,.section h2,.about h2,.contact h2{font-size:clamp(50px,7vw,100px);line-height:.93;letter-spacing:-.055em;margin:0;font-weight:900}.hero .lead{max-width:590px;color:#b8bdb9;line-height:1.7;font-size:17px;margin:32px 0}.heroActions{display:flex;gap:12px}.button{padding:17px 22px;font-size:13px;font-weight:800}.button.primary{background:var(--green);color:var(--ink)}.button.primary span{margin-left:36px}.button.ghost{border:1px solid #4f5451}.heroVisual{position:absolute;z-index:2;right:6vw;top:190px;color:#ffffff12;text-align:right}.heroVisual p{font-size:46px;font-weight:900;line-height:.85;letter-spacing:-.05em}.wheel{width:250px;height:250px;border-radius:50%;border:34px solid #242a27;display:grid;place-items:center;position:relative;margin-left:auto;box-shadow:0 0 0 2px #667069, inset 0 0 0 2px #667069}.wheel div{position:absolute;width:65%;height:65%;border:22px dashed #505852;border-radius:50%}.wheel span{color:var(--green);font-size:15px;font-weight:900;z-index:1}.trustBar{position:absolute;z-index:3;bottom:0;left:0;right:0;border-top:1px solid #ffffff19;display:flex;gap:7vw;padding:25px clamp(24px,8vw,130px);font-size:12px;color:#c3c7c4}.trustBar span::first-letter{color:var(--green)}
.section{padding:110px clamp(24px,8vw,130px)}.sectionHead{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end}.sectionHead h2,.hours h2{font-size:clamp(42px,5.2vw,76px)}.sectionHead h2 em,.hours h2 em{color:#7b817d}.sectionHead>p,.muted{color:#6b716d;line-height:1.75;max-width:480px}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #caccc7;border-left:1px solid #caccc7}.serviceGrid article{min-height:285px;padding:30px;border-right:1px solid #caccc7;border-bottom:1px solid #caccc7;transition:.25s}.serviceGrid article:hover{background:#101413;color:white;transform:translateY(-4px)}.serviceGrid article>span{font-size:11px;color:#7c827e}.serviceGrid h3{font-size:22px;margin:55px 0 15px}.serviceGrid p{font-size:14px;line-height:1.65;color:#707672}.serviceGrid article:hover p{color:#bbc0bc}.serviceGrid a{font-size:12px;font-weight:800;border-bottom:2px solid var(--green);padding-bottom:4px}
.about{background:#161b19;color:white;display:grid;grid-template-columns:1fr 1.1fr;min-height:660px}.aboutVisual{min-height:620px;background:radial-gradient(circle at 30% 35%,#3e4842 0,#202622 30%,#101412 70%);position:relative;display:flex;align-items:flex-end;padding:55px;overflow:hidden}.aboutVisual:before{content:"";width:340px;height:340px;border:65px solid #303833;border-radius:50%;position:absolute;left:13%;top:15%;box-shadow:0 0 0 3px #778179}.aboutVisual span{font-size:55px;font-weight:900;line-height:.82;color:#ffffff12;z-index:2}.bolt{position:absolute;color:var(--green);font-size:100px;left:37%;top:33%;z-index:2}.aboutCopy{padding:100px clamp(35px,7vw,110px)}.aboutCopy h2{font-size:clamp(42px,5vw,72px)}.aboutCopy>p:not(.eyebrow){color:#afb5b0;line-height:1.8;margin:35px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff22;margin-top:50px;padding-top:28px}.values div{display:flex;flex-direction:column;gap:20px}.values strong{color:var(--green);font-size:11px}.values span{font-size:13px;font-weight:700}
.hours{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.hoursCard{background:white;padding:42px;box-shadow:0 18px 45px #1419150d}.hoursCard>p{letter-spacing:.2em;font-size:11px;font-weight:800;border-bottom:3px solid var(--green);padding-bottom:18px}.hoursCard div{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #e5e6e1;font-size:14px}.hoursCard strong{font-size:13px}.hoursCard small{display:block;color:#777d79;margin-top:22px}
.contact{background:var(--green);padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact .eyebrow{color:#20241f}.contact .eyebrow i{background:#101413}.contact h2{font-size:clamp(42px,5vw,72px)}.contact h2 em{color:#626b52}.contact>div>p:last-child{line-height:1.7;max-width:480px}.contactItems{border-top:1px solid #1114}.contactItems>a,.contactItems>div{padding:24px 0;border-bottom:1px solid #1114;display:grid;grid-template-columns:1fr auto;position:relative}.contactItems small{grid-column:1/-1;font-size:9px;letter-spacing:.2em;margin-bottom:8px}.contactItems strong{font-size:17px}.contactItems span{font-size:22px}
footer{background:#101413;color:#b8bcb9;padding:65px clamp(24px,8vw,130px) 35px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.footerBrand{color:white}.footerBrand+p{font-size:13px}.footerBrand~div{display:flex;gap:26px;font-size:12px;justify-self:end}footer>small{justify-self:end;font-size:10px}.mobileCta{display:none}
.legal{min-height:100vh;background:var(--paper)}.legalHeader{background:#101413;padding:24px clamp(24px,8vw,130px);color:white}.legalContent{max-width:850px;margin:auto;padding:80px 24px}.legalContent h1{font-size:clamp(45px,7vw,80px);letter-spacing:-.05em;margin:0 0 20px}.legalContent h2{font-size:20px;margin-top:40px}.legalContent p,.legalContent li{line-height:1.7;color:#5f6561}.notice{border-left:4px solid var(--green);background:white;padding:18px 22px;margin:30px 0}
@media(max-width:980px){.topbar nav{display:none}.topbar{height:74px}.headerCta{margin-left:auto}.hero{padding-top:155px;min-height:720px}.heroVisual{opacity:.35;right:-80px;top:250px}.sectionHead,.about,.hours,.contact{grid-template-columns:1fr}.aboutVisual{min-height:430px}.sectionHead{gap:25px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.contact{gap:50px}}
@media(max-width:620px){body{padding-bottom:62px}.topbar{padding:0 20px}.headerCta{display:none}.hero{padding:145px 22px 95px}.hero h1{font-size:52px}.hero .lead{font-size:15px}.heroActions{flex-direction:column;align-items:stretch;text-align:center}.heroVisual{display:none}.trustBar{padding:20px 22px;gap:15px;overflow:auto}.trustBar span{min-width:max-content}.section{padding:80px 22px}.serviceGrid{grid-template-columns:1fr;margin-top:45px}.serviceGrid article{min-height:245px}.aboutVisual{min-height:360px;padding:30px}.aboutVisual:before{width:260px;height:260px;left:5%;border-width:50px}.aboutCopy{padding:70px 22px}.hours{gap:35px}.hoursCard{padding:28px 22px}.contact{padding:75px 22px}.contactItems strong{font-size:15px;overflow-wrap:anywhere}footer{grid-template-columns:1fr;padding:55px 22px 30px}.footerBrand~div,footer>small{justify-self:start}.mobileCta{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;height:62px;background:var(--green);color:#101413;align-items:center;justify-content:center;gap:30px;font-weight:900;font-size:14px;border-top:1px solid #101413}.brand strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.trustBar{scrollbar-width:none}.trustBar::-webkit-scrollbar{display:none}
.logoCrop{display:block;width:42px;height:44px;overflow:hidden;position:relative;flex:0 0 42px}.logoCrop img{position:absolute;width:220px;max-width:none;left:-45px;top:-64px}.brandMark{background:var(--primary)}
.headerCta,.button.primary,.mobileCta{background:var(--primary);color:white}.eyebrow i,.hoursCard>p{background:var(--secondary)}.hero h1 em,.about h2 em{color:#6f91ed}.sectionHead h2 em,.hours h2 em{color:var(--primary)}
.heroVisual{width:540px;height:430px;overflow:hidden;top:150px;right:2vw}.heroLogoArt{position:absolute;width:620px;max-width:none;top:-155px;left:-35px;filter:drop-shadow(0 24px 25px #0009)}
.serviceGrid article:hover{background:var(--primary)}.serviceGrid a{border-bottom-color:var(--secondary)}.about{background:var(--ink)}.aboutVisual{background:radial-gradient(circle at 30% 35%,#253576 0,#111944 34%,#040513 72%)}
.contact{background:var(--primary);color:white}.contact .eyebrow{color:#dce4ff}.contact .eyebrow i{background:white}.contact h2 em{color:#8fabff}.contactItems{border-top-color:#fff4}.contactItems>a,.contactItems>div{border-bottom-color:#fff4}
.notice{border-left-color:var(--secondary)}
@media(max-width:980px){.heroVisual{right:-140px;opacity:.32}}
.brandLogo{display:block;width:190px;height:auto}.topbar{background:linear-gradient(180deg,#040513e8,#0405138f 72%,transparent);border:0;height:102px}.topbar nav{margin-left:auto}.hero{min-height:850px;padding-top:220px;isolation:isolate}.heroPhoto{position:absolute;inset:0;background-image:linear-gradient(90deg,#040513 0%,#040513f0 23%,#04051370 56%,#04051320 100%),linear-gradient(0deg,#040513c7 0%,transparent 45%),url('/nebs-workshop-hero.png');background-size:cover;background-position:center;z-index:-2;animation:heroBreath 16s ease-in-out infinite alternate}.heroGrid{z-index:-1;opacity:.45}.hero:after{display:none}.heroContent{animation:heroEnter .9s cubic-bezier(.2,.8,.2,1) both}.hero .lead{color:#e1e5ee}.headerCta{box-shadow:0 12px 40px #12237266}.trustBar{background:#0405139c;backdrop-filter:blur(14px)}
.brandMotion{background:#fff;padding:34px 0 40px;border-bottom:1px solid #dfe2ea;overflow:hidden}.brandMotion>p{text-align:center;font-size:10px;letter-spacing:.32em;color:#7b8291;font-weight:800;margin:0 0 24px}.ticker{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);margin:10px 0}.tickerTrack{display:flex;width:max-content;gap:64px;align-items:center;animation:tickerLeft 30s linear infinite}.ticker.reverse .tickerTrack{animation-name:tickerRight;animation-duration:34s}.ticker span{font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.04em;color:#122372;white-space:nowrap;opacity:.82}.ticker.reverse span{font-size:17px;color:#040513;opacity:.52;letter-spacing:.02em}
.serviceGrid{grid-template-columns:repeat(4,1fr)}.serviceGrid article{position:relative;overflow:hidden;min-height:310px}.serviceGrid article:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #12237212;border-radius:50%;right:-70px;top:-65px;transition:.35s}.serviceGrid article:hover:before{transform:scale(1.5);border-color:#ffffff16}.serviceIcon{width:46px;height:46px;border:1px solid #12237233;color:#122372;display:grid;place-items:center;font-size:17px;font-weight:900;margin-bottom:28px}.serviceGrid article:hover .serviceIcon{border-color:#ffffff50;color:white}.serviceGrid h3{margin:16px 0 15px}.serviceGrid article>span{position:absolute;right:28px;top:32px}
.aboutVisual{align-items:flex-end;background-image:linear-gradient(0deg,#040513e8 0%,#04051318 64%),linear-gradient(90deg,#12237240,transparent 55%),url('/nebs-workshop-hero.png');background-size:cover;background-position:72% center;padding:48px}.aboutVisual:before{display:none}.aboutVisual:after{content:"";position:absolute;inset:0;border:1px solid #ffffff12;pointer-events:none}.masterBadge{position:relative;z-index:2;width:164px;height:164px;border:1px solid #ffffff55;border-radius:50%;background:#040513b8;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 50px #0007}.masterBadge strong{font-size:38px;line-height:1;color:#fff;font-style:italic}.masterBadge span{font-size:12px;line-height:1.25;letter-spacing:.17em;color:#91aaf3;margin-top:8px;font-weight:900}.aboutVisual>p{position:absolute;z-index:2;right:42px;bottom:48px;margin:0;font-size:11px;letter-spacing:.22em;color:#fff;font-weight:800;writing-mode:vertical-rl;transform:rotate(180deg)}
@keyframes tickerLeft{to{transform:translateX(-50%)}}@keyframes tickerRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes heroBreath{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.serviceGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brandLogo{width:150px}.topbar{height:82px}.hero{min-height:780px;padding-top:165px}.heroPhoto{background-image:linear-gradient(90deg,#040513f5 0%,#040513dc 58%,#0405137a 100%),linear-gradient(0deg,#040513dc 0%,transparent 48%),url('/nebs-workshop-hero.png');background-position:64% center}.brandMotion{padding:27px 0 32px}.tickerTrack{gap:42px}.ticker span{font-size:18px}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{min-height:280px}.aboutVisual{min-height:430px;padding:28px;background-position:67% center}.masterBadge{width:130px;height:130px}.masterBadge strong{font-size:31px}.aboutVisual>p{right:24px;bottom:28px}}
@media(prefers-reduced-motion:reduce){.heroPhoto,.heroContent,.tickerTrack{animation:none!important}.ticker{overflow:auto}}
.logoRail{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 32px}.logoRail.partners{border-top:1px solid #eceef3;margin-top:18px;padding-top:28px}.companyLogo{height:70px;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.25s}.companyLogo:hover{transform:translateY(-4px)}.companyLogo img{width:50px;height:35px;object-fit:contain}.companyLogo span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7d8390;font-weight:800}.logoRail.partners .companyLogo img{width:58px;height:30px;opacity:.72}
.serviceGrid{grid-template-columns:repeat(3,1fr)}.serviceIcon{width:92px;height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 14px;gap:7px;border:0;border-left:4px solid var(--secondary);background:#fff;box-shadow:0 12px 28px #07113a0c}.serviceIcon b{font-size:28px;line-height:1;color:var(--primary)}.serviceIcon small{font-size:7px;letter-spacing:.13em;color:#676e7c;font-weight:900}.serviceGrid article:hover .serviceIcon{background:#ffffff12;border-left-color:#8eabff}.serviceGrid article:hover .serviceIcon b,.serviceGrid article:hover .serviceIcon small{color:#fff}
.emergency{background:linear-gradient(115deg,#00378b 0%,#122372 58%,#081044 100%);color:white;padding:78px clamp(24px,8vw,130px);display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center;position:relative;overflow:hidden}.emergency:after{content:"24H";position:absolute;right:-20px;bottom:-54px;font-size:180px;font-weight:900;color:#ffffff08;pointer-events:none}.towMark{width:120px;height:120px;border:1px solid #ffffff45;display:flex;align-items:baseline;justify-content:center;padding-top:28px;transform:skew(-5deg)}.towMark span{font-size:52px;font-weight:900}.towMark small{font-size:18px;font-weight:900;color:#9eb6ff}.emergencyCopy{position:relative;z-index:1}.emergencyCopy>p{font-size:9px;letter-spacing:.24em;font-weight:900;color:#b8c8f5;margin:0 0 16px}.emergency h2{font-size:clamp(38px,4.5vw,66px);line-height:.95;letter-spacing:-.05em;margin:0 0 22px}.emergency h2 em{color:#a8beff}.emergencyCopy>span{color:#d3dcf5;line-height:1.6}.emergency>a{position:relative;z-index:1;background:white;color:#081044;padding:24px 28px;min-width:250px;display:grid;grid-template-columns:1fr auto;box-shadow:0 18px 45px #0004}.emergency>a small{grid-column:1/-1;font-size:8px;letter-spacing:.2em;margin-bottom:8px}.emergency>a strong{font-size:19px}.emergency>a>span{font-size:24px}
.hoursCard>p{color:white;padding:18px 20px;margin:-42px -42px 22px;background:var(--secondary);border-bottom:4px solid #6f91ed}.masterBadge{width:180px;height:auto;min-height:126px;border-radius:0;align-items:flex-start;text-align:left;padding:26px 30px;border-left:5px solid #6f91ed}.masterBadge strong{font-size:42px}.masterBadge span{letter-spacing:.2em}
@media(max-width:980px){.serviceGrid{grid-template-columns:repeat(2,1fr)}.emergency{grid-template-columns:auto 1fr}.emergency>a{grid-column:1/-1;margin-left:168px;max-width:360px}.logoRail{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.companyLogo{min-width:120px}}
@media(max-width:620px){.serviceGrid{grid-template-columns:1fr}.serviceIcon{width:100px;height:86px}.emergency{grid-template-columns:1fr;padding:62px 22px;gap:26px}.towMark{width:94px;height:94px;padding-top:20px}.towMark span{font-size:44px}.emergency>a{grid-column:auto;margin-left:0;width:100%;min-width:0}.hoursCard>p{margin:-28px -22px 20px}.masterBadge{width:155px;min-height:108px;padding:22px 24px}.masterBadge strong{font-size:35px}.logoRail{padding-left:20px}.companyLogo{min-width:105px}}
.brandWordmark{min-width:118px;height:62px;display:flex;align-items:center;justify-content:center;color:#5f6673;font-weight:900;font-style:italic}.brandWordmark.liqui{background:linear-gradient(#174b99 0 50%,#e32b2b 50%);color:white;font-size:12px;line-height:.95;font-style:normal;letter-spacing:.04em;min-width:72px;height:48px}.brandWordmark.tyre{gap:9px;font-family:Georgia,serif;font-size:16px}.brandWordmark.tyre i{width:31px;height:31px;border:6px double #5f6673;border-radius:50%;display:block}.brandWordmark.michelin{font-size:15px;letter-spacing:-.05em;color:#134a91}
.brandWordmark.mercedes{flex-direction:column;gap:6px;color:#122372;font-style:normal}.brandWordmark.mercedes i{width:36px;height:36px;border:2px solid #122372;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1}.brandWordmark.mercedes span{font-size:8px;letter-spacing:.08em}
.logoViewport{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logoRail.moving,.logoRail.movingReverse{max-width:none;width:max-content;justify-content:flex-start;padding-left:0;padding-right:0;gap:0;will-change:transform}.logoSequence{display:flex;align-items:center;gap:70px;padding:0 35px;min-width:max-content}.logoRail.moving{animation:logoMoveLeft 26s linear infinite}.logoRail.movingReverse{animation:logoMoveRight 24s linear infinite}.logoViewport:hover .logoRail{animation-play-state:paused}
.emergency{background-image:linear-gradient(90deg,#040513f7 0%,#07113ed9 43%,#1223726b 72%,#0405134a 100%),url('/nebs-towing-night.png');background-size:cover;background-position:center right;min-height:470px}.emergency:after{color:#ffffff06}.emergencyCopy>span{max-width:570px;display:block}.towMark{background:#0405138c;backdrop-filter:blur(8px)}
.serviceIcon.tireIcon b{filter:none}.tireGraphic{display:block;width:46px;height:46px;border-radius:50%;position:relative;background:repeating-conic-gradient(#11162a 0 11deg,#7180a8 11deg 16deg);box-shadow:inset 0 0 0 3px #10162e,0 4px 10px #11162a26}.tireGraphic:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#fff;border:5px solid #28428f;left:50%;top:50%;transform:translate(-50%,-50%)}.tireGraphic:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#122372;left:50%;top:50%;transform:translate(-50%,-50%)}.serviceGrid article:hover .tireGraphic:before{background:#122372;border-color:#a9bcf3}.serviceGrid article:hover .tireGraphic:after{background:white}
@keyframes logoMoveLeft{to{transform:translateX(-50%)}}@keyframes logoMoveRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:620px){.logoSequence{gap:38px;padding:0 19px}.logoRail.moving{animation-duration:18s}.logoRail.movingReverse{animation-duration:17s}.emergency{background-image:linear-gradient(180deg,#040513d9 0%,#07113ef2 65%,#122372ec 100%),url('/nebs-towing-night.png');background-position:72% center;min-height:650px;padding-top:220px}}
@media(prefers-reduced-motion:reduce){.logoRail.moving,.logoRail.movingReverse{animation:none!important}}
.about{display:block;min-height:0}.aboutCopy{max-width:1180px;margin:0 auto;padding:110px clamp(24px,8vw,130px)}.aboutCopy>p:not(.eyebrow){max-width:760px}.values{max-width:760px}
.tireGraphic{width:30px;height:44px;border:3px solid var(--primary);border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 5px,var(--primary) 5px 7px);box-shadow:none}.tireGraphic:before{width:10px;height:30px;border:0;border-radius:6px;background:white}.tireGraphic:after{display:none}.serviceGrid article:hover .tireGraphic{border-color:white;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff 5px 7px)}.serviceGrid article:hover .tireGraphic:before{background:var(--primary);border:0}
@media(max-width:620px){.aboutCopy{padding:80px 22px}}
.emergency{background-image:linear-gradient(90deg,#040513f7 0%,#07113ee8 42%,#12237270 70%,#04051335 100%),url('/abschleppdienst.jpg');background-position:center 58%}
.tireSvg{display:block;width:42px;height:42px;object-fit:contain;filter:brightness(0) saturate(100%) invert(14%) sepia(65%) saturate(2530%) hue-rotate(218deg) brightness(79%) contrast(105%)}.serviceGrid article:hover .tireSvg{filter:brightness(0) invert(1)}
.companyLogo.mercedesLogo{min-width:120px}.companyLogo.mercedesLogo img{width:78px;height:58px;mix-blend-mode:multiply}.companyLogo.mercedesLogo:after{content:"Mercedes-Benz";font-size:8px;letter-spacing:.08em;color:#122372;font-weight:800}
.companyLogo.mercedesLogo:after{display:none}
.companyLogo.suppliedLogo{min-width:150px;height:70px}.companyLogo.suppliedLogo img{width:125px;height:52px;object-fit:contain;opacity:1}.companyLogo.liquiLogo img{width:78px;height:52px}.companyLogo.continentalLogo img{width:145px;height:64px}.companyLogo.michelinLogo img{width:132px;height:44px}
.companyLogo.continentalLogo{overflow:hidden}.companyLogo.continentalLogo img{width:180px;height:180px;max-width:none}.companyLogo.michelinLogo img{width:150px;height:58px}
.companyLogo.continentalLogo{min-width:220px}.companyLogo.continentalLogo img{width:260px;height:260px}.companyLogo.michelinLogo{min-width:190px}.companyLogo.michelinLogo img{width:190px;height:72px}
.logoRail.partners .companyLogo.continentalLogo img{width:260px;height:260px;max-width:none;opacity:1}.logoRail.partners .companyLogo.michelinLogo img{width:190px;height:72px;max-width:none;opacity:1}.logoRail.partners .companyLogo.liquiLogo img{width:78px;height:52px;opacity:1}
@media(max-width:620px){.companyLogo.suppliedLogo{min-width:125px}.companyLogo.suppliedLogo img{max-width:112px}.companyLogo.continentalLogo img{max-width:125px}}
@media(max-width:620px){.companyLogo.continentalLogo{min-width:175px}.companyLogo.continentalLogo img{width:210px;max-width:none;height:210px}.companyLogo.michelinLogo{min-width:155px}.companyLogo.michelinLogo img{width:155px;max-width:none;height:62px}}
@media(max-width:620px){.logoRail.partners .companyLogo.continentalLogo img{width:210px;height:210px}.logoRail.partners .companyLogo.michelinLogo img{width:155px;height:62px}}
.serviceIcon.tireIcon b{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:34px;filter:grayscale(1) contrast(2)}
.headerCta>span,.button.primary>span,.mobileCta>span{display:inline-grid;place-items:center;width:32px;height:32px;margin-left:18px;border:1px solid #ffffff70;background:#ffffff13;color:white;font-size:20px;line-height:1}.button.primary>span{margin-left:28px}.emergency>a>span{display:grid;place-items:center;width:38px;height:38px;background:var(--primary);color:white;font-size:24px}.contactItems>a>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff70;color:white;font-size:21px}

/* Einheitliche Partnerlogos */
.logoRail.partners .companyLogo{width:150px;min-width:150px;height:72px;overflow:visible}
.logoRail.partners .companyLogo img,
.logoRail.partners .companyLogo.suppliedLogo img,
.logoRail.partners .companyLogo.continentalLogo img,
.logoRail.partners .companyLogo.michelinLogo img,
.logoRail.partners .companyLogo.liquiLogo img{width:124px;height:48px;max-width:124px;max-height:48px;object-fit:contain;opacity:.82}
.logoRail.partners .companyLogo span{line-height:1}

/* Kontakt & Anfahrt */
.directions{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;background:#eef0f6;align-items:stretch}
.directionsIntro{display:flex;flex-direction:column;justify-content:center}
.directions h2{font-size:clamp(48px,5.5vw,78px);line-height:.93;letter-spacing:-.055em;margin:0}
.directions h2 em{color:var(--primary)}
.directionsIntro>p:not(.eyebrow){color:#676e7c;line-height:1.7;max-width:510px;margin:28px 0 34px}
.directionFacts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cbd0dc;border-left:1px solid #cbd0dc}
.directionFacts>a,.directionFacts>div{min-height:112px;padding:20px;border-right:1px solid #cbd0dc;border-bottom:1px solid #cbd0dc;display:flex;flex-direction:column;gap:9px;transition:.2s}
.directionFacts>a:hover{background:white}
.directionFacts small{font-size:8px;letter-spacing:.18em;color:#72798a;font-weight:900}
.directionFacts strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.routeButton{align-self:flex-start;margin-top:28px;background:var(--primary);color:white;padding:16px 20px;font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:38px}
.routeButton span{font-size:20px}
.mapFrame{min-height:650px;background:#07103d;position:relative;overflow:hidden;box-shadow:0 25px 60px #10184222}
.mapFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.6) contrast(1.05)}
.mapFrame:after{content:"";position:absolute;inset:0;border:1px solid #ffffff1c;pointer-events:none}
.mapConsent{position:absolute;inset:0;color:white;padding:clamp(38px,6vw,78px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 22%,#26469d 0,#122372 27%,#040513 76%);isolation:isolate}
.mapConsent:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#fff0 95%,#ffffff0b 95%),linear-gradient(90deg,#fff0 95%,#ffffff0b 95%);background-size:62px 62px}
.mapConsent .mapPin{width:68px;height:68px;border:1px solid #8fabff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;color:#8fabff;font-size:20px;margin-bottom:42px}
.mapConsent .mapPin::first-letter{transform:rotate(45deg)}
.mapConsent h3{font-size:clamp(30px,3vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0;max-width:480px}
.mapConsent>p:not(.eyebrow){color:#c3ccef;line-height:1.65;max-width:500px}
.mapConsent button{align-self:flex-start;border:0;background:#fff;color:#081044;padding:16px 20px;font-weight:900;margin:14px 0;cursor:pointer}
.mapConsent button span{margin-left:30px;font-size:18px}
.mapConsent>a{font-size:11px;color:#b5c4f4;text-decoration:underline}
.mapBadge{position:absolute;z-index:3;right:24px;bottom:24px;background:var(--primary);color:white;padding:14px 18px;display:flex;flex-direction:column;border-left:4px solid #8fabff;pointer-events:none}
.mapBadge strong{font-size:21px;font-style:italic}.mapBadge span{font-size:7px;letter-spacing:.2em}

/* Einwilligung */
.cookieBanner{position:fixed;z-index:100;left:24px;right:24px;bottom:24px;background:#040513;color:white;padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:0 24px 70px #0008;border-left:5px solid #6f91ed}
.cookieBanner strong{font-size:18px}.cookieBanner p{color:#c3c8d7;font-size:13px;line-height:1.55;margin:7px 0 0;max-width:670px}
.cookieActions{display:flex;align-items:center;gap:10px}.cookieActions button,.cookieActions a{border:1px solid #ffffff55;background:transparent;color:white;padding:12px 15px;font-size:11px;font-weight:800;cursor:pointer}.cookieActions .cookieAccept{background:#fff;color:#07103d}.cookieActions a{text-decoration:underline;border-color:transparent}
.consentPanel{background:white;border:1px solid #d8dbe4;padding:24px;margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.consentPanel p{margin:7px 0 0}.alwaysOn{font-size:11px;font-weight:900;color:var(--primary);white-space:nowrap}.toggle{width:58px;height:31px;border:0;border-radius:18px;background:#c7cbd4;padding:3px;cursor:pointer}.toggle span{display:block;width:25px;height:25px;border-radius:50%;background:white;transition:.2s}.toggle.active{background:var(--primary)}.toggle.active span{transform:translateX(27px)}.consentStatus{padding:14px 0}

@media(max-width:980px){.directions{grid-template-columns:1fr}.mapFrame{min-height:540px}.cookieBanner{grid-template-columns:1fr}.cookieActions{flex-wrap:wrap}}
@media(max-width:620px){.logoRail.partners .companyLogo{width:125px;min-width:125px;height:64px}.logoRail.partners .companyLogo img,.logoRail.partners .companyLogo.suppliedLogo img,.logoRail.partners .companyLogo.continentalLogo img,.logoRail.partners .companyLogo.michelinLogo img,.logoRail.partners .companyLogo.liquiLogo img{width:104px;height:42px;max-width:104px;max-height:42px}.directions{padding:78px 22px}.directionFacts{grid-template-columns:1fr}.mapFrame{min-height:520px}.mapConsent{padding:32px 25px}.mapConsent .mapPin{margin-bottom:30px}.cookieBanner{left:12px;right:12px;bottom:74px;padding:20px;gap:18px}.cookieActions{display:grid;grid-template-columns:1fr 1fr}.cookieActions a{grid-column:1/-1;text-align:center}.legalContent{padding-top:55px}.consentPanel{align-items:flex-start}}

.contactForm{grid-column:1/-1;margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px;border-top:1px solid #ffffff44;padding-top:34px}.contactForm label{display:flex;flex-direction:column;gap:9px}.contactForm label>span{font-size:9px;letter-spacing:.18em;font-weight:900;color:#d7dff7}.contactForm input,.contactForm textarea{width:100%;border:1px solid #ffffff50;background:#ffffff0d;color:white;padding:14px 15px;font:inherit;outline:none}.contactForm input:focus,.contactForm textarea:focus{border-color:white;background:#ffffff16}.contactForm .messageField{grid-column:1/-1}.contactForm p{font-size:11px;line-height:1.5;color:#d7dff7;margin:0}.contactForm button{justify-self:end;border:0;background:white;color:#081044;padding:15px 19px;font-weight:900;cursor:pointer}.contactForm button span{margin-left:28px;font-size:18px}
@media(max-width:620px){.contactForm{grid-template-columns:1fr}.contactForm .messageField{grid-column:auto}.contactForm button{justify-self:stretch}}

/* Aktualisierte Fahrzeugmarken */
.logoRail:not(.partners) .companyLogo{width:150px;min-width:150px;height:78px}
.logoRail .companyLogo>span{display:none}
.logoRail:not(.partners) .companyLogo img{width:104px;height:48px;max-width:104px;max-height:48px;object-fit:contain}
.logoRail:not(.partners) .companyLogo.mercedesLogo img,.logoRail:not(.partners) .companyLogo.audiLogo img{width:140px;height:60px;max-width:140px;max-height:60px;mix-blend-mode:multiply}
.logoRail:not(.partners) .companyLogo.fordLogo img{width:126px;height:55px;max-width:126px;max-height:55px;mix-blend-mode:multiply}
.logoRail:not(.partners) .companyLogo.manLogo img{width:116px;height:58px;max-width:116px;max-height:58px}

/* Abschleppdienst mit bereitgestelltem Motiv */
.emergency{background-image:linear-gradient(90deg,#040513f8 0%,#07113eea 42%,#12237282 68%,#04051342 100%),url('/abschleppdienst-new.jpg');background-position:center 48%}

/* Notfall-Schaltfläche in der Navigation */
.headerActions{display:flex;align-items:stretch;gap:10px}.emergencyHeaderCta{min-width:178px;padding:11px 16px;background:#fff;color:#081044;border-left:5px solid #d82735;display:grid;grid-template-columns:1fr auto;align-content:center;box-shadow:0 12px 35px #0004}.emergencyHeaderCta small{grid-column:1;font-size:7px;letter-spacing:.18em;color:#d82735;font-weight:900;margin-bottom:3px}.emergencyHeaderCta strong{grid-column:1;font-size:12px}.emergencyHeaderCta>span{grid-column:2;grid-row:1/3;align-self:center;font-size:21px;color:#d82735}.headerActions .headerCta{display:flex;align-items:center}
@media(max-width:1200px){.topbar nav{display:none}.headerActions{margin-left:auto}}
@media(max-width:760px){.headerActions .headerCta{display:none}.emergencyHeaderCta{min-width:160px}}
@media(max-width:430px){.brandLogo{width:132px}.topbar{padding:0 14px}.emergencyHeaderCta{min-width:142px;padding:9px 11px}.emergencyHeaderCta strong{font-size:11px}}

/* Strukturierter Footer */
.siteFooter{background:#0d1211;color:#c7cbc9;padding:72px clamp(24px,7vw,110px) 28px;display:block}
.footerMain{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:clamp(35px,6vw,90px);align-items:start}
.footerIdentity{min-width:0}.footerIdentity .brandLogo{width:min(230px,100%)}.footerIdentity p{font-size:13px;line-height:1.6;color:#8f9692;margin-top:24px}
.footerColumn{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;min-width:0}.footerColumn>small{color:#708ee8;font-size:8px;letter-spacing:.2em;font-weight:900;margin-bottom:8px}.footerColumn strong{font-size:13px;color:#e4e7e5}.footerColumn a{overflow-wrap:anywhere}.footerColumn a:hover{color:white}.footerColumn>a:last-child{color:#9eb2ed}
.footerBottom{border-top:1px solid #ffffff18;margin-top:58px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:#747b77}.footerBottom small{font-size:10px}.footerBottom span{font-size:8px;letter-spacing:.2em;font-weight:900}
@media(max-width:980px){.footerMain{grid-template-columns:1fr 1fr}.footerIdentity{grid-column:1/-1}.footerIdentity .brandLogo{width:210px}.footerBottom{margin-top:45px}}
@media(max-width:620px){.logoRail:not(.partners) .companyLogo{width:125px;min-width:125px;height:68px}.logoRail:not(.partners) .companyLogo img{width:90px;height:42px}.logoRail:not(.partners) .companyLogo.mercedesLogo img,.logoRail:not(.partners) .companyLogo.audiLogo img{width:118px;height:52px;max-width:118px;max-height:52px}.logoRail:not(.partners) .companyLogo.fordLogo img{width:105px;height:46px}.logoRail:not(.partners) .companyLogo.manLogo img{width:98px;height:48px}.siteFooter{padding:58px 22px 26px}.footerMain{grid-template-columns:1fr;gap:34px}.footerIdentity{grid-column:auto}.footerColumn{padding-top:24px;border-top:1px solid #ffffff14}.footerBottom{flex-direction:column;align-items:flex-start;margin-top:38px}}

/* Neue Markenassets und harmonisierte Notfallaktion */
.logoRail:not(.partners) .companyLogo.mercedesLogo img{width:68px;height:68px;max-width:68px;max-height:68px;mix-blend-mode:multiply}
.logoRail.partners .companyLogo.castrolLogo img{width:124px;height:48px;max-width:124px;max-height:48px;opacity:1}
.emergencyHeaderCta{height:54px;min-width:188px;padding:8px 12px 8px 15px;background:linear-gradient(135deg,#07103d,#122372);color:white;border:1px solid #6f86d7;border-left:4px solid #d82735;box-shadow:0 12px 35px #02061c66}
.emergencyHeaderCta small{color:#ff8c95;font-size:7px}.emergencyHeaderCta strong{color:white;font-size:12px}.emergencyHeaderCta>span{width:36px;height:36px;border:1px solid #ffffff7a;display:grid;place-items:center;color:white;font-size:18px;margin-left:13px}
.emergencyHeaderCta:hover{background:linear-gradient(135deg,#0a154d,#1b328f);border-color:#9eb2ed;border-left-color:#f04451}
@media(max-width:620px){.logoRail:not(.partners) .companyLogo.mercedesLogo img{width:58px;height:58px;max-width:58px;max-height:58px}.logoRail.partners .companyLogo.castrolLogo img{width:104px;height:42px;max-width:104px;max-height:42px}.emergencyHeaderCta{height:50px;min-width:154px;padding-left:12px}.emergencyHeaderCta>span{width:32px;height:32px;margin-left:9px}}

/* Abschleppdienst, offizielles Kartenlogo und Formularstatus */
.emergency{background-image:linear-gradient(90deg,#040513f8 0%,#07113ee9 42%,#1223726c 68%,#04051328 100%),url('/abschleppdienst-highway.jpg');background-position:center 55%}
.mapBadge{width:180px;min-height:72px;padding:15px 18px;background:#07103de8;border-left:4px solid #8fabff;display:grid;place-items:center;backdrop-filter:blur(8px)}
.mapBadge img{display:block;width:142px;height:50px;object-fit:contain}
.websiteField{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contactForm button:disabled{opacity:.65;cursor:wait}.contactForm .formError{grid-column:1/-1;color:#ffd6da;font-weight:700;background:#8b182858;padding:12px 15px}
.contactSuccess{grid-column:1/-1;margin-top:20px;min-height:280px;border:1px solid #ffffff40;background:#07103d55;padding:clamp(30px,5vw,60px);display:flex;align-items:flex-start;gap:25px}.contactSuccess>span{width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:white;color:var(--primary);display:grid;place-items:center;font-size:28px;font-weight:900}.contactSuccess strong{display:block;font-size:clamp(25px,3vw,40px);line-height:1.1}.contactSuccess p{max-width:700px;line-height:1.7;color:#d7dff7}.contactSuccess button{border:1px solid #ffffff66;background:transparent;color:white;padding:12px 16px;font-weight:800;cursor:pointer}
@media(max-width:620px){.mapBadge{width:142px;min-height:62px;right:14px;bottom:14px}.mapBadge img{width:112px;height:40px}.contactSuccess{flex-direction:column}.contactSuccess>span{width:50px;height:50px;flex-basis:50px}}

/* Einheitliche Aktionen in der Kopfzeile */
.headerActions{gap:14px;align-items:center}
.headerActions .emergencyHeaderCta,
.headerActions .headerCta{
  box-sizing:border-box;
  width:232px;
  min-width:232px;
  height:72px;
  padding:10px 14px 10px 22px;
  border:1px solid #7890dd;
  background:linear-gradient(135deg,#101d67,#1d3188);
  color:#fff;
  box-shadow:0 14px 36px #02061c59;
}
.headerActions .emergencyHeaderCta{
  grid-template-columns:1fr 42px;
  border-left:5px solid #ed3342;
}
.headerActions .emergencyHeaderCta small{font-size:8px;line-height:1;letter-spacing:.2em;margin-bottom:7px;color:#ff8b95}
.headerActions .emergencyHeaderCta strong{font-size:14px;line-height:1.1}
.headerActions .emergencyHeaderCta>span,
.headerActions .headerCta>span{
  box-sizing:border-box;
  flex:0 0 42px;
  min-width:42px;
  max-width:42px;
  width:42px;
  height:42px;
  margin:0;
  border:1px solid #8fa5e899;
  background:#ffffff05;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:20px;
  line-height:1;
}
.headerActions .emergencyHeaderCta>span{margin-left:10px}
.headerActions .headerCta{justify-content:space-between;gap:12px;font-size:14px;line-height:1.1;white-space:nowrap}
.headerActions .emergencyHeaderCta:hover,
.headerActions .headerCta:hover{background:linear-gradient(135deg,#17287d,#2944ad);border-color:#a5b7ef;transform:translateY(-1px)}
@media(max-width:760px){
  .headerActions .emergencyHeaderCta{width:190px;min-width:190px;height:58px;padding:7px 9px 7px 14px;grid-template-columns:1fr 36px}
  .headerActions .emergencyHeaderCta>span{flex-basis:36px;min-width:36px;max-width:36px;width:36px;height:36px;font-size:17px;margin-left:8px}
  .headerActions .emergencyHeaderCta small{font-size:7px;margin-bottom:5px}
  .headerActions .emergencyHeaderCta strong{font-size:12px}
}
@media(max-width:430px){
  .headerActions .emergencyHeaderCta{width:164px;min-width:164px;height:54px;padding-left:11px;grid-template-columns:1fr 32px}
  .headerActions .emergencyHeaderCta>span{flex-basis:32px;min-width:32px;max-width:32px;width:32px;height:32px;margin-left:6px}
}

/* Ruhige Telefonaktion ohne schweren Innenrahmen */
.headerActions .emergencyHeaderCta{grid-template-columns:1fr 30px}
.headerActions .emergencyHeaderCta>span{
  flex:0 0 30px;
  min-width:30px;
  max-width:30px;
  width:30px;
  height:30px;
  margin-left:8px;
  border:0;
  background:transparent;
  font-size:25px;
  transform:rotate(-8deg);
}
@media(max-width:760px){.headerActions .emergencyHeaderCta{grid-template-columns:1fr 27px}.headerActions .emergencyHeaderCta>span{flex-basis:27px;min-width:27px;max-width:27px;width:27px;height:27px;font-size:22px}}
@media(max-width:430px){.headerActions .emergencyHeaderCta{grid-template-columns:1fr 24px}.headerActions .emergencyHeaderCta>span{flex-basis:24px;min-width:24px;max-width:24px;width:24px;height:24px;font-size:20px}}

/* Erweiterte Leistungen und persönliche Vorstellung */
.serviceGrid{grid-template-columns:repeat(4,1fr)}
.whyUs{margin-top:34px;max-width:900px;border-top:1px solid #ffffff22;padding-top:28px}.whyUs h3{font-size:18px;margin:0 0 18px}.whyUs ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;padding:0;margin:0;list-style:none}.whyUs li{position:relative;padding-left:24px;color:#d0d5d2;font-size:13px;line-height:1.55}.whyUs li:before{content:"✓";position:absolute;left:0;color:#8fabff;font-weight:900}.aboutCopy .signature{font-size:13px;color:#d8ddda;margin-top:34px}.aboutCopy .signature strong{font-size:17px;color:white}
@media(max-width:1180px){.serviceGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.serviceGrid{grid-template-columns:1fr}.whyUs ul{grid-template-columns:1fr}}

/* Desktop-Komposition Über NEBS */
.aboutCopy{width:min(100%,1360px);max-width:none;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);column-gap:clamp(70px,8vw,150px);row-gap:65px;align-items:start;padding-top:125px;padding-bottom:105px}
.aboutTitle{position:relative;padding-right:clamp(35px,5vw,80px);border-right:1px solid #ffffff1c;min-height:510px}.aboutTitle h2{font-size:clamp(56px,5.2vw,88px);line-height:.9}.aboutStory{padding-top:42px}.aboutStory>p{color:#afb5b0;line-height:1.8;margin:0 0 22px;max-width:720px;font-size:16px}.aboutStory .aboutLead{font-size:clamp(24px,2.2vw,34px);line-height:1.35;color:white;font-weight:700;letter-spacing:-.025em}.aboutTitle .signature{position:absolute;left:0;bottom:0;margin:0!important;color:#bac2bd}.aboutTitle .signature strong{display:block;margin-top:6px;font-size:20px}
.masterStamp{margin-top:48px;width:175px;height:112px;padding:22px;border:1px solid #718bd8;border-left:5px solid #718bd8;display:flex;flex-direction:column;justify-content:center;background:#0c174744}.masterStamp strong{font-size:20px;font-style:italic;letter-spacing:.06em}.masterStamp span{font-size:7px;letter-spacing:.19em;color:#9eb2ed;margin-top:8px;font-weight:900}
.aboutCopy>.values{grid-column:1/-1;margin:0;padding:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff22}.aboutCopy>.values div{padding-right:30px}.aboutCopy>.values strong{font-size:10px}.aboutCopy>.values span{font-size:15px}
.aboutStory .whyUs{max-width:none;margin-top:38px}.aboutStory .whyUs h3{font-size:22px}.aboutStory .whyUs li{font-size:14px}

/* Zentrierter, größerer Footer-Abschluss */
.siteFooter .footerBottom{justify-content:center;align-items:center;text-align:center;gap:22px;color:#a2a9a5}.siteFooter .footerBottom small{font-size:13px;font-weight:700}.siteFooter .footerBottom span{font-size:11px;letter-spacing:.18em;color:#8fa8ef}.siteFooter .footerBottom span:before{content:"•";margin-right:22px;color:#4b5460}
@media(max-width:980px){.aboutCopy{grid-template-columns:1fr;row-gap:38px;padding-top:95px}.aboutTitle{min-height:0;border-right:0;border-bottom:1px solid #ffffff1c;padding:0 0 42px}.aboutTitle .signature{position:static;margin-top:32px!important}.aboutStory{padding-top:0}.aboutCopy>.values{grid-column:auto}.siteFooter .footerBottom{flex-direction:column;gap:10px}.siteFooter .footerBottom span:before{display:none}}
@media(max-width:620px){.aboutCopy{padding:78px 22px}.aboutTitle h2{font-size:52px}.masterStamp{margin-top:32px;width:155px;height:98px}.aboutStory .aboutLead{font-size:23px}.aboutCopy>.values{grid-template-columns:1fr;gap:24px}.aboutCopy>.values div{flex-direction:row;align-items:center;gap:22px}.siteFooter .footerBottom small{font-size:12px}.siteFooter .footerBottom span{font-size:9px}}

/* Ruhige, kollisionsfreie Über-NEBS-Komposition */
.aboutCopy{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(55px,7vw,110px);row-gap:58px;width:min(100%,1280px);padding-top:110px}
.aboutTitle{grid-column:1/-1;text-align:center;min-height:0;padding:0 0 55px;border-right:0;border-bottom:1px solid #ffffff1c}.aboutTitle .eyebrow{justify-content:center}.aboutTitle h2{max-width:1050px;margin:0 auto;font-size:clamp(58px,5.4vw,82px);line-height:.96;white-space:normal}.aboutPersonal{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:38px}.aboutTitle .masterStamp{margin:0;width:158px;height:92px;text-align:left}.aboutTitle .signature{position:static;margin:0!important;text-align:left;min-width:150px}.aboutTitle .signature strong{font-size:19px}
.aboutStory{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(55px,7vw,100px);padding:0}.aboutStory>p{grid-column:1;margin-bottom:20px}.aboutStory .aboutLead{font-size:clamp(25px,2.4vw,36px)}.aboutStory .whyUs{grid-column:2;grid-row:1/5;margin:0;padding:0 0 0 clamp(34px,4vw,62px);border-top:0;border-left:1px solid #ffffff1c}.aboutStory .whyUs h3{margin-bottom:28px}.aboutStory .whyUs ul{grid-template-columns:1fr;gap:15px}.aboutCopy>.values{grid-column:1/-1}
@media(max-width:820px){.aboutCopy{grid-template-columns:1fr}.aboutTitle{grid-column:auto}.aboutTitle h2{font-size:clamp(48px,10vw,68px)}.aboutStory{grid-column:auto;grid-template-columns:1fr}.aboutStory .whyUs{grid-column:1;grid-row:auto;margin-top:25px;padding:30px 0 0;border-left:0;border-top:1px solid #ffffff1c}.aboutPersonal{flex-direction:column}.aboutTitle .signature{text-align:center}.aboutCopy>.values{grid-column:auto}}

/* Korrektur der unteren Reihenfolge im Über-NEBS-Bereich */
.aboutCopy>.values{max-width:none;width:100%;margin:4px 0 0;padding:0;border:1px solid #ffffff1c;background:#08103a22;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.aboutCopy>.values div{min-height:118px;padding:27px 32px;justify-content:center;border-right:1px solid #ffffff1c;gap:13px}.aboutCopy>.values div:last-child{border-right:0}.aboutCopy>.values strong{font-size:10px;letter-spacing:.16em}.aboutCopy>.values span{font-size:16px}
@media(max-width:820px){.aboutCopy>.values{grid-column:auto;grid-template-columns:1fr}.aboutCopy>.values div{min-height:90px;border-right:0;border-bottom:1px solid #ffffff1c;flex-direction:row;align-items:center;justify-content:flex-start}.aboutCopy>.values div:last-child{border-bottom:0}}

/* Meistersignatur als Abschluss unter dem Inhalt */
.aboutCopy>.aboutPersonal{grid-column:1/-1;margin:5px 0 0;padding-top:38px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:center;gap:34px}.aboutCopy>.aboutPersonal .masterStamp{margin:0;width:158px;height:92px;text-align:left}.aboutCopy>.aboutPersonal .signature{margin:0!important;position:static;text-align:left;color:#bac2bd;min-width:160px}.aboutCopy>.aboutPersonal .signature strong{display:block;margin-top:7px;font-size:20px;color:white}
@media(max-width:820px){.aboutCopy>.aboutPersonal{grid-column:auto;flex-direction:column;gap:22px}.aboutCopy>.aboutPersonal .signature{text-align:center}}

/* Veröffentlichungsfähiger Hinweis im Impressum */
.publicNotice{display:flex;align-items:flex-start;gap:10px;margin:24px 0 38px;padding:15px 18px;background:#eef1f8;border-left:3px solid var(--secondary);color:#555e70;font-size:13px;line-height:1.55}.publicNotice strong{color:var(--primary);white-space:nowrap}
@media(max-width:620px){.publicNotice{display:block}.publicNotice strong{display:block;margin-bottom:4px}}

/* Einheitliches Icon-System ohne geräteabhängige Emoji-Darstellung */
.serviceIcon b{width:44px;height:38px;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-style:normal}
.serviceIconGraphic{display:block;width:38px;height:38px;object-fit:contain;filter:brightness(0) saturate(100%) invert(13%) sepia(72%) saturate(2264%) hue-rotate(218deg) brightness(76%) contrast(104%)}
.serviceIconMark{display:grid;place-items:center;width:38px;height:38px;color:var(--primary);font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:800;line-height:1}
.serviceGrid article:nth-child(3) .serviceIconMark{font-size:21px;letter-spacing:-.04em}
.serviceGrid article:nth-child(8) .serviceIconMark{font-size:24px}
.serviceGrid article:hover .serviceIconGraphic{filter:brightness(0) invert(1)}
.serviceGrid article:hover .serviceIconMark{color:#fff}
@media(max-width:620px){.serviceIcon b{width:44px;height:40px}.serviceIconGraphic{width:40px;height:40px}.serviceIconMark{width:40px;height:40px}}