/*
Theme Name: AutoPoint An der B 180
Theme URI: https://autopointanderb180.de/
Author: Michael Potschek
Description: Modernes, responsives WordPress-Theme für AutoPoint An der B 180. Verkauf, Vermietung und Werkstatt; Die vier neuesten Fahrzeugangebote werden aus der AutoPoint-Fahrzeugplattform geladen.
Version: 2.0.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: autopoint-b180
*/
:root{--ap-red:#e51d2a;--ap-black:#111315;--ap-ink:#17191d;--ap-muted:#656970;--ap-line:#e6e7e9;--ap-light:#f5f6f7;--ap-width:1500px;--ap-radius:9px;--ap-shadow:0 12px 30px rgba(15,18,24,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ap-ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--ap-red)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.ap-container{width:min(var(--ap-width),calc(100% - 64px));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}.ap-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #ececee}.ap-header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:34px;width:min(1740px,calc(100% - 72px));max-width:none}.ap-logo{display:flex;align-items:center;flex:0 0 430px}.ap-logo img{display:block;width:100%;max-width:430px}.ap-logo-text{font-family:Georgia,serif;font-size:30px;letter-spacing:-1.5px;line-height:1;color:#111;white-space:nowrap}.ap-logo-text .dot{display:inline-block;width:.72em;height:.72em;background:var(--ap-red);border-radius:50%;margin:0 .02em}.ap-nav{display:flex;align-items:center;gap:clamp(14px,1.45vw,28px);font-size:16px;font-weight:700}.ap-nav a{padding:10px 0;white-space:nowrap}.ap-nav a[aria-current=page]{box-shadow:inset 0 -3px var(--ap-red)}.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border:1px solid transparent;border-radius:4px;font-weight:750;font-size:16px;transition:transform .18s,background .18s;color:#fff;background:var(--ap-red);cursor:pointer}.ap-btn:hover{background:#c91622;color:#fff;transform:translateY(-1px)}.ap-btn-outline{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}.ap-btn-outline:hover{background:#fff;color:#111}.ap-menu-toggle{display:none;background:#fff;border:1px solid var(--ap-line);padding:8px 12px;border-radius:4px}.ap-hero{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;color:#fff;background:#152033 url('assets/images/hero-autohaus.jpg') center 54%/cover no-repeat}.ap-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,12,23,.86) 0%,rgba(7,12,23,.64) 39%,rgba(7,12,23,.12) 76%,rgba(7,12,23,.34) 100%)}.ap-hero-content{padding-block:92px 112px;max-width:900px}.ap-eyebrow{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700;margin-bottom:18px}.ap-eyebrow:before{content:"";width:42px;height:3px;background:var(--ap-red);display:block}.ap-hero h1{font-size:clamp(40px,3.2vw,70px);line-height:.99;letter-spacing:-.045em;margin:0 0 22px;color:#fff;max-width:760px}.ap-hero h1 span{color:var(--ap-red)}.ap-hero p{font-size:clamp(19px,1.65vw,24px);line-height:1.48;max-width:610px;margin:0 0 27px;color:#f3f4f6}.ap-actions{display:flex;gap:12px;flex-wrap:wrap}.ap-location-tag{position:absolute;right:max(32px,calc((100vw - var(--ap-width))/2));top:34px;border:1px solid rgba(255,255,255,.5);background:rgba(7,12,23,.48);border-radius:5px;padding:12px 16px;font-weight:700;font-size:13px;backdrop-filter:blur(6px)}.ap-services{position:relative;margin-top:-58px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e9e9eb;border-radius:7px;box-shadow:var(--ap-shadow);overflow:hidden}.ap-service{padding:30px 32px;display:flex;align-items:flex-start;gap:16px;min-height:128px;border-right:1px solid var(--ap-line)}.ap-service:last-child{border-right:0}.ap-service-icon{flex:0 0 58px;height:58px;display:grid;place-items:center;background:var(--ap-red);border-radius:5px;color:white;font-size:23px;font-weight:700}.ap-service h2{font-size:21px;line-height:1.25;margin:1px 0 7px}.ap-service p{font-size:16px;line-height:1.45;color:var(--ap-muted);margin:0 0 8px}.ap-text-link{font-size:15px;color:var(--ap-red);font-weight:750}.ap-section{padding:64px 0 72px}.ap-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.ap-section-head h2{font-size:clamp(29px,3.2vw,40px);line-height:1.1;letter-spacing:-.035em;margin:0}.ap-section-head h2 span{color:var(--ap-red)}.ap-section-head p{color:var(--ap-muted);margin:7px 0 0}.ap-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ap-vehicle-card{border:1px solid var(--ap-line);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.035);transition:transform .18s,box-shadow .18s}.ap-vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--ap-shadow)}.ap-vehicle-image{display:block;aspect-ratio:1.42;background:#eceef0;overflow:hidden}.ap-vehicle-image img{width:100%;height:100%;object-fit:cover;display:block}.ap-vehicle-placeholder{height:100%;display:grid;place-items:center;color:#92969c;font-size:13px;background:linear-gradient(135deg,#e9eaec,#f7f7f8)}.ap-vehicle-body{padding:19px}.ap-vehicle-body h3{font-size:19px;line-height:1.25;margin:0 0 5px}.ap-vehicle-sub{font-size:13px;color:var(--ap-muted);margin:0 0 13px}.ap-vehicle-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#555b62;font-size:14px;border-bottom:1px solid var(--ap-line);padding-bottom:12px}.ap-price{color:var(--ap-red);font-size:26px;font-weight:850;letter-spacing:-.03em;margin-top:10px}.ap-empty{padding:28px;border:1px dashed #cfd1d5;border-radius:6px;color:var(--ap-muted);background:#fafafa}.ap-empty strong{color:var(--ap-ink);display:block;margin-bottom:5px}.ap-local{background:var(--ap-light);padding:56px 0}.ap-local-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.ap-local h2{font-size:clamp(28px,3vw,39px);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}.ap-local h2 span{color:var(--ap-red)}.ap-local p{color:#4f545b;max-width:630px}.ap-local-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-local-point{background:#fff;border:1px solid var(--ap-line);padding:17px;border-radius:5px}.ap-local-point b{display:block;font-size:15px;margin-bottom:4px}.ap-local-point span{display:block;color:var(--ap-muted);font-size:13px}.ap-contact-strip{background:#17191b;color:#fff;padding:28px 0}.ap-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ap-contact-item{display:flex;gap:13px;align-items:flex-start;border-right:1px solid #444;padding-right:20px}.ap-contact-item:last-child{border:0}.ap-contact-icon{font-size:23px;color:#fff}.ap-contact-item strong{display:block;font-size:14px}.ap-contact-item span,.ap-contact-item a{display:block;color:#c9cbd0;font-size:13px}.ap-footer{background:#0e0f10;color:#b9bbc0;padding:22px 0;font-size:12px}.ap-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ap-footer a{color:#fff}.ap-page{padding:55px 0 70px;min-height:45vh}.ap-page h1{font-size:clamp(34px,4vw,52px);line-height:1.08}.ap-page .entry-content{max-width:850px}.ap-page .entry-content a{text-decoration:underline;color:var(--ap-red)}.ap-archive-title{margin:0 0 26px}.ap-pagination{margin-top:28px}.ap-pagination .page-numbers{display:inline-block;padding:8px 12px;border:1px solid var(--ap-line);margin-right:5px}.ap-pagination .current{background:var(--ap-red);color:white}.ap-form-note{font-size:12px;color:var(--ap-muted)}
@media(max-width:1250px){.ap-header-inner{gap:20px}.ap-logo{flex-basis:300px}.ap-logo img{max-width:300px}.ap-nav{gap:13px;font-size:14px}.ap-nav .ap-btn{padding:12px 15px}.ap-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-hero{min-height:540px}}
@media(max-width:780px){.ap-container{width:min(var(--ap-width),calc(100% - 28px))}.ap-header-inner{width:calc(100% - 28px);min-height:72px;flex-wrap:wrap;padding:12px 0}.ap-logo{flex-basis:250px}.ap-logo img{max-width:250px}.ap-menu-toggle{display:block;margin-left:auto}.ap-nav{display:none;flex:0 0 100%;align-items:stretch;flex-direction:column;gap:0;padding:7px 0 12px}.ap-nav.is-open{display:flex}.ap-nav a{padding:12px 4px;border-bottom:1px solid var(--ap-line)}.ap-nav a[aria-current=page]{box-shadow:none;color:var(--ap-red)}.ap-nav .ap-btn{margin-top:10px}.ap-hero{min-height:520px;background-position:56% center}.ap-hero-content{padding:80px 0 90px}.ap-hero h1{max-width:580px}.ap-location-tag{top:12px;right:14px;font-size:11px;padding:8px 10px}.ap-services{grid-template-columns:1fr;margin-top:-32px}.ap-service{min-height:0;border-right:0;border-bottom:1px solid var(--ap-line);padding:20px}.ap-service:last-child{border-bottom:0}.ap-section{padding:42px 0}.ap-section-head{align-items:flex-start;flex-direction:column}.ap-local-grid{grid-template-columns:1fr;gap:22px}.ap-contact-grid{grid-template-columns:1fr;gap:18px}.ap-contact-item{border-right:0;border-bottom:1px solid #444;padding:0 0 16px}.ap-contact-item:last-child{border:0}.ap-local-points{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ap-logo{flex-basis:200px}.ap-logo img{max-width:200px}.ap-hero{min-height:490px}.ap-hero h1{font-size:39px}.ap-hero p{font-size:16px}.ap-actions .ap-btn{width:100%}.ap-vehicle-grid{grid-template-columns:1fr}.ap-local-points{grid-template-columns:1fr}.ap-section-head h2{font-size:31px}}

/* visual alignment with approved homepage concept */
.ap-header .ap-container{width:min(1740px,calc(100% - 72px));max-width:none}
.ap-nav .ap-btn{padding-inline:22px;box-shadow:0 5px 14px rgba(229,29,42,.18)}
.ap-hero:before{background:linear-gradient(90deg,rgba(5,10,20,.88) 0%,rgba(5,10,20,.70) 36%,rgba(5,10,20,.20) 70%,rgba(5,10,20,.24) 100%)}
.ap-hero-content{max-width:900px}
.ap-hero h1{max-width:850px;text-wrap:balance}
.ap-services{border-radius:8px;box-shadow:0 16px 40px rgba(15,18,24,.13)}
.ap-service{align-items:center;min-height:145px}
.ap-service-icon{box-shadow:0 7px 16px rgba(229,29,42,.18)}
.ap-section-head h2{font-size:clamp(34px,3.5vw,48px)}
.ap-vehicle-card{border-radius:7px;box-shadow:0 5px 20px rgba(0,0,0,.055)}
.ap-vehicle-card:hover{box-shadow:0 15px 34px rgba(0,0,0,.12)}
.ap-empty{padding:34px;font-size:15px}
.ap-local{padding:72px 0}
@media(max-width:1250px){.ap-header .ap-container{width:calc(100% - 40px)}.ap-logo{flex-basis:270px}.ap-logo img{max-width:270px}.ap-nav{font-size:13px;gap:10px}}
@media(max-width:780px){.ap-header .ap-container{width:calc(100% - 28px)}.ap-header-inner{gap:14px}.ap-nav{font-size:16px}.ap-hero-content{padding-block:84px 95px}.ap-hero h1{font-size:clamp(42px,9vw,60px)}.ap-service{padding:20px;min-height:0}.ap-section-head h2{font-size:34px}}

/* Version 1.2.0: flexible full-width layout and Nobitz-ready branding */
.ap-container{width:min(var(--ap-width),calc(100% - 72px))}
.ap-hero{background-position:center 54%;}
.ap-hero-content{max-width:980px}
.ap-services{width:100%}
.ap-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:780px){.ap-container{width:calc(100% - 28px)}}

/* Version 1.2.2: centered, multiline opening hours */
.ap-contact-hours{justify-content:center;text-align:center;}
.ap-contact-hours-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ap-contact-hours-content strong{margin-bottom:5px;}
.ap-contact-hours-content span{white-space:normal;line-height:1.65;}

/* Version 1.3.0 – icon-based workshop and service page, no stock photography */
.ap-workshop-page{color:var(--ap-ink)}
.ap-workshop-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#111315 0%,#202226 72%,#303237 100%);color:#fff}
.ap-workshop-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:6%;top:-145px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02);pointer-events:none}
.ap-workshop-hero-inner{position:relative;z-index:1;padding:90px 0 96px;max-width:1500px}
.ap-workshop-eyebrow,.ap-workshop-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.ap-workshop-eyebrow{color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.ap-workshop-eyebrow:before{content:"";height:3px;width:36px;background:var(--ap-red)}
.ap-workshop-hero h1{font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.045em;margin:0 0 24px;color:#fff;max-width:760px}
.ap-workshop-hero h1 span,.ap-workshop-intro h2 span,.ap-workshop-section-head h2 span{color:var(--ap-red)}
.ap-workshop-hero p{max-width:700px;color:#e3e4e7;font-size:clamp(17px,1.7vw,21px);line-height:1.6;margin:0 0 28px}
.ap-workshop-hero-mark{position:absolute;right:11%;top:50%;transform:translateY(-50%);width:190px;height:190px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.9)}
.ap-workshop-hero-mark svg{width:84px;height:84px;stroke:currentColor;fill:none;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.ap-workshop-intro{padding:54px 0;background:#f5f6f7;border-bottom:1px solid #e7e8ea}
.ap-workshop-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ap-workshop-kicker{color:var(--ap-red);margin-bottom:12px}
.ap-workshop-intro h2,.ap-workshop-section-head h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.04em;margin:0}
.ap-workshop-intro-grid>p{color:#555b62;font-size:17px;margin:0;max-width:650px}
.ap-workshop-services{padding:72px 0 80px}
.ap-workshop-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
.ap-workshop-section-head>p{max-width:420px;color:var(--ap-muted);margin:0}
.ap-workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ap-workshop-card{padding:26px 23px 25px;border:1px solid #e4e5e7;border-radius:8px;background:#fff;min-height:250px;transition:transform .18s,box-shadow .18s,border-color .18s}
.ap-workshop-card:hover{transform:translateY(-3px);border-color:#d2d3d6;box-shadow:0 12px 30px rgba(15,18,24,.08)}
.ap-workshop-icon{width:54px;height:54px;display:grid;place-items:center;background:#fff0f1;color:var(--ap-red);border-radius:8px;margin-bottom:19px}
.ap-workshop-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ap-workshop-card h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;color:#17191d}
.ap-workshop-card p{font-size:14px;line-height:1.65;color:#656970;margin:0}
.ap-workshop-link{display:inline-flex;gap:7px;align-items:center;color:var(--ap-red);font-size:14px;font-weight:750;margin-top:15px}
.ap-workshop-process{background:#17191b;color:#fff;padding:52px 0 58px}
.ap-workshop-process-grid{display:grid;grid-template-columns:100px 1fr;gap:30px;align-items:center;max-width:1050px}
.ap-workshop-process-symbol{width:88px;height:88px;border:1px solid #484a4d;border-radius:50%;display:grid;place-items:center;color:#fff}
.ap-workshop-process-symbol svg{width:42px;height:42px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ap-workshop-process h2{font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px;color:#fff}
.ap-workshop-process p{color:#c9cbd0;max-width:700px;margin:0 0 23px}
@media(max-width:1050px){.ap-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-workshop-hero-mark{right:5%;opacity:.6}}
@media(max-width:780px){.ap-workshop-hero-inner{padding:70px 0 76px}.ap-workshop-hero-mark{width:115px;height:115px;right:3%;top:auto;bottom:25px;transform:none;opacity:.32}.ap-workshop-hero-mark svg{width:54px;height:54px}.ap-workshop-intro-grid{grid-template-columns:1fr;gap:18px}.ap-workshop-section-head{align-items:flex-start;flex-direction:column}.ap-workshop-services{padding:48px 0}.ap-workshop-process-grid{grid-template-columns:1fr;gap:20px}.ap-workshop-process-symbol{width:64px;height:64px}.ap-workshop-process-symbol svg{width:32px;height:32px}}
@media(max-width:480px){.ap-workshop-grid{grid-template-columns:1fr}.ap-workshop-card{min-height:0;padding:22px}.ap-workshop-hero h1{font-size:43px}.ap-workshop-hero-mark{display:none}}

/* Editable WordPress navigation (v1.3.1) */
.ap-nav .ap-menu-list{display:flex;align-items:center;gap:clamp(12px,1.4vw,25px);list-style:none;margin:0;padding:0}
.ap-nav .ap-menu-list li{list-style:none;margin:0;padding:0}
.ap-nav .ap-menu-list a{display:inline-flex;align-items:center;text-decoration:none}
.ap-nav .ap-menu-list .menu-item-appointment>a,
.ap-nav .ap-menu-list .appointment-menu-item>a,
.ap-nav .ap-menu-list .menu-cta>a{background:var(--ap-red,#e51d2a);color:#fff;padding:12px 18px;border-radius:5px;font-weight:700}
@media(max-width:900px){.ap-nav .ap-menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.ap-nav .ap-menu-list li{width:100%}.ap-nav .ap-menu-list a{width:100%;box-sizing:border-box}}

/* AutoPoint service detail templates */
.ap-service-detail .ap-workshop-hero-mark svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.ap-service-detail .ap-workshop-icon svg,.ap-service-detail .ap-workshop-process-symbol svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}


/* AutoPoint Service-Seiten – visuelle Aufwertung v1.3.4 */
.ap-workshop-hero{min-height:390px;background:radial-gradient(ellipse at 78% 55%,rgba(229,29,42,.19) 0,rgba(229,29,42,0) 32%),linear-gradient(112deg,#101113 0%,#17191c 55%,#292b2f 100%)}
.ap-workshop-hero:before{content:"";position:absolute;z-index:0;right:5%;bottom:-8%;width:min(47vw,680px);height:78%;opacity:.9;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));clip-path:polygon(12% 61%,22% 39%,36% 30%,58% 29%,73% 42%,88% 49%,98% 65%,100% 82%,0 82%,2% 68%);border-bottom:5px solid rgba(229,29,42,.8);pointer-events:none}
.ap-workshop-hero:after{width:520px;height:520px;right:7%;top:-210px;border-color:rgba(255,255,255,.075);box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018),0 0 0 126px rgba(255,255,255,.012)}
.ap-workshop-hero-inner{padding:100px 0 108px;min-height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ap-workshop-hero-inner>*{position:relative;z-index:2}
.ap-workshop-hero h1{max-width:780px;text-shadow:0 2px 22px rgba(0,0,0,.2)}
.ap-workshop-hero p{max-width:610px}
.ap-workshop-hero-mark{right:16%;top:51%;width:148px;height:148px;background:rgba(17,19,21,.48);border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 14px rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.18);z-index:1}
.ap-workshop-hero-mark svg{width:70px;height:70px;filter:drop-shadow(0 0 10px rgba(229,29,42,.18))}
.ap-workshop-intro{padding:62px 0;background:linear-gradient(105deg,#f0f1f2 0%,#fafafa 100%);position:relative}
.ap-workshop-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ap-red)}
.ap-workshop-intro-grid{gap:7%;grid-template-columns:1.05fr .95fr}
.ap-workshop-intro h2,.ap-workshop-section-head h2{font-size:clamp(34px,3.6vw,48px)}
.ap-workshop-services{padding:82px 0 92px;background:#fff}
.ap-workshop-section-head{margin-bottom:38px}
.ap-workshop-grid{gap:20px}
.ap-workshop-card{position:relative;overflow:hidden;padding:29px 25px 28px;min-height:275px;border:1px solid #e1e2e4;border-radius:10px;box-shadow:0 7px 22px rgba(15,18,24,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.ap-workshop-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ap-red),rgba(229,29,42,.12));opacity:.9}
.ap-workshop-card:hover{transform:translateY(-5px);border-color:#f0b5b8;box-shadow:0 18px 38px rgba(15,18,24,.10)}
.ap-workshop-icon{width:62px;height:62px;border-radius:12px;background:linear-gradient(145deg,#fff0f1,#ffe3e5);box-shadow:inset 0 0 0 1px rgba(229,29,42,.07);margin-bottom:23px}
.ap-workshop-icon svg{width:32px;height:32px;stroke-width:1.8}
.ap-workshop-card h3{font-size:20px;margin-bottom:12px}
.ap-workshop-card p{font-size:15px;line-height:1.72}
.ap-workshop-link{margin-top:18px;padding-bottom:3px;border-bottom:1px solid rgba(229,29,42,.28)}
.ap-workshop-process{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 30%,rgba(229,29,42,.19),transparent 32%),linear-gradient(110deg,#111315,#202226);padding:68px 0 72px}
.ap-workshop-process:after{content:"";position:absolute;right:8%;top:-110px;width:310px;height:310px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.ap-workshop-process-grid{position:relative;z-index:1;max-width:1200px;grid-template-columns:112px 1fr;gap:36px}
.ap-workshop-process-symbol{width:100px;height:100px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.035);color:#fff}
@media(max-width:1050px){.ap-workshop-hero-mark{right:7%;opacity:.8}.ap-workshop-hero:before{right:0;width:52vw}.ap-workshop-card{padding:25px 21px}}
@media(max-width:780px){.ap-workshop-hero-inner{padding:74px 0 86px;min-height:360px}.ap-workshop-hero:before{right:-12%;width:75vw;height:42%;opacity:.45}.ap-workshop-hero-mark{width:90px;height:90px;right:5%;bottom:22px;top:auto;transform:none;opacity:.55}.ap-workshop-hero-mark svg{width:48px;height:48px}.ap-workshop-intro{padding:44px 0}.ap-workshop-intro-grid{grid-template-columns:1fr;gap:20px}.ap-workshop-services{padding:55px 0 62px}.ap-workshop-grid{gap:14px}.ap-workshop-card{min-height:245px}.ap-workshop-process{padding:52px 0}.ap-workshop-process-grid{grid-template-columns:1fr;gap:22px}}
@media(max-width:480px){.ap-workshop-hero-inner{padding:62px 0 72px;min-height:340px}.ap-workshop-hero:before{right:-30%;width:100vw;opacity:.28}.ap-workshop-hero h1{font-size:clamp(38px,11vw,46px)}.ap-workshop-hero p{font-size:16px}.ap-workshop-hero-mark{display:none}.ap-workshop-grid{grid-template-columns:1fr}.ap-workshop-card{min-height:0;padding:24px}.ap-workshop-section-head{margin-bottom:26px}}


/* AutoPoint Service-Seiten – Layout-Optimierung v1.3.5 */
.ap-workshop-hero{min-height:0;background:radial-gradient(ellipse at 78% 50%,rgba(229,29,42,.22) 0,rgba(229,29,42,0) 34%),linear-gradient(110deg,#101113 0%,#17191c 62%,#24262a 100%)}
.ap-workshop-hero:after{width:360px;height:360px;right:7%;top:-155px;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)}
.ap-workshop-hero:before{content:"";position:absolute;z-index:0;right:7%;bottom:5%;width:min(46vw,650px);height:72%;opacity:.72;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.005));clip-path:polygon(5% 70%,12% 51%,27% 43%,37% 22%,65% 22%,78% 44%,91% 50%,100% 70%,98% 83%,2% 83%);border-bottom:3px solid rgba(229,29,42,.55);pointer-events:none}
.ap-workshop-hero-inner{padding:54px 0 58px;min-height:0;max-width:1500px}
.ap-workshop-hero h1{font-size:clamp(42px,4.8vw,68px);max-width:720px;margin-bottom:19px}
.ap-workshop-hero p{max-width:620px;font-size:clamp(16px,1.25vw,19px);line-height:1.55;margin-bottom:24px}
.ap-workshop-hero-mark{right:22%;top:50%;width:116px;height:116px;background:rgba(17,19,21,.6);box-shadow:0 0 0 14px rgba(255,255,255,.025);border-color:rgba(255,255,255,.2)}
.ap-workshop-hero-mark svg{width:54px;height:54px}
.ap-workshop-intro{padding:42px 0}
.ap-workshop-intro-grid{gap:6%;grid-template-columns:1fr 1fr}
.ap-workshop-intro h2,.ap-workshop-section-head h2{font-size:clamp(31px,3vw,42px)}
.ap-workshop-services{padding:58px 0 68px}
.ap-workshop-section-head{margin-bottom:28px}
.ap-workshop-grid{gap:16px}
.ap-workshop-card{min-height:240px;padding:25px 22px 24px;border-radius:10px;box-shadow:0 10px 28px rgba(15,18,24,.06)}
.ap-workshop-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fff0f1,#ffe1e3);color:var(--ap-red);margin-bottom:20px}
.ap-workshop-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ap-workshop-card h3{font-size:19px;line-height:1.25;margin:0 0 10px}
.ap-workshop-card p{font-size:14px;line-height:1.55;color:#5f636a}
.ap-workshop-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,18,24,.11);border-color:rgba(229,29,42,.35)}
@media(max-width:1050px){.ap-workshop-hero-mark{right:12%;opacity:.8}.ap-workshop-hero:before{right:1%;width:48vw}.ap-workshop-card{min-height:250px}}
@media(max-width:780px){.ap-workshop-hero-inner{padding:48px 0 54px}.ap-workshop-hero:before{right:-12%;width:72vw;height:55%;opacity:.32}.ap-workshop-hero-mark{right:6%;width:90px;height:90px;top:auto;bottom:24px;transform:none;opacity:.55}.ap-workshop-hero-mark svg{width:42px;height:42px}.ap-workshop-intro{padding:36px 0}.ap-workshop-services{padding:46px 0 54px}.ap-workshop-card{min-height:220px}}
@media(max-width:480px){.ap-workshop-hero-inner{padding:42px 0 48px;min-height:0}.ap-workshop-hero:before{right:-30%;width:100vw;opacity:.22}.ap-workshop-hero:after{right:-45%;opacity:.7}.ap-workshop-hero h1{font-size:clamp(36px,10vw,44px)}.ap-workshop-hero-mark{display:none}.ap-workshop-grid{grid-template-columns:1fr}.ap-workshop-card{min-height:0;padding:23px}.ap-workshop-intro-grid{grid-template-columns:1fr;gap:16px}}


/* AutoPoint v1.3.6 – Reifen- und Klimaservice: weniger Leere, klarere Dramaturgie */
.ap-service-detail .ap-workshop-hero{min-height:0;overflow:hidden;position:relative;background:radial-gradient(ellipse at 76% 52%,rgba(229,29,42,.24),transparent 35%),linear-gradient(110deg,#101113 0%,#17191c 58%,#25272b 100%)}
.ap-service-detail .ap-workshop-hero-inner{max-width:1280px;min-height:340px;padding:58px 0 62px;justify-content:center}
.ap-service-detail .ap-workshop-hero h1{max-width:650px;font-size:clamp(42px,4.2vw,62px);line-height:1.03;letter-spacing:-.035em}
.ap-service-detail .ap-workshop-hero p{max-width:540px;font-size:17px;line-height:1.65}
.ap-service-detail .ap-workshop-hero-mark{right:8%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:220px;height:220px;border:1px solid rgba(255,255,255,.23);background:radial-gradient(circle,rgba(229,29,42,.17),rgba(255,255,255,.025) 65%,transparent 66%);box-shadow:0 0 0 18px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018);opacity:1;z-index:2}
.ap-service-detail .ap-workshop-hero-mark svg{width:110px;height:110px;stroke-width:1.1;filter:drop-shadow(0 0 16px rgba(229,29,42,.18))}
.ap-service-detail .ap-workshop-hero:before{right:3%;bottom:4%;width:min(48vw,650px);height:80%;opacity:.65;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.005));clip-path:polygon(4% 72%,13% 51%,28% 45%,39% 23%,65% 23%,78% 43%,92% 51%,100% 70%,98% 84%,2% 84%);border-bottom:4px solid rgba(229,29,42,.5)}
.ap-service-detail .ap-workshop-hero:after{right:8%;top:-160px;width:360px;height:360px;opacity:.7}
.ap-service-detail .ap-workshop-services{padding:64px 0 76px;background:linear-gradient(180deg,#f6f6f7 0%,#fff 30%)}
.ap-service-detail .ap-workshop-section-head{align-items:end;margin-bottom:34px}
.ap-service-detail .ap-workshop-section-head>div{max-width:680px}
.ap-service-detail .ap-workshop-section-head>p{max-width:320px;font-size:15px;line-height:1.6}
.ap-service-detail .ap-workshop-grid{gap:18px}
.ap-service-detail .ap-workshop-card{min-height:265px;padding:30px 26px 28px;background:#fff;border-radius:12px;border-color:#e2e3e6;box-shadow:0 12px 32px rgba(15,18,24,.065)}
.ap-service-detail .ap-workshop-icon{width:64px;height:64px;border-radius:15px;margin-bottom:24px}
.ap-service-detail .ap-workshop-icon svg{width:36px;height:36px}
.ap-service-detail .ap-workshop-card h3{font-size:20px}
.ap-service-detail .ap-workshop-card p{font-size:15px;line-height:1.65}
.ap-service-detail .ap-workshop-process{padding:62px 0 66px}
@media(max-width:900px){.ap-service-detail .ap-workshop-hero-inner{min-height:310px;padding:48px 0}.ap-service-detail .ap-workshop-hero-mark{right:4%;width:150px;height:150px;opacity:.75}.ap-service-detail .ap-workshop-hero-mark svg{width:76px;height:76px}.ap-service-detail .ap-workshop-hero p{max-width:65%}.ap-service-detail .ap-workshop-card{min-height:245px}}
@media(max-width:650px){.ap-service-detail .ap-workshop-hero-inner{min-height:0;padding:46px 0 50px}.ap-service-detail .ap-workshop-hero h1{font-size:clamp(36px,10vw,48px);max-width:100%}.ap-service-detail .ap-workshop-hero p{max-width:100%;font-size:16px}.ap-service-detail .ap-workshop-hero-mark{position:relative;right:auto;top:auto;bottom:auto;transform:none;width:74px;height:74px;margin-top:26px;opacity:.8}.ap-service-detail .ap-workshop-hero-mark svg{width:40px;height:40px}.ap-service-detail .ap-workshop-hero:before{right:-18%;width:90vw;height:45%;opacity:.28}.ap-service-detail .ap-workshop-services{padding:44px 0 50px}.ap-service-detail .ap-workshop-section-head{display:block}.ap-service-detail .ap-workshop-section-head>p{margin-top:14px}.ap-service-detail .ap-workshop-grid{grid-template-columns:1fr}.ap-service-detail .ap-workshop-card{min-height:0;padding:24px}.ap-service-detail .ap-workshop-icon{margin-bottom:18px}}


/* AutoPoint v1.3.7 – service hero layout and confirmed services */
.ap-workshop-hero{min-height:0;background:radial-gradient(ellipse at 78% 52%,rgba(229,29,42,.22) 0,rgba(229,29,42,.05) 22%,rgba(229,29,42,0) 43%),linear-gradient(112deg,#101113 0%,#17191c 58%,#292b2f 100%)}
.ap-workshop-hero-inner{width:min(var(--ap-width),calc(100% - 64px));padding:64px 0 68px;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.8fr);grid-template-rows:auto auto auto auto;column-gap:7%;align-content:center;align-items:start}
.ap-workshop-eyebrow{grid-column:1;grid-row:1;margin-bottom:15px}
.ap-workshop-hero h1{grid-column:1;grid-row:2;font-size:clamp(42px,4.5vw,66px);max-width:720px;margin-bottom:20px}
.ap-workshop-hero p{grid-column:1;grid-row:3;max-width:620px;font-size:clamp(16px,1.3vw,19px);margin-bottom:24px}
.ap-workshop-hero .ap-btn{grid-column:1;grid-row:4;justify-self:start;position:relative;z-index:4}
.ap-workshop-hero-mark{right:7%;top:50%;width:clamp(190px,21vw,300px);height:clamp(190px,21vw,300px);background:radial-gradient(circle,rgba(229,29,42,.10),rgba(17,19,21,.2) 68%);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.018),0 24px 80px rgba(0,0,0,.2);z-index:1}
.ap-workshop-hero-mark svg{width:58%;height:58%;stroke-width:1.05}
.ap-workshop-hero:before{right:4%;bottom:0;width:43%;height:88%;opacity:.85;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,0));clip-path:polygon(12% 61%,22% 39%,36% 30%,58% 29%,73% 42%,88% 49%,98% 65%,100% 82%,0 82%,2% 68%);border-bottom:5px solid rgba(229,29,42,.7)}
.ap-workshop-hero:after{right:8%;top:-250px;opacity:.65}
.ap-workshop-services{padding:58px 0 72px}
.ap-workshop-section-head{margin-bottom:28px}
.ap-workshop-grid{gap:20px}
.ap-workshop-card{padding:28px 25px;min-height:270px}
.ap-workshop-icon{width:60px;height:60px;margin-bottom:21px}
.ap-workshop-icon svg{width:32px;height:32px}
@media(max-width:900px){.ap-workshop-hero-inner{grid-template-columns:minmax(0,1fr) 180px;column-gap:20px;padding:54px 0}.ap-workshop-hero-mark{right:0;width:170px;height:170px}.ap-workshop-hero h1{font-size:clamp(38px,6vw,54px)}.ap-workshop-hero p{max-width:560px}.ap-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ap-workshop-hero-inner{display:flex;padding:48px 0 52px;width:calc(100% - 36px)}.ap-workshop-hero-mark{position:relative;right:auto;top:auto;transform:none;order:4;width:112px;height:112px;margin:28px 0 0 auto;box-shadow:0 0 0 10px rgba(255,255,255,.025)}.ap-workshop-hero-mark svg{width:62%;height:62%}.ap-workshop-hero h1{font-size:clamp(36px,10vw,48px)}.ap-workshop-hero p{font-size:16px}.ap-workshop-hero:before{width:75%;height:45%;right:-12%;bottom:0}.ap-workshop-services{padding:42px 0 52px}.ap-workshop-section-head{display:block}.ap-workshop-section-head>p{margin-top:14px}.ap-workshop-grid{grid-template-columns:1fr}.ap-workshop-card{min-height:0;padding:24px}}


/* AutoPoint v1.3.8: compact, balanced hero for tire and climate service pages */
.ap-service-detail .ap-workshop-hero{min-height:0!important;}
.ap-service-detail .ap-workshop-hero-inner{
  width:min(var(--ap-width),calc(100% - 64px));
  min-height:0!important;
  padding:38px 0 42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.75fr)!important;
  grid-template-rows:auto auto auto auto!important;
  column-gap:7%!important;
  row-gap:10px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:stretch!important;
}
.ap-service-detail .ap-workshop-eyebrow{grid-column:1;grid-row:1;margin:0 0 2px!important;}
.ap-service-detail .ap-workshop-hero h1{grid-column:1;grid-row:2;max-width:720px;margin:0!important;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.035em;}
.ap-service-detail .ap-workshop-hero p{grid-column:1;grid-row:3;max-width:620px;margin:4px 0 8px!important;font-size:16px;line-height:1.6;}
.ap-service-detail .ap-workshop-hero .ap-btn{grid-column:1;grid-row:4;justify-self:start;align-self:start;margin:0!important;}
.ap-service-detail .ap-workshop-hero-mark{grid-column:2;grid-row:1 / 5;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;justify-self:center;align-self:center;width:clamp(180px,20vw,270px)!important;height:clamp(180px,20vw,270px)!important;opacity:.92!important;margin:0!important;}
.ap-service-detail .ap-workshop-hero-mark svg{width:42%!important;height:42%!important;}
.ap-service-detail .ap-workshop-services{padding-top:42px!important;}
@media(max-width:900px){
 .ap-service-detail .ap-workshop-hero-inner{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) 155px!important;column-gap:24px!important;padding:34px 0 38px!important;}
 .ap-service-detail .ap-workshop-hero-mark{width:145px!important;height:145px!important;}
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(36px,5.2vw,48px);}
}
@media(max-width:600px){
 .ap-service-detail .ap-workshop-hero-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:calc(100% - 36px);padding:34px 0 36px!important;}
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(35px,9vw,44px);}
 .ap-service-detail .ap-workshop-hero p{font-size:15px;}
 .ap-service-detail .ap-workshop-hero-mark{position:absolute!important;right:14px!important;top:22px!important;width:66px!important;height:66px!important;opacity:.3!important;}
 .ap-service-detail .ap-workshop-hero-mark svg{width:40%!important;height:40%!important;}
 .ap-service-detail .ap-workshop-hero .ap-btn{margin-top:2px!important;}
 .ap-service-detail .ap-workshop-services{padding-top:36px!important;}
}


/* AutoPoint v1.3.9: compact hero on workshop AND detail service pages */
.ap-workshop-hero{min-height:0!important;}
.ap-workshop-hero-inner{
  width:min(var(--ap-width),calc(100% - 64px));
  min-height:0!important;
  padding:34px 0 38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:36px!important;
  row-gap:10px!important;
}
.ap-workshop-hero .ap-workshop-eyebrow{grid-column:1;grid-row:1;margin:0 0 2px!important;}
.ap-workshop-hero h1{grid-column:1;grid-row:2;margin:0!important;font-size:clamp(38px,4.1vw,60px)!important;line-height:1.04!important;}
.ap-workshop-hero p{grid-column:1;grid-row:3;max-width:620px;margin:4px 0 8px!important;font-size:16px!important;line-height:1.55!important;}
.ap-workshop-hero .ap-btn{grid-column:1;grid-row:4;justify-self:start;align-self:start;margin:0!important;}
.ap-workshop-hero-mark{position:absolute!important;right:8%!important;top:50%!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:clamp(150px,17vw,230px)!important;height:clamp(150px,17vw,230px)!important;}
.ap-workshop-hero-mark svg{width:48%!important;height:48%!important;}
@media(max-width:900px){
 .ap-workshop-hero-inner{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) 150px!important;column-gap:20px!important;padding:30px 0 34px!important;}
 .ap-workshop-hero-mark{right:0!important;width:140px!important;height:140px!important;}
 .ap-workshop-hero h1{font-size:clamp(36px,5vw,48px)!important;}
}
@media(max-width:600px){
 .ap-workshop-hero-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:calc(100% - 36px);padding:30px 0 34px!important;}
 .ap-workshop-hero-mark{right:14px!important;top:22px!important;transform:none!important;width:64px!important;height:64px!important;opacity:.28!important;}
 .ap-workshop-hero h1{font-size:clamp(34px,9vw,43px)!important;max-width:100%;}
 .ap-workshop-hero p{font-size:15px!important;max-width:100%;}
}


/* AutoPoint v1.4.2: Werkstatt-Hero auf dieselbe kompakte Hoehe wie die Detailseiten bringen */
.ap-workshop-page .ap-workshop-hero{min-height:0!important;height:auto!important;}
.ap-workshop-page .ap-workshop-hero-inner{
  box-sizing:border-box!important;
  min-height:0!important;height:auto!important;
  padding:38px 0 42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.75fr)!important;
  grid-template-rows:auto auto auto auto!important;
  column-gap:7%!important;row-gap:10px!important;
  align-content:center!important;align-items:center!important;
  justify-content:stretch!important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow{grid-column:1!important;grid-row:1!important;margin:0 0 2px!important;}
.ap-workshop-page .ap-workshop-hero h1{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(38px,4vw,58px)!important;line-height:1.04!important;}
.ap-workshop-page .ap-workshop-hero p{grid-column:1!important;grid-row:3!important;max-width:620px!important;margin:4px 0 8px!important;font-size:16px!important;line-height:1.6!important;}
.ap-workshop-page .ap-workshop-hero .ap-btn{grid-column:1!important;grid-row:4!important;justify-self:start!important;align-self:start!important;margin:0!important;}
.ap-workshop-page .ap-workshop-hero-mark{grid-column:2!important;grid-row:1 / 5!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;position:relative!important;transform:none!important;justify-self:center!important;align-self:center!important;width:clamp(180px,20vw,270px)!important;height:clamp(180px,20vw,270px)!important;margin:0!important;}
@media(max-width:900px){.ap-workshop-page .ap-workshop-hero-inner{width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr) 155px!important;column-gap:24px!important;padding:34px 0 38px!important;}.ap-workshop-page .ap-workshop-hero-mark{width:145px!important;height:145px!important;}}
@media(max-width:600px){.ap-workshop-page .ap-workshop-hero-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:calc(100% - 36px)!important;padding:34px 0 36px!important;}.ap-workshop-page .ap-workshop-hero-mark{position:absolute!important;right:14px!important;top:22px!important;width:66px!important;height:66px!important;opacity:.3!important;}.ap-workshop-page .ap-workshop-hero h1{font-size:clamp(35px,9vw,44px)!important;}}


/* AutoPoint v1.4.3: Einheitliche Hero-Hoehe und Ausrichtung auf Werkstatt, Klima und Reifen */
.ap-workshop-page .ap-workshop-hero{
  box-sizing:border-box!important;
  min-height:256px!important;
  height:auto!important;
  display:flex!important;
  align-items:stretch!important;
}
.ap-workshop-page .ap-workshop-hero-inner{
  box-sizing:border-box!important;
  width:min(var(--ap-width),calc(100% - 64px))!important;
  min-height:256px!important;
  height:auto!important;
  margin-inline:auto!important;
  padding:32px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)!important;
  grid-template-rows:auto auto auto auto!important;
  column-gap:7%!important;
  row-gap:8px!important;
  align-content:center!important;
  align-items:center!important;
  position:relative!important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow{grid-column:1!important;grid-row:1!important;margin:0 0 2px!important;align-self:end!important;}
.ap-workshop-page .ap-workshop-hero h1{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(36px,3.5vw,52px)!important;line-height:1.06!important;max-width:680px!important;}
.ap-workshop-page .ap-workshop-hero p{grid-column:1!important;grid-row:3!important;max-width:620px!important;margin:2px 0 4px!important;font-size:15px!important;line-height:1.5!important;}
.ap-workshop-page .ap-workshop-hero .ap-btn{grid-column:1!important;grid-row:4!important;justify-self:start!important;align-self:start!important;margin:0!important;}
.ap-workshop-page .ap-workshop-hero-mark{
  grid-column:2!important;grid-row:1 / 5!important;
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;justify-self:center!important;align-self:center!important;
  width:clamp(150px,16vw,210px)!important;height:clamp(150px,16vw,210px)!important;
  margin:0!important;
}
.ap-workshop-page .ap-workshop-hero-mark svg{width:48%!important;height:48%!important;}
@media(max-width:900px){
 .ap-workshop-page .ap-workshop-hero,.ap-workshop-page .ap-workshop-hero-inner{min-height:238px!important;}
 .ap-workshop-page .ap-workshop-hero-inner{width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr) 145px!important;column-gap:24px!important;padding:28px 0!important;}
 .ap-workshop-page .ap-workshop-hero-mark{width:136px!important;height:136px!important;}
 .ap-workshop-page .ap-workshop-hero h1{font-size:clamp(34px,4.5vw,44px)!important;}
}
@media(max-width:600px){
 .ap-workshop-page .ap-workshop-hero,.ap-workshop-page .ap-workshop-hero-inner{min-height:0!important;}
 .ap-workshop-page .ap-workshop-hero-inner{width:calc(100% - 36px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:30px 0 32px!important;}
 .ap-workshop-page .ap-workshop-hero-mark{position:absolute!important;right:0!important;top:18px!important;left:auto!important;bottom:auto!important;transform:none!important;width:66px!important;height:66px!important;opacity:.22!important;}
 .ap-workshop-page .ap-workshop-hero h1{font-size:clamp(32px,8.5vw,40px)!important;max-width:calc(100% - 10px)!important;}
 .ap-workshop-page .ap-workshop-hero p{font-size:14px!important;max-width:100%!important;}
}


/* AutoPoint v1.4.4: Einheitliche Abstände aller drei Service-Hero-Bereiche */
.ap-workshop-page .ap-workshop-hero,
.ap-service-detail .ap-workshop-hero{
  min-height:0!important;height:auto!important;overflow:hidden!important;
  display:block!important;
}
.ap-workshop-page .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero-inner{
  width:min(1500px,calc(100% - 64px))!important;
  max-width:1500px!important;margin-inline:auto!important;
  min-height:190px!important;height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:center!important;align-items:center!important;
  column-gap:24px!important;row-gap:0!important;
  padding:22px 0 24px!important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow,
.ap-service-detail .ap-workshop-hero .ap-workshop-eyebrow{
  grid-column:1!important;grid-row:1!important;
  margin:0 0 3px!important;align-self:end!important;
  font-size:11px!important;line-height:1.35!important;
}
.ap-workshop-page .ap-workshop-hero h1,
.ap-service-detail .ap-workshop-hero h1{
  grid-column:1!important;grid-row:2!important;
  margin:0 0 4px!important;max-width:720px!important;
  font-size:clamp(32px,3.1vw,40px)!important;
  line-height:1.08!important;letter-spacing:-.035em!important;
}
.ap-workshop-page .ap-workshop-hero p,
.ap-service-detail .ap-workshop-hero p{
  grid-column:1!important;grid-row:3!important;
  max-width:620px!important;margin:0 0 7px!important;
  font-size:12px!important;line-height:1.5!important;
}
.ap-workshop-page .ap-workshop-hero .ap-btn,
.ap-service-detail .ap-workshop-hero .ap-btn{
  grid-column:1!important;grid-row:4!important;justify-self:start!important;
  align-self:start!important;margin:0!important;padding:10px 16px!important;
  font-size:12px!important;line-height:1.4!important;
}
.ap-workshop-page .ap-workshop-hero-mark,
.ap-service-detail .ap-workshop-hero-mark{
  grid-column:2!important;grid-row:1/5!important;
  position:absolute!important;right:calc((100% - min(1500px,100% - 64px))/2 + 16px)!important;
  left:auto!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:118px!important;height:118px!important;
  opacity:1!important;
}
.ap-workshop-page .ap-workshop-hero-mark svg,
.ap-service-detail .ap-workshop-hero-mark svg{
  width:46%!important;height:46%!important;
}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{
  width:calc(100% - 36px)!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:9px!important;padding:28px 0 30px!important;
 }
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(30px,7vw,38px)!important;max-width:calc(100% - 5px)!important;}
 .ap-workshop-page .ap-workshop-hero p,
 .ap-service-detail .ap-workshop-hero p{font-size:14px!important;max-width:100%!important;margin:0!important;}
 .ap-workshop-page .ap-workshop-hero-mark,
 .ap-service-detail .ap-workshop-hero-mark{right:12px!important;top:20px!important;width:64px!important;height:64px!important;transform:none!important;opacity:.28!important;}
}


/* AutoPoint v1.4.5: Hero wieder großzügig gestalten, ohne die einheitliche Ausrichtung zu verlieren */
.ap-workshop-page .ap-workshop-hero,
.ap-service-detail .ap-workshop-hero{min-height:0!important;height:auto!important;}
.ap-workshop-page .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero-inner{
  min-height:228px!important;
  padding:36px 0 38px!important;
  align-content:center!important;
  row-gap:3px!important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow,
.ap-service-detail .ap-workshop-hero .ap-workshop-eyebrow{
  font-size:11px!important;line-height:1.5!important;margin:0 0 5px!important;
}
.ap-workshop-page .ap-workshop-hero h1,
.ap-service-detail .ap-workshop-hero h1{
  font-size:clamp(38px,3.5vw,48px)!important;
  line-height:1.08!important;margin:0 0 8px!important;
}
.ap-workshop-page .ap-workshop-hero p,
.ap-service-detail .ap-workshop-hero p{
  font-size:15px!important;line-height:1.6!important;margin:0 0 15px!important;
  max-width:620px!important;
}
.ap-workshop-page .ap-workshop-hero .ap-btn,
.ap-service-detail .ap-workshop-hero .ap-btn{
  padding:12px 18px!important;font-size:13px!important;line-height:1.45!important;
}
.ap-workshop-page .ap-workshop-hero-mark,
.ap-service-detail .ap-workshop-hero-mark{
  width:145px!important;height:145px!important;
}
.ap-workshop-page .ap-workshop-hero-mark svg,
.ap-service-detail .ap-workshop-hero-mark svg{width:52%!important;height:52%!important;}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{min-height:260px!important;padding:34px 0 38px!important;gap:12px!important;}
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(34px,7vw,42px)!important;}
 .ap-workshop-page .ap-workshop-hero p,
 .ap-service-detail .ap-workshop-hero p{font-size:15px!important;line-height:1.6!important;}
}
@media(max-width:600px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{min-height:0!important;padding:36px 0 40px!important;gap:12px!important;}
 .ap-workshop-page .ap-workshop-hero-mark,
 .ap-service-detail .ap-workshop-hero-mark{width:76px!important;height:76px!important;right:10px!important;top:18px!important;}
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(32px,8.5vw,40px)!important;}
}


/* AutoPoint v1.4.6 – Kontaktseite und Formular */
.ap-contact-page{padding:56px 0 80px;background:#f6f7f8}.ap-contact-heading{max-width:760px;margin:0 auto 34px;text-align:center}.ap-contact-kicker{color:var(--ap-red);font-size:12px;font-weight:800;letter-spacing:.14em}.ap-contact-heading h1{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 14px;color:#15171a}.ap-contact-heading p{color:#62666d;margin:0;font-size:17px}.ap-contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:28px;align-items:start}.ap-contact-form-card,.ap-contact-info-card{background:#fff;border:1px solid #e5e6e8;border-radius:14px;box-shadow:0 12px 32px rgba(15,18,24,.06);padding:clamp(22px,3vw,36px)}.ap-contact-form-card h2,.ap-contact-info-card h2{font-size:23px;margin:0 0 8px;letter-spacing:-.02em}.ap-contact-form-intro{color:#666b72;margin:0 0 24px}.ap-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ap-contact-field{display:flex;flex-direction:column;gap:6px}.ap-contact-field-wide{grid-column:1/-1}.ap-contact-field label{font-weight:700;font-size:14px}.ap-contact-field input,.ap-contact-field select,.ap-contact-field textarea{width:100%;border:1px solid #d9dce0;border-radius:7px;padding:12px 13px;background:#fff;color:#17191d;min-height:46px}.ap-contact-field textarea{min-height:140px;resize:vertical}.ap-contact-field input:focus,.ap-contact-field select:focus,.ap-contact-field textarea:focus{outline:2px solid rgba(229,29,42,.18);border-color:var(--ap-red)}.ap-contact-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#555b62;margin:18px 0}.ap-contact-consent input{margin-top:5px;min-height:0;width:auto}.ap-contact-submit{border:0;cursor:pointer}.ap-contact-alert{padding:13px 16px;border-radius:8px;margin:0 0 20px}.ap-contact-alert.success{background:#eaf7ee;color:#185b2b}.ap-contact-alert.error{background:#fff0f0;color:#8b171d}.ap-contact-info-list{display:grid;gap:0}.ap-contact-info-item{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid #eceef0}.ap-contact-info-item:last-child{border-bottom:0}.ap-contact-info-icon{width:42px;height:42px;display:grid;place-items:center;background:#fff0f1;color:var(--ap-red);border-radius:9px;font-size:20px}.ap-contact-info-item strong{display:block;margin:0 0 3px}.ap-contact-info-item p{margin:0;color:#60656c;font-size:14px}.ap-contact-info-item a{font-weight:600}.ap-contact-map-link{display:inline-flex;margin-top:22px;color:var(--ap-red);font-weight:800}.ap-contact-privacy-note{font-size:12px;color:#747982;margin:12px 0 0}.ap-contact-hidden{display:none!important}
@media(max-width:820px){.ap-contact-grid{grid-template-columns:1fr}.ap-contact-info-card{order:-1}}
@media(max-width:560px){.ap-contact-page{padding:38px 0 56px}.ap-contact-fields{grid-template-columns:1fr}.ap-contact-field-wide{grid-column:auto}.ap-contact-form-card,.ap-contact-info-card{padding:22px}.ap-contact-heading{text-align:left;margin-bottom:24px}.ap-contact-heading p{font-size:15px}}


/* AutoPoint v1.4.7 – Kontaktseite an die Service-Heroes angleichen */
.ap-contact-page{padding:0;background:#f6f7f8}
.ap-contact-page .ap-contact-hero{display:block}
.ap-contact-page .ap-contact-hero .ap-workshop-hero-inner{position:relative}
.ap-contact-page .ap-contact-hero-mark svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ap-contact-page .ap-contact-content{padding:48px 0 78px;background:#f6f7f8}
.ap-contact-page .ap-contact-heading{margin:0 auto 30px;max-width:760px;text-align:left}
.ap-contact-page .ap-contact-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.03em;margin:7px 0 10px;color:#15171a}
.ap-contact-page .ap-contact-heading p{font-size:15px;line-height:1.6}
.ap-contact-page .ap-contact-kicker{font-size:11px}
.ap-contact-page .ap-contact-grid{gap:24px}
.ap-contact-page .ap-contact-form-card,.ap-contact-page .ap-contact-info-card{border-radius:12px}
@media(max-width:780px){.ap-contact-page .ap-contact-hero .ap-workshop-hero-inner{min-height:260px!important;padding:34px 0 38px!important}.ap-contact-page .ap-contact-content{padding:36px 0 56px}}

/* AutoPoint v1.4.9 – Service-Hero auf die kompaktere Kontakt-Hero-Höhe abstimmen */
.ap-workshop-page .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero-inner{
  min-height:0!important;
  padding:28px 0 30px!important;
}
.ap-workshop-page .ap-workshop-hero h1,
.ap-service-detail .ap-workshop-hero h1{
  font-size:clamp(34px,3.1vw,40px)!important;
  line-height:1.08!important;
  margin-bottom:7px!important;
}
.ap-workshop-page .ap-workshop-hero p,
.ap-service-detail .ap-workshop-hero p{
  font-size:14px!important;
  line-height:1.5!important;
  margin-bottom:12px!important;
  max-width:500px!important;
}
.ap-workshop-page .ap-workshop-hero .ap-btn,
.ap-service-detail .ap-workshop-hero .ap-btn{padding:10px 16px!important;font-size:12px!important}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{
  min-height:0!important;
  padding:34px 0 38px!important;
 }
}
@media(max-width:600px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{
  min-height:0!important;
  padding:30px 0 32px!important;
 }
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(32px,8.5vw,38px)!important;}
}


/* AutoPoint v1.5.1 – Service-Hero-Container exakt wie Kontakt zentrieren.
   Wichtig: Der Hero-Container selbst ist das Element mit .ap-container; daher
   darf die linksseitige Ausrichtung nicht zusätzlich auf dessen zentrierten
   Elterncontainer aufaddiert werden. */
.ap-workshop-page .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero-inner{
  width:min(1500px,calc(100% - 64px))!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-self:auto!important;
}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero-inner{
   width:calc(100% - 36px)!important;max-width:none!important;
   margin-left:auto!important;margin-right:auto!important;
 }
}

/* AutoPoint v1.5.2 – Service-Heroes verwenden dieselbe Textposition wie Kontakt.
   Die vorhandenen Texte und jeweiligen Service-Icons bleiben unverändert. */
.ap-workshop-page .ap-workshop-hero .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero .ap-workshop-hero-inner{
  display:block!important;
  position:relative!important;
  width:min(1500px,calc(100% - 64px))!important;
  max-width:1500px!important;
  min-height:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:28px 0 30px!important;
  box-sizing:border-box!important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow,
.ap-service-detail .ap-workshop-hero .ap-workshop-eyebrow{margin:0 0 5px!important;}
.ap-workshop-page .ap-workshop-hero h1,
.ap-service-detail .ap-workshop-hero h1{
  max-width:560px!important;font-size:clamp(34px,3.1vw,40px)!important;
  line-height:1.08!important;margin:0 0 7px!important;text-align:left!important;
}
.ap-workshop-page .ap-workshop-hero p,
.ap-service-detail .ap-workshop-hero p{
  max-width:500px!important;font-size:14px!important;line-height:1.5!important;
  margin:0 0 12px!important;text-align:left!important;
}
.ap-workshop-page .ap-workshop-hero .ap-btn,
.ap-service-detail .ap-workshop-hero .ap-btn{padding:10px 16px!important;font-size:12px!important;}
.ap-workshop-page .ap-workshop-hero .ap-workshop-hero-mark,
.ap-service-detail .ap-workshop-hero .ap-workshop-hero-mark{
  position:absolute!important;right:0!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:148px!important;height:148px!important;
}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero .ap-workshop-hero-inner{width:calc(100% - 36px)!important;padding:34px 0 38px!important;}
}
@media(max-width:600px){
 .ap-workshop-page .ap-workshop-hero .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero .ap-workshop-hero-inner{width:calc(100% - 36px)!important;padding:30px 0 32px!important;}
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1{font-size:clamp(32px,8.5vw,38px)!important;max-width:100%!important;}
 .ap-workshop-page .ap-workshop-hero p,
 .ap-service-detail .ap-workshop-hero p{max-width:calc(100% - 70px)!important;}
 .ap-workshop-page .ap-workshop-hero .ap-workshop-hero-mark,
 .ap-service-detail .ap-workshop-hero .ap-workshop-hero-mark{width:64px!important;height:64px!important;right:0!important;top:auto!important;bottom:18px!important;transform:none!important;}
}


/* AutoPoint v1.5.3 – Service-Hero nutzt dieselbe Container-/Textstruktur wie Kontakt.
   Allgemeine Selektoren bewusst ohne Body-Klassen, damit sie in allen Seitentemplates greifen. */
.ap-workshop-hero:not(.ap-contact-hero) > .ap-workshop-hero-inner,
.ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-inner{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  width:min(1500px,calc(100% - 64px))!important;
  max-width:1500px!important;
  min-height:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:28px 0 30px!important;
}
.ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-eyebrow{margin:0 0 5px!important;}
.ap-workshop-hero:not(.ap-contact-hero) h1{
  display:block!important;max-width:560px!important;
  margin:0 0 7px!important;text-align:left!important;
  font-size:clamp(34px,3.1vw,40px)!important;line-height:1.08!important;
}
.ap-workshop-hero:not(.ap-contact-hero) p{
  display:block!important;max-width:500px!important;
  margin:0 0 12px!important;text-align:left!important;
  font-size:14px!important;line-height:1.5!important;
}
.ap-workshop-hero:not(.ap-contact-hero) .ap-btn{display:inline-flex!important;margin:0!important;padding:10px 16px!important;font-size:12px!important;}
.ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-mark{
  position:absolute!important;left:auto!important;right:0!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:148px!important;height:148px!important;
  margin:0!important;
}
@media(max-width:780px){
 .ap-workshop-hero:not(.ap-contact-hero) > .ap-workshop-hero-inner,
 .ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-inner{width:calc(100% - 36px)!important;max-width:none!important;padding:34px 0 38px!important;}
}
@media(max-width:600px){
 .ap-workshop-hero:not(.ap-contact-hero) h1{font-size:clamp(32px,8.5vw,38px)!important;max-width:100%!important;}
 .ap-workshop-hero:not(.ap-contact-hero) p{max-width:calc(100% - 70px)!important;}
 .ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-mark{width:64px!important;height:64px!important;right:0!important;top:auto!important;bottom:18px!important;transform:none!important;}
}


/* AutoPoint v1.5.4 – harte Korrektur: Service-Hero-Textachse wie Kontakt.
   Überschreibt ältere, über Jahre ergänzte Hero-Regeln am Ende des Stylesheets. */
.ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner,
.ap-service-detail .ap-workshop-hero > .ap-workshop-hero-inner,
.ap-workshop-hero:not(.ap-contact-hero) > .ap-workshop-hero-inner {
  display:block !important;
  width:min(1500px, calc(100% - 64px)) !important;
  max-width:1500px !important;
  min-height:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:28px 0 30px !important;
  box-sizing:border-box !important;
  position:relative !important;
}
.ap-workshop-page .ap-workshop-hero h1,
.ap-service-detail .ap-workshop-hero h1,
.ap-workshop-hero:not(.ap-contact-hero) h1 {
  text-align:left !important;
  max-width:560px !important;
  margin:0 0 7px !important;
  font-size:clamp(34px, 3.1vw, 40px) !important;
  line-height:1.08 !important;
}
.ap-workshop-page .ap-workshop-hero p,
.ap-service-detail .ap-workshop-hero p,
.ap-workshop-hero:not(.ap-contact-hero) p {
  text-align:left !important;
  max-width:500px !important;
  margin:0 0 12px !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.ap-workshop-page .ap-workshop-hero .ap-workshop-hero-mark,
.ap-service-detail .ap-workshop-hero .ap-workshop-hero-mark,
.ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-mark {
  position:absolute !important;
  left:auto !important; right:0 !important; top:50% !important; bottom:auto !important;
  transform:translateY(-50%) !important;
  width:148px !important; height:148px !important; margin:0 !important;
}
@media(max-width:780px){
 .ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner,
 .ap-service-detail .ap-workshop-hero > .ap-workshop-hero-inner,
 .ap-workshop-hero:not(.ap-contact-hero) > .ap-workshop-hero-inner {
   width:calc(100% - 36px) !important; max-width:none !important; padding:34px 0 38px !important;
 }
}
@media(max-width:600px){
 .ap-workshop-page .ap-workshop-hero h1,
 .ap-service-detail .ap-workshop-hero h1,
 .ap-workshop-hero:not(.ap-contact-hero) h1 {font-size:clamp(32px,8.5vw,38px) !important;max-width:100% !important;}
 .ap-workshop-page .ap-workshop-hero p,
 .ap-service-detail .ap-workshop-hero p,
 .ap-workshop-hero:not(.ap-contact-hero) p {max-width:calc(100% - 70px) !important;}
 .ap-workshop-page .ap-workshop-hero .ap-workshop-hero-mark,
 .ap-service-detail .ap-workshop-hero .ap-workshop-hero-mark,
 .ap-workshop-hero:not(.ap-contact-hero) .ap-workshop-hero-mark {width:64px !important;height:64px !important;right:0 !important;top:auto !important;bottom:18px !important;transform:none !important;}
}


/* AutoPoint v1.5.5: definitive shared hero text axis.
   Align service hero's inner wrapper to the same centered 934px axis as contact.
   Keep existing service copy and icon markup intact. */
body .ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner,
body .ap-service-detail .ap-workshop-hero > .ap-workshop-hero-inner,
body .ap-workshop-page .ap-workshop-hero .ap-workshop-hero-inner,
body .ap-service-detail .ap-workshop-hero .ap-workshop-hero-inner {
  display: block !important;
  box-sizing: border-box !important;
  width: min(1500px, calc(100% - 64px)) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
  position: relative !important;
}
body .ap-workshop-page .ap-workshop-hero .ap-workshop-eyebrow,
body .ap-service-detail .ap-workshop-hero .ap-workshop-eyebrow,
body .ap-workshop-page .ap-workshop-hero h1,
body .ap-service-detail .ap-workshop-hero h1,
body .ap-workshop-page .ap-workshop-hero p,
body .ap-service-detail .ap-workshop-hero p,
body .ap-workshop-page .ap-workshop-hero .ap-btn,
body .ap-service-detail .ap-workshop-hero .ap-btn {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: start !important;
  text-align: left !important;
  margin-left: 0 !important;
}
@media(max-width:780px) {
 body .ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner,
 body .ap-service-detail .ap-workshop-hero > .ap-workshop-hero-inner {
   width: calc(100% - 36px) !important;
   max-width: none !important;
 }
}


/* AutoPoint v1.5.6: match service hero text start exactly to contact hero.
   Explicitly override the grid/container rules from earlier versions. */
body .ap-workshop-page > .ap-workshop-hero > .ap-workshop-hero-inner,
body .ap-service-detail > .ap-workshop-hero > .ap-workshop-hero-inner {
  display: block !important;
  width: min(1500px, calc(100% - 64px)) !important;
  max-width: 1500px !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 32px 0 25px !important;
  box-sizing: border-box !important;
  position: relative !important;
  transform: none !important;
}
body .ap-workshop-page > .ap-workshop-hero .ap-workshop-eyebrow,
body .ap-service-detail > .ap-workshop-hero .ap-workshop-eyebrow {
  display: block !important; width: fit-content !important; margin: 0 0 5px !important;
  text-align: left !important;
}
body .ap-workshop-page > .ap-workshop-hero h1,
body .ap-service-detail > .ap-workshop-hero h1 {
  display: block !important; width: min(650px, 100%) !important; max-width: 650px !important;
  margin: 0 0 7px !important; padding: 0 !important; text-align: left !important;
  font-size: clamp(32px, 3vw, 42px) !important; line-height: 1.05 !important;
}
body .ap-workshop-page > .ap-workshop-hero p,
body .ap-service-detail > .ap-workshop-hero p {
  display: block !important; width: min(430px, calc(100% - 100px)) !important; max-width: 430px !important;
  margin: 0 0 10px !important; padding: 0 !important; text-align: left !important;
  font-size: 12px !important; line-height: 1.55 !important;
}
body .ap-workshop-page > .ap-workshop-hero .ap-btn,
body .ap-service-detail > .ap-workshop-hero .ap-btn {
  display: inline-flex !important; width: fit-content !important; margin: 0 !important;
  padding: 10px 16px !important; font-size: 12px !important; text-align: left !important;
}
body .ap-workshop-page > .ap-workshop-hero .ap-workshop-hero-mark,
body .ap-service-detail > .ap-workshop-hero .ap-workshop-hero-mark {
  position: absolute !important; left: auto !important; right: 0 !important;
  top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;
  width: 148px !important; height: 148px !important; margin: 0 !important;
}
@media(max-width:780px) {
 body .ap-workshop-page > .ap-workshop-hero > .ap-workshop-hero-inner,
 body .ap-service-detail > .ap-workshop-hero > .ap-workshop-hero-inner {
   width: calc(100% - 36px) !important; max-width: none !important; padding: 34px 0 38px !important;
 }
 body .ap-workshop-page > .ap-workshop-hero p,
 body .ap-service-detail > .ap-workshop-hero p { width: calc(100% - 72px) !important; max-width: 430px !important; }
 body .ap-workshop-page > .ap-workshop-hero .ap-workshop-hero-mark,
 body .ap-service-detail > .ap-workshop-hero .ap-workshop-hero-mark { width: 64px !important; height: 64px !important; right: 0 !important; top: auto !important; bottom: 18px !important; transform: none !important; }
}
@media(max-width:480px) {
 body .ap-workshop-page > .ap-workshop-hero h1,
 body .ap-service-detail > .ap-workshop-hero h1 { font-size: clamp(30px, 8.5vw, 38px) !important; }
}

/* AutoPoint v1.5.8: Service-Heroes verwenden dieselbe Hero-Modifier-Klasse wie Kontakt. */


/* AutoPoint v1.5.9 – verbindliche finale Hero-Ausrichtung für alle Service-Seiten.
   Die Service-Heroes tragen jetzt ap-contact-hero; ältere, spezifischere Regeln
   werden hier ausdrücklich überschrieben. Textachse entspricht dem Kontakt-Hero. */
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero,
.ap-workshop-hero.ap-contact-hero {
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
.ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner {
  display:block !important;
  box-sizing:border-box !important;
  position:relative !important;
  width:min(1500px, calc(100% - 64px)) !important;
  max-width:1500px !important;
  min-height:0 !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:24px 0 26px !important;
  align-items:initial !important;
  justify-content:initial !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-eyebrow,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-eyebrow,
.ap-workshop-hero.ap-contact-hero .ap-workshop-eyebrow {
  display:flex !important;
  margin:0 0 5px !important;
  font-size:10px !important;
  line-height:1.3 !important;
  letter-spacing:.16em !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero h1,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero h1,
.ap-workshop-hero.ap-contact-hero h1 {
  display:block !important;
  width:auto !important;
  max-width:560px !important;
  margin:0 0 7px !important;
  text-align:left !important;
  font-size: clamp(32px, 3vw, 42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero p,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero p,
.ap-workshop-hero.ap-contact-hero p {
  display:block !important;
  width:auto !important;
  max-width:500px !important;
  margin:0 0 12px !important;
  text-align:left !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-btn,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-btn,
.ap-workshop-hero.ap-contact-hero .ap-btn {
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
  padding:10px 16px !important;
  font-size:12px !important;
  line-height:1.3 !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
.ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark {
  position:absolute !important;
  left:auto !important;
  right:0 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:116px !important;
  height:116px !important;
  margin:0 !important;
  z-index:1 !important;
}
.ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg,
.ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg,
.ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg {
  width:54px !important;
  height:54px !important;
}
@media(max-width:780px) {
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner {
    width:calc(100% - 36px) !important;
    max-width:none !important;
    padding:24px 0 28px !important;
  }
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero h1,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero h1,
  .ap-workshop-hero.ap-contact-hero h1 {font-size:clamp(30px, 7vw, 38px) !important;max-width:calc(100% - 68px) !important;}
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero p,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero p,
  .ap-workshop-hero.ap-contact-hero p {max-width:calc(100% - 68px) !important;font-size:13px !important;}
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
  .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark {width:56px !important;height:56px !important;right:0 !important;top:auto !important;bottom:18px !important;transform:none !important;opacity:.7 !important;}
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg,
  .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark svg {width:30px !important;height:30px !important;}
}
@media(max-width:420px) {
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark,
  .ap-workshop-hero.ap-contact-hero .ap-workshop-hero-mark {display:none !important;}
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero h1,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero h1,
  .ap-workshop-hero.ap-contact-hero h1,
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero p,
  .ap-service-detail > .ap-workshop-hero.ap-contact-hero p,
  .ap-workshop-hero.ap-contact-hero p {max-width:100% !important;}
}


/* v1.6.2: Verlinkte Zusatz-Boxen auf Werkstatt & Service */
.ap-workshop-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ap-workshop-card-link:hover,
.ap-workshop-card-link:focus-visible {
  color: inherit;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}
.ap-workshop-card-link:focus-visible {
  outline: 2px solid #e52b27;
  outline-offset: 3px;
}
.ap-workshop-card-cta {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
  color: #df2d27;
  font-weight: 700;
}


/* AutoPoint v1.6.4: vier Werkstatt-Leistungsboxen nebeneinander auf Desktop */
@media (min-width: 1060px) {
  .ap-workshop-services .ap-workshop-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 601px) and (max-width: 1059px) {
  .ap-workshop-services .ap-workshop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .ap-workshop-services .ap-workshop-grid {
    grid-template-columns: 1fr !important;
  }
}


/* AutoPoint 1.7.0 – Werkstattseite visuell an das freigegebene Konzept angepasst */
.ap-workshop-page .ap-workshop-hero {
  background-image: linear-gradient(90deg,rgba(10,12,14,.97) 0%,rgba(10,12,14,.90) 38%,rgba(10,12,14,.35) 72%,rgba(10,12,14,.55) 100%), url("assets/images/werkstatt-hero-autopoint.png");
  background-size: cover; background-position: center 54%;
  min-height: 270px !important;
}
.ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner { padding-top:34px !important; padding-bottom:32px !important; }
.ap-workshop-page .ap-workshop-hero h1 { max-width:650px !important; font-size:clamp(34px,3.2vw,44px) !important; }
.ap-workshop-page .ap-workshop-hero h1::first-line { }
.ap-workshop-page .ap-workshop-hero p { max-width:560px !important; font-size:15px !important; }
.ap-workshop-page .ap-workshop-trust { position:absolute; left:min(590px,58%); top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:5px; padding-left:18px; border-left:3px solid #e52b27; color:#fff; font-size:15px; }
.ap-workshop-page .ap-workshop-services { position:relative; overflow:hidden; background:linear-gradient(135deg,#f8f9fa 0%,#eef0f3 100%); padding:36px 0 42px !important; }
.ap-workshop-page .ap-workshop-services:before { content:""; position:absolute; width:540px; height:540px; left:-250px; bottom:-330px; border:2px solid rgba(229,29,42,.04); border-radius:50%; box-shadow:0 0 0 45px rgba(229,29,42,.018),0 0 0 90px rgba(229,29,42,.015); pointer-events:none; }
.ap-workshop-page .ap-workshop-section-head { position:relative; margin-bottom:26px !important; }
.ap-workshop-page .ap-workshop-section-head h2 { font-size:clamp(28px,2.7vw,36px) !important; letter-spacing:-.035em; }
.ap-workshop-page .ap-workshop-grid { position:relative; gap:18px !important; }
.ap-workshop-page .ap-workshop-card { overflow:hidden; padding:0 0 18px !important; border-radius:10px !important; background:rgba(255,255,255,.94) !important; border:1px solid rgba(22,24,28,.07) !important; box-shadow:0 8px 20px rgba(18,22,28,.07) !important; transition:transform .22s ease,box-shadow .22s ease; }
.ap-workshop-page .ap-workshop-card:hover { transform:translateY(-4px); box-shadow:0 15px 28px rgba(18,22,28,.13) !important; }
.ap-workshop-page .ap-workshop-card-image { height:82px; overflow:hidden; border-top:2px solid #e52b27; background:#202226; }
.ap-workshop-page .ap-workshop-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.ap-workshop-page .ap-workshop-card .ap-workshop-icon { position:relative; z-index:1; width:54px !important; height:54px !important; margin:-66px 0 12px 16px !important; border:3px solid white; border-radius:15px !important; background:#fff !important; box-shadow:0 2px 10px rgba(0,0,0,.12); }
.ap-workshop-page .ap-workshop-card h3 { margin:0 16px 7px !important; font-size:16px !important; letter-spacing:-.02em; }
.ap-workshop-page .ap-workshop-card p { margin:0 16px !important; font-size:13px !important; line-height:1.45 !important; }
@media(max-width:780px){.ap-workshop-page .ap-workshop-trust{display:none}.ap-workshop-page .ap-workshop-hero{min-height:0!important}.ap-workshop-page .ap-workshop-hero p{max-width:calc(100% - 65px)!important}.ap-workshop-page .ap-workshop-card-image{height:100px}}

/* AutoPoint 1.7.1: korrigierte einzelne Fotobanner pro Servicekarte */
.ap-workshop-page .ap-workshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}
.ap-workshop-page .ap-workshop-card-image{display:block;height:100px!important;margin:0!important}
.ap-workshop-page .ap-workshop-card{min-width:0;min-height:0!important}
@media(max-width:1050px){.ap-workshop-page .ap-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.ap-workshop-page .ap-workshop-grid{grid-template-columns:1fr!important}}




/* AutoPoint 1.7.5 — finaler, einheitlicher Kartenaufbau nach freigegebener Vorlage */
.ap-workshop-page .ap-workshop-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:18px !important;
}
.ap-workshop-page .ap-workshop-card {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  box-sizing:border-box !important;
  padding:0 0 18px !important;
  overflow:hidden !important;
  border:1px solid #e2e4e7 !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(15,18,24,.07) !important;
}
.ap-workshop-page .ap-workshop-card:before { display:none !important; }
.ap-workshop-page .ap-workshop-card-image {
  position:relative !important;
  display:block !important;
  flex:0 0 112px !important;
  width:100% !important;
  height:112px !important;
  min-height:112px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-bottom:3px solid #e52b32 !important;
  line-height:0 !important;
  background:#202226 !important;
}
.ap-workshop-page .ap-workshop-card-image img {
  display:block !important;
  width:100% !important;
  height:109px !important;
  min-height:109px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
/* Icon is positioned against the card, overlaps the photo edge once, and never pushes text upward. */
.ap-workshop-page .ap-workshop-card .ap-workshop-icon {
  position:absolute !important;
  top:76px !important;
  left:16px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:2 !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 48px !important;
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:1px solid rgba(229,43,50,.12) !important;
  border-radius:13px !important;
  background:#fff !important;
  color:#e52b32 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.14) !important;
}
.ap-workshop-page .ap-workshop-card .ap-workshop-icon svg {
  display:block !important;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
}
.ap-workshop-page .ap-workshop-card h3 {
  position:static !important;
  display:block !important;
  flex:none !important;
  margin:16px 16px 7px !important;
  padding:0 !important;
  clear:both !important;
  font-size:17px !important;
  line-height:1.3 !important;
  letter-spacing:-.02em !important;
  color:#17191d !important;
}
.ap-workshop-page .ap-workshop-card p {
  position:static !important;
  display:block !important;
  flex:none !important;
  margin:0 16px !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
  color:#626770 !important;
}
@media (min-width:601px) and (max-width:1050px) {
  .ap-workshop-page .ap-workshop-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:600px) {
  .ap-workshop-page .ap-workshop-grid { grid-template-columns:1fr !important; }
  .ap-workshop-page .ap-workshop-card-image { flex-basis:150px !important; height:150px !important; min-height:150px !important; }
  .ap-workshop-page .ap-workshop-card-image img { height:147px !important; min-height:147px !important; }
  .ap-workshop-page .ap-workshop-card .ap-workshop-icon { top:112px !important; }
}


/* AutoPoint v1.7.6: Workshop-Icons exakt auf top: 40px fixieren. */
.ap-workshop-page .ap-workshop-card .ap-workshop-icon {
  top: 30px !important;
}


/* AutoPoint v1.7.8: Banner-Höhe und Icon-Position explizit vereinheitlicht */
.ap-workshop-page .ap-workshop-icon {
  top: 28px !important;
}

.ap-workshop-page .ap-workshop-card-image {
  position: relative !important;
  display: block !important;
  flex: 0 0 90px !important;
  width: 100% !important;
  height: 90px !important;
  min-height: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1 !important;
  border-radius: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  background: #202226 !important;
}

.ap-workshop-page .ap-workshop-card-image img {
  display: block !important;
  width: 100% !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  vertical-align: top !important;
}

/* AutoPoint – Korrektur Werkstatt-Hero: Desktop wirklich 20 % höher; nur Werkstatt-Service-Hero */
@media (min-width: 781px) {
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero {
    min-height: 324px !important;
    height: auto !important;
  }
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner {
    min-height: 324px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media (max-width: 780px) {
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero,
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner {
    min-height: 0 !important;
  }
  .ap-workshop-page > .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner {
    padding-top: 30px !important;
    padding-bottom: 32px !important;
  }
}


/* AutoPoint Footer-Fix 2026-10-25: Kontaktspalten über die volle 1500px-Breite zentrieren.
   Bewusst auf #kontakt begrenzt, damit andere .ap-container/.ap-contact-grid-Elemente
   (insbesondere die Kontaktformular-Seite) unverändert bleiben. */
@media (min-width: 781px) {
  #kontakt .ap-contact-strip > .ap-container.ap-contact-grid {
    width: min(1500px, calc(100% - 64px)) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
  }
  #kontakt .ap-contact-strip .ap-contact-item {
    min-width: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  #kontakt .ap-contact-strip .ap-contact-hours {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  #kontakt .ap-contact-strip .ap-contact-hours-content {
    align-items: flex-start !important;
    text-align: left !important;
  }
  #kontakt .ap-footer > .ap-container.ap-footer-inner {
    width: min(1500px, calc(100% - 64px)) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 780px) {
  #kontakt .ap-contact-strip > .ap-container.ap-contact-grid,
  #kontakt .ap-footer > .ap-container.ap-footer-inner {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #kontakt .ap-contact-strip .ap-contact-hours,
  #kontakt .ap-contact-strip .ap-contact-hours-content {
    text-align: left !important;
    align-items: flex-start !important;
  }
}


/* AutoPoint footer definitive layout + cache-busting release 1.8.2.
   Center the full three-column contact group in the viewport, not a narrower inherited container. */
@media (min-width: 781px) {
  #kontakt .ap-contact-strip .ap-container.ap-contact-grid {
    width: calc(100vw - 64px) !important;
    max-width: 1500px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  #kontakt .ap-contact-strip .ap-contact-item {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  #kontakt .ap-footer .ap-container.ap-footer-inner {
    width: calc(100vw - 64px) !important;
    max-width: 1500px !important;
    margin-inline: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}
@media (max-width: 780px) {
  #kontakt .ap-contact-strip .ap-container.ap-contact-grid,
  #kontakt .ap-footer .ap-container.ap-footer-inner {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }
}


/* Footer: vierte Spalte mit Schnelllinks – gezielte Ergänzung */
#kontakt .ap-contact-strip > .ap-container.ap-contact-grid {
  width: min(1500px, calc(100% - 48px));
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
  box-sizing: border-box;
}
#kontakt .ap-contact-grid > .ap-contact-item {
  min-width: 0;
  border-right: 1px solid #444;
  padding-right: 18px;
  text-align: left;
}
#kontakt .ap-contact-grid > .ap-contact-item:last-child {
  border-right: 0;
  padding-right: 0;
}
#kontakt .ap-contact-links nav { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 3px; }
#kontakt .ap-contact-links nav a { display: block; color: #c9cbd0; font-size: 13px; line-height: 1.45; text-decoration: none; }
#kontakt .ap-contact-links nav a:hover, #kontakt .ap-contact-links nav a:focus { color: #fff; text-decoration: underline; }
#kontakt .ap-contact-hours-content > span { white-space: normal; }
@media (max-width: 900px) {
  #kontakt .ap-contact-strip > .ap-container.ap-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
  #kontakt .ap-contact-grid > .ap-contact-item:nth-child(2) { border-right: 0; padding-right: 0; }
}
@media (max-width: 560px) {
  #kontakt .ap-contact-strip > .ap-container.ap-contact-grid { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #kontakt .ap-contact-grid > .ap-contact-item { border-right: 0; border-bottom: 1px solid #444; padding: 0 0 16px; }
  #kontakt .ap-contact-grid > .ap-contact-item:last-child { border-bottom: 0; padding-bottom: 0; }
}


/* AutoPoint Footer: Inhalt jeder der vier Spalten zentrieren.
   Begrenzung auf den Kontaktstreifen; andere Seitenbereiche bleiben unverändert. */
@media (min-width: 1000px) {
  footer#kontakt .ap-contact-strip .ap-contact-grid {
    width: min(1500px, calc(100% - 64px)) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: center !important;
    align-items: start !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    min-width: 0 !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-item > div:not(.ap-contact-icon) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-icon {
    margin: 0 0 10px !important;
    align-self: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-links nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-hours-content span {
    text-align: center !important;
  }
}
@media (max-width: 999px) {
  footer#kontakt .ap-contact-strip .ap-contact-item {
    text-align: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-item > div:not(.ap-contact-icon) {
    align-items: center !important;
    text-align: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-icon {
    align-self: center !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-links nav {
    align-items: center !important;
    text-align: center !important;
  }
}


/* Kontaktseite: gleiche Hero-Sprache und Designelemente wie Werkstatt & Service */
.ap-contact-page-hero {
  background-image: linear-gradient(90deg,rgba(10,12,14,.97) 0%,rgba(10,12,14,.88) 38%,rgba(10,12,14,.34) 72%,rgba(10,12,14,.56) 100%), url("assets/images/kontakt-hero-beratung-2026.jpg");
  background-size: cover;
  background-position: center 48%;
  min-height: 330px;
}
.ap-contact-page .ap-workshop-hero-inner { padding-top: 42px; padding-bottom: 40px; }
.ap-contact-page .ap-workshop-hero h1 { max-width: 680px; font-size: clamp(36px,3.5vw,48px); line-height: 1.05; }
.ap-contact-page .ap-workshop-hero h1 span { color: var(--ap-red); }
.ap-contact-page .ap-workshop-hero p { max-width: 570px; font-size: 16px; line-height: 1.6; }
.ap-contact-page-mark svg { width: 78px; height: 78px; stroke: currentColor; fill: none; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.ap-contact-page-content { position: relative; overflow: hidden; padding: 58px 0 68px; background: linear-gradient(135deg,#f8f9fa 0%,#eef0f3 100%); }
.ap-contact-page-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 48px; align-items: start; }
.ap-contact-page-details h2,.ap-contact-page-form h2 { margin: 0 0 24px; font-size: clamp(28px,3vw,38px); line-height: 1.1; letter-spacing: -.035em; }
.ap-contact-detail-card { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 14px; padding: 18px; background: #fff; border: 1px solid #e4e6e9; border-radius: 8px; box-shadow: 0 8px 24px rgba(20,24,30,.045); }
.ap-contact-detail-icon { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; background: var(--ap-red); color: #fff; font-size: 23px; }
.ap-contact-detail-card h3,.ap-contact-hours-card h3 { margin: 0 0 5px; font-size: 16px; }
.ap-contact-detail-card p,.ap-contact-hours-card p { margin: 0; color: #5a6068; line-height: 1.6; }
.ap-contact-detail-card a { color: inherit; text-decoration: none; }
.ap-contact-detail-card a:hover { color: var(--ap-red); }
.ap-contact-hours-card { margin-top: 18px; padding: 22px; border-left: 3px solid var(--ap-red); background: #fff; }
.ap-contact-hours-card p + p { margin-top: 12px; }
.ap-contact-page-form { min-width: 0; padding: 30px; background: #fff; border: 1px solid #e4e6e9; border-radius: 10px; box-shadow: 0 14px 38px rgba(20,24,30,.07); }
.ap-contact-page-form .entry-content { color: #4f555d; }
.ap-contact-page-form .entry-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .ap-contact-page-form .entry-content textarea, .ap-contact-page-form .entry-content select { width: 100%; max-width: 100%; }
.ap-contact-page-form .entry-content input[type="submit"], .ap-contact-page-form .entry-content button { cursor: pointer; }
@media (max-width: 800px) {
  .ap-contact-page-hero { min-height: 0; }
  .ap-contact-page .ap-workshop-hero-inner { padding-top: 38px; padding-bottom: 38px; }
  .ap-contact-page .ap-workshop-trust,.ap-contact-page-mark { display: none; }
  .ap-contact-page-grid { grid-template-columns: 1fr; gap: 30px; }
  .ap-contact-page-form { padding: 22px; }
}
\n
/* AutoPoint Kontaktseite: gezielte Wiederherstellung der Kontaktgestaltung
   Basierend auf dem funktionierenden Theme-Stand; nur Kontaktseite betroffen. */
.ap-contact-page-hero {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(90deg,rgba(10,12,14,.96) 0%,rgba(10,12,14,.86) 38%,rgba(10,12,14,.42) 72%,rgba(10,12,14,.60) 100%), url("assets/images/kontakt-hero-beratung-2026.jpg") !important;
  background-size: cover !important;
  background-position: center 48% !important;
}
.ap-contact-page-hero::before,
.ap-contact-page-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
}
.ap-contact-page-hero::before {
  width: 360px; height: 360px; right: 7%; top: -175px;
  box-shadow: 0 0 0 28px rgba(255,255,255,.025), 0 0 0 58px rgba(255,255,255,.018);
}
.ap-contact-page-hero::after {
  width: 190px; height: 190px; right: 14%; bottom: -125px;
  border-color: rgba(211,48,40,.24);
  box-shadow: 0 0 0 22px rgba(211,48,40,.045);
}
.ap-contact-page-content {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.ap-contact-page-content::before,
.ap-contact-page-content::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  border-radius: 50%;
}
.ap-contact-page-content::before {
  width: 430px; height: 430px; left: -250px; bottom: -245px;
  border: 1px solid rgba(211,48,40,.10);
  box-shadow: 0 0 0 28px rgba(211,48,40,.025), 0 0 0 58px rgba(211,48,40,.018);
}
.ap-contact-page-content::after {
  width: 320px; height: 320px; right: -165px; top: -170px;
  border: 1px solid rgba(25,28,32,.07);
  box-shadow: 0 0 0 24px rgba(25,28,32,.025), 0 0 0 50px rgba(25,28,32,.018);
}
.ap-contact-page-content > .ap-container { position: relative; z-index: 1; }
@media (max-width: 800px) {
  .ap-contact-page-hero::before, .ap-contact-page-hero::after { opacity: .5; }
  .ap-contact-page-content::before { width: 300px; height: 300px; left: -210px; }
  .ap-contact-page-content::after { width: 230px; height: 230px; right: -150px; }
}

/* Kontaktformular – AutoPoint, passend zu den bestehenden Kontaktkarten */
.ap-contact-form { margin-top: 24px; }
.ap-contact-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.ap-contact-field { min-width: 0; }
.ap-contact-field-full { grid-column: 1 / -1; }
.ap-contact-field label { display: block; margin: 0 0 7px; color: #202329; font-size: 14px; font-weight: 700; }
.ap-contact-field label span, .ap-contact-consent > span > span { color: var(--ap-red, #d9302b); }
.ap-contact-field input, .ap-contact-field select, .ap-contact-field textarea { display: block; width: 100%; max-width: 100%; min-height: 46px; padding: 12px 13px; color: #202329; background: #fff; border: 1px solid #d9dde2; border-radius: 6px; font: inherit; box-sizing: border-box; }
.ap-contact-field textarea { min-height: 120px; resize: vertical; }
.ap-contact-field input:focus, .ap-contact-field select:focus, .ap-contact-field textarea:focus { outline: 2px solid rgba(217,48,43,.2); border-color: var(--ap-red, #d9302b); }
.ap-contact-consent { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0 8px; color: #535963; font-size: 13px; line-height: 1.55; }
.ap-contact-consent input { flex: 0 0 auto; margin-top: 3px; }
.ap-contact-consent a { color: var(--ap-red, #d9302b); text-decoration: underline; }
.ap-contact-form-required { margin: 8px 0 16px; color: #686e76; font-size: 12px; }
.ap-contact-submit { border: 0; font: inherit; font-weight: 700; }
.ap-contact-form-notice { margin: 18px 0; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.5; }
.ap-contact-form-success { color: #185b36; background: #eaf7ef; border: 1px solid #b9e4c8; }
.ap-contact-form-error { color: #842029; background: #fff0f0; border: 1px solid #f2c3c7; }
.ap-contact-form-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
@media (max-width: 600px) { .ap-contact-form-fields { grid-template-columns: 1fr; gap: 15px; } .ap-contact-field-full { grid-column: auto; } }


/* Über uns – übernimmt die Hero-Sprache von Werkstatt & Service und Kontakt */
.ap-about-page { position:relative; overflow:hidden; }
.ap-about-page .ap-about-hero { position:relative; isolation:isolate; }
.ap-about-page .ap-about-hero:after { content:""; position:absolute; z-index:-1; width:560px; height:560px; right:-150px; top:-180px; border:1px solid rgba(255,255,255,.10); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 72px rgba(229,29,42,.045); pointer-events:none; }
.ap-about-page .ap-about-hero-mark svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ap-about-page .ap-about-intro { position:relative; overflow:hidden; }
.ap-about-page .ap-about-intro:before { content:""; position:absolute; width:360px; height:360px; left:-210px; bottom:-245px; border:1px solid rgba(229,29,42,.12); border-radius:50%; box-shadow:0 0 0 24px rgba(229,29,42,.025),0 0 0 52px rgba(229,29,42,.02); pointer-events:none; }
.ap-about-values { position:relative; padding:76px 0 84px; overflow:hidden; background:#f3f4f5; }
.ap-about-values:after { content:""; position:absolute; width:440px; height:440px; right:-230px; bottom:-260px; border:1px solid rgba(229,29,42,.10); border-radius:50%; box-shadow:0 0 0 28px rgba(229,29,42,.025),0 0 0 60px rgba(229,29,42,.02); pointer-events:none; }
.ap-about-page .ap-workshop-section-head { position:relative; z-index:1; }
.ap-about-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; position:relative; z-index:1; margin-top:30px; }
.ap-about-value-card { position:relative; padding:30px 28px 32px; border:1px solid rgba(18,22,26,.07); border-radius:12px; background:#fff; box-shadow:0 12px 32px rgba(15,20,25,.07); overflow:hidden; }
.ap-about-value-card:before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:#e51d2a; }
.ap-about-value-number { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; color:#e51d2a; background:rgba(229,29,42,.09); font-weight:800; font-size:13px; margin-bottom:20px; }
.ap-about-value-card h3 { margin:0 0 12px; font-size:21px; line-height:1.25; }
.ap-about-value-card p { margin:0; color:#626b75; line-height:1.7; }
.ap-about-areas { position:relative; padding:82px 0; background:#17191b; color:#fff; overflow:hidden; }
.ap-about-areas:before { content:""; position:absolute; width:480px; height:480px; right:-170px; top:-290px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 68px rgba(229,29,42,.035); pointer-events:none; }
.ap-about-areas-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; position:relative; z-index:1; }
.ap-about-areas-grid h2 { font-size:clamp(30px,3vw,42px); line-height:1.13; margin:12px 0 18px; }
.ap-about-areas-grid h2 span { color:#e33a32; }
.ap-about-areas-grid p { max-width:560px; color:#c1c5c9; line-height:1.75; margin:0 0 26px; }
.ap-about-area-list { display:grid; gap:12px; }
.ap-about-area-list a { display:grid; grid-template-columns:48px minmax(0,1fr) 20px; gap:16px; align-items:center; padding:20px; color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.035); transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.ap-about-area-list a:hover { background:rgba(255,255,255,.075); border-color:rgba(229,29,42,.65); transform:translateY(-2px); }
.ap-about-area-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; color:#fff; background:#d8322b; border-radius:8px; font-size:23px; }
.ap-about-area-list strong,.ap-about-area-list small { display:block; }
.ap-about-area-list strong { font-size:16px; margin-bottom:5px; }
.ap-about-area-list small { color:#bfc4c8; font-size:13px; line-height:1.5; }
.ap-about-area-list b { color:#f0443b; font-size:20px; }
@media(max-width:850px) { .ap-about-value-grid { grid-template-columns:1fr; } .ap-about-areas-grid { grid-template-columns:1fr; gap:36px; } .ap-about-values,.ap-about-areas { padding:58px 0; } }
@media(max-width:520px) { .ap-about-value-card { padding:25px 22px; } .ap-about-area-list a { grid-template-columns:42px minmax(0,1fr) 16px; gap:12px; padding:15px; } .ap-about-area-icon { width:40px; height:40px; } }

/* Fahrzeugvermietung – Angebotsseite */
.ap-rental-hero{min-height:540px;display:flex;align-items:center;background-position:center 55%;background-size:cover;color:#fff;position:relative;isolation:isolate}.ap-rental-hero-inner{padding-block:82px 90px}.ap-rental-hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.02;letter-spacing:-.045em;max-width:900px;margin:0 0 22px;color:#fff}.ap-rental-hero h1 span,.ap-rental-steps h2 span,.ap-rental-form-copy h2 span{color:var(--ap-red)}.ap-rental-hero p{max-width:700px;font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:#f0f1f2;margin:0 0 27px}.ap-rental-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;color:#f4f4f4;font-size:14px;font-weight:650}.ap-rental-offers{padding-top:76px}.ap-rental-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ap-rental-card{border:1px solid var(--ap-line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(10,15,20,.055);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.ap-rental-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(10,15,20,.10)}.ap-rental-card-art{height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#17191d,#34383e);color:#fff}.ap-rental-card-art:before,.ap-rental-card-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:230px;height:230px;right:-55px;top:-115px}.ap-rental-card-art:after{width:160px;height:160px;right:-20px;top:-80px;border-color:rgba(229,29,42,.5)}.ap-rental-van{background:linear-gradient(135deg,#22262b,#50555b)}.ap-rental-replacement{background:linear-gradient(135deg,#16181b,#33383f)}.ap-rental-art-icon{font-size:58px;filter:grayscale(1);opacity:.92;line-height:1}.ap-rental-art-label{position:absolute;left:20px;bottom:16px;letter-spacing:.18em;font-size:11px;font-weight:800;color:#fff}.ap-rental-card-content{padding:25px 25px 27px;display:flex;flex-direction:column;flex:1}.ap-rental-tag{color:var(--ap-red);font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.ap-rental-card h3{font-size:25px;line-height:1.2;margin:0 0 11px}.ap-rental-card p{color:var(--ap-muted);margin:0 0 14px}.ap-rental-card ul{padding-left:19px;margin:0 0 22px;color:#42464c;font-size:14px}.ap-rental-card li{padding:3px 0}.ap-rental-card li::marker{color:var(--ap-red)}.ap-rental-card .ap-text-link{margin-top:auto}.ap-rental-note{font-size:13px;color:var(--ap-muted);margin:20px 0 0}.ap-rental-steps{padding:62px 0 68px;background:#17191c;color:#fff;position:relative;overflow:hidden}.ap-rental-steps:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(229,29,42,.16);border-radius:50%;right:-120px;top:-200px;box-shadow:0 0 0 25px rgba(229,29,42,.025),0 0 0 55px rgba(229,29,42,.02)}.ap-rental-steps h2{font-size:clamp(30px,3vw,42px);line-height:1.15;margin:0 0 30px;letter-spacing:-.035em}.ap-rental-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ap-rental-step-grid>div{border-top:1px solid #393c40;padding-top:19px}.ap-rental-step-grid b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:5px;background:var(--ap-red);font-size:14px;margin-bottom:14px}.ap-rental-step-grid h3{font-size:20px;margin:0 0 7px}.ap-rental-step-grid p{color:#c6c8cb;margin:0;max-width:360px}.ap-rental-form-section{background:#f5f6f7;padding-block:78px}.ap-rental-form-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:54px;align-items:start}.ap-rental-form-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0 0 17px}.ap-rental-form-copy>p{color:var(--ap-muted);font-size:17px}.ap-rental-contact-card{border-left:3px solid var(--ap-red);padding:14px 0 14px 18px;margin:27px 0;background:#fff;padding-right:16px}.ap-rental-contact-card strong{display:block;margin-bottom:5px}.ap-rental-contact-card p{margin:0;line-height:1.8}.ap-rental-contact-card a{font-weight:700}.ap-rental-smallprint{font-size:12px!important;color:#777d84!important}.ap-rental-form-box{background:#fff;padding:30px;border:1px solid #e5e6e8;border-radius:8px;box-shadow:0 10px 32px rgba(10,15,20,.055)}.ap-rental-form-box .ap-contact-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ap-rental-form-box .ap-contact-field-full{grid-column:1/-1}.ap-rental-form-box .ap-contact-field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.ap-rental-form-box .ap-contact-field label span{color:var(--ap-red)}.ap-rental-form-box input:not([type=checkbox]),.ap-rental-form-box select,.ap-rental-form-box textarea{width:100%;border:1px solid #d9dce0;border-radius:4px;padding:12px 13px;background:#fff;color:#17191d;min-height:46px}.ap-rental-form-box textarea{resize:vertical}.ap-rental-form-box input:focus,.ap-rental-form-box select:focus,.ap-rental-form-box textarea:focus{outline:2px solid rgba(229,29,42,.2);border-color:var(--ap-red)}.ap-rental-form-box .ap-contact-consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.5}.ap-rental-form-box .ap-contact-consent input{margin-top:4px;flex:0 0 auto}.ap-rental-form-box .ap-contact-form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ap-rental-form-box .ap-btn{border:0}.ap-rental-form-box .ap-contact-form-notice{padding:12px 15px;border-radius:4px;margin-bottom:18px}.ap-rental-form-box .ap-contact-form-success{background:#e8f7ed;color:#155d2d}.ap-rental-form-box .ap-contact-form-error{background:#fff0f0;color:#9e1b1b}
@media(max-width:900px){.ap-rental-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-rental-card:last-child{grid-column:1/-1}.ap-rental-form-layout{grid-template-columns:1fr;gap:25px}.ap-rental-step-grid{gap:18px}}
@media(max-width:600px){.ap-rental-hero{min-height:500px}.ap-rental-hero-inner{padding-block:62px 75px}.ap-rental-trust{display:grid;gap:8px}.ap-rental-grid,.ap-rental-step-grid{grid-template-columns:1fr}.ap-rental-card:last-child{grid-column:auto}.ap-rental-form-box{padding:20px}.ap-rental-form-box .ap-contact-form-fields{grid-template-columns:1fr}.ap-rental-form-box .ap-contact-field-full{grid-column:auto}.ap-rental-steps{padding-block:48px}.ap-rental-offers{padding-top:52px}}

/* Mietfahrzeug-Karten aus dem Backend */
.ap-rental-card-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:190px;text-decoration:none}.ap-rental-card-art{height:230px;min-height:230px;background:#f2f3f4}.ap-rental-vehicle-photo{width:100%;height:100%;min-height:230px;max-height:230px;object-fit:contain;object-position:center center;display:block;padding:10px;box-sizing:border-box}.ap-rental-card-art:before,.ap-rental-card-art:after{pointer-events:none}.ap-rental-card-art .ap-rental-art-label{z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.7)}.ap-rental-prices{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0;color:inherit}.ap-rental-prices span{font-size:.92rem}.ap-rental-empty{grid-column:1/-1}.ap-rental-card-art .ap-rental-art-label{position:absolute;left:16px;bottom:14px;z-index:2}

/* Mietfahrzeugbilder automatisch an Kartenformat anpassen */
@media(max-width:600px){.ap-rental-card-art{height:220px;min-height:220px}.ap-rental-vehicle-photo{height:100%;min-height:220px;max-height:220px}}


/* Fahrzeugvermietung: kompaktere Karten und sauber ausgerichtetes Anfrageformular */
.ap-rental-offers .ap-container{max-width:1120px}
.ap-rental-grid{gap:18px}
.ap-rental-card-art{height:155px!important;min-height:155px!important}
.ap-rental-vehicle-photo{height:100%!important;min-height:0!important;max-height:155px!important;padding:8px!important}
.ap-rental-card-content{padding:19px 20px 21px}
.ap-rental-card h3{font-size:21px;line-height:1.25;margin-bottom:10px}
.ap-rental-card ul{font-size:13px;margin-bottom:16px}
.ap-rental-prices{margin:10px 0 14px}
.ap-rental-form-section .ap-container{max-width:1120px}
.ap-rental-form-layout{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:38px}
.ap-rental-form-box{padding:28px}
.ap-rental-form-box .ap-contact-form-fields{gap:14px 16px;align-items:start}
.ap-rental-form-box .ap-contact-field{min-width:0}
.ap-rental-form-box .ap-contact-field-full{grid-column:1/-1}
.ap-rental-form-box .ap-contact-consent{grid-column:1/-1;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;max-width:100%;color:#42464c;font-size:13px!important;line-height:1.5}
.ap-rental-form-box .ap-contact-consent input[type=checkbox]{width:16px;height:16px;margin:2px 0 0;grid-column:1;grid-row:1}
.ap-rental-form-box .ap-contact-consent a{overflow-wrap:anywhere}
.ap-rental-form-box .ap-btn{width:100%;min-height:46px}
.ap-rental-form-box .ap-contact-form-fields>p,.ap-rental-form-box .ap-contact-form-fields>.ap-contact-field-full{min-width:0}
@media(max-width:900px){.ap-rental-form-layout{grid-template-columns:1fr;gap:24px}.ap-rental-offers .ap-container,.ap-rental-form-section .ap-container{max-width:760px}}
@media(max-width:600px){.ap-rental-card-art{height:175px!important;min-height:175px!important}.ap-rental-vehicle-photo{max-height:175px!important}.ap-rental-card-content{padding:18px}.ap-rental-form-box{padding:20px}.ap-rental-form-box .ap-contact-form-fields{grid-template-columns:1fr}.ap-rental-form-box .ap-contact-field-full,.ap-rental-form-box .ap-contact-consent{grid-column:1}.ap-rental-form-box .ap-contact-consent{grid-template-columns:18px minmax(0,1fr)}}


/* AutoPoint 2026: Einheitliche Hero-Typografie auf allen Inhaltsseiten, abgestimmt auf „Über uns“. */
.ap-rental-hero h1,
.ap-workshop-hero h1,
.ap-contact-page .ap-workshop-hero h1,
.ap-about-page .ap-about-hero h1 {
  font-family: inherit !important;
  font-size: clamp(34px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  font-weight: 750 !important;
  max-width: 680px !important;
  margin: 0 0 10px !important;
  text-wrap: balance;
}
.ap-rental-hero p,
.ap-workshop-hero p,
.ap-contact-page .ap-workshop-hero p,
.ap-about-page .ap-about-hero p {
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 570px !important;
}
.ap-rental-hero .ap-rental-eyebrow,
.ap-workshop-hero .ap-workshop-eyebrow,
.ap-contact-page .ap-workshop-eyebrow,
.ap-about-page .ap-about-eyebrow {
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: .16em !important;
  font-weight: 800 !important;
}
@media (max-width: 600px) {
  .ap-rental-hero h1,
  .ap-workshop-hero h1,
  .ap-contact-page .ap-workshop-hero h1,
  .ap-about-page .ap-about-hero h1 { font-size: clamp(30px, 8vw, 36px) !important; line-height: 1.08 !important; }
  .ap-rental-hero p, .ap-workshop-hero p, .ap-contact-page .ap-workshop-hero p, .ap-about-page .ap-about-hero p { font-size: 14px !important; }
}


/* AutoPoint: einheitliche Hero-Darstellung – Referenz: Werkstatt & Service */
.ap-workshop-hero.ap-about-hero,
.ap-workshop-hero.ap-contact-hero,
.ap-workshop-hero.ap-contact-page-hero,
.ap-workshop-hero.ap-rental-hero {
  box-sizing: border-box !important;
  min-height: 270px !important;
  height: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center 52% !important;
}
.ap-workshop-hero.ap-about-hero > .ap-workshop-hero-inner,
.ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
.ap-workshop-hero.ap-contact-page-hero > .ap-workshop-hero-inner,
.ap-workshop-hero.ap-rental-hero > .ap-workshop-hero-inner {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding-top: 34px !important;
  padding-bottom: 32px !important;
}
.ap-workshop-hero.ap-about-hero h1,
.ap-workshop-hero.ap-contact-hero h1,
.ap-workshop-hero.ap-contact-page-hero h1,
.ap-workshop-hero.ap-rental-hero h1 {
  font-family: inherit !important;
  font-size: clamp(34px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  font-weight: 750 !important;
  max-width: 650px !important;
  margin: 0 0 10px !important;
  text-wrap: balance;
}
.ap-workshop-hero.ap-about-hero p,
.ap-workshop-hero.ap-contact-hero p,
.ap-workshop-hero.ap-contact-page-hero p,
.ap-workshop-hero.ap-rental-hero p {
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 560px !important;
}
.ap-workshop-hero.ap-about-hero .ap-workshop-eyebrow,
.ap-workshop-hero.ap-contact-hero .ap-workshop-eyebrow,
.ap-workshop-hero.ap-contact-page-hero .ap-workshop-eyebrow,
.ap-workshop-hero.ap-rental-hero .ap-workshop-eyebrow {
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: .16em !important;
  font-weight: 800 !important;
}
@media (max-width: 767px) {
  .ap-workshop-hero.ap-about-hero,
  .ap-workshop-hero.ap-contact-hero,
  .ap-workshop-hero.ap-contact-page-hero,
  .ap-workshop-hero.ap-rental-hero {
    min-height: 250px !important;
    height: auto !important;
  }
  .ap-workshop-hero.ap-about-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero.ap-contact-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero.ap-contact-page-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero.ap-rental-hero > .ap-workshop-hero-inner {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .ap-workshop-hero.ap-about-hero h1,
  .ap-workshop-hero.ap-contact-hero h1,
  .ap-workshop-hero.ap-contact-page-hero h1,
  .ap-workshop-hero.ap-rental-hero h1 {
    font-size: clamp(30px, 7vw, 36px) !important;
  }
}

/* AutoPoint: finale gemeinsame Typografie für alle Hero-Bereiche.
   Die Werkstatt-Seite darf keine größere Überschrift mehr als Über uns, Kontakt
   oder Fahrzeugvermietung verwenden. Diese Regeln stehen bewusst ganz am Ende,
   damit ältere, doppelte CSS-Regeln sie nicht überschreiben. */
.ap-workshop-hero.ap-about-hero h1,
.ap-workshop-hero.ap-contact-hero h1,
.ap-workshop-hero.ap-contact-page-hero h1,
.ap-workshop-hero.ap-rental-hero h1 {
  font-family: inherit !important;
  font-size: clamp(32px, 2.7vw, 40px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  font-weight: 750 !important;
  margin: 0 0 10px !important;
}
.ap-workshop-hero.ap-about-hero p,
.ap-workshop-hero.ap-contact-hero p,
.ap-workshop-hero.ap-contact-page-hero p,
.ap-workshop-hero.ap-rental-hero p {
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
@media (max-width: 767px) {
  .ap-workshop-hero.ap-about-hero h1,
  .ap-workshop-hero.ap-contact-hero h1,
  .ap-workshop-hero.ap-contact-page-hero h1,
  .ap-workshop-hero.ap-rental-hero h1 {
    font-size: clamp(30px, 7vw, 36px) !important;
  }
}


/* Fahrzeuge: Hero und Einleitungsbereich an die übrigen Inhaltsseiten angleichen */
.ap-vehicles-page{color:var(--ap-ink)}
.ap-vehicles-page .ap-vehicles-hero{position:relative;min-height:0;background-size:cover;background-position:center 52%;color:#fff}
.ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner{padding:76px 0 80px;max-width:1500px}
.ap-vehicles-page .ap-vehicles-hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.03;letter-spacing:-.04em;max-width:850px;margin:0 0 18px;color:#fff}
.ap-vehicles-page .ap-vehicles-hero h1 span{color:var(--ap-red)}
.ap-vehicles-page .ap-vehicles-hero p{max-width:650px;font-size:16px;line-height:1.6;margin:0 0 22px;color:#f0f1f2}
.ap-vehicles-page .ap-vehicles-hero-mark{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:110px;height:110px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.035);box-shadow:0 0 0 18px rgba(255,255,255,.025)}
.ap-vehicles-page .ap-vehicles-hero-mark svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ap-vehicles-page .ap-vehicles-intro{position:relative;overflow:hidden}
.ap-vehicles-page .ap-vehicles-intro:before{content:"";position:absolute;width:360px;height:360px;left:-210px;bottom:-245px;border:1px solid rgba(229,29,42,.12);border-radius:50%;box-shadow:0 0 0 24px rgba(229,29,42,.025),0 0 0 52px rgba(229,29,42,.02);pointer-events:none}
.ap-vehicles-page .ap-vehicles-listing{padding:52px 0 76px;background:#f6f7f8}
.ap-vehicles-page .ap-vehicles-listing .ap-section-head{margin-bottom:26px}
@media(max-width:760px){.ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner{padding:58px 0 62px}.ap-vehicles-page .ap-vehicles-hero-mark{display:none}.ap-vehicles-page .ap-vehicles-hero h1{font-size:clamp(34px,9vw,48px)}}


/* Dezenter Preis-Hinweis für Werkstattersatzwagen in beiden Hero-Bereichen */
.ap-workshop-hero.ap-service-hero,
.ap-workshop-hero.ap-rental-hero { position: relative; }
.ap-replacement-price {
  position: absolute; z-index: 4; top: 34px; right: max(4.2vw, calc((100vw - 1240px) / 2));
  width: min(330px, 27vw); transform: rotate(-3deg);
  background: #fff; color: #17191d; border-top: 4px solid var(--ap-red);
  box-shadow: 0 10px 28px rgba(0,0,0,.22); padding: 15px 20px 13px;
}
.ap-replacement-label { display:block; text-transform:uppercase; font-size: clamp(11px,1vw,14px); font-weight:850; letter-spacing:.045em; line-height:1.2; }
.ap-replacement-price-line { display:flex; align-items:baseline; gap:8px; margin-top:7px; padding-top:7px; border-top:1px solid #e5e5e5; }
.ap-replacement-price-line strong { color:var(--ap-red); font-size:clamp(24px,2.4vw,36px); line-height:1; letter-spacing:-.045em; white-space:nowrap; }
.ap-replacement-price-line small { font-size:13px; font-weight:700; white-space:nowrap; }
.ap-workshop-hero.ap-service-hero .ap-workshop-hero-inner,
.ap-workshop-hero.ap-rental-hero .ap-workshop-hero-inner { padding-right: min(360px, 30vw); }
@media (max-width: 760px) {
  .ap-replacement-price { top: auto; right: 20px; bottom: 18px; width: auto; max-width: 250px; padding: 10px 13px 9px; }
  .ap-replacement-label { font-size:10px; }
  .ap-replacement-price-line { margin-top:5px; padding-top:5px; }
  .ap-replacement-price-line strong { font-size:24px; }
  .ap-replacement-price-line small { font-size:11px; }
  .ap-workshop-hero.ap-service-hero .ap-workshop-hero-inner,
  .ap-workshop-hero.ap-rental-hero .ap-workshop-hero-inner { padding-right: 0; padding-bottom: 115px; }
}


/* Mietfahrzeugkarten: ruhige, realistische Bildflächen und einheitliche Platzhalter */
.ap-rental-card-art{
  height:190px;
  min-height:190px;
  background:#f1f2f3;
  color:#202328;
  isolation:isolate;
}
.ap-rental-card-art:before,
.ap-rental-card-art:after{
  width:0;height:0;border:0;display:none;
}
.ap-rental-card-art .ap-rental-vehicle-photo{
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  padding:12px;
  object-fit:contain;
  object-position:center;
  background:#f1f2f3;
}
.ap-rental-card-art .ap-rental-art-label{
  left:12px;
  bottom:10px;
  padding:5px 8px;
  border-radius:3px;
  background:rgba(255,255,255,.92);
  color:#555a60;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.1em;
  text-shadow:none;
}
.ap-rental-placeholder{
  display:flex;
  height:100%;
  width:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#8a8f95;
  background:linear-gradient(135deg,#f5f6f7,#e8eaec);
}
.ap-rental-placeholder svg{
  display:block;
  width:112px;
  max-width:40%;
  height:auto;
  overflow:visible;
  fill:#aeb3b8;
  stroke:#7e848b;
  stroke-width:1.7;
  stroke-linejoin:round;
}
.ap-rental-placeholder svg circle{fill:#f5f6f7;stroke:#7e848b;stroke-width:2.5}
.ap-rental-placeholder>span{
  font-size:10px;
  line-height:1.2;
  letter-spacing:.16em;
  font-weight:800;
  color:#666c72;
}
@media(max-width:600px){
 .ap-rental-card-art{height:200px;min-height:200px}
 .ap-rental-card-art .ap-rental-vehicle-photo{height:100%;min-height:0;max-height:none}
}

/* Mobile correction 2026-10-25: responsive logo and stable footer layout */
@media (max-width: 780px) {
  .ap-header .ap-header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
  }
  .ap-header .ap-logo {
    display: flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
    overflow: hidden !important;
  }
  .ap-header .ap-logo img,
  .ap-header .ap-logo .custom-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 76px !important;
    object-fit: contain !important;
  }
  .ap-header .ap-menu-toggle {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    white-space: nowrap !important;
  }

  footer#kontakt .ap-contact-strip {
    padding: 28px 0 18px !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin-inline: auto !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-item,
  footer#kontakt .ap-contact-strip .ap-contact-item > div:not(.ap-contact-icon) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    border-right: 0 !important;
    border-bottom: 1px solid #444 !important;
    padding: 0 0 16px !important;
    margin: 0 0 16px !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-item:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-hours-content {
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-hours-content > span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.65 !important;
  }
  footer#kontakt .ap-contact-strip .ap-contact-links nav {
    align-items: flex-start !important;
    text-align: left !important;
    gap: 5px !important;
    margin-top: 5px !important;
  }
  footer#kontakt .ap-footer {
    padding: 20px 0 24px !important;
  }
  footer#kontakt .ap-footer .ap-footer-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin-inline: auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  footer#kontakt .ap-footer .ap-footer-inner > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    line-height: 1.6 !important;
  }
}
@media (max-width: 380px) {
  .ap-header .ap-logo { max-width: calc(100% - 100px) !important; }
  .ap-header .ap-menu-toggle { padding: 7px 9px !important; font-size: 14px !important; }
}


/* Mobile fix 1.9.0: decorative red circles must never cover content. */
@media (max-width: 600px) {
  .ap-about-page .ap-about-intro::before,
  .ap-vehicles-page .ap-vehicles-intro::before {
    display: none !important;
    content: none !important;
  }
  .ap-about-page .ap-about-intro,
  .ap-vehicles-page .ap-vehicles-intro {
    overflow: hidden;
    isolation: isolate;
  }
  .ap-about-page .ap-about-intro .ap-container,
  .ap-vehicles-page .ap-vehicles-intro .ap-container {
    position: relative;
    z-index: 1;
    min-width: 0;
  }
}


/* Version 1.9.3: Mietfahrzeugbilder deutlich groesser und vollflaechig */
.ap-rental-offers .ap-rental-card-art{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:230px!important;
  min-height:230px!important;
  padding:0!important;
  background:#eceeef!important;
  overflow:hidden!important;
}
.ap-rental-offers .ap-rental-vehicle-photo{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:230px!important;
  min-height:230px!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  box-sizing:border-box!important;
}
.ap-rental-offers .ap-rental-card-art:before,
.ap-rental-offers .ap-rental-card-art:after{pointer-events:none!important}
@media(max-width:700px){
  .ap-rental-offers .ap-rental-card-art,
  .ap-rental-offers .ap-rental-vehicle-photo{
    height:240px!important;min-height:240px!important;max-height:240px!important;
  }
}


/* 1.9.4: Inhaltsbreite nur fuer Seiten- und Hero-Inhalte.
   Header/Logo/Navigation werden bewusst nicht angesprochen. */
:root { --ap-content-width: var(--ap-width, 1500px); }

.ap-hero > .ap-container,
.ap-workshop-hero > .ap-workshop-hero-inner,
.ap-workshop-hero .ap-workshop-hero-inner,
.ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
.ap-rental-hero .ap-rental-hero-inner,
.ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
.ap-about-page .ap-about-hero .ap-workshop-hero-inner {
  width: min(var(--ap-content-width), calc(100% - 64px));
  max-width: var(--ap-content-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 780px) {
  .ap-hero > .ap-container,
  .ap-workshop-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero .ap-workshop-hero-inner,
  .ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
  .ap-rental-hero .ap-rental-hero-inner,
  .ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
  .ap-about-page .ap-about-hero .ap-workshop-hero-inner {
    width: calc(100% - 28px);
    max-width: none;
  }
}

/* Header bleibt mit dem Original-Layout zentriert und unabhaengig von --ap-width. */
.ap-header .ap-header-inner {
  width: min(1740px, calc(100% - 72px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 780px) {
  .ap-header .ap-header-inner {
    width: calc(100% - 28px);
  }
}


/* 1.9.5: Einstellbare Inhaltsbreite fuer ALLE Hero-Bereiche, nicht nur die Startseite.
   Der Header bleibt davon unberuehrt. !important gleicht fruehere Seitenspezifika aus. */
.ap-hero > .ap-container,
.ap-hero .ap-hero-content,
.ap-workshop-hero > .ap-workshop-hero-inner,
.ap-workshop-hero .ap-workshop-hero-inner,
.ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
.ap-rental-hero .ap-rental-hero-inner,
.ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
.ap-about-page .ap-about-hero .ap-workshop-hero-inner,
.ap-imprint-hero .ap-imprint-hero-inner,
.ap-privacy-hero .ap-privacy-hero-inner {
  width: min(var(--ap-width, 1500px), calc(100% - 64px)) !important;
  max-width: var(--ap-width, 1500px) !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 780px) {
  .ap-hero > .ap-container,
  .ap-hero .ap-hero-content,
  .ap-workshop-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero .ap-workshop-hero-inner,
  .ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
  .ap-rental-hero .ap-rental-hero-inner,
  .ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
  .ap-about-page .ap-about-hero .ap-workshop-hero-inner,
  .ap-imprint-hero .ap-imprint-hero-inner,
  .ap-privacy-hero .ap-privacy-hero-inner {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
}

/* 1.9.8: Responsive Hero-Breite einheitlich auf Start- und Unterseiten.
   Nur Hero-Innenbereiche werden angepasst; Header und restliche Inhaltsbereiche bleiben unveraendert. */
:root { --ap-hero-width: 1000px; }
@media (min-width: 1601px) and (max-width: 1920px) {
  :root { --ap-hero-width: 1200px; }
}
@media (min-width: 1921px) {
  :root { --ap-hero-width: 1500px; }
}
.ap-hero > .ap-container,
.ap-hero .ap-hero-content,
.ap-workshop-hero > .ap-workshop-hero-inner,
.ap-workshop-hero .ap-workshop-hero-inner,
.ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
.ap-rental-hero .ap-rental-hero-inner,
.ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
.ap-about-page .ap-about-hero .ap-workshop-hero-inner,
.ap-imprint-hero .ap-imprint-hero-inner,
.ap-privacy-hero .ap-privacy-hero-inner {
  width: min(var(--ap-hero-width), calc(100% - 64px)) !important;
  max-width: var(--ap-hero-width) !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Auf der Startseite darf der Hero-Textbereich nicht auf 900px begrenzt werden;
   der eigentliche Text bleibt durch seine eigenen max-width-Regeln lesbar. */
.ap-hero .ap-hero-content { max-width: var(--ap-hero-width) !important; }
@media (max-width: 780px) {
  .ap-hero > .ap-container,
  .ap-hero .ap-hero-content,
  .ap-workshop-hero > .ap-workshop-hero-inner,
  .ap-workshop-hero .ap-workshop-hero-inner,
  .ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
  .ap-rental-hero .ap-rental-hero-inner,
  .ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
  .ap-about-page .ap-about-hero .ap-workshop-hero-inner,
  .ap-imprint-hero .ap-imprint-hero-inner,
  .ap-privacy-hero .ap-privacy-hero-inner {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
}


/* Responsive gemeinsame Inhaltsbreite: Seiteninhalt und sämtliche Hero-Inhalte verwenden dieselbe Breite. */
:root{--ap-width:1000px;}
@media (min-width:1800px){:root{--ap-width:1200px;}}
@media (min-width:2400px){:root{--ap-width:1500px;}}
.ap-container{width:min(var(--ap-width),calc(100% - 64px))!important;max-width:var(--ap-width)!important;margin-inline:auto!important;}
.ap-hero-content,
.ap-workshop-hero-inner,
.ap-contact-hero-inner,
.ap-rental-hero-inner,
.ap-page-hero-inner,
.ap-vehicle-hero-inner,
.ap-about-hero-inner,
.ap-hero-inner,
.ap-workshop-hero .ap-container,
.ap-contact-hero .ap-container,
.ap-rental-hero .ap-container{width:min(var(--ap-width),calc(100% - 64px))!important;max-width:var(--ap-width)!important;margin-left:auto!important;margin-right:auto!important;}
.ap-hero-content{max-width:var(--ap-width)!important;}
@media(max-width:780px){.ap-container,.ap-hero-content,.ap-workshop-hero-inner,.ap-contact-hero-inner,.ap-rental-hero-inner,.ap-page-hero-inner,.ap-vehicle-hero-inner,.ap-about-hero-inner,.ap-hero-inner,.ap-workshop-hero .ap-container,.ap-contact-hero .ap-container,.ap-rental-hero .ap-container{width:calc(100% - 28px)!important;max-width:none!important;}}


/* AutoPoint 2.0.0: zentrale responsive Inhaltsbreite fuer Seiten UND Hero.
   Ueberschreibt alte seitenspezifische Maximalbreiten. Der Header bleibt eigenstaendig. */
:root {
  --ap-width: 1000px;
  --ap-content-width: var(--ap-width);
  --ap-hero-width: var(--ap-width);
}
@media (min-width: 1800px) {
  :root { --ap-width: 1200px; --ap-content-width: var(--ap-width); --ap-hero-width: var(--ap-width); }
}
@media (min-width: 2400px) {
  :root { --ap-width: 1500px; --ap-content-width: var(--ap-width); --ap-hero-width: var(--ap-width); }
}

/* All common page containers */
body .ap-container {
  width: min(var(--ap-width), calc(100% - 64px)) !important;
  max-width: var(--ap-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Every known hero inner wrapper, including page-specific workshop/rental/contact layouts */
body .ap-hero > .ap-container,
body .ap-hero .ap-hero-content,
body .ap-workshop-hero .ap-workshop-hero-inner,
body .ap-workshop-page .ap-workshop-hero-inner,
body .ap-workshop-page .ap-workshop-hero > .ap-workshop-hero-inner,
body .ap-service-detail .ap-workshop-hero-inner,
body .ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
body .ap-rental-hero .ap-rental-hero-inner,
body .ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
body .ap-about-page .ap-about-hero .ap-workshop-hero-inner,
body .ap-imprint-hero .ap-imprint-hero-inner,
body .ap-privacy-hero .ap-privacy-hero-inner,
body .ap-workshop-hero .ap-container,
body .ap-contact-hero .ap-container,
body .ap-rental-hero .ap-container {
  width: min(var(--ap-width), calc(100% - 64px)) !important;
  max-width: var(--ap-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Preserve the centered, independent header layout; do not couple it to content width. */
body .ap-header .ap-header-inner {
  width: min(1740px, calc(100% - 72px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 780px) {
  body .ap-container,
  body .ap-hero > .ap-container,
  body .ap-hero .ap-hero-content,
  body .ap-workshop-hero .ap-workshop-hero-inner,
  body .ap-workshop-page .ap-workshop-hero-inner,
  body .ap-service-detail .ap-workshop-hero-inner,
  body .ap-vehicles-page .ap-vehicles-hero .ap-workshop-hero-inner,
  body .ap-rental-hero .ap-rental-hero-inner,
  body .ap-contact-page .ap-contact-hero .ap-workshop-hero-inner,
  body .ap-about-page .ap-about-hero .ap-workshop-hero-inner,
  body .ap-imprint-hero .ap-imprint-hero-inner,
  body .ap-privacy-hero .ap-privacy-hero-inner,
  body .ap-workshop-hero .ap-container,
  body .ap-contact-hero .ap-container,
  body .ap-rental-hero .ap-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
  body .ap-header .ap-header-inner {
    width: calc(100% - 28px) !important;
  }
}


/* AutoPoint 2.0.1: gezielter Fix fuer die beiden Hero-Templates,
   deren kombinierte Klassen die vorherigen allgemeinen Regeln ueberstimmt haben. */
body .ap-container.ap-workshop-hero-inner,
body .ap-container.ap-rental-hero-inner,
body .ap-workshop-hero .ap-container.ap-workshop-hero-inner,
body .ap-workshop-page .ap-container.ap-workshop-hero-inner,
body .ap-rental-hero .ap-container.ap-workshop-hero-inner,
body .ap-rental-hero .ap-container.ap-rental-hero-inner,
body .ap-workshop-hero.ap-service-hero .ap-container.ap-workshop-hero-inner {
  width: min(var(--ap-width), calc(100% - 64px)) !important;
  max-width: var(--ap-width) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 780px) {
  body .ap-container.ap-workshop-hero-inner,
  body .ap-container.ap-rental-hero-inner,
  body .ap-workshop-hero .ap-container.ap-workshop-hero-inner,
  body .ap-workshop-page .ap-container.ap-workshop-hero-inner,
  body .ap-rental-hero .ap-container.ap-workshop-hero-inner,
  body .ap-rental-hero .ap-container.ap-rental-hero-inner,
  body .ap-workshop-hero.ap-service-hero .ap-container.ap-workshop-hero-inner {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
}


/* AutoPoint 2.0.2: responsive Typografie.
   2560px bleibt die Referenz; darunter werden Textgroessen schrittweise kleiner.
   Header (Logo und Navigation) wird bewusst ausgenommen. */
@media (min-width: 2400px) {
  body { --ap-type-scale: 1; }
}
@media (min-width: 2000px) and (max-width: 2399.98px) {
  body { --ap-type-scale: .94; }
}
@media (min-width: 1800px) and (max-width: 1999.98px) {
  body { --ap-type-scale: .88; }
}
@media (min-width: 1600px) and (max-width: 1799.98px) {
  body { --ap-type-scale: .82; }
}
@media (min-width: 1366px) and (max-width: 1599.98px) {
  body { --ap-type-scale: .76; }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  body { --ap-type-scale: .72; }
}
@media (max-width: 1023.98px) {
  body { --ap-type-scale: 1; }
}

/* Scale text by inheriting the current computed size at the 2560px reference.
   Relative sizing avoids changing the layout/container widths. */
body main,
body main p,
body main li,
body main label,
body main small,
body main .ap-eyebrow,
body main .ap-lead,
body main .ap-hero-subtitle,
body main .ap-hero-text,
body main .ap-card p,
body main .ap-card li,
body main .ap-button,
body main button,
body main input,
body main textarea,
body main select {
  font-size: calc(1em * var(--ap-type-scale, 1));
}
body main h1,
body main h2,
body main h3,
body main h4,
body main .ap-title,
body main .ap-section-title,
body main .ap-hero-title {
  font-size: calc(1em * var(--ap-type-scale, 1));
}
/* Keep the site header exactly as it is. */
body .ap-header,
body .ap-header * {
  --ap-type-scale: 1;
}