/* ASB screenshot-matched green design: clean iconography, responsive hero */
:root{--green:#12c850;--green-dark:#0ca43f}
.topline{background:#030907}.top-inner a span{display:none}
.top-inner>span:before{content:'●';color:var(--green);margin-right:10px;font-size:11px}
.top-inner a:before{content:'☎';color:var(--green);margin-right:9px;font-size:15px}
.header{background:#041a10}.brand-mark{background:linear-gradient(135deg,#19cf57,#0da941);border-radius:8px;padding:7px 11px}
.hero{background:#040b08}.hero-image{background-image:url('https://images.unsplash.com/photo-1486006920555-c77dcf18193c?auto=format&fit=crop&w=2000&q=85');background-position:68% center;filter:brightness(.72) saturate(.6)}
.hero-shade{background:linear-gradient(90deg,rgba(2,9,6,.96),rgba(2,9,6,.78) 54%,rgba(2,9,6,.15)),linear-gradient(0deg,rgba(2,9,6,.88),transparent 40%)}
.hero .eyebrow:before,.services .eyebrow:before{content:'';width:30px;height:3px;background:var(--green);display:inline-block;margin-right:10px;vertical-align:middle}
.hero h1{max-width:900px;letter-spacing:-.065em}.hero h1 em{color:#14c953}.hero-text{max-width:570px;line-height:1.65}
.hero-actions svg{width:19px;height:19px;flex:none}.hero-actions .button{min-width:235px;justify-content:flex-start;gap:17px;padding:0 24px;border-radius:6px;font-size:14px}.button-green{background:#12ca51;color:#fff}.button-glass span{color:#fff}
.hero-meta{border-top:0;display:grid;grid-template-columns:repeat(3,1fr);max-width:630px;gap:0;margin-top:42px;padding-top:0}.hero-meta span{border-right:1px solid #ffffff40;padding:0 18px;font-size:13px;line-height:1.5;color:#fff}.hero-meta span:first-child{padding-left:0}.hero-meta span:last-child{border:0}.hero-meta b{display:block;font-size:14px;margin-bottom:5px;color:#13c853}
.trust-strip{display:none}.services{background:#fff}.services .section-head{display:block;margin-bottom:25px}.services .section-head h2{font-size:clamp(35px,4vw,54px);letter-spacing:-.055em;margin:12px 0}.services .section-head h2 em{color:#10b94b}.services .service-intro{max-width:700px;color:#7a7d80;font-size:16px;line-height:1.6;margin:0}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.service-card,.service-card.featured{display:grid;grid-template-columns:66px 1fr 22px;align-items:center;gap:16px;padding:24px;border:1px solid #e4e7e6;border-radius:9px;background:#fff;box-shadow:none;min-height:120px}.service-card:after{content:'›';font-size:31px;color:#7c8380;grid-column:3;grid-row:1}.service-photo,.service-number,.service-body .text-link{display:none}.service-body{display:contents}.service-icon{grid-column:1;grid-row:1;background:transparent;border-radius:0;width:58px;height:58px;margin:0;color:#089b41}.service-icon svg{width:45px;height:45px}.service-body h3{grid-column:2;grid-row:1;align-self:start;margin:4px 0 0;font-size:18px;line-height:1.3}.service-body p{grid-column:2;grid-row:1;align-self:end;margin:35px 0 0;min-height:0;font-size:12px;line-height:1.45;color:#7a7d80}.service-card:hover{transform:none;border-color:#15bd4c;box-shadow:0 5px 20px #102d1610}
@media(max-width:680px){.top-inner{min-height:37px}.top-inner>span{max-width:58%}.nav{height:75px}.brand-mark{font-size:26px}.brand-copy strong{font-size:14px}.hero{min-height:0}.hero-image{background-position:66% center}.hero-shade{background:linear-gradient(90deg,#030a07f5,#030a07d0 56%,#030a0780),linear-gradient(0deg,#030a07df,transparent 45%)}.hero-content{padding-top:48px;padding-bottom:32px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(37px,9.2vw,55px);line-height:1.12;letter-spacing:-.065em;margin:22px 0}.hero-text{font-size:14px;line-height:1.75;max-width:440px}.hero-actions{display:grid;gap:10px;margin-top:28px}.hero-actions .button{width:min(100%,340px);min-height:54px;font-size:14px}.hero-meta{margin-top:35px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-meta span{font-size:11px;padding:0 10px}.hero-meta b{font-size:12px}.section.services{padding:48px 0 65px}.services .section-head h2{font-size:clamp(31px,7.6vw,43px);letter-spacing:-.055em}.services .service-intro{font-size:14px}.service-grid{grid-template-columns:1fr;gap:11px}.service-card,.service-card.featured{grid-template-columns:54px 1fr 15px;gap:12px;min-height:105px;padding:16px}.service-icon{width:48px;height:48px}.service-icon svg{width:39px;height:39px}.service-body h3{font-size:16px;margin:0}.service-body p{font-size:12px;margin:29px 0 0;line-height:1.4}}


/* Servicebilder statt wiederholter Icons – responsive Fotokarten */
.services .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.services .service-card,.services .service-card.featured{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;border-radius:10px;overflow:hidden;background:#fff}
.services .service-card::after{content:none}
.services .service-photo{display:block;flex:none;height:188px;min-height:0;width:100%;grid-row:auto;background-size:cover;background-position:center}
.services .service-number{display:none}
.services .service-body{display:block;padding:20px 22px 23px}
.services .service-icon{display:none}
.services .service-body h3{display:block;margin:0 0 9px;font-size:19px;line-height:1.3}
.services .service-body p{display:block;margin:0;min-height:0;font-size:13px;line-height:1.65}
.services .service-body .text-link{display:inline-flex;margin-top:14px;font-size:12px;color:#087e35}
.services .photo-timing{background-image:url('images/chain.webp')}
.services .photo-brakes{background-image:url('images/brakes.webp')}
.services .photo-suspension{background-image:url('images/suspension.webp')}
.services .photo-tires{background-image:url('images/tires.webp')}
.services .photo-storage{background-image:url('images/storage.webp')}
.services .photo-diagnostic{background-image:url('https://images.unsplash.com/photo-1632823471565-1ecdf5c5b6b2?auto=format&fit=crop&w=800&q=80')}
@media(max-width:680px){
 .services .service-grid{grid-template-columns:1fr;gap:13px}
 .services .service-card,.services .service-card.featured{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch}
 .services .service-photo{height:100%;min-height:164px;grid-column:1;grid-row:1}
 .services .service-body{grid-column:2;grid-row:1;padding:17px 15px}
 .services .service-body h3{font-size:16px;margin:0 0 7px}
 .services .service-body p{font-size:11px;line-height:1.5}
 .services .service-body .text-link{margin-top:9px;font-size:11px}
}

/* Restore the compact 4-column photo-card layout from the reference. */
.services{background:#f5f7f3}
.services .section-head{margin-bottom:32px}
.services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.services .service-card,.services .service-card.featured{border-radius:0;border:1px solid #e1e7de;box-shadow:none}
.services .service-photo{height:145px;background-size:cover;background-position:center}
.services .service-body{padding:16px 17px 20px;display:flex;flex-direction:column;flex:1}
.services .service-body h3{font-size:17px;margin:0 0 12px;line-height:1.25}
.services .service-body p{font-size:12px;line-height:1.7;flex:1}
.services .service-body .text-link{margin-top:23px;font-weight:700}
.services .service-number{display:block;padding:14px 17px 0;font-size:10px;letter-spacing:.13em;color:#099b3d;font-weight:700}
.services .photo-diagnostic{background-image:url('images/diagnose.webp')}
@media(max-width:1050px){.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .services .service-card,.services .service-card.featured{display:flex;flex-direction:column}
 .services .service-photo{height:115px;min-height:0}
 .services .service-number{padding:10px 11px 0;font-size:9px}
 .services .service-body{padding:11px 12px 15px}
 .services .service-body h3{font-size:14px}
 .services .service-body p{font-size:11px;line-height:1.5}
 .services .service-body .text-link{font-size:10px;margin-top:14px}
}
@media(max-width:360px){.services .service-grid{grid-template-columns:1fr}.services .service-photo{height:155px}}

/* Erweiterte Leistungen */
.additional-services{background:#f3f6f1;padding-top:70px;padding-bottom:76px}.additional-services h2{margin:12px 0 12px}.additional-intro{max-width:680px;color:#58645d;line-height:1.65;margin-bottom:28px}.additional-grid{list-style:none;padding:0;margin:0 0 25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.additional-grid li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce5db;border-radius:8px;padding:16px 14px;font-weight:600;font-size:14px;min-height:57px}.extra-service-check{color:#149d48;font-weight:700;font-size:15px}.additional-services .small-note{margin-bottom:24px}@media(max-width:950px){.additional-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.additional-services{padding-top:48px;padding-bottom:50px}.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.additional-grid li{font-size:12px;padding:12px 10px;min-height:58px}}

/* Full-width FIN field, including desktop */
.form-grid > .fin-field{grid-column:1 / -1;min-width:0}
.form-grid > .fin-field #fin{width:100%;box-sizing:border-box}

/* Conversion upgrades */
.review-section{background:#f5f8f5;padding:78px 0}.review-section h2,.faq-section h2{margin:12px 0 16px}.review-lead{max-width:700px;color:#526259;line-height:1.7}.review-panel{display:flex;align-items:center;gap:25px;padding:27px;background:white;border:1px solid #dce8de;border-radius:14px;margin-top:30px;box-shadow:0 8px 30px #1024180a}.review-panel>div:nth-child(2){flex:1}.review-panel strong{font-size:19px}.review-panel p{color:#526259;font-size:14px;margin:8px 0 0}.review-stars{color:#e7ac22;font-size:28px;letter-spacing:2px;white-space:nowrap}.review-panel .button{white-space:nowrap}.faq-section{background:#fff;padding:80px 0}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px}.faq-grid details{border:1px solid #dae5dc;background:#f8faf8;border-radius:9px;padding:18px 20px}.faq-grid summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-grid summary::after{content:'+';font-size:24px;color:#159d48}.faq-grid details[open] summary::after{content:'−'}.faq-grid details p{color:#526259;line-height:1.7;margin:12px 0 0}.faq-contact{display:inline-block;color:#0c9140;font-weight:800;margin-top:25px}.mobile-quick-actions{display:none}.inquiry-form input[type=number]{width:100%}
@media(max-width:850px){.review-panel{flex-wrap:wrap}.review-panel .button{width:100%;justify-content:center}.faq-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{padding-bottom:72px}.mobile-quick-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#08120d;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:9px;box-shadow:0 -5px 25px #0004}.mobile-quick-actions a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:13px;font-weight:800;color:#fff;background:#23352a;border-radius:7px;min-height:49px}.mobile-quick-actions a:last-child{background:#10b94c}.mobile-quick-actions svg{width:17px;height:17px}.review-section,.faq-section{padding:53px 0}.review-panel{padding:20px;gap:15px}.review-stars{font-size:22px}}

/* ASB Google reviews – refined trust section */
.google-review-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr);gap:18px;margin-top:30px}
.google-review-feature{background:#101e17;color:#fff;padding:38px;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0a261a17}
.google-review-feature:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff14;border-radius:50%;right:-110px;top:-120px;pointer-events:none}
.google-review-top{display:flex;align-items:center;gap:14px}.google-g{display:inline-grid;place-items:center;background:#fff;color:#4285f4;font-weight:800;font-size:27px;border-radius:10px;width:48px;height:48px;font-family:Arial,sans-serif}.google-review-tag{font-size:11px;font-weight:800;letter-spacing:.13em;color:#a8c8b4}
.google-review-headline{font-size:clamp(24px,3vw,35px);font-weight:800;line-height:1.15;margin:26px 0 12px;letter-spacing:-.035em}
.google-review-feature p{color:#bfd0c5;line-height:1.7;max-width:520px;margin-bottom:28px}
.google-review-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#18b755;color:#06150b!important;text-decoration:none;font-weight:800;padding:15px 21px;border-radius:9px;transition:background .2s,transform .2s}.google-review-cta:hover{background:#55d584;transform:translateY(-2px)}.google-review-cta svg{width:18px;height:18px}
.google-review-aside{background:#fff;border:1px solid #dce8de;border-radius:18px;padding:34px;display:flex;flex-direction:column;align-items:flex-start}.google-review-emblem{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#e8f7ed;color:#159f4d;margin-bottom:23px}.google-review-emblem svg{width:28px;height:28px}.google-review-aside strong{font-size:23px;line-height:1.25;letter-spacing:-.03em;color:#15291b}.google-review-aside p{font-size:15px;line-height:1.7;color:#5b6d60;margin:15px 0 25px}.google-review-foot{font-size:12px;color:#748679;margin-top:auto;font-weight:700}
@media(max-width:800px){.google-review-layout{grid-template-columns:1fr}.google-review-feature{padding:28px}.google-review-aside{padding:27px}.google-review-cta{width:100%}}

/* Compact reviews below the contact form */
.asb-reviews-compact{background:#f3f7f3;padding:58px 0 62px}.asb-reviews-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.asb-reviews-heading h2{margin:9px 0 7px;font-size:clamp(26px,3vw,39px)}.asb-reviews-heading p{color:#596b60;margin:0;font-size:14px}.asb-reviews-link{color:#138b41;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}.asb-reviews-link:hover{text-decoration:underline}.asb-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.asb-review-card{background:#fff;border:1px solid #dfe8e0;border-radius:12px;padding:20px 21px;box-shadow:0 4px 18px #10271907;min-width:0}.asb-review-meta{display:flex;align-items:center;gap:11px}.asb-review-avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;background:#e4f5e9;color:#138d44;border-radius:50%;font-weight:800}.asb-review-meta strong{display:block;font-size:13px;color:#1b2920}.asb-review-meta small{display:block;font-size:11px;color:#839087;margin-top:3px}.asb-review-rating{margin-left:auto;color:#d39b1a;font-size:12px;font-weight:800;white-space:nowrap}.asb-review-card p{font-size:13px;line-height:1.65;color:#3e4c43;margin:15px 0 0}.asb-review-source{font-size:11px;color:#79877c;margin:17px 0 0}@media(max-width:900px){.asb-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.asb-reviews-compact{padding:44px 0}.asb-reviews-heading{align-items:flex-start;flex-direction:column;gap:12px}.asb-reviews-grid{grid-template-columns:1fr}.asb-review-card{padding:18px}}

.asb-rating-overview{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#102218;color:#f7fff9;border-radius:12px;padding:14px 20px;margin-bottom:17px;font-size:14px}.asb-rating-score{font-size:25px;font-weight:850;white-space:nowrap}.asb-rating-score span{font-size:15px;color:#e6b64a;letter-spacing:2px}.asb-rating-overview small{display:block;color:#aec1b2;font-size:11px;margin-top:3px}

/* SEO service cards — explicit layout and consistent button colors */
.seo-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 0;width:100%;box-sizing:border-box}
.seo-service-links>a{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:25px 26px;border:1px solid #d9e5d9;border-radius:14px;background:#fff;color:#17281d;text-decoration:none;box-shadow:0 5px 20px rgba(13,38,20,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.seo-service-links>a:hover{transform:translateY(-3px);border-color:#4eac56;box-shadow:0 12px 28px rgba(13,38,20,.1)}
.seo-service-links>a>span{font-family:Manrope,Arial,sans-serif;font-size:clamp(17px,1.6vw,21px);line-height:1.35;font-weight:800;color:#15291b}
.seo-service-links>a>small{font-size:13px;line-height:1.6;color:#64766b}
.seo-service-links>a>b{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:11px 17px;min-height:42px;border-radius:8px;background:#176a35;color:#fff;font-size:13px;font-weight:750;line-height:1.3}
.seo-service-links>a:hover>b{background:#0d5026}
@media(max-width:680px){.seo-service-links{grid-template-columns:1fr;gap:12px;margin-top:20px}.seo-service-links>a{padding:19px 18px}.seo-service-links>a>span{font-size:18px}}

/* Three-language navigation */
.lang-switch{display:inline-flex;gap:3px;align-items:center;flex-shrink:0;margin-left:8px;padding:3px;border:1px solid rgba(120,140,125,.35);border-radius:12px;background:rgba(12,25,17,.14)}
.lang-switch a{display:inline-flex!important;align-items:center;justify-content:center;padding:6px 8px!important;min-width:31px;font-size:12px!important;font-weight:800!important;line-height:1.1!important;border-radius:8px;text-decoration:none;white-space:nowrap}
.lang-switch a.active{background:#12c850!important;color:#06160b!important}
@media(max-width:1100px){.nav-links{gap:8px}.lang-switch{margin-left:0}.lang-switch a{padding:6px!important}}
@media(max-width:800px){.lang-switch{margin:12px 0;align-self:flex-start}.repair-nav{flex-wrap:wrap;gap:10px}.repair-nav .lang-switch{margin-left:0}}

/* Language selector matches the ASB green visual identity */
.lang-switch{border-color:rgba(18,200,80,.35);background:rgba(18,200,80,.07)}
.lang-switch a:not(.active):hover,.lang-switch a:not(.active):focus-visible{background:rgba(18,200,80,.18)!important;color:#19cf57!important}
.lang-switch a.active{background:#12c850!important;color:#06160b!important}

/* Header refinement: one-line CTA, compact desktop spacing and accessible responsive menu */
.header .nav{gap:clamp(16px,2vw,28px)}
.header .brand{flex-shrink:0}
.header .nav-links{min-width:0;gap:clamp(9px,1.3vw,19px)}
.header .nav-links>a{white-space:nowrap;font-size:12px;line-height:1.35}
.header .nav-links .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;flex-shrink:0;padding:11px 13px;min-height:42px}
.header .nav-cta span{display:inline-flex;align-items:center;margin-left:0}
.header .nav-cta .asb-line-icon{display:block}
.lang-switch{margin-left:2px;border-color:rgba(18,200,80,.4);background:rgba(18,200,80,.07)}
.lang-switch a.active{background:#12c850!important;color:#06160b!important}
.lang-switch a:not(.active):hover{background:rgba(18,200,80,.18)!important}
@media (max-width:1240px){
 .header .nav{position:relative}
 .header .menu-toggle{display:block;margin-left:auto;cursor:pointer}
 .header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0b1510;border:1px solid #26352a;border-top:0;border-radius:0 0 12px 12px;padding:14px 22px 20px;box-shadow:0 20px 30px rgba(0,0,0,.2);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 110px);overflow-y:auto}
 .header .nav-links.open{display:flex}
 .header .nav-links>a{padding:11px 0;font-size:14px}
 .header .nav-links .nav-cta{margin-top:9px;padding:12px 16px;align-self:stretch;justify-content:center;border-radius:8px}
 .header .lang-switch{align-self:flex-start;margin:14px 0 0}
 .header .lang-switch a{padding:8px 12px!important}
}
@media (min-width:1241px){
 .header .nav-links{gap:clamp(10px,1.15vw,17px)}
 .header .brand-copy strong{font-size:14px}
 .header .lang-switch a{padding:6px 7px!important}
}
@media (max-width:680px){
 .header .nav-links{top:100%;left:0;right:0}
}
/* Service page navigation also keeps the contact CTA on one line */
.repair-nav .nav-cta{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:960px){.repair-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.repair-nav>a{font-size:12px}}