:root{--black:#090a0c;--black2:#101316;--panel:#15191d;--red:#e22b22;--red2:#9d1713;--white:#f5f5f2;--muted:#9aa1a7;--line:#2a3035;--silver:#c5c8ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}body:before{display:none!important}a{color:inherit}.wrap{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}.top-strip{background:var(--red);color:#fff;font-size:10px;font-weight:900;letter-spacing:1.8px}.top-strip .wrap{height:28px;display:flex;align-items:center;justify-content:space-between}.site-header{position:sticky;top:0;z-index:20;background:#090a0ceF;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:1000;letter-spacing:1px;white-space:nowrap}.logo>span:last-child>span{color:var(--red)}.logo-box{display:grid;place-items:center;width:36px;height:36px;background:var(--red);color:#fff;font-size:12px;transform:skew(-8deg);border:1px solid #ff5a50}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a{font-size:11px;font-weight:900;letter-spacing:1.3px;text-decoration:none}.main-nav a:hover{color:#ff4b43}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:12px;letter-spacing:1px;padding:12px 16px;border:1px solid var(--red);cursor:pointer}.nav-cta{background:#111416;color:#fff}.gear-cta{width:78px;height:78px;padding:0!important;border:0!important;background:transparent!important;position:relative;overflow:visible;cursor:pointer;display:grid;place-items:center;flex:0 0 78px;box-shadow:none!important;transition:transform .2s ease,filter .2s ease}.gear-cta:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#07090a;box-shadow:0 0 6px #e22b2255,0 0 14px #e22b2230;pointer-events:none}.gear-icon{width:74px;height:74px;display:block;overflow:visible;position:relative;z-index:1;filter:drop-shadow(0 0 3px #e22b22) drop-shadow(0 0 7px #e22b2266);transition:transform .35s ease,filter .25s ease}.gear-teeth{fill:#0c0e10;stroke:#ff332b;stroke-width:3.1}.gear-ring{fill:#080a0c;stroke:#ff443b;stroke-width:2.8}.gear-hole{fill:#080a0c;stroke:#8e1713;stroke-width:1.4}.gear-text{fill:#ff4038;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900;letter-spacing:.45px}.gear-cta:hover,.gear-cta:focus-visible{transform:scale(1.07);outline:none}.gear-cta:hover .gear-icon,.gear-cta:focus-visible .gear-icon{transform:rotate(8deg);filter:drop-shadow(0 0 5px #ff3b32) drop-shadow(0 0 12px #e22b22) drop-shadow(0 0 22px #e22b2277)}.gear-cta:hover:before,.gear-cta:focus-visible:before{box-shadow:0 0 10px #e22b22aa,0 0 24px #e22b2266,0 0 40px #e22b2238}@media(max-width:900px){.customer-vehicle-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.gear-cta{width:58px;height:58px;flex-basis:58px}.gear-icon{width:56px;height:56px}.gear-text{font-size:8px;letter-spacing:.25px}.main-nav,.nav-cta{display:none}.gear-cta{display:grid!important}.menu-btn{display:block;margin-left:auto}}
.btn.red{background:var(--red);color:#fff}.btn.dark{background:#171a1d;border-color:#50575c;color:#fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:700px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,#343a3f 0,#181c20 27%,#090a0c 70%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 47%,#e22b2210 47% 48%,transparent 48% 53%,#fff009 53% 54%,transparent 54%);opacity:.8}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-inner{position:relative;z-index:2;min-height:700px;display:flex;align-items:center}.hero-copy{padding-top:20px}.kicker{color:var(--red);font-size:11px;font-weight:1000;letter-spacing:2.5px}.kicker span{display:inline-block;width:22px;height:3px;background:var(--red);vertical-align:middle;margin-right:7px}.hero h1{font-size:clamp(50px,8vw,105px);line-height:.87;letter-spacing:-4px;margin:18px 0;text-transform:uppercase}.hero h1 strong{color:#fff}.hero p{font-size:18px;color:#c2c6c9;letter-spacing:1px}.hero-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.hero-badge,.stamp{position:absolute}.hero-badge{right:9%;bottom:12%;width:160px;height:160px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-10deg);background:#090a0ca8}.hero-badge b{font-size:45px;color:var(--red);display:block}.hero-badge span{font-size:9px;letter-spacing:2px}.speed-lines{position:absolute;right:-5%;bottom:80px;width:55%;height:180px;transform:skewY(-12deg);background:repeating-linear-gradient(0deg,transparent 0 17px,#e22b2238 18px 21px);opacity:.7}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:95px;padding-bottom:95px}.section-title small,.section-bar small,.feature small,.projects-band small,.about small,.contact-section small{font-size:10px;color:var(--red);font-weight:1000;letter-spacing:2px}.intro h2,.section-bar h2,.about h3,.contact-section h2{font-size:50px;line-height:.95;margin:10px 0;letter-spacing:-2px}.intro h2 em,.section-bar h2 em,.about h3 em,.contact-section h2 em{font-family:Georgia,serif;font-weight:400;color:#cdd0d2}.intro-text{align-self:end}.intro-text p,.about-text p{color:var(--muted);line-height:1.8;font-size:18px}.text-link{color:#fff;text-decoration:none;font-weight:900;font-size:11px;letter-spacing:1.5px;border-bottom:2px solid var(--red);padding-bottom:5px}.dark-section,.appointment{background:var(--black2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}section.dark-section{max-width:none}.section-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-mark{font-size:10px;color:#687076;letter-spacing:2px}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:45px 1fr 25px;gap:15px;min-height:160px;padding:24px 16px;border-bottom:1px solid var(--line)}.service:nth-child(odd){border-right:1px solid var(--line)}.service:hover{background:#191e22}.service-number{color:var(--red);font-family:Georgia,serif;font-size:17px}.service h3{font-size:21px;margin:0 0 9px}.service p{color:var(--muted);line-height:1.55;margin:0}.service a{color:var(--red);font-size:25px;text-decoration:none}.feature-section{padding-top:90px;padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:14px}.feature{min-height:360px;padding:28px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;border:1px solid #343a3e}.feature:after{content:"";position:absolute;right:-50px;top:-60px;width:220px;height:220px;border:30px solid #ffffff0b;border-radius:50%}.feature span{font-size:10px;letter-spacing:2px;font-weight:1000;color:#fff;position:relative;z-index:1}.feature h3{font-size:39px;line-height:.88;margin:12px 0;position:relative;z-index:1}.feature p{color:#c1c6c9;max-width:280px;position:relative;z-index:1}.feature a{font-size:11px;font-weight:900;text-decoration:none;color:#fff;position:relative;z-index:1}.feature-red{background:linear-gradient(145deg,#9e1714,#280b0a)}.feature-light{background:linear-gradient(145deg,#c8cacc,#303437);color:#111}.feature-light p,.feature-light span{color:#202326}.feature-dark{background:linear-gradient(145deg,#252b2f,#0d1012)}.projects-band{max-width:none;background:linear-gradient(105deg,#160b0b,#090a0c);border-top:1px solid #421514;border-bottom:1px solid #421514}.project-content{min-height:350px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.project-content h2{font-size:55px;line-height:.9;margin:10px 0}.project-content h2 em{font-family:Georgia,serif;font-weight:400}.project-content p{color:var(--muted);font-size:18px;line-height:1.8}
.customer-vehicles-section{padding:0 0 80px}.customer-vehicles-intro{min-height:300px}.customer-vehicle-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-vehicle-card{border:1px solid #30383d;background:linear-gradient(180deg,#111518,#090b0d);overflow:hidden}.customer-vehicle-image{display:block;width:100%;padding:0;border:0;background:#121518;position:relative;cursor:pointer;aspect-ratio:16/10;overflow:hidden}.customer-vehicle-backdrop{position:absolute!important;inset:-18px!important;width:calc(100% + 36px)!important;height:calc(100% + 36px)!important;max-width:none!important;object-fit:cover!important;object-position:center!important;filter:blur(16px) brightness(.38)!important;transform:scale(1.08);z-index:0!important;opacity:.95}.customer-vehicle-main{position:relative;z-index:1;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block;background:transparent;transition:transform .35s ease,filter .35s ease}.customer-vehicle-image:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 45%,#000c 100%);pointer-events:none}.customer-vehicle-overlay{position:absolute;left:18px;right:18px;bottom:15px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;font-size:9px;letter-spacing:1.4px;font-weight:900;text-align:left}.customer-vehicle-overlay b{color:#fff}.customer-vehicle-overlay span{color:#ff5148}.customer-vehicle-image:hover img{filter:brightness(1.08)}.customer-vehicle-copy{padding:20px 20px 23px}.customer-vehicle-meta{font-size:9px;color:var(--red);font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.customer-vehicle-copy h3{font-size:24px;margin:0 0 9px;color:#fff}.customer-vehicle-copy p{margin:0;color:#9da7ad;font-size:13px;line-height:1.65}.customer-vehicle-empty{grid-column:1/-1;border:1px solid #30383d;padding:45px;background:#0b0e10}.customer-vehicle-empty h3{font-size:34px;margin:10px 0}.customer-vehicle-empty p{max-width:700px;color:#9da7ad;line-height:1.7}.customer-vehicles-managed{margin-top:35px}.customer-lightbox{position:fixed;inset:0;background:rgba(2,3,4,.94);backdrop-filter:blur(7px);z-index:9999;display:none;align-items:center;justify-content:center;padding:50px 90px;box-sizing:border-box}.customer-lightbox.is-open{display:flex}.customer-lightbox-stage{max-width:min(1100px,90vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}.customer-lightbox-stage img{max-width:100%;max-height:80vh;object-fit:contain;border:1px solid #3a4247;box-shadow:0 20px 70px #000}.customer-lightbox-stage div{color:#cbd2d6;font-size:11px;letter-spacing:1px;text-align:center}.customer-lightbox-close,.customer-lightbox-prev,.customer-lightbox-next{position:absolute;border:1px solid #3d464b;background:#0b0e10;color:#fff;width:46px;height:46px;cursor:pointer;font-size:28px;line-height:1}.customer-lightbox-close{top:24px;right:24px}.customer-lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.customer-lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.customer-lightbox-close:hover,.customer-lightbox-prev:hover,.customer-lightbox-next:hover{background:var(--red);border-color:var(--red)}body.customer-lightbox-open{overflow:hidden}
.appointment{padding-top:85px;padding-bottom:90px}.form{max-width:900px;display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;font-size:10px;font-weight:1000;letter-spacing:1px;color:#d8dcde}input,select,textarea{width:100%;background:#090b0d;border:1px solid #363d42;color:#fff;padding:14px;border-radius:0;font:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--red);border-color:var(--red)}.consent{display:flex;align-items:center;color:var(--muted);font-size:12px;letter-spacing:0;font-weight:400}.consent input{width:auto}.notice{border-left:4px solid #6e944d;background:#172016;padding:15px;margin-bottom:18px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding-top:95px;padding-bottom:95px}.about-card{min-height:260px;border:1px solid var(--line);background:linear-gradient(135deg,#181c20,#0e1012);display:flex;align-items:center;gap:35px;padding:30px;position:relative;overflow:hidden}.about-card:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border:35px solid #e22b2210;border-radius:50%}.about-logo{font-weight:1000;font-size:60px;color:var(--red);border:3px solid var(--red);padding:20px;transform:skew(-7deg);position:relative;z-index:1}.about-card h3{font-size:34px;position:relative;z-index:1}.contact-section{background:#0d1012;border-top:1px solid var(--line)}.contact-grid{min-height:330px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.contact-info{border-left:3px solid var(--red);padding-left:28px;display:grid;gap:25px}.contact-info div{display:grid;gap:6px}.contact-info b{font-size:10px;color:var(--red);letter-spacing:2px}.contact-info a{font-size:20px;text-decoration:none}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#6f787e;font-size:11px}.footer .logo{color:#fff;font-size:16px}.admin-page,.admin-login{min-height:100vh;background:radial-gradient(circle at 70% 10%,#2a0e0d,#090a0c 45%)}.admin-page{padding-bottom:80px}.admin-nav{height:75px;max-width:1220px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.admin-head{max-width:1220px;margin:auto;padding:60px 24px 35px;display:flex;justify-content:space-between;align-items:end}.admin-head h1{font-size:48px;margin:12px 0}.admin-head p{color:var(--muted)}.admin-count{width:90px;height:90px;border:2px solid var(--red);display:grid;place-items:center;text-align:center}.admin-count b{font-size:30px;color:var(--red)}.admin-count span{font-size:9px;letter-spacing:2px}.table-wrap{max-width:1220px;margin:auto;padding:0 24px;overflow:auto}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--red);letter-spacing:1.5px}td small{color:#737c82}.status{font-size:9px;border:1px solid #555;padding:5px 7px;text-transform:uppercase}.status.neu{color:#ffb84d;border-color:#ffb84d}.status.bestaetigt{color:#9fbd78;border-color:#718f4c}.status.abgelehnt{color:#e27d73;border-color:#9b4d43}.empty{text-align:center;color:var(--muted);padding:50px}.admin-login{display:grid;place-items:center;padding:25px}.admin-login-box{width:min(470px,100%);background:#111519;border:1px solid var(--line);padding:35px}.admin-login-box h1{font-size:52px;margin:10px 0 30px}.error{border-left:4px solid var(--red);background:#281211;padding:13px;margin-bottom:15px}@media(max-width:850px){.top-strip .wrap span:nth-child(2){display:none}.main-nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.hero{min-height:620px}.hero-inner{min-height:620px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-badge{display:none}.intro,.project-content,.about,.contact-grid{grid-template-columns:1fr;gap:30px}.intro{padding-top:70px;padding-bottom:70px}.service-grid,.feature-grid,.form-row{grid-template-columns:1fr}.service:nth-child(odd){border-right:0}.feature{min-height:290px}.project-content{padding-top:60px;padding-bottom:60px}.customer-vehicle-gallery{grid-template-columns:1fr}.customer-lightbox{padding:45px 18px}.customer-lightbox-prev{left:8px}.customer-lightbox-next{right:8px}.project-content h2,.intro h2,.section-bar h2,.contact-section h2{font-size:40px}.about{padding-top:65px;padding-bottom:65px}.footer{flex-direction:column;gap:15px;justify-content:center;padding:25px}.admin-head{align-items:start}.admin-head h1{font-size:38px}.admin-count{width:70px;height:70px}}

.maintenance-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#32100e,#090a0c 52%);position:relative;overflow:hidden}.maintenance-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:60px 60px;opacity:.45}.maintenance-card{position:relative;z-index:2;width:min(720px,calc(100% - 36px));padding:48px;background:#111519ee;border:1px solid #343a3f;box-shadow:0 25px 80px #0008}.maintenance-logo{margin-bottom:55px}.maintenance-card h1{font-size:clamp(38px,6vw,66px);line-height:.95;margin:15px 0;text-transform:uppercase}.maintenance-card p{font-size:19px;color:#c4c9cc;line-height:1.6}.maintenance-card small{color:#858e94;line-height:1.6}.maintenance-line{height:4px;width:100%;background:linear-gradient(90deg,var(--red),transparent);margin:30px 0}.admin-settings,.admin-requests{max-width:1220px;margin:0 auto 45px;padding:0 24px}.admin-settings{background:#111519;border:1px solid var(--line);padding-top:26px;padding-bottom:30px}.settings-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.settings-head small{font-size:10px;color:var(--red);font-weight:1000;letter-spacing:2px}.settings-head h2{font-size:30px;margin:8px 0}.maintenance-pill{font-size:10px;font-weight:1000;letter-spacing:2px;padding:7px 10px;border:1px solid}.maintenance-pill.on{color:#ff8b82;border-color:var(--red);background:#35100e}.maintenance-pill.off{color:#8e989e;border-color:#4b5358}.maintenance-form{display:grid;gap:18px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0d0f;border:1px solid var(--line);padding:18px}.toggle-row span{display:grid;gap:5px}.toggle-row strong{font-size:15px}.toggle-row small{color:var(--muted);font-size:12px}.toggle-row input{appearance:none;width:52px;height:28px;border-radius:20px;padding:0;border:1px solid #555;background:#2a2f33;position:relative;cursor:pointer;flex:0 0 auto}.toggle-row input:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#aaa;border-radius:50%;transition:.2s}.toggle-row input:checked{background:var(--red);border-color:var(--red)}.toggle-row input:checked:before{left:27px;background:#fff}.maintenance-form .form-row{max-width:none}

/* ADMIN DESIGN SETTINGS */
.appearance-form{display:grid;gap:18px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-control{background:#0b0d0f;border:1px solid var(--line);padding:18px}.appearance-control.wide{grid-column:1/-1}.appearance-control label{display:grid;gap:10px}.appearance-control output{float:right;color:var(--red);font-weight:1000}.appearance-control input[type=color]{height:48px;width:100%;padding:4px;cursor:pointer;background:#090b0d}.appearance-control input[type=range]{width:100%;accent-color:var(--red);cursor:pointer}.range-hint{display:flex;justify-content:space-between;color:#687177;font-size:9px;margin-top:5px}.smiley-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0d0f;border:1px solid var(--line);padding:15px}.smiley-tools>div:first-child{display:grid;gap:4px}.smiley-tools small{color:var(--muted);font-size:11px}.smiley-list{display:flex;gap:6px;flex-wrap:wrap}.smiley-list button{background:#181d21;border:1px solid #3a4248;color:#fff;font-size:20px;width:40px;height:40px;cursor:pointer}.smiley-list button:hover,.smiley-list button.copied{border-color:var(--red);background:#32100e}.site-smiley{font-size:22px;letter-spacing:7px;margin-top:18px;opacity:.9}
@media(max-width:700px){.appearance-grid{grid-template-columns:1fr}.appearance-control.wide{grid-column:auto}.smiley-tools{align-items:flex-start;flex-direction:column}}

body{font-size:var(--user-font-size,16px)}

/* ===== ADMIN V7 – strukturierte Oberfläche ===== */
.admin-page{min-height:100vh;background:radial-gradient(circle at 75% 0,#260d0c 0,#090a0c 42%);padding:0 0 70px}
.admin-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.admin-nav{height:78px;padding:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.admin-hero{display:flex;justify-content:space-between;align-items:center;padding:52px 0 42px}
.admin-hero h1{font-size:48px;line-height:1;margin:10px 0}.admin-hero p{color:var(--muted);margin:0}
.admin-count{width:92px;height:92px;border:1px solid var(--red);background:#120d0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.admin-count b{font-size:30px;color:var(--red)}.admin-count span{font-size:8px;line-height:1.25;letter-spacing:1.5px;text-align:center;color:#d5d8da}
.admin-sections{display:grid;gap:24px}
.admin-card{background:rgba(17,21,25,.96);border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.card-header{padding:26px 28px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.card-header small{font-size:9px;color:var(--red);font-weight:1000;letter-spacing:2px}.card-header h2{font-size:28px;margin:8px 0 5px;letter-spacing:-.5px}.card-header p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.card-index{font-size:11px;color:#626b70;letter-spacing:2px}.card-actions{padding-top:2px}
.appearance-form,.maintenance-form{padding:22px 28px 28px;display:grid;gap:18px}
.settings-block{background:#0c0f11;border:1px solid #262d32;padding:18px}.block-title{font-size:9px;color:#899196;font-weight:1000;letter-spacing:1.8px;margin-bottom:14px}
.range-line{display:grid;grid-template-columns:45px 1fr 45px 70px;gap:12px;align-items:center;color:#737c82;font-size:10px}.range-line input{margin:0;accent-color:var(--red)}.range-line output{font-size:14px;color:var(--red);font-weight:1000;text-align:right}.help{font-size:11px;color:#646d73;margin:10px 0 0}
.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-field{display:grid;gap:8px}.color-field>span{font-size:11px;color:#d3d7d9;font-weight:700;letter-spacing:.3px}.color-field>div{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.color-field input[type=color]{width:48px;height:36px;padding:3px;border:1px solid #3b4247;background:#090b0d;cursor:pointer}.color-field code{font-size:10px;color:#7c868c;background:#090b0d;border:1px solid #2a3035;padding:10px 7px}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 16px;background:#090b0d;border:1px solid #262d32}.switch-row>span{display:grid;gap:5px}.switch-row strong{font-size:13px}.switch-row small{font-size:11px;color:var(--muted);line-height:1.4}.switch{appearance:none!important;width:48px!important;height:26px!important;padding:0!important;border-radius:20px!important;border:1px solid #50585d!important;background:#292e32!important;position:relative;cursor:pointer;flex:0 0 auto}.switch:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#9da4a8;transition:.2s}.switch:checked{background:var(--red)!important;border-color:var(--red)!important}.switch:checked:before{left:25px;background:#fff}
.smiley-row{display:flex;align-items:center;gap:18px;padding-top:3px}.smiley-row>span{font-size:10px;color:#777f84;text-transform:uppercase;letter-spacing:1px}.smiley-list{display:flex;gap:6px;flex-wrap:wrap}.smiley-list button{width:38px;height:38px;padding:0;background:#15191d;border:1px solid #343c41;color:#fff;font-size:18px;cursor:pointer}.smiley-list button:hover,.smiley-list button.copied{border-color:var(--red);background:#32100e}
.maintenance-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.maintenance-fields label{display:grid;gap:7px}
.maintenance-pill{font-size:9px;font-weight:1000;letter-spacing:1.8px;padding:7px 10px;border:1px solid}.maintenance-pill.on{color:#ff8d84;border-color:var(--red);background:#32100e}.maintenance-pill.off{color:#8d969b;border-color:#444c51}
.notice{margin:0 28px;padding:13px 15px;border-left:3px solid #6d944d;background:#172016;color:#cbd6c2;font-size:12px}
.admin-card .table-wrap{padding:0;overflow:auto}.admin-card table{width:100%;border:0;background:#111519}.admin-card th,.admin-card td{padding:15px 18px}.admin-card th{background:#0d1012}.table-action{color:#fff;text-decoration:none;font-size:10px;font-weight:1000;letter-spacing:.5px}.table-action:hover{color:var(--red)}.table-action.reject:hover{color:#e27d73}
@media(max-width:800px){.admin-shell{width:min(100% - 20px,1180px)}.admin-hero{padding:38px 0 30px}.admin-hero h1{font-size:40px}.admin-count{width:76px;height:76px}.card-header{padding:20px}.appearance-form,.maintenance-form{padding:18px 20px 22px}.color-grid{grid-template-columns:1fr 1fr}.maintenance-fields{grid-template-columns:1fr}.range-line{grid-template-columns:40px 1fr 40px 55px}.smiley-row{align-items:flex-start;flex-direction:column}.admin-card th,.admin-card td{padding:12px}.card-header h2{font-size:24px}}

/* V12 media/upload additions – V7 design retained */
.font-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.font-size-grid>label{display:grid;gap:9px}.number-control{display:grid;grid-template-columns:1fr 62px;gap:10px;align-items:center}.number-control input[type=range]{width:100%;accent-color:var(--red)}.number-control output{font-size:13px;color:var(--red);font-weight:1000;text-align:right}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{min-height:115px;background:#0b0d0f;border:1px dashed #424a50;padding:16px;display:grid;align-content:start;gap:8px;cursor:pointer}.upload-box.wide{grid-column:1/-1}.upload-box input[type=file]{width:100%;font-size:11px;color:#b9c0c4}.upload-box small{color:#737d82;font-size:10px}.current-file{color:#9fbd78;font-size:10px;font-weight:900}.upload-toggles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-error{margin:20px 28px 0;padding:13px 15px;border-left:3px solid var(--red);background:#32100e;color:#ffb0aa;font-size:12px}
.admin-settings .maintenance-fields .editable-field input{display:block!important;width:100%!important;min-height:46px!important;padding:12px 14px!important;background:#090b0d!important;color:#fff!important;border:1px solid #3b4348!important;border-radius:0!important;font-size:13px!important;cursor:text!important;pointer-events:auto!important}.admin-settings .maintenance-fields .editable-field input:focus{outline:2px solid var(--red)!important;border-color:var(--red)!important}
@media(max-width:700px){.font-size-grid,.upload-grid,.upload-toggles{grid-template-columns:1fr}.upload-box.wide{grid-column:auto}}

.maintenance-preview{display:block;width:min(100%,520px);max-height:260px;object-fit:cover;border:1px solid #3b4248;margin:20px 0}.maintenance-file{margin-top:22px}

/* V13 - Asset loeschen */
.asset-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}
.asset-actions form{margin:0}
.delete-asset{border:1px solid #8d2c27;background:#260e0c;color:#ffb1aa;padding:7px 10px;font-size:9px;font-weight:1000;letter-spacing:.8px;cursor:pointer}
.delete-asset:hover{background:#e22b22;color:#fff;border-color:#e22b22}
.no-file{display:block;color:#666f74;font-size:10px}
.asset-delete-notice{margin-bottom:14px}
.upload-box .asset-actions .current-file{margin:0}
@media(max-width:650px){.asset-actions{align-items:flex-start;flex-direction:column}}

/* V14 – Informationsbutton */
.maintenance-file{
    display:block!important;
    width:max-content!important;
    margin:26px auto 0!important;
    text-align:center!important;
    white-space:nowrap!important;
}
@media(max-width:600px){
    .maintenance-file{
        width:100%!important;
        box-sizing:border-box!important;
        margin-top:22px!important;
    }
}

/* V16 – eigenes Logo zentral verwalten */
.site-brand-link{display:flex;align-items:center;min-width:0}
.site-brand-image{display:block;width:var(--logo-width,430px);height:auto;max-height:115px;object-fit:contain;object-position:left center}
.site-header .site-brand-image{max-height:92px}
.maintenance-brand-image{width:min(var(--logo-width,430px),100%);max-height:150px;margin-bottom:34px;object-position:left center}
.footer-brand .site-brand-image{width:min(220px,var(--logo-width,430px));max-height:60px}
.logo-manager-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px}
.logo-preview-box{border:1px solid #343b40;background:#080a0c;padding:16px}
.logo-preview-label{font-size:10px;font-weight:1000;letter-spacing:1.3px;color:#aab1b5;margin-bottom:10px}
.logo-preview-stage{min-height:180px;border:1px solid #343b40;background:#050607;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.logo-preview-stage img{display:block;max-width:100%;max-height:190px;width:auto;height:auto;object-fit:contain}
.logo-status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
.logo-status{font-size:9px;font-weight:1000;letter-spacing:1px;padding:6px 8px;border:1px solid}
.logo-status.active{color:#a9d78d;border-color:#4e753c;background:#12230f}
.logo-status.inactive{color:#ffb1aa;border-color:#8d2c27;background:#260e0c}
.logo-controls{display:grid;gap:14px}
.logo-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.logo-delete{margin-top:12px;width:100%}
@media(max-width:800px){
  .logo-manager-grid{grid-template-columns:1fr}
  .logo-size-grid{grid-template-columns:1fr}
  .site-brand-image{width:var(--logo-mobile-width,290px)}
  .maintenance-brand-image{width:min(var(--logo-mobile-width,290px),100%)}
}
@media(max-width:560px){
  .site-header .site-brand-image{max-width:var(--logo-mobile-width,290px);max-height:72px}
  .logo-preview-stage{min-height:130px}
}

/* V17 – Header-Logo korrigiert
   Ursache in V16: Das Seitenverhältnis des Logos wurde durch max-height
   stark begrenzt. Dadurch wurde das Logo zu klein und konnte aus dem Header
   herausragen. Der Header erhält jetzt ausreichend Höhe und das Logo wird
   proportional skaliert.
*/
.site-header{min-height:142px}
.site-header .nav{height:142px;align-items:center}
.site-header .site-brand-link{height:142px;flex:0 0 auto;align-items:center}
.site-header .site-brand-image{
    width:min(var(--logo-width,430px),430px)!important;
    max-width:430px!important;
    max-height:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
}
.site-header .main-nav{align-items:center}
.site-header .nav-cta{flex:0 0 auto}

@media(max-width:850px){
    .site-header{min-height:108px}
    .site-header .nav{height:108px}
    .site-header .site-brand-link{height:108px}
    .site-header .site-brand-image{
        width:min(var(--logo-mobile-width,290px),290px)!important;
        max-width:290px!important;
        max-height:none!important;
        height:auto!important;
    }
}
@media(max-width:480px){
    .site-header{min-height:92px}
    .site-header .nav{height:92px}
    .site-header .site-brand-link{height:92px}
    .site-header .site-brand-image{
        width:min(var(--logo-mobile-width,240px),240px)!important;
        max-width:240px!important;
    }
}

/* V18 – Header vollständig neu ausgerichtet
   Das Logo hat ein sehr breites Seitenverhältnis und benötigt deshalb
   einen eigenen, ausreichend hohen Markenbereich unterhalb der roten Topbar.
*/
.site-header{
    position:relative!important;
    min-height:205px!important;
    height:205px!important;
    overflow:visible!important;
    z-index:20!important;
}
.site-header .nav{
    position:relative!important;
    height:205px!important;
    min-height:205px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding-top:25px!important;
    box-sizing:border-box!important;
}
.site-header .site-brand-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:430px!important;
    height:180px!important;
    flex:0 0 430px!important;
    overflow:visible!important;
    z-index:5!important;
}
.site-header .site-brand-image{
    display:block!important;
    width:350px!important;
    max-width:350px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    flex:none!important;
}
.site-header .main-nav{
    position:relative!important;
    z-index:10!important;
    align-self:center!important;
}
.site-header .nav-cta{
    position:relative!important;
    z-index:10!important;
}

/* Logo nicht mehr unter/über die rote Topbar ziehen */
.site-header .topbar,
.site-header .top-bar{
    position:relative!important;
    z-index:30!important;
}

@media(max-width:850px){
    .site-header{
        min-height:145px!important;
        height:145px!important;
    }
    .site-header .nav{
        height:145px!important;
        min-height:145px!important;
        padding-top:18px!important;
    }
    .site-header .site-brand-link{
        width:300px!important;
        height:127px!important;
        flex-basis:300px!important;
    }
    .site-header .site-brand-image{
        width:270px!important;
        max-width:270px!important;
    }
}
@media(max-width:600px){
    .site-header{
        min-height:115px!important;
        height:115px!important;
    }
    .site-header .nav{
        height:115px!important;
        min-height:115px!important;
        padding-top:14px!important;
    }
    .site-header .site-brand-link{
        width:220px!important;
        height:100px!important;
        flex-basis:220px!important;
    }
    .site-header .site-brand-image{
        width:205px!important;
        max-width:205px!important;
    }
}

/* V19 – Logo im Header weiter nach links */
.site-header .site-brand-link{
    transform:translateX(-32px)!important;
}
@media(max-width:850px){
    .site-header .site-brand-link{
        transform:translateX(-22px)!important;
    }
}
@media(max-width:600px){
    .site-header .site-brand-link{
        transform:translateX(-12px)!important;
    }
}

/* V20 – frei einstellbare Logo-Position */
.site-header .site-brand-link{
    transform:translate(var(--logo-x,-120px),var(--logo-y,0px))!important;
}
@media(max-width:850px){
    .site-header .site-brand-link{
        transform:translate(var(--logo-mobile-x,-30px),var(--logo-mobile-y,0px))!important;
    }
}

/* Admin: Logo Position & Größe */
.logo-position-panel{
    border:1px solid #343b40;
    background:#090b0d;
    padding:16px;
    display:grid;
    gap:14px;
}
.position-title{
    color:#f5f5f2;
    font-size:11px;
    font-weight:1000;
    letter-spacing:1.2px;
    border-bottom:1px solid #343b40;
    padding-bottom:8px;
    margin-top:2px;
}
.logo-position-panel label{
    display:grid;
    gap:7px;
    color:#f5f5f2;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.6px;
}
.logo-position-panel label small{
    color:#7e878c;
    font-size:9px;
    font-weight:600;
    letter-spacing:0;
}
.position-reset-form{margin-top:2px}
.position-reset-form .btn{width:100%}
@media(max-width:800px){
    .logo-position-panel{padding:12px}
}

/* V21 – sichtbarer eigener Speichern-Button für Logo-Einstellungen */
.logo-action-row{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(240px,1.6fr);
    gap:10px;
    margin-top:4px;
}
.logo-action-row form{margin:0}
.logo-action-row button{
    width:100%;
    min-height:42px;
    cursor:pointer;
}
.logo-save-form .btn.red{
    background:#e82b24;
    border-color:#e82b24;
    color:#fff;
}
.logo-save-form .btn.red:hover{
    background:#ff3a31;
    border-color:#ff3a31;
}
.logo-save-notice{
    border-color:#4d753d!important;
    background:#11220e!important;
    color:#b7e19b!important;
}
@media(max-width:700px){
    .logo-action-row{grid-template-columns:1fr}
}

/* V22 – Logo-Position tatsächlich aus gespeicherten Werten anwenden */
.site-header .site-brand-link{
    position:relative!important;
    left:0!important;
    top:0!important;
    transform:translate3d(var(--logo-x,-120px),var(--logo-y,0px),0)!important;
}
@media(max-width:850px){
    .site-header .site-brand-link{
        transform:translate3d(var(--logo-mobile-x,-30px),var(--logo-mobile-y,0px),0)!important;
    }
}
.logo-action-row{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) minmax(240px,1.6fr)!important;
    gap:10px!important;
    margin-top:4px!important;
}
.logo-action-row button{
    width:100%!important;
    min-height:42px!important;
    cursor:pointer!important;
}

/* V23 – frei verwaltbare Hauptnavigation */
.nav-help{
    color:#899196;
    margin:0 0 18px;
    line-height:1.6;
}
.nav-admin-grid{
    display:grid;
    grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);
    gap:16px;
}
.nav-add-card,.nav-list-card{
    border:1px solid #343b40;
    background:#090b0d;
    padding:16px;
}
.nav-item-form{
    display:grid;
    gap:13px;
}
.nav-item-form label{
    display:grid;
    gap:7px;
    color:#f5f5f2;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.8px;
}
.nav-item-form input[type=text],
.nav-item-form input[type=number]{
    width:100%;
    box-sizing:border-box;
    background:#060708;
    color:#f5f5f2;
    border:1px solid #343b40;
    padding:11px 12px;
    font:inherit;
    font-size:13px;
}
.nav-form-row{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:14px;
    align-items:end;
}
.nav-check{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:8px!important;
    min-height:40px;
}
.nav-check input{accent-color:#e82b24}
.nav-list-card{display:grid;gap:12px}
.nav-item-admin{
    border:1px solid #343b40;
    padding:13px;
    background:#07090b;
}
.nav-item-admin .compact{gap:10px}
.nav-admin-actions{display:flex;justify-content:flex-end}
.nav-delete-form{margin-top:8px}
.nav-delete-form .delete-asset{width:100%}
.nav-empty{padding:18px;border:1px dashed #343b40}
.nav-save-notice{
    border-color:#4d753d!important;
    background:#11220e!important;
    color:#b7e19b!important;
}
@media(max-width:850px){
    .nav-admin-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
    .nav-form-row{grid-template-columns:1fr}
}

/* V24 – Adminbereich klar in eigene Seiten/Reiter aufgeteilt */
.admin-section-nav{
  max-width:1180px;
  margin:18px auto 22px;
  padding:8px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  border:1px solid #2d3439;
  background:#080a0c;
  position:sticky;
  top:0;
  z-index:50;
}
.admin-section-nav a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  color:#dce1e3;
  text-decoration:none;
  font-size:10px;
  font-weight:1000;
  letter-spacing:1px;
  border:1px solid #2f373c;
  background:#111417;
}
.admin-section-nav a:hover,
.admin-section-nav a.active{
  color:#fff;
  background:#e82b24;
  border-color:#e82b24;
}
.admin-dashboard-overview{
  max-width:1180px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.overview-card{
  border:1px solid #30383d;
  background:#0a0c0e;
  padding:18px;
  min-height:120px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.overview-card strong{
  color:#fff;
  font-size:12px;
  letter-spacing:1.2px;
}
.overview-card span{
  color:#899297;
  font-size:11px;
  line-height:1.45;
  flex:1;
}
.overview-card a{
  color:#fff;
  background:#e82b24;
  border:1px solid #e82b24;
  text-decoration:none;
  padding:9px 11px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.8px;
  width:max-content;
}
.admin-page-section[hidden],
.settings-block[hidden],
.dashboard-only[hidden]{
  display:none!important;
}
@media(max-width:850px){
  .admin-section-nav{
    position:relative;
    margin:12px 10px 18px;
  }
  .admin-dashboard-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-left:10px;
    margin-right:10px;
  }
}
@media(max-width:560px){
  .admin-section-nav a{
    flex:1 1 calc(50% - 6px);
    justify-content:center;
  }
  .admin-dashboard-overview{
    grid-template-columns:1fr;
  }
}

/* V25 – Admin-Darstellungsfehler behoben */
.admin-section-nav{
  box-sizing:border-box!important;
  width:calc(100% - 32px)!important;
  max-width:1180px!important;
  margin:18px auto 24px!important;
  padding:8px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  position:relative!important;
}
.admin-section-nav a{
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.admin-dashboard-overview{
  box-sizing:border-box!important;
  width:calc(100% - 32px)!important;
  max-width:1180px!important;
  margin:0 auto 24px!important;
}
.settings-block[data-admin-section]{
  box-sizing:border-box!important;
}
.settings-block[data-admin-section] > *{
  box-sizing:border-box;
}
@media(max-width:850px){
  .admin-section-nav{
    width:calc(100% - 20px)!important;
    margin:12px 10px 18px!important;
  }
  .admin-dashboard-overview{
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
}
@media(max-width:560px){
  .admin-section-nav a{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* V27 – Logo löschen */
.ab-btn.danger{
  background:#2a0d0b!important;
  border-color:#a52d27!important;
  color:#ffb0ab!important;
}
.ab-btn.danger:hover{
  background:#e82b24!important;
  border-color:#e82b24!important;
  color:#fff!important;
}

/* V29 – öffentliche Navigation typografisch an das V7/Community-Design angleichen */
.site-header nav,
.site-header nav a,
.main-nav,
.main-nav a,
.header-nav,
.header-nav a,
.navbar,
.navbar a,
.custom-nav,
.custom-nav a,
.custom-navigation,
.custom-navigation a,
.site-navigation,
.site-navigation a{
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  line-height:1!important;
}

/* V30 – Vorinstallierte Navigation bearbeiten */
.builtin-nav-card{grid-column:1/-1;margin-bottom:18px}
.builtin-nav-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.builtin-nav-row{border:1px solid rgba(255,255,255,.14);padding:14px;background:rgba(0,0,0,.18)}
.builtin-nav-main{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.2fr) 110px 180px;gap:12px;align-items:end}
.builtin-nav-row .ab-actions{margin-top:12px}
@media(max-width:800px){
  .builtin-nav-main{grid-template-columns:1fr}
}

/* V31 – Footer ohne Logo + Footer-Navigation */
.site-footer img.logo,
.site-footer .footer-logo,
footer .footer-logo,
footer img.aitrachbikes-logo{display:none!important}
.footer-links{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.footer-nav-card{grid-column:1/-1;margin:18px 0}
.footer-add-form{display:grid;grid-template-columns:minmax(220px,1fr) 130px auto;gap:12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:800px){.footer-add-form{grid-template-columns:1fr}}

/* V32 – sauberer Footer */
.site-footer{
  border-top:1px solid rgba(255,255,255,.12);
  background:#08090b;
  position:relative;
  z-index:5;
}
.site-footer .footer{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.site-footer .footer-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  margin:0;
}
.site-footer .footer-links a{
  color:inherit;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:700;
}
.site-footer .footer-links a:hover{
  color:var(--red,#e22b22);
}
@media(max-width:700px){
  .site-footer .footer{
    flex-direction:column;
    justify-content:center;
    padding:18px 0;
  }
}

/* V33 – separate legal pages */
.legal-page{
  min-height:calc(100vh - 150px);
  padding-top:70px;
  padding-bottom:70px;
}
.legal-page h1{
  margin:14px 0 24px;
}
.legal-placeholder{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:24px;
  max-width:900px;
}

/* V35 – Seiteninhalte / Reiter-Editor */
.content-choice-list{display:grid;gap:7px;margin-top:12px}.content-group-title{margin-top:8px;color:#e22b22!important}.content-choice{display:flex;justify-content:space-between;gap:15px;padding:11px 12px;border:1px solid var(--line);background:#0c0f11;text-decoration:none}.content-choice span{font-size:10px;color:#707980}.content-choice.active{border-color:var(--red);background:#1a1010}.page-assets-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.page-asset-existing{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.page-asset-existing img{width:110px;height:70px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:850px){.page-assets-editor{grid-template-columns:1fr}}

/* V36 – Mehrfach-Fotogalerie */
.content-select-form{display:grid;grid-template-columns:minmax(240px,420px)}
.content-gallery-admin{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin-top:12px}
.content-gallery-item{border:1px solid rgba(255,255,255,.12);padding:7px}
.content-gallery-item img{display:block;width:100%;height:120px;object-fit:cover;margin-bottom:7px}
.content-gallery-item .ab-btn{width:100%;font-size:10px;padding:8px}
.managed-gallery{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px;margin-top:24px}
.managed-gallery a{display:block;border:1px solid rgba(255,255,255,.15);overflow:hidden}
.managed-gallery img{display:block;width:100%;height:180px;object-fit:cover}
@media(max-width:800px){.content-gallery-admin,.managed-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.content-gallery-admin,.managed-gallery{grid-template-columns:1fr}}

/* V38 – kompakter Header / Navigation im Stil der neuen Aitrachbikes-Vorlage
   Kein Header-Foto: der obere Bereich bleibt rein grafisch und dunkel. */
.top-strip{display:none!important}

.site-header{
  position:relative!important;
  height:78px!important;
  min-height:78px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    #090b0d!important;
  border-bottom:1px solid #242a2e!important;
  overflow:visible!important;
  z-index:100!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28);
}
.site-header .nav{
  width:min(1360px,calc(100% - 72px))!important;
  height:78px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.site-header .site-brand-link{
  width:300px!important;
  flex:0 0 300px!important;
  height:78px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:translate3d(var(--logo-x,-40px),var(--logo-y,0px),0)!important;
  overflow:visible!important;
  z-index:3!important;
}
.site-header .site-brand-image{
  width:min(var(--logo-width,270px),270px)!important;
  max-width:270px!important;
  height:auto!important;
  max-height:70px!important;
  object-fit:contain!important;
}
.site-header .main-nav{
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0 auto!important;
  flex:1 1 auto!important;
  white-space:nowrap!important;
}
.site-header .main-nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:78px!important;
  padding:0 17px!important;
  color:#f4f4f2!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.1px!important;
  transition:color .18s ease,background .18s ease!important;
}
.site-header .main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  width:0!important;
  height:3px!important;
  background:#ed2d26!important;
  transform:translateX(-50%)!important;
  transition:width .18s ease!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{
  color:#ed2d26!important;
}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{
  width:28px!important;
}
.site-header .nav-cta{
  height:42px!important;
  min-width:148px!important;
  padding:0 18px!important;
  margin-left:12px!important;
  background:#ed2d26!important;
  border:1px solid #ed2d26!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.8px!important;
  text-decoration:none!important;
}
.site-header .nav-cta:hover{background:#ff3a31!important;border-color:#ff3a31!important}
.header-tools{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:10px!important;
}
.header-tool{
  width:34px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#e8e9e8!important;
  text-decoration:none!important;
  font-size:20px!important;
  position:relative!important;
  transition:color .18s ease!important;
}
.header-tool:hover{color:#ed2d26!important}
.header-tool span{display:none}
.header-bell::after{
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#ed2d26!important;
  right:5px!important;
  top:9px!important;
}
.menu-btn{display:none!important}

/* Hero bleibt unangetastet; insbesondere kein Foto wird in den Header übernommen. */
@media(max-width:1150px){
  .site-header .nav{width:min(100%,calc(100% - 32px))!important}
  .site-header .site-brand-link{width:245px!important;flex-basis:245px!important}
  .site-header .site-brand-image{width:235px!important;max-width:235px!important}
  .site-header .main-nav a{padding:0 10px!important;font-size:11px!important}
  .site-header .nav-cta{min-width:125px!important;padding:0 12px!important}
  .header-tools{margin-left:4px!important}
}
@media(max-width:900px){
  .site-header,.site-header .nav{height:70px!important;min-height:70px!important}
  .site-header .site-brand-link{height:70px!important;min-height:70px!important;width:230px!important;flex-basis:230px!important}
  .site-header .site-brand-image{width:215px!important;max-width:215px!important;max-height:62px!important}
  .site-header .main-nav{height:70px!important}
  .site-header .main-nav a{padding:0 7px!important;font-size:10px!important}
  .site-header .nav-cta{min-width:110px!important;font-size:10px!important}
  .header-tools{display:none!important}
}
@media(max-width:760px){
  .site-header,.site-header .nav{height:64px!important;min-height:64px!important}
  .site-header .nav{width:calc(100% - 24px)!important}
  .site-header .site-brand-link{height:64px!important;min-height:64px!important;width:210px!important;flex-basis:210px!important;transform:translate3d(var(--logo-mobile-x,-12px),var(--logo-mobile-y,0px),0)!important}
  .site-header .site-brand-image{width:min(var(--logo-mobile-width,195px),195px)!important;max-width:195px!important;max-height:56px!important}
  .site-header .main-nav{display:none!important}
  .site-header .nav-cta{display:none!important}
  .menu-btn{display:block!important;margin-left:auto!important;background:transparent!important;border:0!important;color:#fff!important;font-size:27px!important;line-height:1!important}
}

/* =========================================================
   V39 – HEADER FINAL / REFERENZ-ANORDNUNG
   Kompakter Header wie in der gelieferten Referenz.
   Kein Header-Foto. Das Logo darf bewusst unter den Header
   ragen, während die Navigation auf einer einzigen Zeile sitzt.
   ========================================================= */

.site-header{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#080a0c!important;
  border-bottom:1px solid #292f33!important;
  box-shadow:none!important;
  z-index:100!important;
}
.site-header .nav{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 34px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}

/* Logo: links wie in der Referenz, unabhängig von der Navigation */
.site-header .site-brand-link{
  position:absolute!important;
  left:54px!important;
  top:0!important;
  width:315px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
  z-index:120!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:315px!important;
  max-width:315px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}

/* Navigation exakt als kompakte horizontale Leiste */
.site-header .main-nav{
  position:absolute!important;
  left:calc(50% - 285px)!important;
  top:0!important;
  height:54px!important;
  width:570px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:0!important;
  flex:none!important;
  white-space:nowrap!important;
  z-index:110!important;
}
.site-header .main-nav a{
  position:relative!important;
  height:54px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f2f2f0!important;
  background:transparent!important;
  border:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.65px!important;
  text-decoration:none!important;
}
.site-header .main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:0!important;
  height:3px!important;
  background:#ed2d26!important;
  transform:translateX(-50%)!important;
  transition:width .15s ease!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{
  color:#ed2d26!important;
}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{
  width:28px!important;
}

/* Termin-Button rechts neben den Reitern */
.site-header .nav-cta{
  position:absolute!important;
  left:calc(50% + 300px)!important;
  top:8px!important;
  height:38px!important;
  min-width:162px!important;
  margin:0!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ed2d26!important;
  border:1px solid #ed2d26!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.7px!important;
  text-decoration:none!important;
  z-index:115!important;
}
.site-header .nav-cta:hover{
  background:#ff3a31!important;
  border-color:#ff3a31!important;
}

/* Kleine Icons ganz rechts */
.site-header .header-tools{
  position:absolute!important;
  right:54px!important;
  top:0!important;
  height:54px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  z-index:115!important;
}
.site-header .header-tool{
  position:relative!important;
  width:32px!important;
  height:54px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f0f0ee!important;
  background:transparent!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  text-decoration:none!important;
}
.site-header .header-tool:hover{color:#ed2d26!important}
.site-header .header-account span{display:none!important}
.site-header .header-bell::after{
  content:""!important;
  position:absolute!important;
  right:4px!important;
  top:14px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#ed2d26!important;
}

/* Die bestehende mobile Menüfunktion bleibt erhalten */
@media(max-width:1100px){
  .site-header .site-brand-link{
    left:30px!important;
    width:270px!important;
  }
  .site-header .site-brand-image{
    width:270px!important;
    max-width:270px!important;
  }
  .site-header .main-nav{
    left:350px!important;
    width:500px!important;
  }
  .site-header .main-nav a{
    padding:0 8px!important;
    font-size:11px!important;
  }
  .site-header .nav-cta{
    display:none!important;
  }
  .site-header .header-tools{
    right:24px!important;
  }
}
@media(max-width:760px){
  .site-header,
  .site-header .nav{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
  }
  .site-header .site-brand-link{
    left:18px!important;
    top:0!important;
    width:205px!important;
    height:62px!important;
    transform:translate3d(var(--logo-mobile-x,0px),var(--logo-mobile-y,0px),0)!important;
  }
  .site-header .site-brand-image{
    width:min(var(--logo-mobile-width,205px),205px)!important;
    max-width:205px!important;
  }
  .site-header .main-nav{
    display:none!important;
  }
  .site-header .header-tools{
    display:none!important;
  }
  .site-header .nav-cta{
    display:none!important;
  }
  .site-header .menu-btn{
    display:block!important;
    position:absolute!important;
    right:16px!important;
    top:0!important;
    width:42px!important;
    height:62px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    font-size:27px!important;
    line-height:1!important;
  }
}

/* =========================================================
   V40 – REFERENZ-DESIGN: NAVIGATION + SERVICEBOXEN
   Grundlage ist das vom Nutzer gelieferte Referenzbild.
   Kein zusätzliches Header-Foto.
   ========================================================= */

/* Header: flach, kompakt, Logo links, Navigation mittig */
.site-header{
  position:relative!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  background:#080a0c!important;
  border-bottom:1px solid #202529!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header .nav{
  width:100%!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 54px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
}

/* Logo der vorherigen Version */
.site-header .site-brand-link{
  position:absolute!important;
  left:54px!important;
  top:0!important;
  width:250px!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
  z-index:20!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:250px!important;
  max-width:250px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}

/* Hauptnavigation wie in der Referenz */
.site-header .main-nav{
  position:absolute!important;
  left:455px!important;
  top:0!important;
  width:auto!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  white-space:nowrap!important;
  z-index:15!important;
}
.site-header .main-nav a{
  position:relative!important;
  height:52px!important;
  padding:0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f5f5f3!important;
  background:transparent!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.65px!important;
  text-decoration:none!important;
}
.site-header .main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:13px!important;
  width:0!important;
  height:3px!important;
  background:#ed2d26!important;
  transform:translateX(-50%)!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{color:#ed2d26!important}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{width:29px!important}

/* Termin-Button */
.site-header .nav-cta{
  position:absolute!important;
  left:calc(100% - 112px)!important;
  transform:translateX(-100%)!important;
  top:7px!important;
  height:38px!important;
  min-width:162px!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:#ed2d26!important;
  border:1px solid #ed2d26!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.65px!important;
  text-decoration:none!important;
}

/* Rechte Schnellzugriffe */
.site-header .header-tools{
  position:absolute!important;
  right:52px!important;
  top:0!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  z-index:20!important;
}
.site-header .header-tool{
  position:relative!important;
  width:31px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f3f3f1!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:17px!important;
}
.site-header .header-tool:hover{color:#ed2d26!important}
.site-header .header-tool .tool-icon{display:block!important}
.site-header .header-tool .tool-label{
  display:none!important;
}
.site-header .header-account{
  width:74px!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
.site-header .header-account .tool-label{
  display:block!important;
  font-size:11px!important;
  color:#eee!important;
  white-space:nowrap!important;
}
.site-header .header-bell::after{
  content:""!important;
  position:absolute!important;
  right:3px!important;
  top:11px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#ed2d26!important;
}

/* =========================================================
   SERVICEBOXEN – sechs Boxen wie im Referenzbild
   ========================================================= */
.reference-services{
  position:relative!important;
  z-index:5!important;
  margin:0!important;
  padding:10px 0 12px!important;
  background:#080a0c!important;
  border-top:1px solid #262c30!important;
  border-bottom:1px solid #262c30!important;
}
.reference-services-grid{
  width:calc(100% - 108px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.reference-service{
  min-width:0!important;
  height:62px!important;
  border:1px solid #292f33!important;
  background:linear-gradient(180deg,#101316,#0b0d0f)!important;
  box-sizing:border-box!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.reference-service:hover{
  border-color:#4a5054!important;
  background:#121619!important;
  transform:translateY(-1px)!important;
}
.reference-service>a{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-decoration:none!important;
}
.reference-service-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ef3029!important;
  font-size:25px!important;
  line-height:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:900!important;
}
.reference-service-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.reference-service-copy strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f4f4f2!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}
.reference-service-copy small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8f989e!important;
  font-size:9px!important;
  line-height:1.1!important;
}

/* Die alte Überschrift des Leistungsbereichs wird nicht mehr dargestellt. */
.reference-services + #fahrzeuge{padding-top:70px!important}

/* Responsive */
@media(max-width:1250px){
  .site-header .main-nav{left:350px!important}
  .site-header .main-nav a{padding:0 11px!important;font-size:11px!important}
  .site-header .site-brand-link{left:35px!important;width:230px!important}
  .site-header .site-brand-image{width:230px!important;max-width:230px!important}
  .site-header .nav-cta{display:none!important}
  .site-header .header-tools{right:25px!important}
  .reference-services-grid{width:calc(100% - 50px)!important}
  .reference-service>a{padding:0 10px!important;gap:8px!important}
  .reference-service-icon{flex-basis:26px!important;width:26px!important;font-size:21px!important}
}
@media(max-width:900px){
  .site-header,.site-header .nav{height:64px!important;min-height:64px!important}
  .site-header .site-brand-link{
    left:20px!important;width:205px!important;height:64px!important;min-height:64px!important;
    transform:translate3d(var(--logo-mobile-x,0px),var(--logo-mobile-y,0px),0)!important;
  }
  .site-header .site-brand-image{width:205px!important;max-width:205px!important}
  .site-header .main-nav{display:none!important}
  .site-header .header-tools{display:none!important}
  .site-header .nav-cta{display:none!important}
  .site-header .menu-btn{
    display:block!important;position:absolute!important;right:18px!important;top:0!important;
    width:42px!important;height:64px!important;margin:0!important;padding:0!important;
  }
  .reference-services-grid{
    width:calc(100% - 30px)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .reference-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .reference-service{height:60px!important}
  .reference-service-copy strong{font-size:10px!important}
}

/* V41 FINAL – Kopfbereich nach Referenzbild */
.site-header{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
}
.site-header .nav{
  height:58px!important;
  min-height:58px!important;
  padding-left:54px!important;
  padding-right:54px!important;
}
.site-header .site-brand-link{
  left:54px!important;
  top:0!important;
  width:255px!important;
  height:58px!important;
}
.site-header .site-brand-image{
  width:255px!important;
  max-width:255px!important;
}
.site-header .main-nav{
  left:455px!important;
  height:58px!important;
}
.site-header .main-nav a{
  height:58px!important;
  padding-left:15px!important;
  padding-right:15px!important;
}
.site-header .nav-cta{
  top:8px!important;
  height:40px!important;
  min-width:162px!important;
}
.site-header .header-tools{
  right:42px!important;
  height:58px!important;
}

/* Service-Leiste direkt unter dem Kopf-/Startbereich */
.reference-services{
  padding:10px 0 12px!important;
}
.reference-services-grid{
  width:calc(100% - 108px)!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.reference-service{
  height:64px!important;
}
.reference-service>a{
  padding:0 14px!important;
}
.reference-service-icon{
  color:#ef3029!important;
}

/* Keine alte Leistungsdarstellung doppelt unter den neuen Boxen */
.reference-services + #fahrzeuge .section-bar{
  margin-top:0!important;
}

/* Desktop ab 1400px: die Referenz erhält ihren großzügigen horizontalen Aufbau */
@media(min-width:1400px){
  .site-header .main-nav{left:54%!important;transform:translateX(-50%)!important}
  .site-header .nav-cta{left:auto!important;right:190px!important;transform:none!important}
  .site-header .header-tools{right:42px!important}
}

/* Mittelgroße Displays */
@media(min-width:901px) and (max-width:1399px){
  .site-header .main-nav{left:390px!important}
  .site-header .main-nav a{padding-left:9px!important;padding-right:9px!important;font-size:11px!important}
  .site-header .nav-cta{right:105px!important;left:auto!important;transform:none!important;min-width:145px!important}
  .site-header .header-tools{right:12px!important}
}

/* =========================================================
   V42 – NORMALE WEBSITE / KOPFBEREICH WIE REFERENZ 3
   ========================================================= */
body{
  background:#090a0c!important;
  overflow-x:hidden!important;
}

/* Header exactly compact; logo and nav on one line */
.site-header{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  background:rgba(6,8,10,.97)!important;
  border-bottom:1px solid #24282c!important;
}
.site-header .nav{
  height:54px!important;
  min-height:54px!important;
  padding:0 24px!important;
}
.site-header .site-brand-link{
  left:38px!important;
  top:0!important;
  width:280px!important;
  height:54px!important;
}
.site-header .site-brand-image{
  width:280px!important;
  max-width:280px!important;
  max-height:none!important;
}
.site-header .main-nav{
  left:430px!important;
  top:0!important;
  height:54px!important;
}
.site-header .main-nav a{
  height:54px!important;
  padding:0 17px!important;
  font-size:12px!important;
  letter-spacing:.5px!important;
}
.site-header .nav-cta{
  top:6px!important;
  right:145px!important;
  left:auto!important;
  transform:none!important;
  height:42px!important;
  min-width:155px!important;
}
.site-header .header-tools{
  right:20px!important;
  height:54px!important;
}

/* Hero: normal website hero, same proportions and composition as reference */
#start.hero{
  min-height:280px!important;
  height:280px!important;
  background:
    linear-gradient(90deg,rgba(5,7,9,.76) 0%,rgba(5,7,9,.47) 38%,rgba(5,7,9,.16) 72%,rgba(5,7,9,.28) 100%),
    none!important;
  overflow:hidden!important;
}
#start.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28))!important;
  opacity:1!important;
}
#start .hero-grid{
  background-size:45px 45px!important;
  opacity:.18!important;
}
#start .hero-inner{
  min-height:280px!important;
  height:280px!important;
  width:calc(100% - 48px)!important;
  max-width:none!important;
  margin:0 24px!important;
  display:flex!important;
  align-items:center!important;
}
#start .hero-copy{
  padding-top:5px!important;
  max-width:650px!important;
}
#start .kicker{
  font-size:11px!important;
  letter-spacing:4px!important;
  margin-bottom:8px!important;
}
#start .hero h1{
  margin:7px 0 10px!important;
  font-size:clamp(35px,4.1vw,59px)!important;
  line-height:.9!important;
  letter-spacing:-1.8px!important;
}
#start .hero p{
  margin:0!important;
  font-size:14px!important;
  letter-spacing:.4px!important;
}
#start .hero-actions{
  margin-top:16px!important;
  gap:8px!important;
}
#start .hero-actions .btn{
  min-height:34px!important;
  padding:0 15px!important;
  font-size:10px!important;
}
#start .hero-badge{
  right:9%!important;
  bottom:10%!important;
  width:112px!important;
  height:112px!important;
  opacity:.85!important;
}
#start .hero-badge b{font-size:30px!important}
#start .speed-lines{
  right:-3%!important;
  bottom:25px!important;
  width:46%!important;
  height:100px!important;
}

/* Service boxes directly below hero, six-column reference layout */
.reference-services{
  padding:10px 0 10px!important;
  background:#090b0d!important;
  border-top:1px solid #272c30!important;
  border-bottom:1px solid #272c30!important;
}
.reference-services-grid{
  width:calc(100% - 44px)!important;
  margin:0 22px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.reference-service{
  height:64px!important;
  min-height:64px!important;
}
.reference-service>a{
  padding:0 12px!important;
  gap:9px!important;
}
.reference-service-icon{
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  font-size:23px!important;
}
.reference-service-copy{gap:3px!important}
.reference-service-copy strong{font-size:11px!important}
.reference-service-copy small{font-size:9px!important}

/* The normal content starts after the reference service strip. */
.intro{
  padding-top:72px!important;
  padding-bottom:72px!important;
}

/* Desktop: keep everything in the same visual order as reference. */
@media(min-width:1400px){
  .site-header .main-nav{
    left:50%!important;
    transform:translateX(-50%)!important;
  }
}

/* Tablet */
@media(max-width:1050px){
  .site-header .site-brand-link{left:18px!important;width:225px!important}
  .site-header .site-brand-image{width:225px!important;max-width:225px!important}
  .site-header .main-nav{left:310px!important}
  .site-header .main-nav a{padding:0 8px!important;font-size:10px!important}
  .site-header .nav-cta{display:none!important}
  .site-header .header-tools{right:12px!important}
  .reference-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .site-header,.site-header .nav{height:62px!important;min-height:62px!important}
  .site-header .site-brand-link{
    left:12px!important;width:205px!important;height:62px!important;
    transform:translate3d(var(--logo-mobile-x,0px),var(--logo-mobile-y,0px),0)!important;
  }
  .site-header .site-brand-image{width:205px!important;max-width:205px!important}
  .site-header .main-nav,.site-header .nav-cta,.site-header .header-tools{display:none!important}
  .site-header .menu-btn{display:block!important;position:absolute!important;right:12px!important;top:0!important;width:42px!important;height:62px!important}
  #start.hero,#start .hero-inner{height:330px!important;min-height:330px!important}
  #start.hero{background-position:center!important}
  #start .hero-inner{width:calc(100% - 30px)!important;margin:0 15px!important}
  #start .hero h1{font-size:37px!important}
  #start .hero-copy{max-width:95%!important}
  #start .hero-badge{display:none!important}
  .reference-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 20px)!important;margin:0 10px!important}
}

/* V43 – Header/Logo und kompakter Hero
   Finale Korrektur nach Referenz: Logo sichtbar oben links, Hero deutlich kompakter. */
.site-header{
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
}
.site-header .nav{
  height:72px!important;
  min-height:72px!important;
  padding:0 28px!important;
}
.site-header .site-brand-link{
  left:34px!important;
  top:-6px!important;
  width:270px!important;
  height:78px!important;
  min-height:78px!important;
  transform:translate3d(clamp(-55px,var(--logo-x,0px),35px),clamp(-8px,var(--logo-y,0px),12px),0)!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:255px!important;
  max-width:255px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.site-header .main-nav{
  top:0!important;
  height:72px!important;
  left:calc(50% - 285px)!important;
}
.site-header .main-nav a{height:72px!important}
.site-header .nav-cta{top:15px!important;height:40px!important}
.site-header .header-tools{height:72px!important}
.site-header .header-tool{height:72px!important}

.hero{
  min-height:500px!important;
  height:500px!important;
}
.hero-inner{
  min-height:500px!important;
  height:500px!important;
  align-items:center!important;
}
.hero-copy{padding-top:0!important;max-width:980px!important}
.hero h1{
  font-size:clamp(48px,6vw,78px)!important;
  line-height:.9!important;
  letter-spacing:-3px!important;
  margin:14px 0!important;
}
.hero p{font-size:16px!important;margin:0!important}
.hero-actions{margin-top:22px!important}
.hero-badge{width:140px!important;height:140px!important;right:10%!important;bottom:11%!important}
.hero-badge b{font-size:38px!important}
.speed-lines{bottom:45px!important;height:130px!important}

.reference-services{
  padding:10px 0 12px!important;
}
.reference-services-grid{
  gap:8px!important;
}

@media(max-width:1250px){
  .site-header .site-brand-link{left:25px!important;width:235px!important}
  .site-header .site-brand-image{width:225px!important;max-width:225px!important}
  .site-header .main-nav{left:330px!important}
}
@media(max-width:900px){
  .site-header,.site-header .nav{height:68px!important;min-height:68px!important}
  .site-header .site-brand-link{left:18px!important;top:-4px!important;width:205px!important;height:74px!important;min-height:74px!important;transform:translate3d(clamp(-35px,var(--logo-mobile-x,0px),25px),clamp(-8px,var(--logo-mobile-y,0px),10px),0)!important}
  .site-header .site-brand-image{width:195px!important;max-width:195px!important}
  .hero,.hero-inner{height:450px!important;min-height:450px!important}
}
@media(max-width:760px){
  .site-header,.site-header .nav{height:64px!important;min-height:64px!important}
  .site-header .site-brand-link{left:12px!important;top:-2px!important;width:180px!important;height:68px!important;min-height:68px!important}
  .site-header .site-brand-image{width:175px!important;max-width:175px!important}
  .hero,.hero-inner{height:420px!important;min-height:420px!important}
  .hero h1{font-size:clamp(38px,10vw,58px)!important}
  .hero-badge{width:100px!important;height:100px!important;right:7%!important}
}

/* =========================================================
   V44 – SAUBERER KOPFBEREICH / HERO NEUAUFBAU
   Logo vollständig sichtbar, kompakter Hero, stabile Desktop- und
   Mobile-Geometrie. Die bisherigen Positionswerte werden nicht mehr
   dazu verwendet, das Logo aus dem sichtbaren Bereich zu schieben.
   ========================================================= */
.site-header{
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  overflow:visible!important;
}
.site-header .nav{
  width:100%!important;
  max-width:none!important;
  height:74px!important;
  min-height:74px!important;
  padding:0 28px!important;
  margin:0!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.site-header .site-brand-link{
  position:absolute!important;
  left:28px!important;
  top:0!important;
  width:220px!important;
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(clamp(-8px,var(--logo-x,0px),18px),clamp(-2px,var(--logo-y,0px),4px),0)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  z-index:30!important;
}
.site-header .site-brand-image{
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}
.site-header .main-nav{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  height:74px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  z-index:20!important;
}
.site-header .main-nav a{
  height:74px!important;
  padding:0 16px!important;
  font-size:11px!important;
  letter-spacing:.8px!important;
}
.site-header .nav-cta{
  position:absolute!important;
  right:92px!important;
  left:auto!important;
  top:17px!important;
  transform:none!important;
  height:40px!important;
  min-width:148px!important;
  margin:0!important;
  padding:0 14px!important;
  font-size:10px!important;
  z-index:25!important;
}
.site-header .header-tools{
  position:absolute!important;
  right:20px!important;
  top:0!important;
  height:74px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  z-index:25!important;
}
.site-header .header-tool{height:74px!important}

/* Kompakter, sauberer Hero */
#start.hero{
  height:350px!important;
  min-height:350px!important;
  max-height:350px!important;
  background:#090a0c!important;
  overflow:hidden!important;
}
#start .hero-inner{
  width:100%!important;
  max-width:1220px!important;
  height:350px!important;
  min-height:350px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
}
#start .hero-copy{
  width:min(820px,72%)!important;
  max-width:820px!important;
  min-width:0!important;
  padding:0!important;
  position:relative!important;
  z-index:4!important;
}
#start .kicker{font-size:10px!important;letter-spacing:3px!important;margin-bottom:7px!important}
#start .hero h1{
  width:100%!important;
  max-width:820px!important;
  font-size:clamp(44px,4.4vw,66px)!important;
  line-height:.92!important;
  letter-spacing:-2.5px!important;
  margin:8px 0 12px!important;
  white-space:normal!important;
}
#start .hero p{font-size:15px!important;margin:0!important}
#start .hero-actions{margin-top:18px!important}
#start .hero-actions .btn{min-height:36px!important;padding:0 15px!important;font-size:10px!important}
#start .hero-badge{
  width:110px!important;
  height:110px!important;
  right:11%!important;
  bottom:12%!important;
  z-index:3!important;
  opacity:.82!important;
}
#start .hero-badge b{font-size:30px!important}
#start .speed-lines{right:-3%!important;bottom:20px!important;width:45%!important;height:105px!important;opacity:.55!important}

/* Leistungsboxen sauber an den Hero anschließen */
.reference-services{
  padding:9px 0 10px!important;
  margin:0!important;
}
.reference-services-grid{
  width:calc(100% - 48px)!important;
  margin:0 24px!important;
  padding:0!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.reference-service{height:62px!important;min-height:62px!important}
.reference-service>a{padding:0 12px!important;gap:8px!important}
.reference-service-icon{flex:0 0 26px!important;width:26px!important;font-size:21px!important}
.reference-service-copy strong{font-size:10px!important}
.reference-service-copy small{font-size:8px!important}

@media(max-width:1250px) and (min-width:901px){
  .site-header .site-brand-link{left:20px!important;width:205px!important}
  .site-header .site-brand-image{width:205px!important;max-width:205px!important}
  .site-header .main-nav a{padding:0 10px!important;font-size:10px!important}
  .site-header .nav-cta{right:80px!important;min-width:132px!important}
  .site-header .header-tools{right:10px!important}
  #start .hero-copy{width:min(700px,68%)!important}
  #start .hero h1{font-size:52px!important}
}
@media(max-width:900px){
  .site-header,.site-header .nav{height:66px!important;min-height:66px!important;max-height:66px!important}
  .site-header .site-brand-link{
    left:14px!important;width:190px!important;height:66px!important;min-height:66px!important;
    transform:translate3d(clamp(-5px,var(--logo-mobile-x,0px),8px),clamp(-2px,var(--logo-mobile-y,0px),3px),0)!important;
  }
  .site-header .site-brand-image{width:190px!important;max-width:190px!important;max-height:61px!important}
  .site-header .main-nav,.site-header .nav-cta,.site-header .header-tools{display:none!important}
  .site-header .menu-btn{display:block!important;position:absolute!important;right:15px!important;top:0!important;width:42px!important;height:66px!important;margin:0!important}
  #start.hero{height:330px!important;min-height:330px!important;max-height:330px!important}
  #start .hero-inner{height:330px!important;min-height:330px!important;padding:0 18px!important}
  #start .hero-copy{width:100%!important;max-width:100%!important}
  #start .hero h1{font-size:clamp(38px,8vw,54px)!important;max-width:650px!important}
  #start .hero-badge{display:none!important}
  .reference-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:calc(100% - 28px)!important;margin:0 14px!important}
}
@media(max-width:560px){
  .site-header .site-brand-link{left:10px!important;width:165px!important}
  .site-header .site-brand-image{width:165px!important;max-width:165px!important}
  #start.hero{height:300px!important;min-height:300px!important;max-height:300px!important}
  #start .hero-inner{height:300px!important;min-height:300px!important}
  #start .hero h1{font-size:37px!important;letter-spacing:-1.5px!important}
  #start .hero p{font-size:13px!important}
  .reference-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 18px)!important;margin:0 9px!important}
  .reference-service{height:58px!important;min-height:58px!important}
}

/* V45 – final header cleanup: logo stays inside header, right controls never overlap */
.site-header{
  position:relative!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  overflow:visible!important;
}
.site-header .nav{
  height:92px!important;
  min-height:92px!important;
  max-width:none!important;
  padding:0 30px!important;
  overflow:visible!important;
}
.site-header .site-brand-link{
  left:30px!important;
  top:0!important;
  width:285px!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  transform:translate3d(clamp(-4px,var(--logo-x,0px),8px),clamp(-2px,var(--logo-y,0px),2px),0)!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  z-index:40!important;
}
.site-header .site-brand-image{
  width:270px!important;
  max-width:270px!important;
  height:auto!important;
  max-height:88px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .main-nav{
  left:50%!important;
  top:0!important;
  height:92px!important;
  z-index:30!important;
}
.site-header .main-nav a{
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 15px!important;
  font-size:11px!important;
}
.site-header .nav-cta{
  right:205px!important;
  top:22px!important;
  height:48px!important;
  min-width:168px!important;
  z-index:45!important;
}
.site-header .header-tools{
  right:24px!important;
  top:0!important;
  height:92px!important;
  z-index:50!important;
  gap:2px!important;
  background:var(--black)!important;
  padding-left:8px!important;
}
.site-header .header-tool{
  height:92px!important;
  display:flex!important;
  align-items:center!important;
}
.site-header .header-account .tool-label{white-space:nowrap!important;margin-left:5px!important}

/* Hero begins cleanly below the complete header */
#start.hero{
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
}
#start .hero-inner{
  height:320px!important;
  min-height:320px!important;
}
#start .hero-copy{padding-top:0!important}
#start .hero h1{font-size:clamp(42px,4.0vw,62px)!important;line-height:.93!important}

@media(max-width:1250px) and (min-width:901px){
  .site-header .site-brand-link{left:20px!important;width:235px!important}
  .site-header .site-brand-image{width:225px!important;max-width:225px!important}
  .site-header .main-nav a{padding:0 9px!important;font-size:10px!important}
  .site-header .nav-cta{right:175px!important;min-width:145px!important}
  .site-header .header-tools{right:10px!important}
}
@media(max-width:900px){
  .site-header,.site-header .nav{height:70px!important;min-height:70px!important;max-height:70px!important}
  .site-header .site-brand-link{left:12px!important;width:205px!important;height:70px!important;min-height:70px!important;max-height:70px!important}
  .site-header .site-brand-image{width:200px!important;max-width:200px!important;max-height:66px!important}
  #start.hero,#start .hero-inner{height:310px!important;min-height:310px!important;max-height:310px!important}
}
@media(max-width:560px){
  .site-header .site-brand-link{left:8px!important;width:175px!important}
  .site-header .site-brand-image{width:170px!important;max-width:170px!important;max-height:62px!important}
}


/* V46 – rechte Schnellzugriffe entfernt: Suche, Mein Konto, Nachricht und Benachrichtigungen */
.site-header .header-tools{display:none!important;}

/* V51 Hero-Zusatztext */
.hero-extra-text{max-width:720px;margin:14px 0 4px;color:#c8d0d5;font-size:16px;line-height:1.55;}
@media(max-width:760px){.hero-extra-text{font-size:14px;line-height:1.5;margin-top:10px;}}

.hero-extra-text{max-width:760px;margin:14px 0 0;color:#d3d9dc;font-size:16px;line-height:1.65}.hero-extra-text a{color:#ff3b32;text-decoration:underline;text-underline-offset:2px}.hero-extra-text p{margin:0 0 8px}.hero-extra-text span{display:inline}.hero-extra-text strong{font-weight:800}.hero-extra-text em{font-style:italic}.hero-extra-text u{text-decoration:underline}

/* V55 – mehr Platz im Header für das Aitrachbikes-Logo */
.site-header{
    min-height:170px;
}
.site-header .nav{
    height:170px;
    align-items:center;
}
.site-header .site-brand-link{
    height:170px;
    min-width:430px;
    display:flex;
    align-items:center;
}
.site-header .site-brand-image{
    width:min(var(--logo-width,500px),500px)!important;
    max-width:500px!important;
    max-height:150px!important;
    height:auto!important;
    object-fit:contain;
    object-position:left center;
}
@media(max-width:1100px){
    .site-header{min-height:150px}
    .site-header .nav{height:150px}
    .site-header .site-brand-link{height:150px;min-width:360px}
    .site-header .site-brand-image{max-height:125px!important;width:min(var(--logo-width,430px),430px)!important}
}
@media(max-width:800px){
    .site-header{min-height:115px}
    .site-header .nav{height:115px}
    .site-header .site-brand-link{height:115px;min-width:0}
    .site-header .site-brand-image{max-height:90px!important;width:min(var(--logo-mobile-width,290px),290px)!important}
}
@media(max-width:560px){
    .site-header{min-height:96px}
    .site-header .nav{height:96px}
    .site-header .site-brand-link{height:96px}
    .site-header .site-brand-image{max-height:76px!important;width:min(var(--logo-mobile-width,240px),240px)!important}
}

/* V56 – Headerhöhe final korrigiert: Logo vollständig sichtbar, Hero beginnt darunter */
.site-header{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  overflow:visible!important;
}
.site-header .nav{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  align-items:center!important;
  position:relative!important;
}
.site-header .site-brand-link{
  position:absolute!important;
  left:28px!important;
  top:0!important;
  width:500px!important;
  height:190px!important;
  min-height:190px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  z-index:40!important;
  transform:translate3d(clamp(-120px,var(--logo-x,0px),60px),max(0px,var(--logo-y,0px)),0)!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:min(var(--logo-width,500px),500px)!important;
  max-width:500px!important;
  height:auto!important;
  max-height:175px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .main-nav{
  height:190px!important;
  top:0!important;
  align-items:center!important;
  z-index:35!important;
}
.site-header .main-nav a{height:auto!important}
.site-header .nav-cta{z-index:45!important}

@media(max-width:1100px){
  .site-header,.site-header .nav{height:170px!important;min-height:170px!important;max-height:170px!important}
  .site-header .site-brand-link{height:170px!important;min-height:170px!important;width:430px!important;transform:translate3d(clamp(-80px,var(--logo-x,0px),40px),max(0px,var(--logo-y,0px)),0)!important}
  .site-header .site-brand-image{width:min(var(--logo-width,430px),430px)!important;max-width:430px!important;max-height:155px!important}
  .site-header .main-nav{height:170px!important}
}
@media(max-width:800px){
  .site-header,.site-header .nav{height:125px!important;min-height:125px!important;max-height:125px!important}
  .site-header .site-brand-link{height:125px!important;min-height:125px!important;width:300px!important;transform:translate3d(clamp(-50px,var(--logo-mobile-x,0px),30px),max(0px,var(--logo-mobile-y,0px)),0)!important}
  .site-header .site-brand-image{width:min(var(--logo-mobile-width,290px),290px)!important;max-width:290px!important;max-height:112px!important}
  .site-header .main-nav{height:125px!important}
}
@media(max-width:560px){
  .site-header,.site-header .nav{height:105px!important;min-height:105px!important;max-height:105px!important}
  .site-header .site-brand-link{height:105px!important;min-height:105px!important;width:250px!important}
  .site-header .site-brand-image{width:min(var(--logo-mobile-width,240px),240px)!important;max-width:240px!important;max-height:92px!important}
  .site-header .main-nav{height:105px!important}
}

/* V57 – Service-Leistungsboxen neu angeordnet nach dem Aufbau der alten Aitrachbikes-Website */
.reference-services{
  padding: 22px 0 34px !important;
  background:#090a0c;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.reference-services-grid{
  width:min(1420px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.reference-service{
  min-width:0 !important;
  height:92px !important;
  min-height:92px !important;
  margin:0 !important;
  border:1px solid #2c3338 !important;
  background:linear-gradient(135deg,#111417 0%,#0b0d0f 100%) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease !important;
}
.reference-service:hover{
  transform:translateY(-2px);
  border-color:#555d62 !important;
  background:linear-gradient(135deg,#171b1f 0%,#0c0f11 100%) !important;
}
.reference-service>a{
  height:100% !important;
  min-height:92px !important;
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  padding:14px 18px !important;
  text-decoration:none !important;
}
.reference-service-icon{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--red) !important;
  font-size:25px !important;
  line-height:1 !important;
}
.reference-service-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
}
.reference-service-copy strong{
  display:block !important;
  margin:0 !important;
  color:#f5f5f2 !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}
.reference-service-copy small{
  display:block !important;
  margin:0 !important;
  color:#92999e !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
@media(max-width:1000px){
  .reference-services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .reference-services{padding:16px 0 22px !important;}
  .reference-services-grid{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .reference-service,.reference-service>a{min-height:76px !important;height:76px !important;}
  .reference-service>a{padding:11px 14px !important;gap:12px !important;}
  .reference-service-icon{flex-basis:30px !important;width:30px !important;font-size:22px !important;}
  .reference-service-copy strong{font-size:12px !important;}
  .reference-service-copy small{font-size:9px !important;}
}

/* V58 – Service-Leistungsboxen mit optionalem Vorschaubild */
.reference-services{padding:24px 0 30px!important;background:#080a0c!important;}
.reference-services-grid{width:min(1180px,calc(100% - 40px))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.reference-service{height:auto!important;min-height:300px!important;border:1px solid #2b3135!important;background:linear-gradient(180deg,#111416,#0a0c0e)!important;overflow:hidden!important;}
.reference-service>a{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;gap:0!important;}
.reference-service-image{display:block!important;width:100%!important;height:170px!important;overflow:hidden!important;background:#111!important;border-bottom:1px solid #2d3236!important;}
.reference-service-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .25s ease,filter .25s ease!important;}
.reference-service:hover .reference-service-image img{transform:scale(1.035)!important;filter:brightness(1.06)!important;}
.reference-service-icon{width:100%!important;height:170px!important;flex:none!important;background:linear-gradient(135deg,#101315,#171a1d)!important;border-bottom:1px solid #2d3236!important;font-size:42px!important;}
.reference-service-copy{padding:18px 18px 20px!important;gap:8px!important;}
.reference-service-copy strong{font-size:16px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;}
.reference-service-copy small{font-size:11px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#929ba1!important;}
.service-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.service-admin-card{min-width:0;}
.service-admin-preview{height:150px;border:1px solid var(--ab-line);background:#07090b;overflow:hidden;margin:12px 0;}
.service-admin-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.service-admin-empty{height:150px;border:1px dashed var(--ab-line);display:flex;align-items:center;justify-content:center;color:#777;font-size:11px;letter-spacing:1px;margin:12px 0;}
@media(max-width:900px){.reference-services-grid,.service-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:560px){.reference-services-grid,.service-admin-grid{grid-template-columns:1fr!important;width:calc(100% - 24px)!important;}.reference-service-image,.reference-service-icon{height:190px!important;}}

/* V59 – Standardfoto für Leistungsboxen */
.service-default-card{margin:0 0 22px!important;}
.service-default-preview{max-width:520px;height:180px!important;}
.service-preview-status{font-size:9px;font-weight:900;letter-spacing:1px;color:#7fbf6b;margin:-5px 0 10px;}
.service-preview-status.custom{color:#ef3b34;}
@media(max-width:700px){.service-default-preview{max-width:none;height:170px!important;}}

/* Leistungsbilder: eigenes Foto oder das passende Standard-Symbol */
.reference-service-image{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(180deg,#111417,#0a0c0e)!important;}
.reference-service-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.reference-service:not(.custom-preview) .reference-service-image img{object-fit:contain!important;padding:34px!important;box-sizing:border-box!important;}
.service-admin-preview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.service-admin-preview:has(img[src*="/default/"]) img{object-fit:contain!important;padding:28px!important;box-sizing:border-box!important;}

/* V61 – Servicebilder automatisch an verfügbare Fensterbreite anpassen */
.reference-service-image{
  width:100%!important;
  height:clamp(105px,14vw,170px)!important;
  min-height:105px!important;
  max-height:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.reference-service-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.reference-service:not(.custom-preview) .reference-service-image img{
  width:clamp(55px,7vw,95px)!important;
  height:clamp(55px,7vw,95px)!important;
  max-width:95px!important;
  max-height:95px!important;
  object-fit:contain!important;
  padding:0!important;
}
.reference-service-copy{min-width:0!important;}
.reference-service-copy strong,.reference-service-copy small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.service-admin-preview{
  width:100%!important;
  height:clamp(110px,16vw,180px)!important;
  max-height:180px!important;
}
.service-admin-preview img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:900px){
  .reference-service-image{height:clamp(100px,22vw,155px)!important;max-height:155px!important;}
}
@media(max-width:560px){
  .reference-service-image{height:clamp(95px,32vw,145px)!important;max-height:145px!important;}
  .reference-service:not(.custom-preview) .reference-service-image img{width:72px!important;height:72px!important;}
}

/* V66: sauberer, großer Terminanfrage-Zahnrad-Button */
.site-header .nav > .gear-cta.nav-cta {
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:104px !important;
  height:104px !important;
  min-width:104px !important;
  flex:0 0 104px !important;
  margin:0 0 0 8px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.site-header .nav > .gear-cta.nav-cta::before {
  display:none !important;
  content:none !important;
}
.site-header .nav > .gear-cta .gear-icon {
  width:100px !important;
  height:100px !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  background:transparent !important;
  filter:drop-shadow(0 0 4px #e22b22) drop-shadow(0 0 10px #e22b2255) !important;
}
.site-header .nav > .gear-cta:hover .gear-icon,
.site-header .nav > .gear-cta:focus-visible .gear-icon {
  transform:scale(1.06) rotate(8deg) !important;
  filter:drop-shadow(0 0 6px #ff3b32) drop-shadow(0 0 14px #e22b22) drop-shadow(0 0 28px #e22b2277) !important;
}
@media(max-width:850px){
  .site-header .nav > .gear-cta.nav-cta {
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    flex-basis:78px !important;
    margin-left:auto !important;
  }
  .site-header .nav > .gear-cta .gear-icon {width:76px !important;height:76px !important;}
}


/* V67 – NEUER, eigenständiger Terminanfrage-Zahnradbutton.
   Bewusst ohne .nav-cta, damit ältere Button-Regeln ihn nicht beeinflussen. */
.site-header .gear-appointment{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:104px !important;
  height:104px !important;
  min-width:104px !important;
  flex:0 0 104px !important;
  margin:0 0 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  overflow:visible !important;
  z-index:60 !important;
  color:#fff !important;
}
.site-header .gear-appointment__svg{
  display:block !important;
  width:100px !important;
  height:100px !important;
  max-width:none !important;
  max-height:none !important;
  overflow:visible !important;
  transform-origin:center !important;
  transition:transform .25s ease,filter .25s ease !important;
  filter:drop-shadow(0 0 3px rgba(255,35,30,.9)) drop-shadow(0 0 9px rgba(226,43,34,.55)) !important;
}
.site-header .gear-appointment__glow{
  position:absolute !important;
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  background:rgba(226,43,34,.10) !important;
  box-shadow:0 0 12px rgba(226,43,34,.45),0 0 28px rgba(226,43,34,.25) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.site-header .gear-appointment__teeth{
  fill:#090b0d !important;
  stroke:#ff3028 !important;
  stroke-width:3 !important;
}
.site-header .gear-appointment__outer{
  fill:#090b0d !important;
  stroke:#ff443b !important;
  stroke-width:3 !important;
}
.site-header .gear-appointment__inner{
  fill:#050607 !important;
  stroke:#a91d18 !important;
  stroke-width:2 !important;
}
.site-header .gear-appointment__text{
  fill:#ff4a42 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.45px !important;
  paint-order:stroke !important;
  stroke:#180504 !important;
  stroke-width:.8px !important;
}
.site-header .gear-appointment:hover .gear-appointment__svg,
.site-header .gear-appointment:focus-visible .gear-appointment__svg{
  transform:scale(1.08) rotate(7deg) !important;
  filter:drop-shadow(0 0 5px #ff3a32) drop-shadow(0 0 13px #e22b22) drop-shadow(0 0 26px rgba(226,43,34,.75)) !important;
}
.site-header .gear-appointment:hover .gear-appointment__glow,
.site-header .gear-appointment:focus-visible .gear-appointment__glow{
  box-shadow:0 0 16px rgba(255,55,48,.9),0 0 35px rgba(226,43,34,.65),0 0 55px rgba(226,43,34,.3) !important;
}
.site-header .gear-appointment:focus-visible{outline:2px solid #ff3a32 !important;outline-offset:4px !important;border-radius:50% !important;}
@media(max-width:850px){
  .site-header .gear-appointment{
    display:grid !important;
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    flex-basis:78px !important;
    margin-left:auto !important;
    margin-right:4px !important;
  }
  .site-header .gear-appointment__svg{width:76px !important;height:76px !important;}
  .site-header .gear-appointment__text{font-size:8px !important;}
}
@media(max-width:560px){
  .site-header .gear-appointment{width:68px !important;height:68px !important;min-width:68px !important;flex-basis:68px !important;}
  .site-header .gear-appointment__svg{width:66px !important;height:66px !important;}
}

/* V68 – Terminanfrage-Zahnrad fest rechts im Header positionieren */
.site-header .nav{position:relative !important;padding-right:132px !important;}
.site-header .gear-appointment{
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
}
.site-header .gear-appointment:hover,
.site-header .gear-appointment:focus-visible{
  transform:translateY(-50%) scale(1.08) !important;
}
@media(max-width:850px){
  .site-header .nav{padding-right:88px !important;}
  .site-header .gear-appointment{
    right:10px !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
  }
  .site-header .gear-appointment:hover,
  .site-header .gear-appointment:focus-visible{
    transform:translateY(-50%) scale(1.08) !important;
  }
}
@media(max-width:560px){
  .site-header .nav{padding-right:78px !important;}
  .site-header .gear-appointment{right:6px !important;}
}


/* V69 – Premium Gear-Button nach Referenz: metallischer Look, roter Neonrand, klarer Mittelpunkt */
.site-header .gear-appointment{
  width:116px !important;
  height:116px !important;
  min-width:116px !important;
  flex-basis:116px !important;
  isolation:isolate !important;
}
.site-header .gear-appointment__svg{
  width:112px !important;
  height:112px !important;
  filter:drop-shadow(0 0 2px rgba(255,50,42,.95)) drop-shadow(0 0 7px rgba(255,30,24,.75)) drop-shadow(0 0 16px rgba(226,43,34,.45)) !important;
}
.site-header .gear-appointment__glow{
  width:72px !important;
  height:72px !important;
  background:rgba(255,35,28,.08) !important;
  box-shadow:0 0 14px rgba(255,40,32,.55),0 0 28px rgba(226,43,34,.38),0 0 46px rgba(226,43,34,.18) !important;
}
.site-header .gear-appointment__glow-ring{
  fill:none !important;
  stroke:#ff2e27 !important;
  stroke-width:2.2 !important;
  opacity:.65 !important;
  filter:url(#gearSoftGlow) !important;
}
.site-header .gear-appointment__teeth{
  fill:url(#gearMetal) !important;
  stroke:url(#gearEdge) !important;
  stroke-width:3.2 !important;
  stroke-linejoin:round !important;
}
.site-header .gear-appointment__outer{
  fill:url(#gearMetal) !important;
  stroke:#ff4139 !important;
  stroke-width:3.2 !important;
}
.site-header .gear-appointment__highlight{
  fill:none !important;
  stroke:#ffffff !important;
  stroke-opacity:.15 !important;
  stroke-width:2 !important;
}
.site-header .gear-appointment__inner{
  fill:url(#gearCore) !important;
  stroke:#a91510 !important;
  stroke-width:2.4 !important;
}
.site-header .gear-appointment__center-line{
  fill:none !important;
  stroke:#ff312a !important;
  stroke-opacity:.55 !important;
  stroke-width:1.4 !important;
}
.site-header .gear-appointment__text{
  fill:#ff3e36 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:1000 !important;
  letter-spacing:.65px !important;
  paint-order:stroke !important;
  stroke:#050505 !important;
  stroke-width:2px !important;
}
.site-header .gear-appointment__svg{animation:gearIdleGlow 2.8s ease-in-out infinite !important;}
@keyframes gearIdleGlow{
  0%,100%{filter:drop-shadow(0 0 2px rgba(255,50,42,.9)) drop-shadow(0 0 7px rgba(255,30,24,.62)) drop-shadow(0 0 15px rgba(226,43,34,.34));}
  50%{filter:drop-shadow(0 0 4px rgba(255,65,55,1)) drop-shadow(0 0 11px rgba(255,30,24,.9)) drop-shadow(0 0 23px rgba(226,43,34,.55));}
}
.site-header .gear-appointment:hover .gear-appointment__svg,
.site-header .gear-appointment:focus-visible .gear-appointment__svg{
  transform:scale(1.1) rotate(12deg) !important;
  animation:none !important;
  filter:drop-shadow(0 0 5px #ff4b43) drop-shadow(0 0 13px #ff211a) drop-shadow(0 0 30px rgba(226,43,34,.9)) !important;
}
.site-header .gear-appointment:hover .gear-appointment__text,
.site-header .gear-appointment:focus-visible .gear-appointment__text{fill:#fff !important;}
@media(max-width:850px){
  .site-header .gear-appointment{width:86px !important;height:86px !important;min-width:86px !important;flex-basis:86px !important;}
  .site-header .gear-appointment__svg{width:84px !important;height:84px !important;}
  .site-header .gear-appointment__text{font-size:8px !important;}
}
@media(max-width:560px){
  .site-header .gear-appointment{width:76px !important;height:76px !important;min-width:76px !important;flex-basis:76px !important;}
  .site-header .gear-appointment__svg{width:74px !important;height:74px !important;}
}

/* V70 – moderner, klarer Header */
.site-header{
  position:relative!important;
  min-height:150px!important;
  height:150px!important;
  background:rgba(7,9,11,.97)!important;
  border-bottom:1px solid #2b3034!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
  overflow:visible!important;
}
.site-header .nav{
  position:relative!important;
  width:min(1400px,100%)!important;
  max-width:1400px!important;
  height:150px!important;
  min-height:150px!important;
  margin:0 auto!important;
  padding:0 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.site-header .site-brand-link{
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  height:88px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:30!important;
}
.site-header .site-brand-image{
  width:min(300px,34vw)!important;
  max-width:300px!important;
  max-height:82px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))!important;
}
.site-header .main-nav{
  position:absolute!important;
  left:50%!important;
  bottom:15px!important;
  transform:translateX(-50%)!important;
  z-index:25!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .main-nav a,
.site-header .main-nav a.nav-link{
  position:relative!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  color:#e9ebec!important;
  text-decoration:none!important;
  padding:7px 2px!important;
  transition:color .2s ease!important;
}
.site-header .main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:0!important;
  height:2px!important;
  background:var(--red)!important;
  transform:translateX(-50%)!important;
  transition:width .2s ease!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{color:#fff!important}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{width:100%!important}

/* Buchungs-Zahnrad: sauber rechts, optisch auf gleicher Höhe wie der Header */
.site-header .gear-appointment{
  position:absolute!important;
  right:32px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:88px!important;
  height:88px!important;
  z-index:40!important;
  flex:0 0 88px!important;
}
.site-header .gear-appointment:hover,
.site-header .gear-appointment:focus-visible{
  transform:translateY(-50%) scale(1.07)!important;
}
.site-header .gear-appointment__svg{width:88px!important;height:88px!important}
.site-header .gear-appointment__glow{display:block!important}
.site-header .menu-btn{display:none!important}

@media(max-width:1000px){
  .site-header{min-height:138px!important;height:138px!important}
  .site-header .nav{height:138px!important;min-height:138px!important;padding:0 22px!important}
  .site-header .site-brand-link{top:7px!important;height:78px!important}
  .site-header .site-brand-image{width:250px!important;max-width:250px!important;max-height:72px!important}
  .site-header .main-nav{gap:20px!important;bottom:13px!important}
  .site-header .main-nav a{font-size:10px!important;letter-spacing:1.1px!important}
  .site-header .gear-appointment{right:18px!important;width:76px!important;height:76px!important}
  .site-header .gear-appointment__svg{width:76px!important;height:76px!important}
}
@media(max-width:760px){
  .site-header{min-height:116px!important;height:116px!important}
  .site-header .nav{height:116px!important;min-height:116px!important;padding:0 12px!important}
  .site-header .site-brand-link{top:5px!important;height:64px!important}
  .site-header .site-brand-image{width:210px!important;max-width:210px!important;max-height:58px!important}
  .site-header .main-nav{bottom:10px!important;gap:13px!important;max-width:calc(100% - 100px)!important;overflow:hidden!important}
  .site-header .main-nav a{font-size:8px!important;letter-spacing:.8px!important;padding:5px 1px!important}
  .site-header .gear-appointment{right:8px!important;width:60px!important;height:60px!important}
  .site-header .gear-appointment__svg{width:60px!important;height:60px!important}
}
@media(max-width:520px){
  .site-header{min-height:100px!important;height:100px!important}
  .site-header .nav{height:100px!important;min-height:100px!important}
  .site-header .site-brand-link{top:3px!important;height:53px!important}
  .site-header .site-brand-image{width:175px!important;max-width:175px!important;max-height:48px!important}
  .site-header .main-nav{bottom:8px!important;gap:9px!important;max-width:calc(100% - 72px)!important}
  .site-header .main-nav a{font-size:7px!important;letter-spacing:.5px!important}
  .site-header .gear-appointment{right:5px!important;width:54px!important;height:54px!important}
  .site-header .gear-appointment__svg{width:54px!important;height:54px!important}
}

/* V71 – Header final: Logo links, Navigation mittig, Terminanfrage rechts */
.site-header{
  min-height:112px!important;
  height:112px!important;
  background:rgba(7,9,11,.97)!important;
  border-bottom:1px solid #252b30!important;
}
.site-header .nav{
  position:relative!important;
  width:100%!important;
  max-width:1440px!important;
  height:112px!important;
  min-height:112px!important;
  margin:0 auto!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
}
.site-header .site-brand-link{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:320px!important;
  height:100%!important;
  min-width:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  z-index:30!important;
  flex:0 0 320px!important;
}
.site-header .site-brand-image{
  width:300px!important;
  max-width:300px!important;
  max-height:94px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}
.site-header .main-nav{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:25!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .main-nav a,
.site-header .main-nav a.nav-link{
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.35px!important;
  color:#e9ebec!important;
  text-decoration:none!important;
  padding:10px 2px!important;
}
.site-header .gear-appointment{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:88px!important;
  height:88px!important;
  z-index:40!important;
  flex:0 0 88px!important;
  display:grid!important;
  place-items:center!important;
  margin-left:auto!important;
}
.site-header .gear-appointment:hover,
.site-header .gear-appointment:focus-visible{
  transform:scale(1.07)!important;
}
.site-header .gear-appointment__svg{width:88px!important;height:88px!important}
.site-header .menu-btn{display:none!important}

@media(max-width:1100px){
  .site-header,.site-header .nav{height:104px!important;min-height:104px!important}
  .site-header .nav{padding:0 20px!important}
  .site-header .site-brand-link{width:250px!important;min-width:250px!important;flex-basis:250px!important}
  .site-header .site-brand-image{width:235px!important;max-width:235px!important;max-height:82px!important}
  .site-header .main-nav{gap:20px!important}
  .site-header .main-nav a{font-size:10px!important;letter-spacing:1px!important}
  .site-header .gear-appointment,.site-header .gear-appointment__svg{width:76px!important;height:76px!important}
}
@media(max-width:820px){
  .site-header,.site-header .nav{height:92px!important;min-height:92px!important}
  .site-header .nav{padding:0 14px!important}
  .site-header .site-brand-link{width:190px!important;min-width:190px!important;flex-basis:190px!important}
  .site-header .site-brand-image{width:180px!important;max-width:180px!important;max-height:68px!important}
  .site-header .main-nav{gap:12px!important}
  .site-header .main-nav a{font-size:8px!important;letter-spacing:.7px!important}
  .site-header .gear-appointment,.site-header .gear-appointment__svg{width:62px!important;height:62px!important}
}
@media(max-width:650px){
  .site-header,.site-header .nav{height:82px!important;min-height:82px!important}
  .site-header .nav{padding:0 10px!important}
  .site-header .site-brand-link{width:145px!important;min-width:145px!important;flex-basis:145px!important}
  .site-header .site-brand-image{width:138px!important;max-width:138px!important;max-height:58px!important}
  .site-header .main-nav{gap:8px!important}
  .site-header .main-nav a{font-size:7px!important;letter-spacing:.35px!important;padding:6px 1px!important}
  .site-header .gear-appointment,.site-header .gear-appointment__svg{width:52px!important;height:52px!important}
}


/* V72 – Header Logo und Terminanfrage größer */
.site-header .site-brand-image{
  width:min(520px,32vw)!important;
  max-width:520px!important;
  max-height:none!important;
  height:auto!important;
}
.site-header .site-brand-link{
  min-width:0;
}
.site-header .gear-appointment{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  flex-basis:128px!important;
}
.site-header .gear-appointment__svg{
  width:124px!important;
  height:124px!important;
}
@media(max-width:1100px){
  .site-header .site-brand-image{width:min(430px,29vw)!important}
  .site-header .gear-appointment{width:112px!important;height:112px!important;min-width:112px!important;flex-basis:112px!important}
  .site-header .gear-appointment__svg{width:108px!important;height:108px!important}
}
@media(max-width:850px){
  .site-header .site-brand-image{width:min(360px,42vw)!important}
  .site-header .gear-appointment{width:104px!important;height:104px!important;min-width:104px!important;flex-basis:104px!important}
  .site-header .gear-appointment__svg{width:100px!important;height:100px!important}
}

/* V73 – Header sauber proportioniert: Logo und Terminanfrage größer, ohne Überlappung */
.site-header{
  height:148px!important;
  min-height:148px!important;
}
.site-header .nav{
  height:148px!important;
  min-height:148px!important;
  padding:0 38px!important;
  max-width:1600px!important;
}
.site-header .site-brand-link{
  width:350px!important;
  min-width:350px!important;
  flex:0 0 350px!important;
  height:148px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.site-header .site-brand-image{
  width:340px!important;
  max-width:340px!important;
  height:auto!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .main-nav{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  gap:30px!important;
}
.site-header .gear-appointment{
  width:108px!important;
  height:108px!important;
  min-width:108px!important;
  flex:0 0 108px!important;
}
.site-header .gear-appointment__svg{
  width:104px!important;
  height:104px!important;
}
@media(max-width:1100px){
  .site-header,.site-header .nav{height:126px!important;min-height:126px!important}
  .site-header .nav{padding:0 22px!important}
  .site-header .site-brand-link{width:270px!important;min-width:270px!important;flex-basis:270px!important;height:126px!important}
  .site-header .site-brand-image{width:260px!important;max-width:260px!important;max-height:112px!important}
  .site-header .main-nav{gap:18px!important}
  .site-header .main-nav a{font-size:10px!important;letter-spacing:.9px!important}
  .site-header .gear-appointment{width:94px!important;height:94px!important;min-width:94px!important;flex-basis:94px!important}
  .site-header .gear-appointment__svg{width:90px!important;height:90px!important}
}
@media(max-width:820px){
  .site-header,.site-header .nav{height:108px!important;min-height:108px!important}
  .site-header .nav{padding:0 14px!important}
  .site-header .site-brand-link{width:210px!important;min-width:210px!important;flex-basis:210px!important;height:108px!important}
  .site-header .site-brand-image{width:200px!important;max-width:200px!important;max-height:90px!important}
  .site-header .main-nav{gap:10px!important;max-width:calc(100% - 250px)!important}
  .site-header .main-nav a{font-size:8px!important;letter-spacing:.55px!important;padding:7px 1px!important}
  .site-header .gear-appointment{width:72px!important;height:72px!important;min-width:72px!important;flex-basis:72px!important}
  .site-header .gear-appointment__svg{width:70px!important;height:70px!important}
}
@media(max-width:650px){
  .site-header,.site-header .nav{height:92px!important;min-height:92px!important}
  .site-header .nav{padding:0 9px!important}
  .site-header .site-brand-link{width:155px!important;min-width:155px!important;flex-basis:155px!important;height:92px!important}
  .site-header .site-brand-image{width:150px!important;max-width:150px!important;max-height:70px!important}
  .site-header .main-nav{gap:7px!important;max-width:calc(100% - 195px)!important;overflow:hidden!important}
  .site-header .main-nav a{font-size:7px!important;letter-spacing:.3px!important;padding:5px 0!important}
  .site-header .gear-appointment{width:58px!important;height:58px!important;min-width:58px!important;flex-basis:58px!important}
  .site-header .gear-appointment__svg{width:56px!important;height:56px!important}
}

/* V74 – Servicebereich-Builder im Admin */
.ab-service-builder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;align-items:start}
.service-builder-form{display:grid;gap:12px}
.service-builder-preview{position:sticky;top:18px}
.service-live-preview{border:1px solid var(--ab-line,#293136);background:#0a0c0e;overflow:hidden}
.service-live-image{height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#111518,#0b0d0f);border-bottom:1px solid var(--ab-line,#293136)}
.service-live-image img{display:block;width:100%;height:100%;object-fit:cover}
.service-live-copy{padding:18px}
.service-live-copy strong{display:block;font-size:18px;line-height:1.2;color:#f4f5f5;text-transform:none}
.service-live-copy small{display:block;margin-top:8px;color:#8f9aa0;font-size:12px;line-height:1.5}
.ab-service-manage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.service-manage-card{min-width:0}
.service-manage-card.is-inactive{opacity:.72}
.service-manage-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.service-manage-top h3{display:inline-block;margin:3px 8px 0 0}
.service-order{display:inline-block;font-size:10px;letter-spacing:.1em;color:#ef3029;font-weight:900}
.service-state{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.08em;padding:4px 7px;border:1px solid #4a555b;vertical-align:middle}
.service-state.on{color:#7fe28d;border-color:#3b7044}.service-state.off{color:#9aa3a7}
.service-manage-thumb{width:150px;height:90px;flex:0 0 150px;border:1px solid var(--ab-line,#293136);background:#0a0c0e;display:flex;align-items:center;justify-content:center;overflow:hidden}
.service-manage-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.ab-service-builder-grid,.ab-service-manage-list{grid-template-columns:1fr}.service-builder-preview{position:static}.service-manage-thumb{width:120px;flex-basis:120px;height:76px}}
@media(max-width:560px){.service-manage-top{display:block}.service-manage-thumb{width:100%;height:150px;margin-top:12px}.service-live-image{height:150px}}

/* V75 – Admin: Service-Fotos kompakt darstellen
   Verhindert, dass hochgeladene Bilder oder Standard-Symbole den Adminbereich sprengen. */
.admin-page .service-manage-thumb,
.ab-page .service-manage-thumb,
.service-manage-card .service-manage-thumb{
  width:150px!important;
  height:90px!important;
  max-width:150px!important;
  max-height:90px!important;
  flex:0 0 150px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.admin-page .service-manage-thumb img,
.ab-page .service-manage-thumb img,
.service-manage-card .service-manage-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}
.service-builder-preview .service-live-image{
  width:100%!important;
  height:140px!important;
  max-height:140px!important;
  overflow:hidden!important;
}
.service-builder-preview .service-live-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:900px){
  .service-manage-card .service-manage-thumb{width:120px!important;height:76px!important;max-width:120px!important;max-height:76px!important;flex-basis:120px!important;}
}
@media(max-width:560px){
  .service-manage-top{display:block!important;}
  .service-manage-card .service-manage-thumb{width:180px!important;height:110px!important;max-width:180px!important;max-height:110px!important;margin-top:10px!important;}
  .service-builder-preview .service-live-image{height:120px!important;max-height:120px!important;}
}

/* V76 – Hinweis unter „FOTO ÄNDERN“ besser lesbar und mit mehr Abstand */
.service-manage-card .ab-field small{
  display:block;
  margin-top:8px;
  margin-bottom:12px;
  font-size:11px;
  line-height:1.55;
  letter-spacing:.035em;
  color:#9fa9ad;
}
.service-manage-card .ab-field small + *{margin-top:0}
.service-manage-card .ab-switch{
  margin-top:14px;
}
.service-manage-card .ab-switch small{
  margin-top:5px;
  margin-bottom:0;
  font-size:10px;
  line-height:1.45;
}


/* =========================================================
   V79 – SAUBERER TRENNSTREIFEN FÜR EIGENE WEBSITE-ABSCHNITTE
   ========================================================= */
.custom-site-section{
  position:relative;
  border:0;
  background:#090a0c;
  overflow:hidden;
}
.custom-section-divider{
  height:22px;
  position:relative;
  background:linear-gradient(to bottom,#080a0c 0%,#0d1012 50%,#080a0c 100%);
  border:0;
}
.custom-section-divider:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:#343b40;
}
.custom-section-divider span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:46px;
  height:2px;
  background:var(--red);
  box-shadow:0 0 10px #e22b2270;
}
.custom-section-inner{
  min-height:280px;
  padding-top:78px;
  padding-bottom:78px;
}
.custom-site-section--text .custom-section-inner{
  min-height:260px;
}
.custom-section-copy h2{
  margin:12px 0 16px;
  font-size:clamp(38px,5vw,68px);
  line-height:.95;
  letter-spacing:-2px;
  color:#fff;
}
.custom-section-subtitle,
.custom-section-body{
  color:#bfc5c9;
  font-size:17px;
  line-height:1.75;
  max-width:850px;
}
.custom-section-body{margin-top:18px}
.custom-section-media img,
.custom-section-full-media img,
.custom-section-gallery img{
  display:block;
  width:100%;
  height:auto;
}
.custom-section-media{overflow:hidden;border:1px solid #343a3e}
.custom-section-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.custom-section-gallery a{display:block;border:1px solid #343a3e;overflow:hidden}
.custom-section-gallery img{aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}
.custom-section-gallery a:hover img{transform:scale(1.03)}
.custom-section-button{margin-top:25px}
.custom-site-section--image_text .custom-section-inner,
.custom-site-section--text_image .custom-section-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:55px;
  align-items:center;
}
.custom-site-section--text_image .custom-section-media{order:2}
.custom-site-section--full .custom-section-inner{padding-bottom:55px}
.custom-section-full-media{margin-top:35px;border:1px solid #343a3e;overflow:hidden}
.custom-site-section[style]{background-color:#090a0c}

@media(max-width:850px){
  .custom-section-divider{height:18px}
  .custom-section-inner{min-height:0;padding-top:55px;padding-bottom:55px}
  .custom-site-section--image_text .custom-section-inner,
  .custom-site-section--text_image .custom-section-inner{grid-template-columns:1fr;gap:28px}
  .custom-site-section--text_image .custom-section-media{order:0}
  .custom-section-gallery{grid-template-columns:1fr}
  .custom-section-copy h2{font-size:40px}
}

/* V82 – Leistungsbereich-Editor */
.service-edit-open{display:inline-flex;align-items:center;gap:7px;color:#ff5148;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.08em;border:1px solid #6b2a28;padding:8px 10px;white-space:nowrap}
.service-edit-open:hover{background:#e22b22;color:#fff;border-color:#e22b22}
.service-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px}
.service-editor-card{margin-top:14px}
.service-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 7px}
.service-editor-toolbar button{background:#0d1012;color:#fff;border:1px solid #384047;min-width:34px;height:32px;font-weight:800;cursor:pointer}
.service-editor-toolbar button:hover{border-color:#ff5148;color:#ff5148}
.service-rich-editor{min-height:260px;border:1px solid #ff3b32;background:#07090b;color:#e9edef;padding:15px;line-height:1.7;outline:none}
.service-rich-editor:focus{box-shadow:0 0 0 1px #ff3b32 inset}
.service-rich-editor a{color:#ff5148}
.service-detail-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.service-detail-gallery-item{border:1px solid #30383d;background:#080a0c;padding:7px;overflow:hidden}
.service-detail-gallery-item img{width:100%;height:105px;object-fit:cover;display:block;margin-bottom:7px}
.service-detail-gallery-item .ab-btn{width:100%;font-size:9px;padding:8px 6px}
.service-current-file{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #30383d;padding:10px;margin-top:12px;color:#aeb6bb;font-size:11px}
.service-empty-media{border:1px dashed #30383d;padding:18px;color:#7f8a90;font-size:11px;margin-top:12px}
.service-file-list{margin-top:12px;border-top:1px solid #30383d}
.service-file-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #252c31}
.service-file-row a{color:#fff;text-decoration:none;font-size:12px;word-break:break-all}
.service-file-row a:hover{color:#ff5148}
.service-file-row .ab-btn{font-size:9px;padding:7px 9px;flex:0 0 auto}
.service-editor-back{margin-bottom:14px}
.service-editor-video-preview{margin-top:12px}
@media(max-width:900px){.service-editor-grid{grid-template-columns:1fr}.service-detail-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-edit-open{margin-top:8px}}
@media(max-width:560px){.service-detail-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-file-row{align-items:flex-start;flex-direction:column}.service-current-file{align-items:flex-start;flex-direction:column}}

/* V85 – Leistungsbereiche: Löschen auch für bereits vorhandene Bereiche klar sichtbar */
.service-manage-card .service-delete-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:170px;
  border:1px solid #ef3029!important;
  color:#fff!important;
  background:rgba(239,48,41,.08)!important;
}
.service-manage-card .service-delete-btn:hover{
  background:#ef3029!important;
  color:#fff!important;
}
.service-manage-card .ab-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
@media(max-width:560px){
  .service-manage-card .service-delete-btn{width:100%;}
}

/* V92 – AB / BIKE WORKS Hero-Logo dauerhaft entfernt */
.hero-badge{display:none!important;}

/* V96 – Öffnungszeiten neben dem Termin-Zahnrad */
.header-opening-hours{position:absolute!important;right:136px!important;top:50%!important;transform:translateY(-50%)!important;width:238px!important;padding:9px 12px!important;border-left:1px solid #343a3f!important;background:rgba(7,9,10,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;z-index:55!important}
.header-opening-hours__title{font-size:9px!important;font-weight:1000!important;letter-spacing:1.8px!important;color:#ff3a32!important;margin-bottom:6px!important}
.site-header .header-opening-hours__note{
  margin-top:7px!important;
  padding-top:6px!important;
  border-top:1px solid rgba(255,58,50,.28)!important;
  color:#aeb5b9!important;
  font-size:8px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:normal!important;
  max-width:100%!important;
}
.header-opening-hours__grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:12px!important;row-gap:3px!important}
.header-opening-hours__row{display:flex!important;justify-content:space-between!important;gap:7px!important;white-space:nowrap!important;font-size:8px!important;line-height:1.35!important;color:#8d969c!important}
.header-opening-hours__row span{color:#c8ccce!important;font-weight:900!important;letter-spacing:.6px!important}
.header-opening-hours__row b{font-weight:700!important;color:#e8e9e7!important}
@media(max-width:1100px){.header-opening-hours{right:124px!important;width:210px!important}.header-opening-hours__row{font-size:7px!important}}
@media(max-width:850px){.header-opening-hours{display:none!important}}


/* V98 – Öffnungszeiten sichtbar und direkt erreichbar */
.ab-tabs .ab-opening-tab{color:#fff!important;border:1px solid rgba(255,58,50,.55)!important;background:rgba(255,58,50,.08)!important}
.ab-tabs .ab-opening-tab:hover,.ab-tabs .ab-opening-tab.active{background:#ff3a32!important;color:#fff!important;border-color:#ff3a32!important}
.ab-opening-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border-color:rgba(255,58,50,.55)!important;background:linear-gradient(90deg,rgba(255,58,50,.08),rgba(0,0,0,.12))!important;margin-bottom:14px!important}
.ab-opening-quick strong{display:block;color:#fff;font-size:15px;letter-spacing:1.2px}
.ab-opening-quick span{display:block;color:#899399;font-size:11px;margin-top:5px}
@media(max-width:700px){.ab-opening-quick{align-items:flex-start!important;flex-direction:column!important}.ab-opening-quick .ab-btn{width:100%;text-align:center}}

/* V104 – Öffnungszeiten: kompakte, moderne Header-Karte */
.site-header .header-opening-hours{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  transform:translateX(var(--opening-hours-x, 80px))!important;
  order:initial!important;
  width:310px!important;
  flex:0 0 310px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 14px 9px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(180deg,rgba(10,12,14,.88),rgba(5,7,8,.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,58,50,.22), inset 0 -1px 0 rgba(255,255,255,.035)!important;
  z-index:55!important;
}
.site-header .header-opening-hours:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:2px;
  background:#ff332b;
}
.site-header .header-opening-hours__title{
  margin:0 0 7px!important;
  color:#ff3a32!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}
.site-header .header-opening-hours__grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px 16px!important;
  margin:0!important;
}
.site-header .header-opening-hours__row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-size:8px!important;
  line-height:1.25!important;
  color:#929ba0!important;
}
.site-header .header-opening-hours__row span{
  color:#d8dbdc!important;
  font-weight:1000!important;
  letter-spacing:.55px!important;
}
.site-header .header-opening-hours__row b{
  color:#f0f1ef!important;
  font-weight:700!important;
  letter-spacing:.15px!important;
}
.site-header .header-opening-hours__note{
  margin:8px 0 0!important;
  padding-top:7px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#aab0b3!important;
  font-size:8px!important;
  line-height:1.35!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.site-header .header-opening-hours__note:before{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin:0 6px 1px 0;
  border-radius:50%;
  background:#ff3a32;
  box-shadow:0 0 7px rgba(255,58,50,.65);
}
.site-header .header-opening-hours--daily .header-opening-hours__grid{
  gap:4px 12px!important;
}
@media(max-width:1250px){
  .site-header .header-opening-hours{
    width:260px!important;
    flex-basis:260px!important;
    padding:9px 11px 8px!important;
  }
  .site-header .header-opening-hours__grid{gap:4px 10px!important}
  .site-header .header-opening-hours__row{font-size:7px!important}
  .site-header .header-opening-hours__note{font-size:7px!important}
  .site-header .gear-appointment{margin-right:8px!important}
}
@media(max-width:1000px){
  .site-header .header-opening-hours{display:none!important}
}

/* V101 – Terminbutton frei im Admin positionierbar */
.site-header .gear-appointment{
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px))!important;
  z-index:70!important;
}
.site-header .gear-appointment:hover,
.site-header .gear-appointment:focus-visible{
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px)) scale(1.03)!important;
}
.ab-tabs .ab-appointment-button-tab{color:#fff!important;border:1px solid rgba(255,58,50,.55)!important;background:rgba(255,58,50,.08)!important}
.ab-tabs .ab-appointment-button-tab:hover,.ab-tabs .ab-appointment-button-tab.active{background:#ff3a32!important;color:#fff!important;border-color:#ff3a32!important}
.ab-position-preview{height:220px;position:relative;overflow:hidden;border:1px solid var(--ab-line);background:linear-gradient(180deg,#080a0c,#101417);display:flex;align-items:center;justify-content:flex-end;padding-right:35px;box-sizing:border-box}
.ab-position-preview:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(255,58,50,.18)}
.ab-position-preview-dot{position:relative;width:92px;height:92px;border-radius:50%;border:4px solid #ff3029;box-shadow:0 0 18px rgba(255,48,41,.75),inset 0 0 15px rgba(255,48,41,.18);display:grid;place-items:center;text-align:center;color:#ff3029;font-size:8px;font-weight:900;letter-spacing:.5px}
@media(max-width:700px){.ab-position-preview{height:180px}.ab-position-preview-dot{width:76px;height:76px}}


/* =========================================================
   V105 – CLEAN HEADER REDESIGN
   Logo links | Navigation mittig | Terminbutton rechts |
   Öffnungszeiten kompakt als Info-Pill
   ========================================================= */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  background:rgba(7,9,11,.97)!important;
  border-bottom:1px solid #262c30!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
}
.site-header .nav{
  width:min(1440px,100%)!important;
  max-width:none!important;
  height:92px!important;
  min-height:92px!important;
  margin:0 auto!important;
  padding:0 34px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  position:relative!important;
}
.site-header .site-brand-link{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:230px!important;
  height:92px!important;
  min-height:92px!important;
  flex:0 0 230px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
  z-index:20!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
}
.site-header .main-nav{
  position:static!important;
  width:auto!important;
  height:92px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
  z-index:15!important;
}
.site-header .main-nav a{
  position:relative!important;
  height:92px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f5f5f3!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-decoration:none!important;
  transition:color .18s ease!important;
}
.site-header .main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:20px!important;
  height:2px!important;
  background:#ef3029!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .18s ease!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{color:#fff!important}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{transform:scaleX(1)!important}
.site-header .gear-appointment{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  flex:0 0 88px!important;
  margin:0 0 0 22px!important;
  padding:0!important;
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px))!important;
  z-index:70!important;
}
.site-header .gear-appointment__svg{width:84px!important;height:84px!important}
.site-header .gear-appointment__glow{width:58px!important;height:58px!important}
.site-header .gear-appointment:hover,
.site-header .gear-appointment:focus-visible{transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px)) scale(1.05)!important}
.site-header .header-opening-hours{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  transform:translateX(var(--opening-hours-x,0px))!important;
  width:auto!important;
  flex:0 1 auto!important;
  min-width:260px!important;
  max-width:410px!important;
  margin:0 0 0 18px!important;
  padding:8px 13px 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:2px solid #ef3029!important;
  background:rgba(11,14,16,.82)!important;
  box-shadow:none!important;
  z-index:55!important;
}
.site-header .header-opening-hours:before{display:none!important}
.site-header .header-opening-hours__title{
  display:inline-block!important;
  margin:0 12px 0 0!important;
  color:#ff3a32!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:1.7px!important;
  vertical-align:middle!important;
}
.site-header .header-opening-hours__grid{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:2px 12px!important;
  margin:0!important;
  vertical-align:middle!important;
}
.site-header .header-opening-hours__row{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
  font-size:7px!important;
  line-height:1.2!important;
}
.site-header .header-opening-hours__row span{color:#cfd3d4!important;font-weight:1000!important;letter-spacing:.5px!important}
.site-header .header-opening-hours__row b{color:#f0f1ef!important;font-weight:700!important}
.site-header .header-opening-hours__note{
  display:block!important;
  margin:6px 0 0!important;
  padding:5px 0 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#92999d!important;
  font-size:7px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.site-header .header-opening-hours__note:before{display:none!important}
@media(max-width:1200px){
  .site-header .nav{padding:0 22px!important}
  .site-header .site-brand-link{width:205px!important;flex-basis:205px!important}
  .site-header .site-brand-image{width:198px!important;max-width:198px!important}
  .site-header .main-nav a{padding:0 10px!important}
  .site-header .header-opening-hours{min-width:220px!important;max-width:300px!important;margin-left:10px!important}
  .site-header .gear-appointment{margin-left:10px!important}
}
@media(max-width:980px){
  .site-header .header-opening-hours{display:none!important}
  .site-header .main-nav{margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:760px){
  .site-header,.site-header .nav{height:72px!important;min-height:72px!important;max-height:72px!important}
  .site-header .nav{padding:0 16px!important}
  .site-header .site-brand-link{width:190px!important;height:72px!important;min-height:72px!important;flex-basis:190px!important}
  .site-header .site-brand-image{width:min(var(--logo-mobile-width,185px),185px)!important;max-width:185px!important;max-height:58px!important}
  .site-header .main-nav{display:none!important}
  .site-header .gear-appointment{margin-left:auto!important;width:70px!important;height:70px!important;min-width:70px!important;flex-basis:70px!important}
  .site-header .gear-appointment__svg{width:68px!important;height:68px!important}
}


/* V106 – CLEAN HEADER DEPLOYMENT FIX: prevent legacy TERMIN nav item */
.site-header .main-nav a[href="#termin"],.site-header .main-nav a[href*="termin"]{display:none!important;}


/* V107 – HEADER FINAL STABILIZATION
   Korrigiert geerbte globale Body-Werte und verhindert ein abgeschnittenes Logo
   bzw. eine nach oben verschobene Navigation.
*/
html,body{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.4!important;letter-spacing:normal!important;}
.site-header{position:relative!important;top:auto!important;margin:0!important;padding:0!important;height:104px!important;min-height:104px!important;max-height:104px!important;overflow:visible!important;}
.site-header .nav{height:104px!important;min-height:104px!important;max-height:104px!important;margin:0 auto!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:visible!important;}
.site-header .site-brand-link{position:relative!important;left:auto!important;top:auto!important;width:260px!important;height:104px!important;min-height:104px!important;flex:0 0 260px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;transform:translate3d(clamp(-10px,var(--logo-x,0px),80px),clamp(-8px,var(--logo-y,0px),8px),0)!important;overflow:visible!important;z-index:40!important;}
.site-header .site-brand-image{display:block!important;width:min(var(--logo-width,430px),245px)!important;max-width:245px!important;max-height:88px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;}
.site-header .main-nav{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;height:104px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:0 1 auto!important;white-space:nowrap!important;overflow:visible!important;z-index:35!important;}
.site-header .main-nav a{height:104px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:1px!important;white-space:nowrap!important;}
.site-header .gear-appointment{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:86px!important;height:86px!important;min-width:86px!important;flex:0 0 86px!important;margin:0 0 0 20px!important;padding:0!important;transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px))!important;z-index:70!important;}
.site-header .gear-appointment__svg{width:82px!important;height:82px!important;}
.site-header .header-opening-hours{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:translateX(var(--opening-hours-x,0px))!important;flex:0 1 auto!important;min-width:250px!important;max-width:360px!important;margin:0 0 0 14px!important;padding:8px 12px 7px!important;z-index:55!important;}
@media(max-width:1250px){.site-header .nav{padding:0 22px!important}.site-header .site-brand-link{width:225px!important;flex-basis:225px!important}.site-header .site-brand-image{width:min(var(--logo-width,430px),215px)!important;max-width:215px!important}.site-header .main-nav a{padding:0 9px!important;font-size:10px!important}.site-header .gear-appointment{margin-left:10px!important}.site-header .header-opening-hours{min-width:220px!important;max-width:300px!important;margin-left:8px!important}}
@media(max-width:980px){.site-header .header-opening-hours{display:none!important}.site-header .main-nav{margin-left:auto!important;margin-right:auto!important}}
@media(max-width:760px){.site-header,.site-header .nav{height:72px!important;min-height:72px!important;max-height:72px!important}.site-header .nav{padding:0 14px!important}.site-header .site-brand-link{width:190px!important;height:72px!important;min-height:72px!important;flex-basis:190px!important;transform:translate3d(clamp(-8px,var(--logo-mobile-x,0px),20px),clamp(-6px,var(--logo-mobile-y,0px),6px),0)!important}.site-header .site-brand-image{width:min(var(--logo-mobile-width,185px),185px)!important;max-width:185px!important;max-height:62px!important}.site-header .main-nav{display:none!important}.site-header .gear-appointment{margin-left:auto!important;width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important}.site-header .gear-appointment__svg{width:66px!important;height:66px!important}}
.site-header .main-nav a[href*="termin"],.site-header .main-nav a[href="#termin"]{display:none!important;}

/* V122 – offener, moderner Hero-Aufbau */
.site-header .gear-appointment{display:none!important}
#start.hero{min-height:610px!important;background-position:center center!important;background-size:cover!important}
#start.hero:before{background:linear-gradient(90deg,rgba(4,6,8,.96) 0%,rgba(4,6,8,.78) 38%,rgba(4,6,8,.32) 68%,rgba(4,6,8,.62) 100%)!important;opacity:1!important}
#start .hero-grid{opacity:.08!important;background-size:90px 90px!important;mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 95%)!important}
.hero-inner--modern{min-height:610px!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;gap:50px!important;align-items:center!important;padding-top:42px!important;padding-bottom:42px!important}
.hero-copy--modern{max-width:760px!important;padding-top:0!important}
.hero-copy--modern h1{font-size:clamp(44px,4.3vw,68px)!important;line-height:.94!important;letter-spacing:-2.5px!important;margin:18px 0 18px!important;text-transform:uppercase!important}
.hero-copy--modern h1 strong{color:#f4f5f3!important}
.hero-subtitle-modern{font-size:19px!important;line-height:1.5!important;color:#d6d9da!important;max-width:720px!important;margin:0 0 10px!important}
.hero-extra-text{font-size:16px!important;line-height:1.65!important;color:#d5d8d9!important;max-width:760px!important}
.hero-extra-text p{margin:0 0 5px!important}
.hero-promise{margin-top:28px!important;padding-top:16px!important;border-top:1px solid rgba(226,43,34,.35)!important;color:#fff!important;display:flex!important;align-items:baseline!important;gap:8px!important;font-size:17px!important}
.hero-promise span{width:34px;height:3px;background:var(--red);display:inline-block;flex:0 0 auto}
.hero-promise b{color:#ff3a32!important;font-weight:900!important}
.hero-promise small{font-size:16px;color:#e2e4e4}
.hero-action-panel{justify-self:end;width:min(100%,470px)!important;padding:24px!important;background:linear-gradient(145deg,rgba(12,15,18,.94),rgba(7,9,11,.84))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)!important;position:relative!important;overflow:hidden!important}
.hero-action-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--red);box-shadow:0 0 18px rgba(226,43,34,.45)}
.hero-action-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:205px!important}
.hero-action-label{display:grid;gap:8px!important;max-width:170px!important}
.hero-action-label span{font-size:10px!important;letter-spacing:2.4px!important;color:var(--red)!important;font-weight:1000!important}
.hero-action-label strong{font-size:27px!important;line-height:1.05!important;letter-spacing:-.5px!important;color:#f4f5f2!important}
.hero-appointment{display:grid!important;position:relative!important;inset:auto!important;transform:none!important;width:190px!important;height:190px!important;min-width:190px!important;flex:0 0 190px!important;margin:0!important}
.hero-appointment .gear-appointment__svg{width:184px!important;height:184px!important}
.hero-appointment:hover,.hero-appointment:focus-visible{transform:scale(1.035)!important}
.hero-feature-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:1px solid rgba(255,255,255,.09)!important;margin-top:4px!important;padding-top:18px!important;gap:10px!important}
.hero-feature{min-height:86px!important;display:grid!important;justify-items:center!important;align-content:center!important;text-align:center!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018)!important;gap:4px!important}
.hero-feature b{font-size:18px!important;color:var(--red)!important;line-height:1!important}
.hero-feature strong{font-size:10px!important;letter-spacing:1.4px!important;color:#f1f2f0!important}
.hero-feature span{font-size:10px!important;color:#8e979d!important;text-transform:uppercase!important}
@media(max-width:1050px){.hero-inner--modern{grid-template-columns:1fr!important;gap:24px!important}.hero-action-panel{justify-self:stretch;width:100%!important}.hero-action-top{min-height:180px!important}.hero-appointment{width:170px!important;height:170px!important;min-width:170px!important;flex-basis:170px!important}.hero-appointment .gear-appointment__svg{width:164px!important;height:164px!important}}
@media(max-width:760px){#start.hero,.hero-inner--modern{min-height:auto!important}.hero-inner--modern{padding-top:65px!important;padding-bottom:55px!important}.hero-copy--modern h1{font-size:42px!important}.hero-subtitle-modern{font-size:16px!important}.hero-extra-text{font-size:14px!important}.hero-action-panel{padding:18px!important}.hero-action-top{min-height:155px!important}.hero-action-label strong{font-size:22px!important}.hero-appointment{width:140px!important;height:140px!important;min-width:140px!important;flex-basis:140px!important}.hero-appointment .gear-appointment__svg{width:136px!important;height:136px!important}.hero-feature-row{grid-template-columns:1fr!important}.hero-promise{flex-wrap:wrap}.hero-promise span{display:none}}

/* V123 – professional hero rebuild */
#start.hero{
  min-height:540px!important;
  height:540px!important;
  max-height:none!important;
  overflow:hidden!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#start.hero:after{
  content:"";
  position:absolute;right:-2%;top:0;width:42%;height:100%;
  background:linear-gradient(135deg,transparent 42%,rgba(226,43,34,.15) 42.5%,rgba(226,43,34,.05) 49%,transparent 50%),linear-gradient(135deg,transparent 58%,rgba(226,43,34,.12) 58.5%,transparent 66%);
  pointer-events:none;opacity:.9;
}
#start .hero-inner--modern{
  min-height:540px!important;height:540px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr)!important;
  gap:20px!important;padding:58px 0 34px!important;align-items:center!important;
  position:relative;z-index:3;
}
#start .hero-copy--modern{max-width:790px!important;padding:0!important;position:relative;z-index:4}
#start .hero-copy--modern .kicker{margin-bottom:18px!important}
#start .hero-copy--modern h1{
  font-size:clamp(42px,4.15vw,66px)!important;line-height:.96!important;
  letter-spacing:-2.2px!important;margin:0 0 20px!important;max-width:800px!important;
  text-transform:none!important;color:#f4f5f2!important;
}
#start .hero-copy--modern h1 strong{color:#ef3029!important;font-weight:950!important}
#start .hero-subtitle-modern{display:none!important}
#start .hero-extra-text{font-size:17px!important;line-height:1.52!important;max-width:770px!important;color:#e0e4e5!important}
#start .hero-extra-text p{margin:0 0 7px!important}
#start .hero-promise{margin-top:28px!important;padding-top:16px!important;border-top:0!important;gap:9px!important}
#start .hero-promise span{width:40px!important;height:4px!important;box-shadow:0 0 14px rgba(226,43,34,.45)}
#start .hero-promise b{font-size:19px!important;color:#ff3a32!important}
#start .hero-promise small{font-size:16px!important}
#start .hero-action-panel{
  justify-self:end!important;width:min(100%,590px)!important;height:100%!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-end!important;
}
#start .hero-action-panel:before{display:none!important}
#start .hero-action-top{width:100%!important;min-height:0!important;height:auto!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important}
#start .hero-action-label{display:none!important}
#start .hero-appointment{width:300px!important;height:300px!important;min-width:300px!important;flex:0 0 300px!important;margin-right:24px!important;filter:drop-shadow(0 0 20px rgba(255,28,20,.30))!important}
#start .hero-appointment .gear-appointment__svg{width:300px!important;height:300px!important}
#start .hero-appointment:hover{transform:scale(1.025)!important}
#start .hero-feature-row{
  width:100%!important;max-width:520px!important;margin:18px 0 0!important;padding:0!important;border:0!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;
}
#start .hero-feature{
  min-height:104px!important;padding:14px 8px!important;border:1px solid rgba(255,255,255,.11)!important;
  border-right:0!important;background:rgba(5,8,10,.68)!important;backdrop-filter:blur(3px);gap:5px!important;
}
#start .hero-feature:last-child{border-right:1px solid rgba(255,255,255,.11)!important}
#start .hero-feature b{font-size:24px!important;color:#ff2e27!important}
#start .hero-feature strong{font-size:12px!important;letter-spacing:1.2px!important}
#start .hero-feature span{font-size:11px!important;color:#b9c0c4!important}
@media(max-width:1050px){
  #start.hero,#start .hero-inner--modern{height:auto!important;min-height:0!important}
  #start .hero-inner--modern{grid-template-columns:1fr!important;padding:70px 24px 40px!important;gap:28px!important}
  #start .hero-action-panel{align-items:center!important}
  #start .hero-appointment{margin-right:0!important}
}
@media(max-width:760px){
  #start .hero-copy--modern h1{font-size:39px!important;letter-spacing:-1.3px!important}
  #start .hero-extra-text{font-size:14px!important}
  #start .hero-appointment{width:220px!important;height:220px!important;min-width:220px!important;flex-basis:220px!important}
  #start .hero-appointment .gear-appointment__svg{width:220px!important;height:220px!important}
  #start .hero-feature-row{max-width:none!important}
  #start .hero-feature{min-height:88px!important}
  #start .hero-feature strong{font-size:10px!important}
}


/* V124 – final professional workshop hero: clean, compact, sharp and image-led */
#start.hero{
  min-height:455px!important;
  height:455px!important;
  background-image:linear-gradient(90deg,rgba(3,5,7,.98) 0%,rgba(3,5,7,.88) 31%,rgba(3,5,7,.36) 61%,rgba(3,5,7,.60) 100%),url('../assets/hero/hero-clean-v124.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#start.hero:before{display:none!important}
#start.hero:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0 72%,rgba(226,43,34,.08) 82%,transparent 100%)!important;
}
#start .hero-grid{display:none!important}
#start .hero-inner--modern{
  min-height:455px!important;height:455px!important;padding:0!important;
  grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr)!important;
  gap:30px!important;align-items:center!important;
}
#start .hero-copy--modern{max-width:760px!important;padding:0!important}
#start .hero-copy--modern .kicker{margin-bottom:12px!important}
#start .hero-copy--modern h1{
  font-size:clamp(40px,3.65vw,60px)!important;line-height:.98!important;
  letter-spacing:-1.8px!important;margin:0 0 18px!important;text-transform:none!important;
  color:#f5f6f5!important;max-width:760px!important;
}
#start .hero-copy--modern h1 strong{color:#ef3029!important;font-weight:950!important}
#start .hero-extra-text{font-size:16px!important;line-height:1.55!important;max-width:700px!important;color:#d9dddf!important}
#start .hero-extra-text p{margin:0 0 5px!important}
#start .hero-cta-row{display:flex!important;gap:10px!important;margin-top:24px!important;align-items:center!important}
#start .hero-cta{
  min-height:42px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;gap:18px!important;
  text-decoration:none!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.5px!important;text-transform:uppercase!important;
  border:1px solid rgba(255,255,255,.18)!important;transition:.2s ease!important
}
#start .hero-cta--primary{background:#e52b25!important;color:#fff!important;border-color:#e52b25!important;box-shadow:0 8px 24px rgba(226,43,34,.22)!important}
#start .hero-cta--secondary{background:rgba(10,13,15,.76)!important;color:#f1f2f1!important}
#start .hero-cta span{font-size:16px!important;line-height:1!important}
#start .hero-cta:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px rgba(0,0,0,.35)!important}
#start .hero-action-panel{
  width:100%!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important
}
#start .hero-action-top{width:100%!important;min-height:0!important;height:auto!important;justify-content:flex-end!important;align-items:center!important}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  width:210px!important;height:210px!important;min-width:210px!important;flex:0 0 210px!important;margin:0 34px 0 0!important;
  display:grid!important;filter:drop-shadow(0 0 10px rgba(255,28,20,.55)) drop-shadow(0 0 28px rgba(255,28,20,.20))!important
}
#start .hero-appointment .gear-appointment__svg{width:210px!important;height:210px!important}
#start .hero-appointment .gear-appointment__teeth{fill:#e31f1b!important;stroke:#ff4a43!important;stroke-width:2.4!important}
#start .hero-appointment .gear-appointment__outer{fill:#070a0c!important;stroke:#ff3b34!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__inner{fill:#090b0d!important;stroke:#d51e19!important;stroke-width:2!important}
#start .hero-appointment .gear-appointment__highlight{stroke:#fff!important;stroke-opacity:.20!important}
#start .hero-appointment .gear-appointment__text{fill:#ff4a42!important;font-size:10px!important;stroke:#000!important;stroke-width:1.6px!important}
#start .hero-feature-row{width:100%!important;max-width:470px!important;margin:18px 0 0!important;padding:0!important;border:0!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:rgba(255,255,255,.12)!important}
#start .hero-feature{min-height:76px!important;padding:10px 7px!important;border:0!important;background:rgba(7,10,12,.86)!important;gap:4px!important}
#start .hero-feature b{font-size:18px!important;color:#ef3029!important}
#start .hero-feature strong{font-size:9px!important;letter-spacing:1.1px!important}
#start .hero-feature span{font-size:9px!important;color:#aeb5b9!important}
@media(max-width:1050px){
  #start.hero,#start .hero-inner--modern{height:auto!important;min-height:0!important}
  #start .hero-inner--modern{grid-template-columns:1fr!important;padding:65px 24px 40px!important;gap:30px!important}
  #start .hero-action-panel{align-items:center!important}
  #start .hero-appointment{margin-right:0!important}
}
@media(max-width:760px){
  #start .hero-copy--modern h1{font-size:38px!important;letter-spacing:-1.2px!important}
  #start .hero-extra-text{font-size:14px!important}
  #start .hero-cta-row{flex-wrap:wrap!important}
  #start .hero-appointment{width:170px!important;height:170px!important;min-width:170px!important;flex-basis:170px!important}
  #start .hero-appointment .gear-appointment__svg{width:170px!important;height:170px!important}
  #start .hero-feature-row{max-width:none!important}
}

/* =========================================================
   V125 – AITRACHBIKES HERO / MOTORRADWERKSTATT EDITION
   Clean rebuild inspired by the approved reference design.
   ========================================================= */
#start.hero{
  min-height:560px!important;
  height:560px!important;
  overflow:hidden!important;
  background:#050607 url('../assets/hero/hero-workshop-v125.jpg') center right/auto 100% no-repeat!important;
  border-top:1px solid #1e2428!important;
  border-bottom:1px solid #20262a!important;
}
#start.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,
      #030506 0%,
      #030506 25%,
      rgba(3,5,6,.96) 38%,
      rgba(3,5,6,.70) 52%,
      rgba(3,5,6,.10) 72%,
      rgba(3,5,6,.45) 100%)!important;
  opacity:1!important;
  z-index:1!important;
}
#start.hero:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:90px!important;
  background:linear-gradient(0deg,rgba(3,5,6,.92),transparent)!important;
  z-index:2!important;
  pointer-events:none!important;
}
#start .hero-grid,#start .speed-lines{display:none!important}
#start .hero-inner--modern{
  position:relative!important;
  z-index:4!important;
  min-height:560px!important;
  height:560px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;
  gap:25px!important;
  align-items:center!important;
  padding-top:30px!important;
  padding-bottom:24px!important;
}
#start .hero-copy--modern{
  max-width:760px!important;
  padding:0!important;
  align-self:center!important;
}
#start .hero-copy--modern .kicker{
  margin:0 0 14px!important;
  font-size:11px!important;
  letter-spacing:2.8px!important;
  color:#ff3028!important;
}
#start .hero-copy--modern .kicker span{width:30px!important;height:3px!important;margin-right:10px!important}
#start .hero-copy--modern h1{
  margin:0 0 20px!important;
  font-size:clamp(46px,4.6vw,72px)!important;
  line-height:.92!important;
  letter-spacing:-2.4px!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#f4f5f4!important;
  max-width:720px!important;
}
#start .hero-copy--modern h1 strong{
  display:block!important;
  color:#ed3029!important;
  font-weight:950!important;
}
#start .hero-subtitle-modern{display:none!important}
#start .hero-extra-text{
  max-width:690px!important;
  color:#dce0e2!important;
  font-size:16px!important;
  line-height:1.52!important;
  margin:0!important;
}
#start .hero-extra-text p{margin:0 0 4px!important}
#start .hero-promise{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  margin:25px 0 0!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
}
#start .hero-promise span{
  display:inline-block!important;
  width:38px!important;
  height:4px!important;
  background:#ef3029!important;
  box-shadow:0 0 13px rgba(239,48,41,.4)!important;
  flex:0 0 auto!important;
}
#start .hero-promise strong{
  color:#ef3029!important;
  font-size:20px!important;
  font-weight:900!important;
}
#start .hero-promise small{font-size:15px!important;color:#f0f1ef!important}
#start .hero-cta-row{display:none!important}

/* Right-hand CTA zone: transparent so the workshop photograph remains visible. */
#start .hero-action-panel{
  position:relative!important;
  width:100%!important;
  max-width:570px!important;
  justify-self:end!important;
  align-self:stretch!important;
  padding:0 0 0 40px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#start .hero-action-panel:before{display:none!important}
#start .hero-action-top{
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding-bottom:55px!important;
}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  position:relative!important;
  inset:auto!important;
  width:245px!important;
  height:245px!important;
  min-width:245px!important;
  flex:0 0 245px!important;
  margin:0 30px 0 0!important;
  transform:none!important;
  filter:drop-shadow(0 0 9px rgba(255,31,24,.65)) drop-shadow(0 0 28px rgba(255,31,24,.24))!important;
}
#start .hero-appointment .gear-appointment__svg{width:245px!important;height:245px!important}
#start .hero-appointment .gear-appointment__teeth{fill:#17191b!important;stroke:#ff2d27!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__outer{fill:#07090b!important;stroke:#ff3b34!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__inner{fill:#030405!important;stroke:#cf1e19!important;stroke-width:2!important}
#start .hero-appointment .gear-appointment__highlight{stroke:#ff574f!important;stroke-opacity:.32!important}
#start .hero-appointment .gear-appointment__text{fill:#ff443d!important;font-size:10px!important;font-weight:900!important;letter-spacing:.4px!important;stroke:#000!important;stroke-width:1.3px!important}
#start .hero-appointment:hover{transform:scale(1.035)!important}
#start .hero-feature-row{
  position:absolute!important;
  left:40px!important;
  right:0!important;
  bottom:8px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:1px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
#start .hero-feature{
  min-height:100px!important;
  padding:14px 8px!important;
  border:0!important;
  background:rgba(3,6,8,.88)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
  gap:5px!important;
}
#start .hero-feature b{font-size:24px!important;color:#ff3029!important;line-height:1!important}
#start .hero-feature strong{font-size:12px!important;letter-spacing:1.2px!important;color:#f4f5f2!important}
#start .hero-feature span{font-size:10px!important;text-transform:uppercase!important;color:#b9c0c4!important}

@media(max-width:1050px){
  #start.hero{height:auto!important;min-height:0!important;background-size:auto 100%!important;background-position:58% center!important}
  #start .hero-inner--modern{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;padding:65px 24px 35px!important;gap:35px!important}
  #start .hero-action-panel{max-width:650px!important;width:100%!important;min-height:390px!important;justify-self:center!important;padding:0!important}
  #start .hero-action-top{height:310px!important;padding:0!important}
  #start .hero-appointment{margin:0!important;width:220px!important;height:220px!important;min-width:220px!important;flex-basis:220px!important}
  #start .hero-appointment .gear-appointment__svg{width:220px!important;height:220px!important}
  #start .hero-feature-row{left:0!important;bottom:0!important}
}
@media(max-width:650px){
  #start.hero{background-position:62% center!important}
  #start .hero-inner--modern{padding:52px 18px 28px!important}
  #start .hero-copy--modern h1{font-size:39px!important;letter-spacing:-1.4px!important}
  #start .hero-extra-text{font-size:14px!important}
  #start .hero-promise{flex-wrap:wrap!important}
  #start .hero-promise strong{font-size:17px!important}
  #start .hero-promise small{font-size:13px!important}
  #start .hero-action-panel{min-height:360px!important}
  #start .hero-action-top{height:265px!important}
  #start .hero-appointment{width:190px!important;height:190px!important;min-width:190px!important;flex-basis:190px!important}
  #start .hero-appointment .gear-appointment__svg{width:190px!important;height:190px!important}
  #start .hero-feature{min-height:82px!important}
  #start .hero-feature strong{font-size:9px!important}
  #start .hero-feature span{font-size:8px!important}
}

/* =========================================================
   V126 – FINAL MOTORRADWERKSTATT HEADER + HERO
   Clean, compact and visually aligned to the approved reference.
   ========================================================= */
.site-header{
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  background:linear-gradient(180deg,#07090b 0%,#0b0e10 100%)!important;
  border-bottom:1px solid #293036!important;
  box-shadow:0 8px 30px rgba(0,0,0,.25)!important;
}
.site-header .nav{
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  max-width:1480px!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:310px minmax(420px,1fr) 315px!important;
  align-items:center!important;
  gap:28px!important;
}
.site-header .site-brand-link{
  width:310px!important;
  height:118px!important;
  min-height:118px!important;
  flex:none!important;
  justify-content:flex-start!important;
  transform:none!important;
}
.site-header .site-brand-image{
  width:230px!important;
  max-width:230px!important;
  max-height:98px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .main-nav{
  width:100%!important;
  height:54px!important;
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  background:linear-gradient(180deg,#111619,#0c1012)!important;
  border:1px solid #273036!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.site-header .main-nav a{
  height:52px!important;
  padding:0 20px!important;
  font-size:12px!important;
  letter-spacing:1.2px!important;
  font-weight:900!important;
  color:#e7e9e9!important;
  position:relative!important;
  transition:.18s ease!important;
}
.site-header .main-nav a:before{display:none!important}
.site-header .main-nav a:hover{color:#fff!important;background:rgba(255,40,32,.06)!important}
.site-header .main-nav a:first-child:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:4px!important;
  background:#f52d26!important;
  box-shadow:0 0 14px rgba(245,45,38,.55)!important;
}
.site-header .main-nav a:first-child:before{
  content:""!important;
  display:block!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#f52d26!important;
  margin-right:8px!important;
  box-shadow:0 0 8px rgba(245,45,38,.55)!important;
}
.site-header .header-opening-hours{
  position:relative!important;
  width:315px!important;
  min-width:315px!important;
  max-width:315px!important;
  margin:0!important;
  padding:12px 16px 10px!important;
  transform:none!important;
  background:linear-gradient(180deg,#0d1113,#090c0e)!important;
  border:1px solid #2b3237!important;
  border-left:3px solid #f12c25!important;
  box-sizing:border-box!important;
}
.site-header .header-opening-hours__title{
  color:#ff3029!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:2px!important;
  margin-bottom:8px!important;
}
.site-header .header-opening-hours__grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px 18px!important;
}
.site-header .header-opening-hours__row{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.site-header .header-opening-hours__row span{font-weight:900!important;color:#d8dcdd!important}
.site-header .header-opening-hours__row b{font-weight:800!important;color:#f3f4f2!important}
.site-header .header-opening-hours__note{
  margin-top:8px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  font-size:8px!important;
  color:#aeb5b8!important;
}
.site-header .header-opening-hours__note:before{
  content:""!important;
  display:inline-block!important;
  width:5px!important;height:5px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#f32d26!important;
  box-shadow:0 0 8px rgba(243,45,38,.6)!important;
}

#start.hero{
  height:548px!important;
  min-height:548px!important;
  overflow:hidden!important;
  position:relative!important;
  background-color:#030506!important;
  background-image:url('../assets/hero/hero-workshop-v125.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:right center!important;
  background-size:68% 100%!important;
  border-top:0!important;
  border-bottom:1px solid #2a3135!important;
}
#start.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,#030506 0%,#030506 28%,rgba(3,5,6,.96) 38%,rgba(3,5,6,.58) 48%,rgba(3,5,6,.05) 65%,rgba(3,5,6,.16) 100%)!important;
}
#start.hero:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:64px!important;
  z-index:2!important;
  background:linear-gradient(0deg,rgba(2,4,5,.92),transparent)!important;
}
#start .hero-inner--modern{
  z-index:4!important;
  height:548px!important;
  min-height:548px!important;
  max-width:1480px!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
  gap:0!important;
  align-items:stretch!important;
}
#start .hero-copy--modern{
  max-width:660px!important;
  align-self:center!important;
  padding:34px 20px 38px 0!important;
}
#start .hero-copy--modern .kicker{
  margin:0 0 14px!important;
  font-size:11px!important;
  letter-spacing:2.8px!important;
  color:#ff3028!important;
}
#start .hero-copy--modern h1{
  margin:0 0 18px!important;
  max-width:650px!important;
  font-size:clamp(42px,4vw,64px)!important;
  line-height:.94!important;
  letter-spacing:-2px!important;
  color:#f5f6f4!important;
}
#start .hero-copy--modern h1 strong{color:#f32e27!important}
#start .hero-extra-text{
  max-width:620px!important;
  font-size:16px!important;
  line-height:1.48!important;
  color:#e2e5e6!important;
}
#start .hero-extra-text p{margin:0 0 3px!important}
#start .hero-promise{
  margin-top:24px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
}
#start .hero-promise span{width:38px!important;height:4px!important;background:#f22d27!important}
#start .hero-promise strong{font-size:19px!important;color:#f22d27!important}
#start .hero-promise small{font-size:14px!important;color:#f1f2f0!important}
#start .hero-cta-row{display:none!important}
#start .hero-action-panel{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:548px!important;
  align-self:stretch!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#start .hero-action-panel:before{display:none!important}
#start .hero-action-top{
  position:absolute!important;
  inset:0 0 108px!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-right:36px!important;
}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  width:245px!important;height:245px!important;min-width:245px!important;flex:0 0 245px!important;
  margin:0!important;transform:none!important;
  filter:drop-shadow(0 0 10px rgba(255,35,28,.75)) drop-shadow(0 0 30px rgba(255,35,28,.35))!important;
}
#start .hero-appointment .gear-appointment__svg{width:245px!important;height:245px!important}
#start .hero-appointment .gear-appointment__teeth{fill:#101315!important;stroke:#ff3028!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__outer{fill:#050708!important;stroke:#ff3a33!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__inner{fill:#020304!important;stroke:#d5221c!important;stroke-width:2!important}
#start .hero-appointment .gear-appointment__text{fill:#ff433b!important;font-size:10px!important;font-weight:900!important;letter-spacing:1px!important;stroke:none!important}
#start .hero-feature-row{
  position:absolute!important;
  left:10%!important;right:0!important;bottom:22px!important;
  width:auto!important;max-width:none!important;
  margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;
  background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.12)!important;
}
#start .hero-feature{
  min-height:92px!important;padding:12px 8px!important;
  background:rgba(4,7,9,.90)!important;border:0!important;
  display:grid!important;justify-items:center!important;align-content:center!important;gap:5px!important;text-align:center!important;
}
#start .hero-feature b{font-size:22px!important;color:#ff3029!important}
#start .hero-feature strong{font-size:11px!important;letter-spacing:1.1px!important;color:#f4f5f2!important}
#start .hero-feature span{font-size:9px!important;color:#b9c0c4!important;text-transform:uppercase!important}

@media(max-width:1100px){
 .site-header .nav{grid-template-columns:230px 1fr!important;gap:18px!important}
 .site-header .site-brand-link{width:230px!important}
 .site-header .site-brand-image{width:205px!important}
 .site-header .header-opening-hours{display:none!important}
 #start .hero-inner--modern{grid-template-columns:48% 52%!important}
 #start .hero-appointment{width:210px!important;height:210px!important;min-width:210px!important;flex-basis:210px!important}
 #start .hero-appointment .gear-appointment__svg{width:210px!important;height:210px!important}
}
@media(max-width:760px){
 .site-header,.site-header .nav{height:76px!important;min-height:76px!important;max-height:76px!important}
 .site-header .nav{display:flex!important;padding:0 14px!important}
 .site-header .site-brand-link{width:190px!important;height:76px!important;min-height:76px!important}
 .site-header .site-brand-image{width:180px!important;max-width:180px!important;max-height:65px!important}
 .site-header .main-nav{display:none!important}
 #start.hero{height:auto!important;min-height:760px!important;background-size:auto 100%!important;background-position:66% center!important}
 #start .hero-inner--modern{height:auto!important;min-height:760px!important;display:block!important;padding:0 18px!important}
 #start .hero-copy--modern{padding:55px 0 25px!important;max-width:100%!important}
 #start .hero-copy--modern h1{font-size:40px!important}
 #start .hero-extra-text{font-size:14px!important}
 #start .hero-action-panel{height:330px!important}
 #start .hero-action-top{inset:0 0 92px!important;padding-right:0!important;justify-content:center!important}
 #start .hero-appointment{width:185px!important;height:185px!important;min-width:185px!important;flex-basis:185px!important}
 #start .hero-appointment .gear-appointment__svg{width:185px!important;height:185px!important}
 #start .hero-feature-row{left:0!important;bottom:0!important}
}

/* =========================================================
   V127 – FINAL WORKSHOP HERO / HEADER REBUILD
   One clean override block – replaces the conflicting V125/V126 layout.
   ========================================================= */
.site-header{
  height:104px!important;
  min-height:104px!important;
  background:linear-gradient(180deg,#050708 0%,#090c0e 100%)!important;
  border-bottom:1px solid #293034!important;
  box-shadow:0 8px 24px rgba(0,0,0,.32)!important;
}
.site-header .nav{
  height:104px!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:270px minmax(430px,1fr) 315px!important;
  align-items:center!important;
  gap:28px!important;
}
.site-header .site-brand-link{
  width:270px!important;
  height:104px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.site-header .site-brand-image{
  width:230px!important;
  max-width:230px!important;
  max-height:92px!important;
  object-fit:contain!important;
}
.site-header .main-nav{
  height:54px!important;
  width:100%!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(13,17,19,.94)!important;
  border:1px solid #273035!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.18)!important;
}
.site-header .main-nav a{
  height:52px!important;
  padding:0 17px!important;
  display:flex!important;
  align-items:center!important;
  font-size:12px!important;
  letter-spacing:1.15px!important;
  font-weight:900!important;
  color:#e9ebea!important;
  white-space:nowrap!important;
}
.site-header .main-nav a:first-child:before{display:none!important}
.site-header .main-nav a:first-child:after{display:none!important}
.site-header .main-nav a:hover{background:rgba(242,45,38,.07)!important;color:#fff!important}
.site-header .main-nav a.active,
.site-header .main-nav a[aria-current="page"]{
  color:#fff!important;
  box-shadow:inset 0 -3px 0 #f32d27!important;
}
.site-header .header-opening-hours{
  width:315px!important;
  min-width:315px!important;
  max-width:315px!important;
  margin:0!important;
  padding:11px 15px 9px!important;
  background:linear-gradient(180deg,#0e1214,#090c0e)!important;
  border:1px solid #2b3237!important;
  border-left:3px solid #f32d27!important;
  box-sizing:border-box!important;
}
.site-header .header-opening-hours__title{
  margin-bottom:7px!important;
  color:#ff3029!important;
  font-size:10px!important;
  letter-spacing:2px!important;
  font-weight:1000!important;
}
.site-header .header-opening-hours__grid{gap:4px 18px!important}
.site-header .header-opening-hours__row{font-size:9px!important}
.site-header .header-opening-hours__note{font-size:8px!important;margin-top:7px!important;padding-top:6px!important}

#start.hero{
  position:relative!important;
  height:590px!important;
  min-height:590px!important;
  overflow:hidden!important;
  background-color:#050708!important;
  background-image:url('../assets/hero/hero-workshop-v125.jpg')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center 52%!important;
  border-top:0!important;
  border-bottom:1px solid #2b3236!important;
}
#start.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,
      rgba(3,5,6,.985) 0%,
      rgba(3,5,6,.94) 24%,
      rgba(3,5,6,.72) 43%,
      rgba(3,5,6,.22) 63%,
      rgba(3,5,6,.08) 78%,
      rgba(3,5,6,.48) 100%),
    linear-gradient(0deg,rgba(2,4,5,.72),transparent 30%,rgba(0,0,0,.15))!important;
}
#start.hero:after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;right:0!important;bottom:0!important;
  height:72px!important;
  background:linear-gradient(0deg,#050708,transparent)!important;
  pointer-events:none!important;
}
#start .hero-grid,#start .speed-lines{display:none!important}
#start .hero-inner--modern{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:1500px!important;
  height:590px!important;
  min-height:590px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,55%) minmax(430px,45%)!important;
  gap:0!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
#start .hero-copy--modern{
  align-self:center!important;
  max-width:720px!important;
  padding:18px 30px 30px 0!important;
  box-sizing:border-box!important;
}
#start .hero-copy--modern .kicker{
  margin:0 0 14px!important;
  color:#ff3029!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:3px!important;
}
#start .hero-copy--modern .kicker span{width:31px!important;height:3px!important;margin-right:11px!important}
#start .hero-copy--modern h1{
  max-width:690px!important;
  margin:0 0 18px!important;
  font-size:clamp(40px,3.6vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-1.6px!important;
  font-weight:950!important;
  color:#f3f4f2!important;
}
#start .hero-copy--modern h1 strong{color:#f02f28!important}
#start .hero-extra-text{
  max-width:670px!important;
  margin:0!important;
  color:#e3e6e5!important;
  font-size:16px!important;
  line-height:1.52!important;
}
#start .hero-extra-text p{margin:0 0 4px!important}
#start .hero-promise{
  margin-top:25px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:0!important;
  border:0!important;
}
#start .hero-promise span{width:40px!important;height:4px!important;background:#f32d27!important;flex:0 0 40px!important}
#start .hero-promise strong{font-size:19px!important;color:#f32d27!important;line-height:1.2!important}
#start .hero-promise small{font-size:14px!important;color:#f0f2f1!important;line-height:1.2!important}
#start .hero-cta-row{display:none!important}
#start .hero-action-panel{
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  height:590px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#start .hero-action-top{
  position:absolute!important;
  inset:0 0 115px 0!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 36px 0 0!important;
}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  width:250px!important;
  height:250px!important;
  min-width:250px!important;
  flex:0 0 250px!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 0 10px rgba(255,35,28,.7)) drop-shadow(0 0 30px rgba(255,35,28,.32))!important;
}
#start .hero-appointment .gear-appointment__svg{width:250px!important;height:250px!important}
#start .hero-appointment .gear-appointment__teeth{fill:#0c0f11!important;stroke:#ff3028!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__outer{fill:#050708!important;stroke:#ff3a33!important;stroke-width:3!important}
#start .hero-appointment .gear-appointment__inner{fill:#020304!important;stroke:#d5221c!important;stroke-width:2!important}
#start .hero-appointment .gear-appointment__highlight{stroke:#ff574f!important;stroke-opacity:.28!important}
#start .hero-appointment .gear-appointment__text{fill:#ff4038!important;font-size:10px!important;font-weight:1000!important;letter-spacing:1.2px!important;stroke:none!important}
#start .hero-feature-row{
  position:absolute!important;
  left:5%!important;
  right:0!important;
  bottom:24px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:1px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
#start .hero-feature{
  min-height:88px!important;
  padding:12px 8px!important;
  background:rgba(5,8,10,.91)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:5px!important;
  text-align:center!important;
  border:0!important;
}
#start .hero-feature b{font-size:22px!important;color:#ff3029!important;line-height:1!important}
#start .hero-feature strong{font-size:11px!important;letter-spacing:1.2px!important;color:#f5f6f4!important}
#start .hero-feature span{font-size:9px!important;text-transform:uppercase!important;color:#b9c0c4!important}

@media(max-width:1100px){
  .site-header .nav{grid-template-columns:220px 1fr!important;gap:18px!important}
  .site-header .site-brand-link{width:220px!important}
  .site-header .site-brand-image{width:200px!important}
  .site-header .header-opening-hours{display:none!important}
  #start .hero-inner--modern{grid-template-columns:52% 48%!important}
  #start .hero-appointment{width:215px!important;height:215px!important;min-width:215px!important;flex-basis:215px!important}
  #start .hero-appointment .gear-appointment__svg{width:215px!important;height:215px!important}
}
@media(max-width:760px){
  .site-header,.site-header .nav{height:78px!important;min-height:78px!important;max-height:78px!important}
  .site-header .nav{display:flex!important;padding:0 14px!important}
  .site-header .site-brand-link{width:190px!important;height:78px!important}
  .site-header .site-brand-image{width:180px!important;max-width:180px!important;max-height:68px!important}
  .site-header .main-nav{display:none!important}
  #start.hero{height:auto!important;min-height:820px!important;background-position:62% center!important;background-size:cover!important}
  #start .hero-inner--modern{height:auto!important;min-height:820px!important;display:flex!important;flex-direction:column!important;padding:0 18px!important}
  #start .hero-copy--modern{padding:52px 0 20px!important;max-width:100%!important}
  #start .hero-copy--modern h1{font-size:40px!important;letter-spacing:-1.2px!important}
  #start .hero-extra-text{font-size:14px!important}
  #start .hero-action-panel{height:360px!important;min-height:360px!important}
  #start .hero-action-top{inset:0 0 96px!important;justify-content:center!important;padding:0!important}
  #start .hero-appointment{width:185px!important;height:185px!important;min-width:185px!important;flex-basis:185px!important}
  #start .hero-appointment .gear-appointment__svg{width:185px!important;height:185px!important}
  #start .hero-feature-row{left:0!important;right:0!important;bottom:0!important}
}

/* V127 final cleanup: do not duplicate the editable hero promise text. */
#start .hero-promise{display:none!important;}


/* V128 – compact professional workshop hero rebuild */
#start.hero{
  position:relative!important;
  height:410px!important;
  min-height:410px!important;
  max-height:410px!important;
  overflow:hidden!important;
  background:#050708!important;
  background-image:none!important;
  border-top:1px solid #252b2f!important;
  border-bottom:1px solid #252b2f!important;
}
#start.hero:after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:63%!important;
  background-image:linear-gradient(90deg,rgba(5,7,8,1) 0%,rgba(5,7,8,.92) 7%,rgba(5,7,8,.32) 28%,rgba(5,7,8,.04) 62%,rgba(5,7,8,.18) 100%),url('../assets/hero/hero-workshop-v128-wide.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-left:1px solid rgba(255,48,40,.16)!important;
  box-shadow:inset 35px 0 60px rgba(0,0,0,.65), inset -30px 0 45px rgba(0,0,0,.18)!important;
  pointer-events:none!important;
}
#start.hero:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.24) 100%),
    linear-gradient(90deg,transparent 0%,transparent 55%,rgba(255,39,32,.035) 100%)!important;
  pointer-events:none!important;
}
#start .hero-grid,#start .speed-lines{display:none!important}
#start .hero-inner--modern{
  position:relative!important;
  z-index:4!important;
  width:min(1240px,calc(100% - 56px))!important;
  max-width:1240px!important;
  height:410px!important;
  min-height:410px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
  gap:0!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
#start .hero-copy--modern{
  align-self:center!important;
  max-width:570px!important;
  padding:0 36px 0 0!important;
  box-sizing:border-box!important;
}
#start .hero-copy--modern .kicker{
  margin:0 0 10px!important;
  color:#ff3029!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:2.6px!important;
  line-height:1!important;
}
#start .hero-copy--modern .kicker span{display:inline-block!important;width:26px!important;height:2px!important;margin-right:9px!important;background:#ff3029!important;vertical-align:middle!important}
#start .hero-copy--modern h1{
  max-width:560px!important;
  margin:0 0 12px!important;
  font-size:clamp(25px,2.35vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.55px!important;
  font-weight:900!important;
  color:#f4f5f4!important;
}
#start .hero-copy--modern h1 strong{color:#ff332c!important}
#start .hero-extra-text{
  max-width:550px!important;
  margin:0!important;
  color:#d9ddde!important;
  font-size:13px!important;
  line-height:1.43!important;
}
#start .hero-extra-text p{margin:0 0 3px!important}
#start .hero-cta-row{display:none!important}
#start .hero-action-panel{
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  height:410px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#start .hero-action-top{
  position:absolute!important;
  inset:0 0 86px 0!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 54px 0 0!important;
}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  width:158px!important;
  height:158px!important;
  min-width:158px!important;
  flex:0 0 158px!important;
  margin:0!important;
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px))!important;
  filter:drop-shadow(0 0 7px rgba(255,35,28,.65)) drop-shadow(0 0 18px rgba(255,35,28,.2))!important;
}
#start .hero-appointment .gear-appointment__svg{width:158px!important;height:158px!important}
#start .hero-appointment .gear-appointment__teeth{fill:#0c0f11!important;stroke:#ff3028!important;stroke-width:2.4!important}
#start .hero-appointment .gear-appointment__outer{fill:#050708!important;stroke:#ff3a33!important;stroke-width:2.5!important}
#start .hero-appointment .gear-appointment__inner{fill:#020304!important;stroke:#d5221c!important;stroke-width:1.7!important}
#start .hero-appointment .gear-appointment__highlight{stroke:#ff574f!important;stroke-opacity:.25!important}
#start .hero-appointment .gear-appointment__text{fill:#ff4038!important;font-size:9px!important;font-weight:900!important;letter-spacing:1px!important;stroke:none!important}
#start .hero-feature-row{
  position:absolute!important;
  left:auto!important;
  right:24px!important;
  bottom:20px!important;
  width:min(520px,82%)!important;
  max-width:520px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:1px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
#start .hero-feature{
  min-height:68px!important;
  padding:9px 6px!important;
  background:rgba(5,8,10,.88)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:3px!important;
  text-align:center!important;
  border:0!important;
}
#start .hero-feature b{font-size:17px!important;color:#ff3029!important;line-height:1!important}
#start .hero-feature strong{font-size:9px!important;letter-spacing:1px!important;color:#f5f6f4!important}
#start .hero-feature span{font-size:8px!important;text-transform:uppercase!important;color:#aeb5b9!important}

@media(max-width:1000px){
  #start.hero{height:460px!important;min-height:460px!important;max-height:none!important}
  #start.hero:after{width:58%!important}
  #start .hero-inner--modern{height:460px!important;min-height:460px!important;width:min(94%,900px)!important;grid-template-columns:48% 52%!important}
  #start .hero-copy--modern{padding-right:22px!important}
  #start .hero-copy--modern h1{font-size:28px!important}
  #start .hero-extra-text{font-size:12px!important}
  #start .hero-appointment{width:135px!important;height:135px!important;min-width:135px!important;flex-basis:135px!important}
  #start .hero-appointment .gear-appointment__svg{width:135px!important;height:135px!important}
  #start .hero-action-top{padding-right:25px!important}
  #start .hero-feature-row{right:12px!important;width:92%!important}
}
@media(max-width:760px){
  #start.hero{height:auto!important;min-height:620px!important;max-height:none!important}
  #start.hero:after{top:0!important;bottom:auto!important;height:330px!important;width:100%!important;background-position:center top!important;background-size:cover!important;opacity:.72!important}
  #start .hero-inner--modern{height:auto!important;min-height:620px!important;width:calc(100% - 32px)!important;display:flex!important;flex-direction:column!important;padding:0!important}
  #start .hero-copy--modern{padding:250px 0 15px!important;max-width:100%!important;align-self:stretch!important}
  #start .hero-copy--modern h1{font-size:28px!important}
  #start .hero-extra-text{font-size:13px!important}
  #start .hero-action-panel{height:170px!important;min-height:170px!important}
  #start .hero-action-top{inset:0 0 76px 0!important;justify-content:center!important;padding:0!important}
  #start .hero-appointment{width:110px!important;height:110px!important;min-width:110px!important;flex-basis:110px!important}
  #start .hero-appointment .gear-appointment__svg{width:110px!important;height:110px!important}
  #start .hero-feature-row{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}
  #start .hero-feature{min-height:60px!important}
}

/* V128 cache bust marker */


/* V129 – compact hero rebuild: clean, low profile, workshop-focused */
#start.hero{
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#050708!important;
  border-top:1px solid #252b2f!important;
  border-bottom:1px solid #252b2f!important;
}
#start .hero-media{
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:43%!important;
  background-image:linear-gradient(90deg,#050708 0%,rgba(5,7,8,.82) 7%,rgba(5,7,8,.28) 25%,rgba(5,7,8,.04) 55%),url('../assets/hero/hero-workshop-v128-wide.jpg')!important;
  background-size:cover!important;
  background-position:center 54%!important;
  background-repeat:no-repeat!important;
}
#start .hero-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))!important;
}
#start.hero:before,#start.hero:after{display:none!important}
#start .hero-grid,#start .speed-lines{display:none!important}
#start .hero-inner--modern{
  width:min(1240px,calc(100% - 56px))!important;
  height:300px!important;
  min-height:300px!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:44% 56%!important;
  gap:0!important;
  align-items:stretch!important;
}
#start .hero-copy--modern{
  align-self:center!important;
  max-width:620px!important;
  padding:0 28px 0 0!important;
}
#start .hero-copy--modern .kicker{
  margin:0 0 7px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:2.2px!important;
}
#start .hero-copy--modern .kicker span{width:22px!important;height:2px!important;margin-right:7px!important}
#start .hero-copy--modern h1{
  max-width:610px!important;
  margin:0 0 8px!important;
  font-size:clamp(22px,2.1vw,32px)!important;
  line-height:1.04!important;
  letter-spacing:-.45px!important;
  text-transform:none!important;
}
#start .hero-copy--modern h1 strong{color:#ff332c!important}
#start .hero-extra-text{
  max-width:610px!important;
  font-size:12px!important;
  line-height:1.34!important;
  color:#d7dcde!important;
}
#start .hero-extra-text p{margin:0 0 2px!important}
#start .hero-cta-row,#start .hero-promise{display:none!important}
#start .hero-action-panel{
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  height:300px!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#start .hero-action-top{
  position:absolute!important;
  inset:0 0 58px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 42px 0 0!important;
}
#start .hero-action-label{display:none!important}
#start .hero-appointment{
  width:126px!important;
  height:126px!important;
  min-width:126px!important;
  flex:0 0 126px!important;
  margin:0!important;
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px))!important;
  filter:drop-shadow(0 0 6px rgba(255,35,28,.58)) drop-shadow(0 0 14px rgba(255,35,28,.18))!important;
}
#start .hero-appointment .gear-appointment__svg{width:126px!important;height:126px!important}
#start .hero-appointment .gear-appointment__teeth{stroke-width:2.2!important}
#start .hero-appointment .gear-appointment__outer{stroke-width:2.2!important}
#start .hero-appointment .gear-appointment__inner{stroke-width:1.5!important}
#start .hero-appointment .gear-appointment__text{font-size:8px!important;letter-spacing:.8px!important}
#start .hero-feature-row{
  position:absolute!important;
  right:0!important;
  bottom:16px!important;
  left:auto!important;
  width:390px!important;
  max-width:390px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:1px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
#start .hero-feature{
  min-height:56px!important;
  padding:6px 4px!important;
  background:rgba(5,8,10,.84)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:2px!important;
  border:0!important;
}
#start .hero-feature b{font-size:14px!important;color:#ff3029!important}
#start .hero-feature strong{font-size:8px!important;letter-spacing:.9px!important}
#start .hero-feature span{font-size:7px!important;color:#aeb5b9!important}

@media(max-width:1000px){
  #start.hero{height:340px!important;min-height:340px!important;max-height:340px!important}
  #start .hero-inner--modern{height:340px!important;min-height:340px!important;grid-template-columns:46% 54%!important;width:min(94%,900px)!important}
  #start .hero-copy--modern{padding-right:18px!important}
  #start .hero-copy--modern h1{font-size:25px!important}
  #start .hero-extra-text{font-size:11px!important}
  #start .hero-action-panel{height:340px!important}
  #start .hero-appointment{width:112px!important;height:112px!important;min-width:112px!important;flex-basis:112px!important}
  #start .hero-appointment .gear-appointment__svg{width:112px!important;height:112px!important}
  #start .hero-action-top{padding-right:20px!important}
  #start .hero-feature-row{width:330px!important;max-width:330px!important;right:0!important}
}
@media(max-width:760px){
  #start.hero{height:auto!important;min-height:520px!important;max-height:none!important}
  #start .hero-media{left:0!important;height:220px!important;bottom:auto!important;background-position:center top!important}
  #start .hero-inner--modern{height:auto!important;min-height:520px!important;width:calc(100% - 32px)!important;display:flex!important;flex-direction:column!important;padding:210px 0 0!important}
  #start .hero-copy--modern{padding:0 0 14px!important;max-width:100%!important}
  #start .hero-copy--modern h1{font-size:25px!important}
  #start .hero-extra-text{font-size:12px!important}
  #start .hero-action-panel{height:145px!important;min-height:145px!important}
  #start .hero-action-top{inset:0 0 58px 0!important;justify-content:center!important;padding:0!important}
  #start .hero-appointment{width:96px!important;height:96px!important;min-width:96px!important;flex-basis:96px!important}
  #start .hero-appointment .gear-appointment__svg{width:96px!important;height:96px!important}
  #start .hero-feature-row{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}
  #start .hero-feature{min-height:52px!important}
}

/* V129 cache bust marker */

/* V130 – eigenständiges, responsives Hero-Feature-Element */
#start .hero-inner--modern{position:relative!important;}
#start .hero-feature-strip{
  position:absolute!important;
  z-index:8!important;
  right:max(0px, calc((100% - 1240px) / 2))!important;
  bottom:16px!important;
  width:min(390px, 31vw)!important;
  min-width:300px!important;
  max-width:390px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:1px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  overflow:hidden!important;
}
#start .hero-feature-strip .hero-feature{
  min-width:0!important;
  min-height:58px!important;
  padding:7px 5px!important;
  box-sizing:border-box!important;
  background:rgba(5,8,10,.88)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:2px!important;
  border:0!important;
  text-align:center!important;
}
#start .hero-feature-strip .hero-feature b{font-size:14px!important;line-height:1!important;color:#ff3029!important;}
#start .hero-feature-strip .hero-feature strong{font-size:8px!important;line-height:1.1!important;letter-spacing:.9px!important;white-space:nowrap!important;}
#start .hero-feature-strip .hero-feature span{font-size:7px!important;line-height:1.1!important;color:#aeb5b9!important;white-space:nowrap!important;}

@media(max-width:1100px){
  #start .hero-feature-strip{right:16px!important;width:min(360px,38vw)!important;min-width:280px!important;}
}
@media(max-width:760px){
  #start .hero-feature-strip{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 14px!important;
  }
  #start .hero-feature-strip .hero-feature{min-height:52px!important;padding:6px 3px!important;}
  #start .hero-feature-strip .hero-feature strong{font-size:7px!important;}
  #start .hero-feature-strip .hero-feature span{font-size:6.5px!important;}
}

/* V130 cache bust marker */

/* V131 – Terminbutton stabilisieren: keine Positionsänderung bei Hover/Touch */
#start .hero-appointment,
#start .hero-appointment:hover,
#start .hero-appointment:focus,
#start .hero-appointment:focus-visible,
#start .hero-appointment:active{
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px)) !important;
  translate:none !important;
  rotate:none !important;
  scale:1 !important;
}
#start .hero-appointment .gear-appointment__svg,
#start .hero-appointment:hover .gear-appointment__svg,
#start .hero-appointment:focus-visible .gear-appointment__svg,
#start .hero-appointment:active .gear-appointment__svg{
  transform:none !important;
  translate:none !important;
  rotate:none !important;
  scale:1 !important;
}


/* V132 – Terminbutton: stabil, klickbar und mit kontrolliertem Leuchteffekt */
#start .hero-appointment,
#start .hero-appointment:hover,
#start .hero-appointment:focus,
#start .hero-appointment:focus-visible,
#start .hero-appointment:active{
  transform:translate(var(--appointment-button-x,0px),var(--appointment-button-y,0px)) !important;
  translate:none !important;
  rotate:none !important;
  scale:1 !important;
  cursor:pointer !important;
}
#start .hero-appointment .gear-appointment__svg,
#start .hero-appointment:hover .gear-appointment__svg,
#start .hero-appointment:focus-visible .gear-appointment__svg,
#start .hero-appointment:active .gear-appointment__svg{
  transform:none !important;
  translate:none !important;
  rotate:none !important;
  scale:1 !important;
  transition:filter .25s ease !important;
}
#start .hero-appointment .gear-appointment__glow{
  opacity:.82 !important;
  box-shadow:0 0 10px rgba(255,45,38,.48),0 0 24px rgba(255,35,28,.25) !important;
  transition:box-shadow .25s ease,opacity .25s ease !important;
}
#start .hero-appointment:hover .gear-appointment__glow,
#start .hero-appointment:focus-visible .gear-appointment__glow{
  opacity:1 !important;
  box-shadow:0 0 15px rgba(255,55,48,.88),0 0 32px rgba(226,43,34,.58),0 0 48px rgba(226,43,34,.25) !important;
}
#start .hero-appointment:hover .gear-appointment__svg,
#start .hero-appointment:focus-visible .gear-appointment__svg{
  filter:drop-shadow(0 0 5px rgba(255,58,50,.9)) drop-shadow(0 0 14px rgba(226,43,34,.62)) !important;
}
#start .hero-appointment:focus-visible{outline:2px solid #ff3a32 !important;outline-offset:5px !important;border-radius:50% !important;}


/* V133 – Hero-Features als eigenständiges, vollständig responsives Element */
#start.hero > .hero-feature-strip{
  position:absolute!important;
  z-index:12!important;
  left:auto!important;
  right:clamp(16px, 3vw, 48px)!important;
  bottom:16px!important;
  width:clamp(300px, 31vw, 500px)!important;
  min-width:0!important;
  max-width:calc(100vw - 32px)!important;
  margin:0!important;
  padding:1px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  overflow:hidden!important;
}
#start.hero > .hero-feature-strip .hero-feature{
  min-width:0!important;
  width:auto!important;
  min-height:clamp(54px, 5.4vw, 66px)!important;
  padding:clamp(6px, .6vw, 9px) 5px!important;
  box-sizing:border-box!important;
  background:rgba(5,8,10,.90)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:3px!important;
  border:0!important;
  text-align:center!important;
}
#start.hero > .hero-feature-strip .hero-feature b{
  font-size:clamp(13px, 1vw, 16px)!important;
  line-height:1!important;
  color:#ff3029!important;
}
#start.hero > .hero-feature-strip .hero-feature strong{
  font-size:clamp(8px, .65vw, 10px)!important;
  line-height:1.1!important;
  letter-spacing:.9px!important;
  white-space:nowrap!important;
  color:#f5f6f4!important;
}
#start.hero > .hero-feature-strip .hero-feature span{
  font-size:clamp(7px, .55vw, 8px)!important;
  line-height:1.1!important;
  color:#aeb5b9!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}
@media(max-width:1000px){
  #start.hero > .hero-feature-strip{
    right:20px!important;
    bottom:14px!important;
    width:min(42vw,420px)!important;
  }
}
@media(max-width:760px){
  #start.hero > .hero-feature-strip{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
  }
  #start.hero > .hero-feature-strip .hero-feature{
    min-height:52px!important;
    padding:6px 3px!important;
  }
}
@media(max-width:420px){
  #start.hero > .hero-feature-strip{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
  }
  #start.hero > .hero-feature-strip .hero-feature strong{font-size:7px!important;letter-spacing:.6px!important;}
  #start.hero > .hero-feature-strip .hero-feature span{font-size:6.5px!important;}
}

/* V134 – ÖFFNUNGSZEITEN ALS EIGENSTÄNDIGES, RESPONSIVES ELEMENT
   Die Karte ist nicht mehr von einer festen Breite/Position abhängig.
   Sie passt sich der verfügbaren Bildschirmbreite an und bleibt auf
   Desktop, Tablet und Smartphone sauber lesbar. */
.site-header .nav{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(300px,1fr) minmax(220px,clamp(220px,24vw,360px))!important;
  align-items:center!important;
  column-gap:22px!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
}
.site-header .site-brand-link{
  width:auto!important;
  min-width:0!important;
  flex:none!important;
  grid-column:1!important;
  margin:0!important;
}
.site-header .main-nav{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  justify-content:center!important;
}
.site-header .header-opening-hours{
  grid-column:3!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  padding:9px clamp(10px,1vw,15px) 8px!important;
  overflow:hidden!important;
}
.site-header .header-opening-hours__title{
  display:block!important;
  margin:0 0 6px!important;
}
.site-header .header-opening-hours__grid{
  display:flex!important;
  width:100%!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:clamp(6px,1vw,16px)!important;
}
.site-header .header-opening-hours__row{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:clamp(7px,.56vw,9px)!important;
}
.site-header .header-opening-hours__note{
  width:100%!important;
  max-width:100%!important;
}

@media(max-width:1180px){
  .site-header .nav{
    grid-template-columns:minmax(170px,220px) minmax(250px,1fr) minmax(210px,280px)!important;
    column-gap:14px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .site-header .main-nav a{padding-left:7px!important;padding-right:7px!important;font-size:9px!important}
}

@media(max-width:920px){
  .site-header{height:auto!important;min-height:0!important;max-height:none!important}
  .site-header .nav{
    height:auto!important;
    min-height:72px!important;
    max-height:none!important;
    grid-template-columns:minmax(150px,220px) 1fr!important;
    grid-template-rows:72px auto!important;
    column-gap:12px!important;
    row-gap:0!important;
    padding:0 16px!important;
  }
  .site-header .site-brand-link{grid-column:1!important;grid-row:1!important;height:72px!important;min-height:72px!important}
  .site-header .main-nav{grid-column:2!important;grid-row:1!important;height:72px!important}
  .site-header .header-opening-hours{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0 0 10px!important;
    justify-self:stretch!important;
  }
}

@media(max-width:760px){
  .site-header .nav{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:64px auto!important;
    padding:0 12px!important;
  }
  .site-header .site-brand-link{grid-column:1!important;grid-row:1!important;height:64px!important;min-height:64px!important}
  .site-header .main-nav{display:none!important}
  .site-header .header-opening-hours{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin:0 0 8px!important;
    padding:9px 10px 8px!important;
  }
  .site-header .header-opening-hours__grid{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:4px 14px!important;
  }
  .site-header .header-opening-hours__row{font-size:8px!important}
  .site-header .header-opening-hours__note{font-size:7px!important;white-space:normal!important}
}

/* V135 – Öffnungszeiten: eigenständige, scharf gerenderte Header-Karte
   Die Karte wird nicht mehr über das Header-Grid positioniert. Sie hängt
   direkt am Header und sitzt unabhängig vom Logo/Navigationsbereich rechts. */
.site-header .header-opening-hours{
  position:absolute!important;
  left:auto!important;
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:clamp(300px,20vw,370px)!important;
  min-width:300px!important;
  max-width:370px!important;
  margin:0!important;
  padding:10px 14px 9px!important;
  box-sizing:border-box!important;
  background:rgba(9,12,14,.96)!important;
  border:1px solid #2a3035!important;
  border-left:3px solid #ff3029!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  z-index:80!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
.site-header .header-opening-hours__title{
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:2px!important;
  font-weight:900!important;
  color:#ff3029!important;
  margin:0 0 7px!important;
  white-space:nowrap!important;
}
.site-header .header-opening-hours__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:5px 18px!important;
  width:100%!important;
  align-items:center!important;
}
.site-header .header-opening-hours__row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.2!important;
  color:#d8dcde!important;
}
.site-header .header-opening-hours__row span{
  font-weight:900!important;
  color:#f0f2f3!important;
}
.site-header .header-opening-hours__row b{
  font-weight:800!important;
  color:#f0f2f3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.site-header .header-opening-hours__note{
  margin-top:7px!important;
  padding-top:7px!important;
  border-top:1px solid #252b2f!important;
  font-size:8px!important;
  line-height:1.25!important;
  color:#aeb5b9!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.site-header .header-opening-hours__note:before{
  content:""!important;
  display:inline-block!important;
  width:5px!important;
  height:5px!important;
  margin:0 7px 1px 0!important;
  border-radius:50%!important;
  background:#ff3029!important;
}

@media (max-width:1180px){
  .site-header .header-opening-hours{
    right:16px!important;
    width:clamp(285px,23vw,340px)!important;
    min-width:285px!important;
  }
  .site-header .header-opening-hours__grid{gap:5px 10px!important}
  .site-header .header-opening-hours__row{font-size:8px!important;gap:6px!important}
}

@media (max-width:920px){
  .site-header .header-opening-hours{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 10px!important;
  }
}

@media (max-width:760px){
  .site-header .header-opening-hours{
    padding:9px 10px 8px!important;
    margin:0 0 8px!important;
  }
  .site-header .header-opening-hours__grid{
    grid-template-columns:1fr 1fr!important;
    gap:5px 12px!important;
  }
  .site-header .header-opening-hours__row{font-size:8px!important}
  .site-header .header-opening-hours__note{
    font-size:7px!important;
    white-space:normal!important;
  }
}

/* V136 – Öffnungszeiten wirklich an den Viewport koppeln
   Die Karte darf nicht mehr am inneren Header-Grid hängen. */
.site-header{position:relative!important;}
.site-header .nav{position:static!important;}
.site-header .header-opening-hours{
  position:absolute!important;
  grid-column:auto!important;
  grid-row:auto!important;
  left:auto!important;
  right:24px!important;
  top:50%!important;
  width:clamp(300px,22vw,370px)!important;
  min-width:300px!important;
  max-width:370px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  justify-self:auto!important;
  z-index:200!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
@media(max-width:1100px){
  .site-header .header-opening-hours{
    right:16px!important;
    width:min(340px,calc(100vw - 32px))!important;
    min-width:0!important;
  }
}
@media(max-width:900px){
  .site-header .header-opening-hours{
    right:12px!important;
    width:min(340px,calc(100vw - 24px))!important;
    min-width:0!important;
  }
}
@media(max-width:600px){
  .site-header .header-opening-hours{
    right:10px!important;
    top:8px!important;
    transform:none!important;
    width:calc(100vw - 20px)!important;
    max-width:none!important;
  }
}

/* V137 – echter Mobile-Rebuild
   Der Hero wird auf kleinen Displays als eigenständige, vertikale Module aufgebaut.
   Keine Desktop-Positionierungen, keine Überlagerungen und keine festen Desktop-Breiten. */
@media (max-width: 760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}

  .site-header{
    position:relative!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-header .nav{
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .site-header .site-brand-link{
    width:auto!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    flex:1 1 auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .site-header .site-brand-image{
    width:min(190px,52vw)!important;
    max-width:190px!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .site-header .main-nav{display:none!important;}
  .site-header .menu-btn{
    display:block!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    background:#0c1012!important;
    border:1px solid #30363a!important;
    color:#f2f2f2!important;
    font-size:23px!important;
    line-height:1!important;
  }

  /* Öffnungszeiten: auf Mobile als separates Element unterhalb des kompakten Headers */
  .site-header .header-opening-hours{
    display:none!important;
  }

  #start.hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    display:block!important;
    background:#050708!important;
    border-top:1px solid #252b2f!important;
    border-bottom:1px solid #252b2f!important;
  }
  #start .hero-media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
    background-image:linear-gradient(180deg,rgba(5,7,8,.02) 0%,rgba(5,7,8,.08) 58%,rgba(5,7,8,.82) 100%),url('../assets/hero/hero-workshop-v128-wide.jpg')!important;
    background-size:cover!important;
    background-position:center 42%!important;
    background-repeat:no-repeat!important;
  }
  #start .hero-media:after{display:none!important;}
  #start .hero-grid,#start .speed-lines{display:none!important;}

  #start .hero-inner--modern{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    position:relative!important;
  }
  #start .hero-copy--modern{
    width:100%!important;
    max-width:none!important;
    padding:22px 22px 10px!important;
    margin:0!important;
    align-self:stretch!important;
  }
  #start .hero-copy--modern .kicker{
    margin:0 0 9px!important;
    font-size:9px!important;
    line-height:1.1!important;
    letter-spacing:2px!important;
  }
  #start .hero-copy--modern .kicker span{
    width:22px!important;
    height:2px!important;
    margin-right:6px!important;
  }
  #start .hero-copy--modern h1{
    width:100%!important;
    max-width:none!important;
    margin:0 0 10px!important;
    font-size:22px!important;
    line-height:1.14!important;
    letter-spacing:-.25px!important;
  }
  #start .hero-extra-text{
    width:100%!important;
    max-width:none!important;
    font-size:15px!important;
    line-height:1.45!important;
    color:#d7dcde!important;
  }
  #start .hero-extra-text p{margin:0 0 5px!important;}
  #start .hero-promise{
    display:block!important;
    margin:18px 0 0!important;
    padding:13px 0 0!important;
    border-top:1px solid #4b1b1a!important;
    font-size:14px!important;
    line-height:1.35!important;
    color:#ffb21a!important;
  }
  #start .hero-promise span{display:none!important;}
  #start .hero-promise strong{color:#ff3029!important;font-size:14px!important;}
  #start .hero-promise small{font-size:13px!important;color:#cfd3d5!important;}
  #start .hero-cta-row{display:none!important;}

  /* Terminbutton als eigenes, nicht überlappendes Mobile-Modul */
  #start .hero-action-panel{
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
  }
  #start .hero-action-top{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:92px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #start .hero-action-label{display:none!important;}
  #start .hero-appointment{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    flex:0 0 76px!important;
    margin:0!important;
    transform:none!important;
    filter:drop-shadow(0 0 5px rgba(255,35,28,.62)) drop-shadow(0 0 13px rgba(255,35,28,.22))!important;
  }
  #start .hero-appointment .gear-appointment__svg{
    width:76px!important;
    height:76px!important;
  }
  #start .hero-appointment .gear-appointment__text{font-size:6.2px!important;letter-spacing:.55px!important;}

  /* Feature-Element: eigener Block, volle verfügbare Breite, keine absolute Position */
  #start.hero > .hero-feature-strip{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    min-width:0!important;
    margin:4px 12px 18px!important;
    padding:1px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:1px!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    overflow:hidden!important;
  }
  #start.hero > .hero-feature-strip .hero-feature{
    min-width:0!important;
    width:auto!important;
    min-height:64px!important;
    height:64px!important;
    margin:0!important;
    padding:7px 3px!important;
    display:grid!important;
    justify-items:center!important;
    align-content:center!important;
    gap:3px!important;
    background:#0b0f11!important;
    border:0!important;
  }
  #start.hero > .hero-feature-strip .hero-feature b{
    font-size:14px!important;
    line-height:1!important;
    color:#ff3029!important;
  }
  #start.hero > .hero-feature-strip .hero-feature strong{
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.8px!important;
    white-space:nowrap!important;
  }
  #start.hero > .hero-feature-strip .hero-feature span{
    font-size:7px!important;
    line-height:1.1!important;
    color:#aeb5b9!important;
    white-space:nowrap!important;
  }
}

@media (max-width:420px){
  .site-header .nav{padding:0 12px!important;}
  .site-header .site-brand-image{width:min(176px,50vw)!important;max-width:176px!important;}
  #start .hero-media{height:164px!important;min-height:164px!important;max-height:164px!important;}
  #start .hero-copy--modern{padding:19px 18px 8px!important;}
  #start .hero-copy--modern h1{font-size:20px!important;}
  #start .hero-extra-text{font-size:14px!important;line-height:1.42!important;}
  #start .hero-promise{font-size:13px!important;}
  #start .hero-promise strong{font-size:13px!important;}
  #start .hero-promise small{font-size:12px!important;}
  #start .hero-action-panel,#start .hero-action-top{height:84px!important;min-height:84px!important;}
  #start .hero-appointment,#start .hero-appointment .gear-appointment__svg{width:70px!important;height:70px!important;min-width:70px!important;}
  #start.hero > .hero-feature-strip{width:calc(100% - 20px)!important;margin:3px 10px 15px!important;}
  #start.hero > .hero-feature-strip .hero-feature{height:60px!important;min-height:60px!important;}
  #start.hero > .hero-feature-strip .hero-feature strong{font-size:7.5px!important;}
  #start.hero > .hero-feature-strip .hero-feature span{font-size:6.5px!important;}
}

/* V138 – mobile menu + visible booking action */
.mobile-menu{display:none}
.mobile-booking-label{display:none}

@media (max-width:760px){
  body.mobile-menu-open{overflow:hidden!important}
  .site-header .menu-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:48px!important;height:48px!important;
    border:1px solid #343a3e!important;
    background:#0a0d0f!important;
    color:#fff!important;
    cursor:pointer!important;
    z-index:1001!important;
  }
  .site-header .menu-btn span{display:block!important;width:24px!important;height:2px!important;background:#f3f3f3!important;border-radius:2px!important;transition:.2s ease!important}
  .mobile-menu{position:fixed!important;inset:0!important;z-index:9999!important;display:block!important;visibility:hidden!important;pointer-events:none!important}
  .mobile-menu.is-open{visibility:visible!important;pointer-events:auto!important}
  .mobile-menu__backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important;opacity:0!important;transition:opacity .2s ease!important}
  .mobile-menu.is-open .mobile-menu__backdrop{opacity:1!important}
  .mobile-menu__panel{position:absolute!important;top:0!important;right:0!important;width:min(86vw,360px)!important;height:100%!important;background:#090c0e!important;border-left:1px solid #343a3e!important;box-shadow:-15px 0 40px rgba(0,0,0,.5)!important;padding:82px 24px 28px!important;transform:translateX(100%)!important;transition:transform .22s ease!important}
  .mobile-menu.is-open .mobile-menu__panel{transform:translateX(0)!important}
  .mobile-menu__close{position:absolute!important;top:18px!important;right:18px!important;width:40px!important;height:40px!important;border:1px solid #343a3e!important;background:#0e1214!important;color:#fff!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
  .mobile-menu__brand{font-size:11px!important;letter-spacing:3px!important;font-weight:900!important;color:#ff3029!important;padding-bottom:18px!important;border-bottom:1px solid #292e32!important}
  .mobile-menu__nav{display:flex!important;flex-direction:column!important;margin-top:8px!important}
  .mobile-menu__nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:17px 0!important;border-bottom:1px solid #252a2d!important;color:#f1f2f2!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;letter-spacing:1.2px!important}
  .mobile-menu__nav a:hover{color:#ff3029!important}
  .mobile-menu__nav .mobile-menu__appointment{margin-top:20px!important;padding:16px 17px!important;background:#ef2b24!important;border:1px solid #ff4038!important;color:#fff!important}

  /* Booking button: own visible module, no absolute desktop positioning */
  #start .hero-action-panel{
    display:flex!important;
    position:relative!important;
    width:100%!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    z-index:5!important;
  }
  #start .hero-action-top{width:100%!important;height:108px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
  #start .hero-appointment{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:86px!important;height:86px!important;min-width:86px!important;max-width:86px!important;
    flex:0 0 86px!important;margin:0!important;
    transform:none!important;
    z-index:10!important;
    text-decoration:none!important;
    filter:drop-shadow(0 0 5px rgba(255,35,28,.7)) drop-shadow(0 0 16px rgba(255,35,28,.28))!important;
  }
  #start .hero-appointment .gear-appointment__svg{width:86px!important;height:86px!important;display:block!important;pointer-events:none!important}
  #start .hero-appointment .gear-appointment__glow{display:block!important;pointer-events:none!important}
  #start .mobile-booking-label{display:block!important;position:absolute!important;z-index:3!important;color:#ff3029!important;font-size:7px!important;line-height:1.35!important;font-weight:900!important;letter-spacing:1px!important;text-align:center!important;pointer-events:none!important}
  #start .hero-feature-strip{position:relative!important;z-index:6!important;margin-top:0!important}
}
@media(max-width:420px){
  #start .hero-action-panel,#start .hero-action-top{height:96px!important;min-height:96px!important;max-height:96px!important}
  #start .hero-appointment{width:78px!important;height:78px!important;min-width:78px!important;max-width:78px!important}
  #start .hero-appointment .gear-appointment__svg{width:78px!important;height:78px!important}
}

/* V139 – kompakter, sauberer Mobile-Header + modernisierte Navigation */
@media (max-width:760px){
  .site-header,
  .site-header .nav{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
  .site-header .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }
  .site-header .site-brand-link{
    flex:0 1 160px!important;
    width:160px!important;
    min-width:0!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .site-header .site-brand-image{
    display:block!important;
    width:150px!important;
    max-width:150px!important;
    height:auto!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }
  .site-header .menu-btn{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #343a3e!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,#111619,#0b0e10)!important;
    box-shadow:0 0 0 1px rgba(255,48,41,.05), inset 0 0 0 1px rgba(255,255,255,.02)!important;
  }
  .site-header .menu-btn span{
    width:22px!important;
    height:2px!important;
    margin:0!important;
    background:#e8ecee!important;
  }
  .site-header .menu-btn:hover span{background:#ff3029!important}

  /* Modernes Off-Canvas-Menü statt einfacher Reiterliste */
  .mobile-menu__panel{
    width:min(88vw,360px)!important;
    padding:76px 18px 24px!important;
    background:linear-gradient(180deg,#0b0f11 0%,#07090a 100%)!important;
    border-left:1px solid #30363a!important;
  }
  .mobile-menu__brand{
    padding:0 2px 14px!important;
    font-size:10px!important;
    letter-spacing:2.8px!important;
    border-bottom:1px solid #2a3034!important;
  }
  .mobile-menu__nav{
    margin-top:12px!important;
    gap:7px!important;
  }
  .mobile-menu__nav a{
    min-height:48px!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    border:1px solid #252b2f!important;
    border-radius:2px!important;
    background:#0e1315!important;
    font-size:12px!important;
    letter-spacing:1.3px!important;
    position:relative!important;
  }
  .mobile-menu__nav a:before{
    content:""!important;
    width:3px!important;
    height:18px!important;
    background:#ff3029!important;
    opacity:.9!important;
    margin-right:11px!important;
  }
  .mobile-menu__nav a:hover,
  .mobile-menu__nav a:focus-visible{
    background:#13191c!important;
    border-color:#4a3030!important;
    color:#fff!important;
  }
  .mobile-menu__nav .mobile-menu__appointment{
    margin-top:8px!important;
    min-height:52px!important;
    border-color:#ff3029!important;
    background:#c9211d!important;
    box-shadow:0 0 18px rgba(255,48,41,.18)!important;
  }
  .mobile-menu__nav .mobile-menu__appointment:before{background:#fff!important}

  /* Feature-Reiter: ruhiger, moderner und ohne gequetschte Beschriftung */
  #start.hero > .hero-feature-strip{
    width:calc(100% - 28px)!important;
    margin:4px 14px 16px!important;
    padding:0!important;
    gap:0!important;
    background:#252b2f!important;
    border:1px solid #30363a!important;
  }
  #start.hero > .hero-feature-strip .hero-feature{
    min-height:68px!important;
    height:68px!important;
    padding:8px 4px!important;
    background:#0b0f11!important;
    border:0!important;
    border-right:1px solid #30363a!important;
    position:relative!important;
  }
  #start.hero > .hero-feature-strip .hero-feature:last-child{border-right:0!important}
  #start.hero > .hero-feature-strip .hero-feature b{font-size:15px!important;color:#ff3029!important}
  #start.hero > .hero-feature-strip .hero-feature strong{font-size:8.5px!important;letter-spacing:1px!important;color:#f2f3f3!important}
  #start.hero > .hero-feature-strip .hero-feature span{font-size:7px!important;color:#8e979c!important}
}

@media (max-width:420px){
  .site-header,
  .site-header .nav{height:72px!important;min-height:72px!important;max-height:72px!important}
  .site-header .nav{padding:0 11px!important}
  .site-header .site-brand-link{width:145px!important;flex-basis:145px!important;height:72px!important;min-height:72px!important}
  .site-header .site-brand-image{width:136px!important;max-width:136px!important;max-height:54px!important}
  .site-header .menu-btn{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}
  #start.hero > .hero-feature-strip{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important}
  #start.hero > .hero-feature-strip .hero-feature{height:64px!important;min-height:64px!important}
}

/* V139 – Desktop-Navigation: keine schweren Reiter, sondern klare technische Navigation */
@media (min-width:761px){
  .site-header .main-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:4px!important;
    border:1px solid #252c30!important;
    background:#0c1113!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .site-header .main-nav a.nav-link,
  .site-header .main-nav > a:not(.nav-link){
    position:relative!important;
    height:42px!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    color:#d9dddf!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease!important;
  }
  .site-header .main-nav a.nav-link:before,
  .site-header .main-nav > a:not(.nav-link):before{display:none!important}
  .site-header .main-nav a.nav-link:after,
  .site-header .main-nav > a:not(.nav-link):after{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    height:2px!important;
    background:#ff3029!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    transition:transform .18s ease!important;
  }
  .site-header .main-nav a.nav-link:hover,
  .site-header .main-nav a.nav-link.is-active,
  .site-header .main-nav > a:not(.nav-link):hover{
    background:#12181b!important;
    color:#fff!important;
  }
  .site-header .main-nav a.nav-link:hover:after,
  .site-header .main-nav a.nav-link.is-active:after,
  .site-header .main-nav > a:not(.nav-link):hover:after{transform:scaleX(1)!important}
}

/* V140 – Navigation: der berührte/angesteuerte Menüpunkt leuchtet klar auf */
@media (min-width:761px){
  .site-header .main-nav a.nav-link,
  .site-header .main-nav > a:not(.nav-link){
    color:#d9dddf!important;
    text-shadow:none!important;
    transition:color .18s ease, text-shadow .18s ease, background .18s ease!important;
  }

  .site-header .main-nav a.nav-link:hover,
  .site-header .main-nav a.nav-link:focus-visible,
  .site-header .main-nav a.nav-link:active,
  .site-header .main-nav > a:not(.nav-link):hover,
  .site-header .main-nav > a:not(.nav-link):focus-visible,
  .site-header .main-nav > a:not(.nav-link):active{
    color:#ff3029!important;
    background:transparent!important;
    text-shadow:
      0 0 4px rgba(255,48,41,.75),
      0 0 10px rgba(255,48,41,.45),
      0 0 18px rgba(255,48,41,.22)!important;
  }

  .site-header .main-nav a.nav-link:hover:after,
  .site-header .main-nav a.nav-link:focus-visible:after,
  .site-header .main-nav a.nav-link:active:after,
  .site-header .main-nav > a:not(.nav-link):hover:after,
  .site-header .main-nav > a:not(.nav-link):focus-visible:after,
  .site-header .main-nav > a:not(.nav-link):active:after{
    background:#ff3029!important;
    box-shadow:0 0 7px rgba(255,48,41,.8),0 0 14px rgba(255,48,41,.35)!important;
    transform:scaleX(1)!important;
  }
}

/* Auch im mobilen Menü reagiert der jeweils berührte Menüpunkt sichtbar. */
@media (max-width:760px){
  .mobile-menu__nav a{
    transition:color .16s ease, text-shadow .16s ease, background .16s ease, padding-left .16s ease!important;
  }
  .mobile-menu__nav a:hover,
  .mobile-menu__nav a:focus-visible,
  .mobile-menu__nav a:active{
    color:#ff3029!important;
    text-shadow:0 0 7px rgba(255,48,41,.7),0 0 14px rgba(255,48,41,.35)!important;
    padding-left:7px!important;
    outline:none!important;
  }
  .mobile-menu__nav .mobile-menu__appointment:hover,
  .mobile-menu__nav .mobile-menu__appointment:focus-visible,
  .mobile-menu__nav .mobile-menu__appointment:active{
    color:#fff!important;
    text-shadow:0 0 8px rgba(255,255,255,.45)!important;
    padding-left:17px!important;
  }
}

/* V141 – LOGO & NAVIGATION FINAL CLEANUP
   Logo bekommt einen festen, kleinen Header-Bereich. Keine Überlappung,
   kein Zentrieren durch alte Header-Regeln. Navigation bleibt leicht und modern.
*/
.site-header{
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  overflow:visible!important;
  background:#080a0c!important;
}
.site-header .nav{
  position:relative!important;
  width:min(1320px,calc(100% - 48px))!important;
  height:82px!important;
  min-height:82px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-header .site-brand-link{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:230px!important;
  height:82px!important;
  min-height:82px!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:none!important;
  overflow:visible!important;
  z-index:30!important;
}
.site-header .site-brand-image{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}
.site-header .main-nav{
  position:static!important;
  width:auto!important;
  height:82px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:none!important;
}
.site-header .main-nav a,
.site-header .main-nav a.nav-link,
.site-header .main-nav > a:not(.nav-link){
  position:relative!important;
  height:42px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#d8dcde!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.05px!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transition:color .18s ease,text-shadow .18s ease!important;
}
.site-header .main-nav a:before{display:none!important}
.site-header .main-nav a:after{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:3px!important;
  width:auto!important;
  height:2px!important;
  background:#ff3029!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a:focus-visible,
.site-header .main-nav a:active,
.site-header .main-nav a.is-active{
  color:#ff3029!important;
  background:transparent!important;
  text-shadow:0 0 6px rgba(255,48,41,.75),0 0 14px rgba(255,48,41,.35)!important;
  outline:none!important;
}
.site-header .main-nav a:hover:after,
.site-header .main-nav a:focus-visible:after,
.site-header .main-nav a:active:after,
.site-header .main-nav a.is-active:after{
  transform:scaleX(1)!important;
  box-shadow:0 0 8px rgba(255,48,41,.8)!important;
}

/* Öffnungszeiten rechts sauber im Header halten */
.site-header .header-opening-hours{
  position:absolute!important;
  right:0!important;
  top:8px!important;
  transform:none!important;
  z-index:25!important;
}

@media(max-width:1050px) and (min-width:761px){
  .site-header .nav{width:calc(100% - 32px)!important}
  .site-header .site-brand-link{width:190px!important}
  .site-header .site-brand-image{width:180px!important;max-width:180px!important}
  .site-header .main-nav{gap:1px!important}
  .site-header .main-nav a{padding:0 9px!important;font-size:10px!important}
}

/* Mobile: Logo links, Hamburger rechts. Kein Überlappen und kein Zentrieren. */
@media(max-width:760px){
  .site-header,
  .site-header .nav{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
  }
  .site-header .nav{
    width:100%!important;
    margin:0!important;
    padding:0 14px!important;
    justify-content:flex-end!important;
  }
  .site-header .site-brand-link{
    position:absolute!important;
    left:14px!important;
    top:0!important;
    width:170px!important;
    height:74px!important;
    min-height:74px!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    z-index:40!important;
  }
  .site-header .site-brand-image{
    width:158px!important;
    max-width:158px!important;
    max-height:62px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .main-nav,
  .site-header .nav-cta,
  .site-header .header-tools,
  .site-header .header-opening-hours{
    display:none!important;
  }
  .site-header .menu-btn{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    z-index:50!important;
    display:flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid #30373b!important;
    border-radius:2px!important;
    background:#0d1113!important;
    box-shadow:none!important;
  }
  .site-header .menu-btn span{
    display:block!important;
    width:21px!important;
    height:2px!important;
    margin:0!important;
    background:#e7e9e9!important;
    transition:background .16s ease,transform .16s ease!important;
  }
  .site-header .menu-btn:hover span,
  .site-header .menu-btn:focus-visible span{background:#ff3029!important}
}

@media(max-width:380px){
  .site-header .site-brand-link{left:10px!important;width:150px!important}
  .site-header .site-brand-image{width:140px!important;max-width:140px!important;max-height:56px!important}
  .site-header .nav{padding:0 10px!important}
}

/* V142 – Header-Layout stabilisiert
   Nur die Positionierung wird korrigiert. Logo, Navigation und Öffnungszeiten
   liegen in drei unabhängigen Bereichen und beeinflussen sich nicht mehr.
*/
@media (min-width:761px){
  .site-header{
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
  }
  .site-header .nav{
    position:relative!important;
    width:min(1440px,calc(100% - 32px))!important;
    height:82px!important;
    min-height:82px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:250px minmax(0,1fr) 370px!important;
    align-items:center!important;
    justify-content:normal!important;
    gap:0!important;
  }
  .site-header .site-brand-link{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    width:250px!important;
    height:82px!important;
    min-height:82px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
    overflow:visible!important;
    z-index:30!important;
  }
  .site-header .site-brand-image{
    display:block!important;
    width:210px!important;
    max-width:210px!important;
    max-height:76px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }
  .site-header .main-nav{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    width:auto!important;
    height:82px!important;
    margin:0!important;
    padding:4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }
  .site-header .header-opening-hours{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
    margin:0!important;
    transform:none!important;
    right:auto!important;
    top:auto!important;
    z-index:25!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  .site-header .nav{
    grid-template-columns:205px minmax(0,1fr) 300px!important;
    width:calc(100% - 24px)!important;
  }
  .site-header .site-brand-link{width:205px!important}
  .site-header .site-brand-image{width:175px!important;max-width:175px!important;max-height:68px!important}
  .site-header .main-nav{gap:0!important}
  .site-header .main-nav a{padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
  .site-header .header-opening-hours{width:290px!important;min-width:290px!important;max-width:290px!important}
}

/* V143 – Header sauber neu aufgebaut
   Logo, Navigation und Öffnungszeiten sind vollständig voneinander entkoppelt.
   Die Navigation bleibt offen, die Öffnungszeiten sitzen unabhängig ganz rechts.
*/
@media (min-width:761px){
  .site-header{
    position:relative!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    overflow:visible!important;
    background:#080a0c!important;
    border-bottom:1px solid #242a2e!important;
    box-shadow:none!important;
  }
  .site-header .nav{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:96px!important;
    min-height:96px!important;
    margin:0!important;
    padding:0 24px!important;
    display:block!important;
  }

  /* Logo: etwas größer, aber komplett innerhalb seines eigenen Bereichs */
  .site-header .site-brand-link{
    position:absolute!important;
    left:34px!important;
    top:0!important;
    width:250px!important;
    height:96px!important;
    min-height:96px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
    overflow:visible!important;
    z-index:30!important;
  }
  .site-header .site-brand-image{
    display:block!important;
    width:220px!important;
    max-width:220px!important;
    height:auto!important;
    max-height:88px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }

  /* Navigation: keine Box, keine Rahmen, nur klare Reiter */
  .site-header .main-nav{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:650px!important;
    height:96px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex:none!important;
    white-space:nowrap!important;
    z-index:20!important;
  }
  .site-header .main-nav a,
  .site-header .main-nav a.nav-link,
  .site-header .main-nav > a:not(.nav-link){
    position:relative!important;
    height:44px!important;
    min-width:auto!important;
    margin:0!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#e7e9e8!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:1px!important;
    text-decoration:none!important;
    text-shadow:none!important;
    transition:color .18s ease,text-shadow .18s ease!important;
  }
  .site-header .main-nav a:before{display:none!important}
  .site-header .main-nav a:after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:4px!important;
    width:auto!important;
    height:2px!important;
    background:#ff3029!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    box-shadow:none!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a:focus-visible,
  .site-header .main-nav a:active,
  .site-header .main-nav a.is-active{
    color:#ff3029!important;
    background:transparent!important;
    text-shadow:0 0 6px rgba(255,48,41,.72),0 0 14px rgba(255,48,41,.32)!important;
    outline:none!important;
  }
  .site-header .main-nav a:hover:after,
  .site-header .main-nav a:focus-visible:after,
  .site-header .main-nav a:active:after,
  .site-header .main-nav a.is-active:after{
    transform:scaleX(1)!important;
    box-shadow:0 0 8px rgba(255,48,41,.78)!important;
  }

  /* Öffnungszeiten: wirklich unabhängig und weit rechts in der oberen Ecke */
  .site-header .header-opening-hours{
    position:absolute!important;
    right:10px!important;
    top:8px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    margin:0!important;
    transform:none!important;
    z-index:40!important;
  }
}

@media (min-width:761px) and (max-width:1200px){
  .site-header .site-brand-link{left:20px!important;width:225px!important}
  .site-header .site-brand-image{width:205px!important;max-width:205px!important;max-height:84px!important}
  .site-header .main-nav{gap:2px!important}
  .site-header .main-nav a{padding:0 10px!important;font-size:11px!important}
  .site-header .header-opening-hours{width:285px!important;min-width:285px!important;max-width:285px!important;right:8px!important}
}

/* Mobile bleibt eigenständig und wird vom Desktop-Layout nicht beeinflusst. */
@media (max-width:760px){
  .site-header,
  .site-header .nav{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
  }
  .site-header .nav{
    width:100%!important;
    padding:0 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .site-header .site-brand-link{
    position:absolute!important;
    left:14px!important;
    top:0!important;
    width:178px!important;
    height:74px!important;
    min-height:74px!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    z-index:40!important;
  }
  .site-header .site-brand-image{
    width:166px!important;
    max-width:166px!important;
    max-height:68px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .main-nav,
  .site-header .nav-cta,
  .site-header .header-tools,
  .site-header .header-opening-hours{display:none!important}
  .site-header .menu-btn{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    display:flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid #30373b!important;
    border-radius:2px!important;
    background:#0d1113!important;
    box-shadow:none!important;
    z-index:50!important;
  }
}

@media(max-width:380px){
  .site-header .site-brand-link{left:10px!important;width:158px!important}
  .site-header .site-brand-image{width:148px!important;max-width:148px!important;max-height:62px!important}
  .site-header .nav{padding:0 10px!important}
}

/* V144 – Navigation endgültig ohne Rahmen
   Die Navigation selbst ist offen. Nur die Menütexte und der aktive/hover
   Zustand bleiben sichtbar; kein umschließender Kasten. */
.site-header .main-nav,
.site-header nav.main-nav,
.site-header .main-nav.navbar,
.site-header .main-nav.header-nav{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  border-radius:0!important;
  padding:0!important;
}
.site-header .main-nav a,
.site-header .main-nav a.nav-link,
.site-header .main-nav > a:not(.nav-link){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
}
/* Der Hover-/Aktiv-Effekt bleibt ausschließlich am jeweiligen Menüpunkt. */
.site-header .main-nav a:hover,
.site-header .main-nav a:focus-visible,
.site-header .main-nav a:active,
.site-header .main-nav a.is-active,
.site-header .main-nav a[aria-current="page"]{
  background:transparent!important;
}
@media(max-width:760px){
  .site-header .main-nav{display:none!important}
}

/* V145 – frei verwaltbare Hero-Boxen */
.hero-feature-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.hero-feature-strip .hero-feature{color:inherit;text-decoration:none;min-width:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.hero-feature-strip .hero-feature:hover{background:rgba(239,48,41,.07)!important;border-color:rgba(239,48,41,.42)!important;box-shadow:inset 0 -2px 0 #ef3029,0 0 18px rgba(239,48,41,.10);}
.hero-feature-admin-list{display:grid;gap:14px;}
.hero-feature-admin-item{position:relative;}
.hero-feature-admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ab-line);}
.hero-feature-admin-fields{margin-bottom:14px;}
.hero-feature-admin-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ab-btn.danger{border-color:#6f2522;color:#ff6b64;}
.ab-btn.danger:hover{background:#3a1110;border-color:#ef3029;}
@media(max-width:700px){.hero-feature-strip{grid-template-columns:1fr!important}.hero-feature-admin-actions{display:grid}.hero-feature-admin-actions .ab-btn{width:100%;}.hero-feature-admin-head{align-items:flex-start;flex-direction:column;}.hero-feature-remove{width:100%;}}

/* V157 – Header-Position auf allen Seiten wirklich identisch halten
   Ursache des sichtbaren Springens: Seiten mit/ohne vertikalen Scrollbalken
   hatten eine unterschiedliche verfügbare Breite. Dadurch verschob sich die
   mittig positionierte Navigation. Der Scrollbar-Platz wird nun auf Desktop
   immer reserviert, unabhängig davon, ob die aktuelle Seite scrollbar ist.
*/
@media (min-width:761px){
  html{
    overflow-y:scroll!important;
    scrollbar-gutter:stable!important;
  }
  body{
    overflow-x:hidden!important;
  }
}

/* Der Header selbst bekommt keine seitliche Neuberechnung durch
   Seitenwechsel oder den individuellen Seiteninhalt. */
@media (min-width:761px){
  .site-header,
  .site-header .nav{
    width:100%!important;
  }
  .site-header .site-brand-link,
  .site-header .main-nav,
  .site-header .header-opening-hours{
    box-sizing:border-box!important;
  }
}

/* V158 – HEADER GLOBAL / IDENTISCH AUF ALLEN SEITEN
   Der Header wird unabhängig vom Seiten-Container aufgebaut.
   Dadurch darf seite.php niemals eine andere Positionierung als index.php erzeugen. */
@media (min-width: 761px){
  .site-header{
    position:relative!important;
    width:100vw!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    left:0!important;
    right:0!important;
    overflow:visible!important;
  }
  .site-header .nav{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  /* Logo: immer links an derselben Stelle */
  .site-header .site-brand-link{
    position:absolute!important;
    left:34px!important;
    top:0!important;
    width:285px!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:none!important;
    z-index:120!important;
  }
  .site-header .site-brand-image{
    display:block!important;
    width:min(var(--logo-width,215px),215px)!important;
    max-width:215px!important;
    max-height:96px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  /* Navigation: echte Bildschirmmitte, nicht Mitte eines max-width Containers */
  .site-header .main-nav{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:auto!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    flex:none!important;
    white-space:nowrap!important;
    z-index:110!important;
  }
  .site-header .main-nav a{
    height:104px!important;
    min-width:0!important;
    padding:0 16px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:1!important;
  }
  /* Öffnungszeiten: immer oben rechts am Bildschirmrand */
  .site-header .header-opening-hours{
    position:absolute!important;
    right:8px!important;
    top:8px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    margin:0!important;
    transform:none!important;
    z-index:125!important;
  }
  /* Keine seitliche Verschiebung durch alte Header-Container */
  .site-header .nav-cta,
  .site-header .header-tools{display:none!important}
}

@media (min-width:761px) and (max-width:1200px){
  .site-header .site-brand-link{left:20px!important;width:250px!important}
  .site-header .site-brand-image{width:min(var(--logo-width,195px),195px)!important;max-width:195px!important}
  .site-header .header-opening-hours{right:8px!important;width:285px!important;min-width:285px!important;max-width:285px!important}
  .site-header .main-nav a{padding:0 9px!important;font-size:11px!important}
}

/* V159 – GLOBALER HEADER NEU AUFGEBAUT
   Der Header darf auf keiner Seite mehr vom .wrap-Container abhängen.
   index.php und seite.php verwenden deshalb dieselbe viewportbasierte
   Geometrie. Die drei Bereiche sind vollständig unabhängig voneinander. */
@media (min-width:761px){
  html{overflow-y:scroll!important;scrollbar-gutter:stable!important;}
  body{overflow-x:hidden!important;}
  .ab-global-header{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:none!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  .ab-global-header > .nav{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:none!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
  }
  .ab-global-header .site-brand-link{
    position:absolute!important;
    left:34px!important;
    top:0!important;
    width:285px!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    z-index:30!important;
  }
  .ab-global-header .site-brand-image{
    display:block!important;
    width:min(var(--logo-width,215px),215px)!important;
    max-width:215px!important;
    max-height:96px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .ab-global-header .main-nav{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:max-content!important;
    max-width:calc(100vw - 700px)!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    z-index:20!important;
  }
  .ab-global-header .main-nav .nav-link{
    position:relative!important;
    height:104px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    transform:none!important;
  }
  .ab-global-header .header-opening-hours{
    position:absolute!important;
    right:8px!important;
    left:auto!important;
    top:8px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    z-index:40!important;
  }
  .ab-global-header .menu-btn{display:none!important;}
}

@media (min-width:761px) and (max-width:1200px){
  .ab-global-header .site-brand-link{left:20px!important;width:250px!important;}
  .ab-global-header .site-brand-image{width:min(var(--logo-width,195px),195px)!important;max-width:195px!important;}
  .ab-global-header .header-opening-hours{right:8px!important;width:285px!important;min-width:285px!important;max-width:285px!important;}
  .ab-global-header .main-nav{max-width:calc(100vw - 600px)!important;}
  .ab-global-header .main-nav .nav-link{padding-left:9px!important;padding-right:9px!important;font-size:11px!important;}
}


/* V160 – HEADER STRUCTURE RESET
   The previous header still inherited the global .wrap container on some
   page templates. The header now uses a dedicated inner element with no
   max-width/margin rules. This makes every page use the exact same viewport
   geometry as the reference START page. */
@media (min-width:761px){
  html body .site-header.ab-global-header{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    position:absolute!important;
    left:34px!important;
    right:auto!important;
    top:0!important;
    width:285px!important;
    height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    width:min(var(--logo-width,215px),215px)!important;
    max-width:215px!important;
    max-height:96px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:0!important;
    width:max-content!important;
    max-width:none!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav .nav-link{
    height:104px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:8px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:760px){
  html body .site-header.ab-global-header > .ab-header-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
}

/* V170 – Header Detail Fix
   Keep the V168 global geometry. Restore the real logo and lock the opening-hours card
   so it cannot be squeezed, stretched or reflowed by page-specific CSS. */
@media (min-width:761px){
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    position:absolute!important;
    left:18px!important;
    right:auto!important;
    top:0!important;
    width:285px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    z-index:50!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    width:265px!important;
    height:auto!important;
    max-width:265px!important;
    max-height:100px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:max-content!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    z-index:30!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav .nav-link{
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:10px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:5px 8px 4px!important;
    box-sizing:border-box!important;
    transform:none!important;
    display:block!important;
    overflow:hidden!important;
    z-index:60!important;
    background:rgba(9,12,14,.96)!important;
    border:1px solid #2a3035!important;
    border-left:3px solid #ff3029!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__title{
    display:block!important;
    height:11px!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:9px!important;
    line-height:11px!important;
    letter-spacing:1.8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 14px!important;
    width:100%!important;
    height:14px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
    min-width:0!important;
    height:14px!important;
    margin:0!important;
    padding:0!important;
    font-size:8px!important;
    line-height:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__row span,
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__row b{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note{
    display:block!important;
    width:100%!important;
    height:13px!important;
    margin:4px 0 0!important;
    padding:3px 0 0 11px!important;
    box-sizing:border-box!important;
    border-top:1px solid #252b2f!important;
    font-size:7px!important;
    line-height:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}

/* V171 – LOGO VISIBILITY FIX
   The global header is intentionally stable. Force the existing Aitrachbikes logo
   into the visible left side of the desktop header; do not let saved legacy
   logo-x values move it outside the viewport. */
@media (min-width:761px){
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    left:18px!important;
    right:auto!important;
    top:0!important;
    width:285px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    z-index:100!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:265px!important;
    max-width:265px!important;
    height:auto!important;
    max-height:96px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}


/* V172 – HEADER POLISH
   Keep the working global header geometry. Remove any page-top strip/offset,
   use the sharpened logo asset, and give the logo a little more visual presence. */
html, html body{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#090a0c!important;
}
html body:before, html body:after{
  display:none!important;
  content:none!important;
}
html body .top-strip,
html body .site-header .top-strip,
html body .site-header .topbar,
html body .site-header .top-bar{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
@media (min-width:761px){
  html body .site-header.ab-global-header{
    position:relative!important;
    top:0!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    transform:none!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    margin:0!important;
    padding:0!important;
    top:0!important;
    transform:none!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    left:14px!important;
    top:0!important;
    width:315px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    width:285px!important;
    max-width:285px!important;
    height:auto!important;
    max-height:102px!important;
    object-fit:contain!important;
    object-position:left center!important;
    image-rendering:auto!important;
  }
}


/* V173 – Logo artwork cleanup: remove baked-in gray strip and enlarge crisp logo. */
@media (min-width:761px){
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    left:14px!important;
    top:0!important;
    width:300px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    width:260px!important;
    max-width:260px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    image-rendering:auto!important;
  }
}

/* V174 – LOGO-BEREICH VERGRÖSSERT / GRAUBALKEN ENTFERNT
   Der Logo-Link erhält einen echten, größeren Markenbereich. Keine Hintergrund-
   oder Rahmenfläche darf mehr über dem Logo erscheinen. */
html body .site-header.ab-global-header,
html body .site-header.ab-global-header > .ab-header-inner,
html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
  border-top:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
  background:transparent!important;
  background-image:none!important;
}
@media (min-width:761px){
  html body .site-header.ab-global-header{
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    overflow:visible!important;
    background:#090a0c!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    background:#090a0c!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    left:14px!important;
    top:0!important;
    width:340px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    width:310px!important;
    max-width:310px!important;
    height:auto!important;
    max-height:116px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav{
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav .nav-link{
    height:124px!important;
    min-height:124px!important;
  }
}
@media (max-width:760px){
  html body .site-header.ab-global-header{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    overflow:visible!important;
    background:#090a0c!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    background:#090a0c!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    left:8px!important;
    top:0!important;
    width:270px!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    width:250px!important;
    max-width:250px!important;
    height:auto!important;
    max-height:102px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}

/* V175 – MOBILE HEADER AN DESKTOP-AUFBAU ANGEPASST
   Der mobile Header erhält denselben großzügigen Markenbereich wie der funktionierende
   Desktop-Header. Logo und Hamburger liegen unabhängig voneinander, damit das Logo
   vollständig sichtbar bleibt und der Hero erst darunter beginnt. */
@media (max-width:760px){
  html body .site-header.ab-global-header{
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#090a0c!important;
    border-bottom:1px solid #2a3035!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    margin:0!important;
    padding:0!important;
    background:#090a0c!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    position:absolute!important;
    left:14px!important;
    top:0!important;
    width:min(68vw,570px)!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:40!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:min(68vw,570px)!important;
    max-width:570px!important;
    height:auto!important;
    max-height:225px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    image-rendering:auto!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .main-nav,
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours,
  html body .site-header.ab-global-header > .ab-header-inner .nav-cta,
  html body .site-header.ab-global-header > .ab-header-inner .header-tools{
    display:none!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .menu-btn{
    position:absolute!important;
    left:12px!important;
    top:12px!important;
    left:auto!important;
    right:12px!important;
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    max-width:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:8px!important;
    border:1px solid #30373b!important;
    border-radius:3px!important;
    background:#0d1113!important;
    box-shadow:none!important;
    z-index:100!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .menu-btn span{
    display:block!important;
    width:44px!important;
    height:4px!important;
    margin:0!important;
    background:#e7e9e9!important;
    border-radius:1px!important;
  }

  /* Auf Mobilgeräten soll das vorhandene Hero-Bild wie im Referenzbild
     vollflächig direkt unter dem Markenbereich stehen. */
  #start.hero{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    background:#050708!important;
  }
  #start .hero-media{
    position:relative!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  #start .hero-inner--modern{
    width:calc(100% - 44px)!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding:42px 0 26px!important;
    margin:0 auto!important;
  }
  #start .hero-copy--modern{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  #start .hero-copy--modern .kicker{
    font-size:14px!important;
    line-height:1.2!important;
    letter-spacing:2.8px!important;
    margin-bottom:22px!important;
  }
  #start .hero-copy--modern .kicker span{
    width:48px!important;
    height:4px!important;
    margin-right:12px!important;
  }
  #start .hero-copy--modern h1{
    font-size:32px!important;
    line-height:1.25!important;
    letter-spacing:-.7px!important;
    margin:0 0 18px!important;
  }
  #start .hero-subtitle-modern{
    font-size:23px!important;
    line-height:1.45!important;
    max-width:none!important;
  }
  #start .hero-extra-text{
    font-size:20px!important;
    line-height:1.55!important;
    max-width:none!important;
  }
  #start .hero-promise,
  #start .hero-cta-row{
    display:none!important;
  }
  #start .hero-action-panel{
    display:none!important;
  }
  #start .hero-feature-strip,
  #start .hero-feature-row{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:1px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.13)!important;
  }
  #start .hero-feature{
    min-height:118px!important;
    padding:16px 5px!important;
    background:rgba(5,8,10,.92)!important;
    display:grid!important;
    justify-items:center!important;
    align-content:center!important;
    gap:6px!important;
    border:0!important;
  }
  #start .hero-feature b{font-size:24px!important;line-height:1!important}
  #start .hero-feature strong{font-size:12px!important;letter-spacing:1.5px!important}
  #start .hero-feature span{font-size:11px!important}
}

@media(max-width:480px){
  html body .site-header.ab-global-header,
  html body .site-header.ab-global-header > .ab-header-inner{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-link{
    width:68vw!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    width:68vw!important;
    max-width:68vw!important;
    max-height:180px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .menu-btn{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    left:auto!important;
    right:8px!important;
    top:8px!important;
    gap:6px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .menu-btn span{
    width:34px!important;
    height:3px!important;
  }
  #start .hero-media{height:250px!important;min-height:250px!important;max-height:250px!important}
  #start .hero-inner--modern{width:calc(100% - 34px)!important;padding-top:30px!important}
  #start .hero-copy--modern h1{font-size:25px!important}
  #start .hero-subtitle-modern{font-size:18px!important}
  #start .hero-extra-text{font-size:16px!important}
  #start .hero-feature{min-height:96px!important}
  #start .hero-feature strong{font-size:10px!important}
  #start .hero-feature span{font-size:9px!important}
}

/* V177 – Mobile: Feature-Boxen dürfen den Hero-Text niemals überdecken.
   Die drei Boxen folgen auf Smartphones vollständig im normalen Dokumentfluss. */
@media (max-width:760px){
  #start.hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #start.hero > .hero-media{
    flex:0 0 auto!important;
  }
  #start.hero > .hero-inner--modern{
    position:relative!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding-bottom:28px!important;
  }
  #start.hero > .hero-inner--modern .hero-copy--modern{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #start.hero > .hero-feature-strip{
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    flex:0 0 auto!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 14px 22px!important;
    transform:none!important;
    z-index:2!important;
  }
  #start.hero > .hero-feature-strip .hero-feature{
    position:relative!important;
    height:auto!important;
    min-height:68px!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media (max-width:420px){
  #start.hero > .hero-inner--modern{padding-bottom:22px!important;}
  #start.hero > .hero-feature-strip{
    width:calc(100% - 20px)!important;
    margin:0 10px 18px!important;
  }
}

/* V178 – Mobile/Tablet: Feature-Boxen erst NACH dem vollständigen Hero-Text.
   Unterhalb 1000px niemals absolute/fixed positionieren. */
@media (max-width:1000px){
  #start.hero{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #start.hero > .hero-inner--modern{
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    padding-bottom:28px!important;
  }
  #start.hero > .hero-inner--modern > .hero-copy--modern{
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #start.hero > .hero-inner--modern .hero-extra-text{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #start.hero > .hero-feature-strip{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:grid!important;
    flex:0 0 auto!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 14px 22px!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    z-index:2!important;
  }
  #start.hero > .hero-feature-strip .hero-feature{
    position:relative!important;
    height:68px!important;
    min-height:68px!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media (max-width:420px){
  #start.hero > .hero-inner--modern{padding-bottom:24px!important;}
  #start.hero > .hero-feature-strip{width:calc(100% - 20px)!important;margin:0 10px 18px!important;}
  #start.hero > .hero-feature-strip .hero-feature{height:64px!important;min-height:64px!important;}
}

/* V179 – Leistungsboxen auf Mobilgeräten weiterhin dreispaltig */
@media(max-width:900px){
  .reference-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:calc(100% - 24px) !important;
    gap:10px !important;
  }
  .reference-service{
    min-width:0 !important;
    width:100% !important;
  }
  .reference-service-image,.reference-service-icon{
    height:130px !important;
  }
  .reference-service-copy{
    padding:12px 10px 14px !important;
  }
  .reference-service-copy strong{
    font-size:14px !important;
    line-height:1.2 !important;
  }
  .reference-service-copy small{
    font-size:9px !important;
    line-height:1.35 !important;
  }
}
@media(max-width:560px){
  .reference-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:calc(100% - 20px) !important;
    margin:0 10px !important;
    gap:7px !important;
  }
  .reference-service-image,.reference-service-icon{
    height:110px !important;
  }
  .reference-service-copy{
    padding:10px 7px 12px !important;
  }
  .reference-service-copy strong{
    font-size:11px !important;
  }
  .reference-service-copy small{
    font-size:8px !important;
  }
}


/* V180 – Kundenfahrzeuge auf Mobilgeräten dreispaltig wie die Leistungsboxen */
@media(max-width:900px){
  .customer-vehicle-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:calc(100% - 24px) !important;
    margin-left:12px !important;
    margin-right:12px !important;
    gap:10px !important;
  }
  .customer-vehicle-card{
    min-width:0 !important;
    width:100% !important;
  }
  .customer-vehicle-image{
    aspect-ratio:1 / 1 !important;
  }
  .customer-vehicle-copy{
    padding:10px 8px 12px !important;
  }
  .customer-vehicle-copy h3{
    font-size:13px !important;
    line-height:1.2 !important;
    margin-bottom:6px !important;
  }
  .customer-vehicle-copy p{
    font-size:8px !important;
    line-height:1.35 !important;
  }
  .customer-vehicle-meta{
    font-size:7px !important;
    line-height:1.2 !important;
  }
  .customer-vehicle-overlay{
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    font-size:6px !important;
    letter-spacing:.8px !important;
  }
}
@media(max-width:560px){
  .customer-vehicle-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
    gap:7px !important;
  }
  .customer-vehicle-image{
    aspect-ratio:1 / 1 !important;
  }
  .customer-vehicle-copy{
    padding:8px 6px 10px !important;
  }
  .customer-vehicle-copy h3{
    font-size:10px !important;
  }
  .customer-vehicle-copy p{
    font-size:7px !important;
  }
  .customer-vehicle-meta{
    font-size:6px !important;
  }
  .customer-vehicle-overlay{
    left:5px !important;
    right:5px !important;
    bottom:5px !important;
    font-size:5px !important;
  }
}

/* V185 – Termin-Anfrage-Button passt sich auf Tablets automatisch an die verfügbare Breite an */
@media (min-width:761px) and (max-width:1100px){
  #start .hero-action-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #start .hero-action-top{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    justify-content:flex-end!important;
    padding:0 clamp(6px,1.5vw,18px) 0 0!important;
    overflow:hidden!important;
  }
  #start .hero-appointment,
  #start .hero-appointment:hover,
  #start .hero-appointment:focus,
  #start .hero-appointment:focus-visible,
  #start .hero-appointment:active{
    width:clamp(86px,16vw,126px)!important;
    height:clamp(86px,16vw,126px)!important;
    min-width:clamp(86px,16vw,126px)!important;
    max-width:clamp(86px,16vw,126px)!important;
    flex:0 1 clamp(86px,16vw,126px)!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    rotate:none!important;
    scale:1!important;
    box-sizing:border-box!important;
  }
  #start .hero-appointment .gear-appointment__svg{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
}

/* V185 cache bust marker */

/* V186 – Termin-Anfrage-Button auf Tablets und kleinen Desktop-Breiten immer innerhalb des Hero-Bereichs */
@media (min-width:1001px) and (max-width:1400px){
  #start.hero > .hero-inner--modern{
    min-width:0!important;
    overflow:visible!important;
  }
  #start .hero-action-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #start .hero-action-top{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    align-items:center!important;
    padding:0!important;
    overflow:visible!important;
  }
  #start .hero-appointment,
  #start .hero-appointment:hover,
  #start .hero-appointment:focus,
  #start .hero-appointment:focus-visible,
  #start .hero-appointment:active{
    width:min(250px,28vw,calc(100% - 20px))!important;
    height:min(250px,28vw,calc(100% - 20px))!important;
    min-width:0!important;
    max-width:calc(100% - 20px)!important;
    max-height:calc(100% - 20px)!important;
    flex:0 1 auto!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    rotate:none!important;
    scale:1!important;
    box-sizing:border-box!important;
  }
  #start .hero-appointment .gear-appointment__svg{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
}

/* V186 cache bust */

/* V187 – Terminbutton auf Tablet und Handy kleiner als auf Desktop */
@media (min-width:1001px) and (max-width:1400px){
  #start .hero-appointment,
  #start .hero-appointment:hover,
  #start .hero-appointment:focus,
  #start .hero-appointment:focus-visible,
  #start .hero-appointment:active{
    width:clamp(105px,11vw,155px)!important;
    height:clamp(105px,11vw,155px)!important;
    min-width:clamp(105px,11vw,155px)!important;
    max-width:155px!important;
    max-height:155px!important;
    flex:0 1 clamp(105px,11vw,155px)!important;
    margin:0!important;
  }
  #start .hero-appointment .gear-appointment__svg{width:100%!important;height:100%!important;}
}

@media (max-width:760px){
  #start .hero-appointment,
  #start .hero-appointment:hover,
  #start .hero-appointment:focus,
  #start .hero-appointment:focus-visible,
  #start .hero-appointment:active{
    width:clamp(62px,18vw,82px)!important;
    height:clamp(62px,18vw,82px)!important;
    min-width:clamp(62px,18vw,82px)!important;
    max-width:82px!important;
    max-height:82px!important;
    flex:0 1 clamp(62px,18vw,82px)!important;
    margin:0!important;
  }
  #start .hero-appointment .gear-appointment__svg{width:100%!important;height:100%!important;}
}
/* V187 cache bust */


/* V189 – Kundenkonto / Mein Konto */
.nav-account-link{margin-left:10px!important;border-left:1px solid #343a3f;padding-left:16px!important;color:#fff!important}
.nav-account-link:hover{color:#f33a33!important}
.mobile-menu__account{display:flex;align-items:center;justify-content:space-between;color:#fff!important;text-decoration:none;font-weight:900;letter-spacing:.08em;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-menu__account span{color:#f33a33}
/* V191: MEIN KONTO sitzt als letzter Punkt direkt neben KONTAKT in der Hauptnavigation. */
.main-nav .nav-account-link{margin-left:0!important;border-left:0!important;padding-left:0!important;color:#fff!important}
.main-nav .nav-account-link:hover{color:#f33a33!important}

/* V193 – Kundenkonto: Fahrzeuganlage und vorhandene Fahrzeuge getrennt darstellen */
.account-new-vehicle, .account-existing-vehicles { width:100%; }
.account-existing-vehicles { margin-top:18px; }
.account-existing-vehicles .vehicle-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
@media (max-width: 820px){ .account-existing-vehicles .vehicle-list { grid-template-columns:1fr; } }

/* V205 – Kundenverwaltung im Admin-Center */
.customer-admin-list{display:grid;gap:7px;margin-top:12px}.customer-admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 13px;border:1px solid #30383d;background:#0b0e10;color:#f3f4f2;text-decoration:none}.customer-admin-row:hover,.customer-admin-row.active{border-color:#e22d27;background:#111518}.customer-admin-row div{display:grid;gap:4px}.customer-admin-row span,.customer-admin-row small{color:#8f989d;font-size:11px}.customer-admin-row.active span,.customer-admin-row.active small{color:#c8ced1}.ab-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ab-input{width:100%;box-sizing:border-box;background:#080b0d;color:#f3f4f2;border:1px solid #30383d;min-height:42px;padding:10px 12px;font:600 12px/1.35 Arial,sans-serif}.ab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ab-form-grid label{display:grid;gap:6px;color:#aeb5b9;font-size:10px;letter-spacing:.7px}.ab-form-grid label:nth-last-child(1){align-self:end}.ab-check{display:flex!important;align-items:center;gap:8px}.ab-check input{width:auto;min-height:0}.customer-appointment-admin{border-top:1px solid #30383d;padding:18px 0}.customer-appointment-admin:first-of-type{border-top:0;padding-top:8px}.customer-appointment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.customer-appointment-head strong{font-size:16px}.customer-appointment-head span{color:#8f989d;font-size:12px}.ab-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ab-section-head small{color:#e22d27;font-size:10px;letter-spacing:1px}.ab-section-head h3{margin:5px 0}.ab-section-head p{margin:0;color:#8f989d}.ab-notice{margin-bottom:14px;padding:12px 14px;border:1px solid #394348;background:#101416;color:#d9dddf}.ab-btn.dark{background:#1b2024}.ab-grid .ab-card h3{margin-top:0}
@media(max-width:760px){.ab-form-grid{grid-template-columns:1fr}.ab-section-head,.customer-appointment-head{display:grid}.ab-inline-form .ab-input{flex:1 1 100%}.customer-admin-row{display:grid}.customer-admin-row small{justify-self:start}}

.customer-status-badge{display:inline-block;margin-top:8px;padding:6px 10px;border:1px solid #444;font-size:11px;font-weight:700;letter-spacing:.08em}.customer-status-badge.is-active{border-color:#2e8b57;color:#7be0a5}.customer-status-badge.is-inactive{border-color:#d22;color:#ff7772}.customer-number-display{margin-top:-8px!important;font-size:14px!important;color:#aaa!important}.customer-number-display strong{color:#fff;letter-spacing:.08em}


/* V211 – MEIN KONTO als aktiver Navigationspunkt mit rotem Unterstrich */
html body.account-page .site-header.ab-global-header .main-nav .nav-account-link.is-active{
  position:relative!important;
  color:#fff!important;
}
html body.account-page .site-header.ab-global-header .main-nav .nav-account-link.is-active::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:20px!important;
  width:auto!important;
  height:2px!important;
  background:#e22b22!important;
  opacity:1!important;
  transform:none!important;
  display:block!important;
}
@media(max-width:760px){
  html body.account-page .site-header.ab-global-header .main-nav .nav-account-link.is-active::after{display:none!important;}
}

/* V212 – Öffnungszeiten im Kundenkonto exakt wie im globalen Website-Header.
   Keine account-spezifische Skalierung, Verschiebung oder Breitenänderung. */
@media (min-width:761px){
}

/* V213 – Terminanfrage */
.account-section-title h3{margin:0;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.customer-appointment-photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.customer-appointment-photos a{display:block;width:86px;height:64px;border:1px solid #30383d;background:#080b0d;overflow:hidden}
.customer-appointment-photos img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){
  .account-card#termine form > div[style*="grid-template-columns:1.4fr"]{grid-template-columns:1fr!important}
}


/* V214 – öffentliche Terminanfrage */
.appointment-page{padding-top:42px}.appointment-wrap{max-width:1040px;margin:0 auto}.appointment-kicker{color:#f22d27;font-size:12px;font-weight:900;letter-spacing:.2em}.appointment-wrap>h1{font-size:clamp(42px,6vw,78px);line-height:1;margin:12px 0 24px;text-transform:uppercase}.appointment-warning{border:1px solid #6d2421;border-left:4px solid #ed2b25;background:#100b0c;padding:16px 18px;color:#ddd;margin-bottom:22px}.appointment-warning strong{color:#ff4038}.appointment-flash{padding:14px 18px;border:1px solid #343a3e;margin-bottom:22px}.appointment-flash.success{border-color:#27613b;color:#b8e6c6}.appointment-flash.error{border-color:#7b2a26;color:#ffb7b2}.appointment-choice,.appointment-card{border:1px solid #2b3135;background:#0b0e10;padding:28px}.appointment-choice h2,.appointment-card h2{margin:0 0 10px;text-transform:uppercase;font-size:24px}.appointment-choice p,.appointment-card-head span,.appointment-empty{color:#aaa;line-height:1.6}.appointment-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.appointment-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:0;background:#ed2b25;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.06em;text-align:center;cursor:pointer}.appointment-btn--dark{background:#20262a}.appointment-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.appointment-card form label{display:block;color:#bfc3c5;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.appointment-card input,.appointment-card select,.appointment-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;background:#080a0c;border:1px solid #30363a;color:#f4f4f2;padding:12px;font:inherit}.appointment-card textarea{min-height:140px;resize:vertical}.appointment-card small{display:block;margin-top:7px;color:#777;font-weight:400;letter-spacing:0}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appointment-card h3{margin:26px 0 14px;color:#f2f2f0;font-size:14px;letter-spacing:.1em}.appointment-actions{display:flex;gap:14px;align-items:center;margin-top:20px}.appointment-link{color:#ff4038;text-decoration:none;font-weight:900;font-size:11px;letter-spacing:.08em}.appointment-empty a{color:#ff4038}.appointment-card input[type=file]{padding:9px}
@media(max-width:760px){.appointment-choice-grid{grid-template-columns:1fr}.appointment-card-head{display:block}.appointment-grid{grid-template-columns:1fr}.appointment-actions{flex-direction:column;align-items:stretch}.appointment-btn{width:100%;box-sizing:border-box}}
/* V215 – kompakter Termin-Anfragebereich */
.appointment-page{padding-top:26px;padding-bottom:45px}
.appointment-wrap{max-width:860px}
.appointment-kicker{font-size:10px;letter-spacing:.16em}
.appointment-wrap>h1{font-size:clamp(34px,4.5vw,56px);margin:8px 0 18px;letter-spacing:-1.5px}
.appointment-warning{padding:11px 14px;margin-bottom:16px;font-size:12px}
.appointment-flash{padding:10px 14px;margin-bottom:16px;font-size:12px}
.appointment-choice,.appointment-card{padding:20px}
.appointment-choice h2,.appointment-card h2{font-size:19px;margin-bottom:7px}
.appointment-choice p,.appointment-card-head span,.appointment-empty{font-size:12px;line-height:1.5}
.appointment-choice-grid{gap:9px;margin-top:16px}
.appointment-btn{min-height:40px;padding:9px 13px;font-size:10px;letter-spacing:.05em}
.appointment-card-head{gap:12px;margin-bottom:15px}
.appointment-card form label{font-size:9px;margin-bottom:10px}
.appointment-card input,.appointment-card select,.appointment-card textarea{margin-top:5px;padding:9px 10px;font-size:12px}
.appointment-card textarea{min-height:105px}
.appointment-card small{font-size:10px;margin-top:5px}
.appointment-grid{gap:9px}
.appointment-card h3{margin:18px 0 10px;font-size:11px}
.appointment-actions{gap:10px;margin-top:15px}
.appointment-link{font-size:10px}
.appointment-card input[type=file]{padding:7px}
@media(max-width:760px){.appointment-page{padding-top:18px}.appointment-wrap>h1{font-size:34px}.appointment-choice,.appointment-card{padding:16px}.appointment-choice-grid{grid-template-columns:1fr}.appointment-btn{min-height:38px}.appointment-card input,.appointment-card select,.appointment-card textarea{padding:8px 9px}}

/* V218 Terminanfrage HSN/TSN + dringend */
.appointment-urgent,.account-urgent{display:flex!important;align-items:flex-start;gap:8px;margin:8px 0 14px!important;padding:8px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.appointment-urgent input,.account-urgent input{width:auto!important;margin-top:2px}.appointment-urgent small,.account-urgent small{display:block;margin-left:22px;opacity:.7}.account-urgent>label{font-size:12px;letter-spacing:.4px}

/* V220: Zusatzfeld fuer "Leistung hier nicht aufgefuehrt" wirklich ausblenden */
.custom-service-field[hidden],
.custom-service-hint[hidden]{
  display:none !important;
}
/* V222: Menschlichkeitsprüfung und optionale Fahrzeugdaten bei Terminanfragen */
.appointment-human-check{margin-top:16px!important;padding:10px 12px;border:1px solid #30363a;background:#0a0d0f}
.appointment-human-check label{margin-bottom:0!important}
.appointment-human-row{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:center;margin-top:7px}
.appointment-human-row strong{color:#f2f2f0;font-size:12px;letter-spacing:.02em}
.appointment-human-row input{margin-top:0!important}
.appointment-human-check small{margin-top:5px!important}
@media(max-width:760px){.appointment-human-row{grid-template-columns:1fr}.appointment-human-row input{width:100%!important}}

/* V223: kompakte Kalender-Schaltfläche für manuelle Datumseingabe + Kalender */
.appointment-date-wrap{position:relative;display:block;margin-top:7px}
.appointment-date-wrap input[type="date"]{margin-top:0!important;padding-right:42px!important}
.appointment-calendar-btn{position:absolute;right:1px;top:1px;width:36px;height:calc(100% - 2px);border:0;background:#15191c;color:#f2f2f0;font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}
.appointment-calendar-btn:hover{background:#24292d;color:#ff4038}
@media(max-width:760px){.appointment-date-wrap{margin-top:5px}.appointment-calendar-btn{width:34px}}

/* V227: interne Admin-Notiz deutlich hervorheben und ausschließlich im Admin-Bereich darstellen */
.ab-form-grid .ab-internal-note{background:#241f08!important;border:1px solid #8b7200!important;padding:12px!important;box-sizing:border-box;color:#ffd84d!important;grid-column:1/-1!important;box-shadow:0 0 0 1px rgba(255,216,77,.08) inset}
.ab-form-grid .ab-internal-note>small{color:#d9c56a!important;font-size:10px!important;letter-spacing:.4px!important;font-weight:600}
.ab-form-grid .ab-internal-note .ab-input{border-color:#8b7200!important;background:#0b0d0e!important}
.ab-form-grid .ab-internal-note .ab-input:focus{border-color:#ffd84d!important;outline:none;box-shadow:0 0 0 1px rgba(255,216,77,.22)}

/* V232 – Status und Aktionen bei Terminanfragen farblich hervorheben */
.ab-table .ab-appointment-confirm{
  border-color:#1fa84a!important;
  background:#12351d!important;
  color:#66e08a!important;
}
.ab-table .ab-appointment-confirm:hover{
  background:#1fa84a!important;
  color:#fff!important;
  border-color:#1fa84a!important;
}
.ab-table .ab-appointment-reject{
  border-color:#d92c27!important;
  background:#351012!important;
  color:#ff706b!important;
}
.ab-table .ab-appointment-reject:hover{
  background:#d92c27!important;
  color:#fff!important;
  border-color:#d92c27!important;
}
.ab-table .ab-status--confirmed{
  display:inline-block!important;
  padding:7px 10px!important;
  border:1px solid #1fa84a!important;
  background:#12351d!important;
  color:#66e08a!important;
  font-weight:900!important;
}
.ab-table .ab-status--rejected{
  display:inline-block!important;
  padding:7px 10px!important;
  border:1px solid #d92c27!important;
  background:#351012!important;
  color:#ff706b!important;
  font-weight:900!important;
}


/* V235 – Kundenkopf kompakter: nur manuell vergebene Kundennummer anzeigen */
.customer-account-compact { padding: 18px 24px !important; min-height: 0 !important; align-items: center !important; }
.customer-account-compact h1 { font-size: clamp(34px, 4vw, 50px) !important; line-height: 1 !important; margin: 6px 0 10px !important; }
.customer-account-compact .account-kicker { margin-bottom: 0 !important; }
.account-customer-number { font-size: 14px; line-height: 1.4; margin-top: 4px; color: #fff; }
.account-customer-number span { color: #ef2b2d; font-weight: 800; letter-spacing: .08em; }
.account-customer-number strong { color: #fff; font-weight: 400; }
@media (max-width:760px) { .customer-account-compact { padding: 14px 16px !important; } .customer-account-compact h1 { font-size: 36px !important; } .account-customer-number { font-size: 12px; } }

/* V236 – Kundennummer in persönlichen Daten */
.customer-number-display { margin-top: 2px; }
.customer-number-display > span { color: #ef2b2d; font-weight: 800; letter-spacing: .08em; }
.customer-number-value { margin-top: 6px; min-height: 40px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #30373c; background: #080b0d; color: #fff; font-weight: 400; display: flex; align-items: center; }


/* V237 – Kundennummer oberhalb der persönlichen Daten, ohne Rahmen */
.customer-number-inline{
  margin:0 0 10px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.customer-number-inline span{
  color:#ef2b2d!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.customer-number-inline strong{
  color:#fff!important;
  font-weight:400!important;
}

/* V238 – Kundennummer rechts neben „Persönliche Daten“ */
.customer-data-box{position:relative!important;}
.customer-data-box .customer-number-inline{
  position:absolute!important;
  top:20px!important;
  right:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap!important;
  z-index:2!important;
}
@media(max-width:760px){
  .customer-data-box .customer-number-inline{
    top:18px!important;
    right:16px!important;
    font-size:12px!important;
  }
}

/* V239: Fahrzeugakten-Bereich kompakter ohne "MEINE FAHRZEUGE." und mit mehr Abstand zum vorherigen Bereich */
.account-vehicle-overview-head{margin-top:42px;}
.account-vehicle-overview-head p{margin-top:10px;}
@media(max-width:760px){.account-vehicle-overview-head{margin-top:34px;}}

/* V248 – Rechtliche Reiter: Status-Schalter optisch in den jeweiligen Reiter integriert */
.legal-tab-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.legal-tab-item{display:flex;align-items:stretch;gap:0;padding:0;margin:0;border:0;background:transparent;box-sizing:border-box;min-width:0}
.legal-tab-item.is-selected{filter:drop-shadow(0 0 3px rgba(242,45,39,.18))}
.legal-tab-item .ab-btn{margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:0;border:1px solid #f22d27;border-right:0;border-radius:0;background:#f22d27;color:#fff}
.legal-toggle-form{margin:0;display:flex;align-items:stretch;flex:0 0 auto}
.legal-status-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #394047;border-left:1px solid #f22d27;border-radius:0;background:#161b1f;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;padding:10px 9px;cursor:pointer;min-width:64px;white-space:nowrap;height:auto;box-sizing:border-box}
.legal-status-btn.is-on{border-color:#21b34b;border-left-color:#f22d27;color:#21d866;background:#0b1d10}
.legal-status-btn.is-off{border-color:#f22d27;border-left-color:#f22d27;color:#ff4a43;background:#240c0b}
.legal-status-btn:hover{filter:brightness(1.15)}
@media(max-width:760px){.legal-tab-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.legal-tab-item{width:100%;min-width:0}.legal-tab-item .ab-btn{flex:1;min-width:0}.legal-toggle-form{flex:0 0 auto}.legal-status-btn{min-width:72px;padding:9px 8px}}

/* Kundenguthaben */
.account-credit-card{margin:18px 0 24px;border:1px solid #2d3539;background:#0b0e10;padding:22px 24px}
.customer-credit-amount{font-size:22px;color:#91a0a8;font-weight:400;white-space:nowrap}
.account-section-title strong.customer-credit-amount.credit-positive{color:#39d779!important}
.account-section-title strong.customer-credit-amount.credit-negative{color:#ff3939!important}
.account-section-title strong.customer-credit-amount.credit-neutral{color:#91a0a8!important}
.customer-credit-note{margin-top:16px;padding:14px 16px;border:1px solid #5a4b12;background:#151307;color:#d9d2b8;line-height:1.6}
.customer-credit-note .appointment-detail-label{color:#e22b22;font-weight:800;letter-spacing:.08em;margin-bottom:6px}
.admin-credit-amount{font-size:28px;color:#fff;font-weight:800;margin-top:4px}
@media(max-width:760px){.account-credit-card{padding:18px;margin:16px 0 20px}.account-credit-card .account-section-title{gap:12px}.customer-credit-amount{font-size:19px}.admin-credit-amount{font-size:24px}}

/* V252 – Kundenguthaben im Kundenkonto kompakter */
.account-credit-card{margin:12px 0 18px!important;padding:12px 16px!important}
.account-credit-card .account-section-title{gap:10px!important;margin-bottom:0!important}
.account-credit-card .account-section-title h2{font-size:18px!important;line-height:1.15!important;margin:2px 0 0!important}
.account-credit-card .account-kicker{font-size:10px!important;line-height:1.1!important}
.account-credit-card .customer-credit-amount{font-size:16px!important;line-height:1.1!important}
.account-credit-card .customer-credit-note{margin-top:9px!important;padding:9px 11px!important;font-size:11px!important;line-height:1.45!important}
.account-credit-card .customer-credit-note .appointment-detail-label{font-size:9px!important;margin-bottom:3px!important}
.account-credit-card .empty-state{padding:10px 12px!important;font-size:11px!important;line-height:1.4!important}
@media(max-width:760px){
  .account-credit-card{margin:10px 0 14px!important;padding:11px 12px!important}
  .account-credit-card .account-section-title h2{font-size:16px!important}
  .account-credit-card .customer-credit-amount{font-size:15px!important}
  .account-credit-card .customer-credit-note{padding:8px 10px!important}
}

/* V254 – Guthaben in die Kundenakte integriert */
.customer-credit-embedded{margin-top:10px;padding-top:9px;border-top:1px solid #293136}
.customer-credit-embedded .account-kicker{font-size:10px!important;color:#e22b22;font-weight:800;letter-spacing:.08em;margin-bottom:4px}
.customer-credit-embedded .customer-credit-note{margin-top:7px!important;padding:8px 10px!important;font-size:11px!important;line-height:1.45!important}
.customer-credit-embedded .account-note{font-size:11px;line-height:1.45}
@media(max-width:760px){.customer-credit-embedded{margin-top:8px;padding-top:7px}.customer-credit-embedded .customer-credit-note{padding:7px 9px!important}}

/* V256 – nachvollziehbare Kundenguthaben-Buchungen */
.credit-admin-tabs{display:flex;gap:8px;margin:20px 0 0;border-bottom:1px solid #30383d;padding-bottom:8px;flex-wrap:wrap}.credit-admin-tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #30383d;background:#111518;color:#dfe3e5;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.credit-admin-tab:hover,.credit-admin-tab.active{border-color:#e22d27;background:#e22d27;color:#fff}.credit-admin-panel{padding-top:18px}.credit-admin-panel h4{margin:0 0 10px;color:#f2f3f1;font-size:12px;letter-spacing:1px}.credit-ledger{border:1px solid #30383d;background:#0b0e10}.credit-ledger-row{display:grid;grid-template-columns:150px 130px minmax(0,1fr);gap:14px;padding:12px 13px;border-top:1px solid #252c30;color:#c8ced1;font-size:12px;line-height:1.45}.credit-ledger-row:first-child{border-top:0}.credit-ledger-row strong{color:#fff}.credit-ledger-head{background:#111518;color:#899399;font-size:9px;font-weight:800;letter-spacing:1px}.credit-ledger-total{display:flex;justify-content:space-between;gap:15px;margin-top:12px;padding:13px 14px;border:1px solid #2c9b50;background:#0c1a11}.credit-ledger-total span{color:#7fd496;font-size:10px;font-weight:800;letter-spacing:1px}.credit-ledger-total strong{color:#fff;font-size:18px}.credit-new-panel{margin-top:8px;border-top:1px solid #30383d}.customer-credit-history{border:1px solid #30383d;background:#0b0e10}.customer-credit-history-row{display:grid;grid-template-columns:90px 95px minmax(0,1fr);gap:10px;padding:9px 11px;border-top:1px solid #252c30;font-size:11px;line-height:1.4;color:#aeb5b9}.customer-credit-history-row:first-child{border-top:0}.customer-credit-history-row strong{color:#fff}.customer-credit-history-row span:last-child{color:#c8ced1}@media(max-width:760px){.credit-ledger-row{grid-template-columns:1fr 1fr;gap:7px}.credit-ledger-row span:last-child{grid-column:1/-1}.credit-ledger-head span:last-child{grid-column:auto}.customer-credit-history-row{grid-template-columns:75px 90px;gap:7px}.customer-credit-history-row span:last-child{grid-column:1/-1}.credit-admin-tabs{display:grid;grid-template-columns:1fr 1fr}.credit-admin-tab{font-size:10px;padding:9px 8px}}


/* V260 – Kundenbewertungen */
.customer-reviews-section{padding:72px 0 78px;background:#080a0c;border-top:1px solid var(--ab-line,#293136);border-bottom:1px solid var(--ab-line,#293136)}
.customer-reviews-wrap{max-width:1180px}
.customer-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.customer-reviews-head small{display:block;color:#ef3028;font-size:10px;font-weight:1000;letter-spacing:2px;margin-bottom:8px}
.customer-reviews-head h2{margin:0;color:#f4f4f4;font-size:34px;line-height:1.02;letter-spacing:-.7px}
.customer-reviews-head p{margin:10px 0 0;color:#9ca6ab;font-size:13px}
.customer-reviews-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.review-source-link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #3a4449;background:#111518;color:#f4f4f4;text-decoration:none;font-size:10px;font-weight:1000;letter-spacing:.7px}
.review-source-link:hover{border-color:#ef3029;background:#171b1e}
.customer-reviews-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-review-source,.customer-review-quote{min-height:190px;padding:22px;border:1px solid #2c3439;background:#0d1012;box-sizing:border-box}
.customer-review-source-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #252d31}
.customer-review-source-top span{font-size:10px;font-weight:1000;letter-spacing:1.4px;color:#ef3028}
.customer-review-source-top strong{font-size:18px;color:#f5f5f5}
.customer-review-source h3{margin:18px 0 8px;font-size:19px;color:#f2f2f2}
.customer-review-source p{margin:0;color:#aab3b7;font-size:12px;line-height:1.65}
.customer-review-source a{display:inline-block;margin-top:18px;color:#ef3028;font-size:10px;font-weight:1000;letter-spacing:.6px;text-decoration:none}
.customer-review-source a:hover{text-decoration:underline}
.customer-review-stars{color:#f0c84b;font-size:17px;letter-spacing:2px;margin-bottom:16px}
.customer-review-quote blockquote{margin:0;color:#e7e9ea;font-size:14px;line-height:1.65;font-style:normal}
.customer-review-quote span{display:block;margin-top:18px;color:#7f8b91;font-size:10px;font-weight:800;letter-spacing:.5px}
.customer-reviews-footnote{margin-top:14px;color:#657178;font-size:9px;line-height:1.5}
@media(max-width:1000px){.customer-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-reviews-head{align-items:flex-start;flex-direction:column}.customer-reviews-links{justify-content:flex-start}}
@media(max-width:650px){.customer-reviews-section{padding:48px 0 54px}.customer-reviews-head h2{font-size:27px}.customer-reviews-grid{grid-template-columns:1fr}.customer-review-source,.customer-review-quote{min-height:0}.customer-reviews-links{width:100%;display:grid;grid-template-columns:1fr}.review-source-link{justify-content:center}}


/* V261 – weitere Kundenbewertungen */
.customer-review-summary blockquote{font-size:13px;line-height:1.7;color:#dfe3e5}
.customer-review-summary .customer-review-stars{margin-bottom:15px}

/* V267 – Kontaktformular */
.contact-grid-form{min-height:0;padding-top:82px;padding-bottom:88px;align-items:start}
.contact-intro>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:520px;margin:20px 0 30px}
.contact-intro .contact-info{margin-top:30px}
.contact-form-card{border:1px solid var(--line);background:#101417;padding:28px;box-shadow:0 18px 45px #00000024}
.contact-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.contact-form-head span{font-size:10px;color:var(--red);font-weight:1000;letter-spacing:2px}
.contact-form-head strong{font-size:24px;color:#fff;letter-spacing:-.5px}
.contact-form{display:grid;gap:14px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:7px}
.contact-form input,.contact-form textarea{box-sizing:border-box}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--red);border-color:var(--red)}
.contact-submit{border:1px solid var(--red);background:var(--red);color:#fff;padding:15px 18px;font:inherit;font-size:11px;font-weight:1000;letter-spacing:1.2px;cursor:pointer;text-align:left}
.contact-submit:hover{background:#fff;color:#111;border-color:#fff}
.contact-form-success,.contact-form-error{padding:13px 15px;margin-bottom:15px;font-size:12px;line-height:1.55}
.contact-form-success{border-left:4px solid #76b45b;background:#152117;color:#cfe8c5}
.contact-form-error{border-left:4px solid var(--red);background:#281211;color:#f0c2bd}
.contact-privacy-note{margin:0;color:#6f7a80;font-size:9px;line-height:1.55}
.contact-human{border-top:1px solid var(--line);padding-top:14px}
.contact-human-row{display:grid;grid-template-columns:auto 150px;align-items:center;gap:12px}
.contact-human-row strong{font-size:12px;letter-spacing:0;color:#d8dcde}
.contact-human-row input{max-width:150px}
.contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.contact-grid-form{padding-top:62px;padding-bottom:65px}.contact-form-row{grid-template-columns:1fr}.contact-form-card{padding:20px}.contact-human-row{grid-template-columns:1fr}.contact-human-row input{max-width:none}}


/* V269 – eigenständige Kontaktseite */
.contact-page-v269{background:#090b0d;color:#f4f4f4;border-top:1px solid var(--line);}
.contact-page-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.contact-page-hero{padding:78px 0 72px;background:linear-gradient(110deg,#0d1012 0%,#0a0c0e 60%,#110b0b 100%);border-bottom:1px solid #252b2f;}
.contact-page-kicker{font-size:10px;font-weight:1000;letter-spacing:2px;color:var(--red);display:flex;align-items:center;gap:12px;margin-bottom:20px}
.contact-page-kicker span{width:28px;height:2px;background:var(--red);display:inline-block}
.contact-page-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.contact-page-heading h1{font-size:clamp(54px,7vw,92px);line-height:.86;letter-spacing:-4px;margin:0;max-width:760px}
.contact-page-heading h1 em,.contact-page-bottom h2 em,.contact-page-form-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#bfc5c8}
.contact-page-heading>div:first-child>p{max-width:620px;color:#9aa4aa;font-size:16px;line-height:1.75;margin:25px 0 0}
.contact-page-actions{display:grid;border-left:2px solid var(--red)}
.contact-page-action{padding:16px 20px;border-bottom:1px solid #252b2f;text-decoration:none;display:grid;gap:4px;background:#0d1012;transition:.18s ease}
.contact-page-action:last-child{border-bottom:0}
.contact-page-action:hover{background:#15191c;padding-left:26px}
.contact-page-action small,.contact-page-bottom small{font-size:9px;font-weight:1000;letter-spacing:2px;color:var(--red)}
.contact-page-action strong{font-size:17px;color:#f3f4f4}
.contact-page-action span{font-size:10px;color:#788389;letter-spacing:.5px;margin-top:3px}
.contact-page-form-section{padding:88px 0 92px;background:#0b0e10;border-bottom:1px solid #252b2f}
.contact-page-form-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.contact-page-number{font-size:9px;font-weight:1000;letter-spacing:2px;color:#657078;margin-bottom:20px}
.contact-page-form-intro h2{font-size:62px;line-height:.86;letter-spacing:-3px;margin:0 0 25px}
.contact-page-form-intro>p{color:#929da3;line-height:1.75;font-size:14px;max-width:390px;margin:0 0 28px}
.contact-page-note{border-left:2px solid var(--red);padding:13px 0 13px 18px;display:grid;gap:7px;max-width:390px}
.contact-page-note strong{font-size:9px;letter-spacing:2px;color:var(--red)}
.contact-page-note span{font-size:11px;line-height:1.6;color:#7d888e}
.contact-page-form-card{background:#101417;border:1px solid #30373b;padding:30px;box-shadow:0 20px 60px #0000002b}
.contact-page-form-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #2b3236;padding-bottom:18px;margin-bottom:22px}
.contact-page-form-head span{font-size:9px;font-weight:1000;letter-spacing:2px;color:var(--red)}
.contact-page-form-head strong{font-size:26px;letter-spacing:-.6px}
.contact-page-form .contact-submit{display:flex;justify-content:space-between;align-items:center;width:100%}
.contact-page-form .contact-submit span{font-size:17px}
.contact-page-bottom{padding:75px 0 90px;background:#080a0c}
.contact-page-bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.contact-page-bottom h2{font-size:42px;line-height:.92;letter-spacing:-2px;margin:12px 0 0}
.contact-direct-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a3135;border-bottom:1px solid #2a3135}
.contact-direct-grid a{padding:22px 18px;min-height:110px;text-decoration:none;border-right:1px solid #2a3135;display:flex;flex-direction:column;gap:7px;transition:.18s ease}
.contact-direct-grid a:last-child{border-right:0}
.contact-direct-grid a:hover{background:#111518}
.contact-direct-grid strong{font-size:14px;color:#f2f3f3}
.contact-direct-grid span{margin-top:auto;font-size:9px;color:#7f8a90;letter-spacing:.6px}
@media(max-width:900px){.contact-page-heading,.contact-page-form-grid,.contact-page-bottom-grid{grid-template-columns:1fr;gap:40px}.contact-page-actions{max-width:620px}.contact-page-form-intro h2{font-size:52px}.contact-direct-grid{grid-template-columns:1fr}.contact-direct-grid a{border-right:0;border-bottom:1px solid #2a3135}.contact-direct-grid a:last-child{border-bottom:0}}
@media(max-width:600px){.contact-page-wrap{width:min(100% - 30px,1180px)}.contact-page-hero{padding:52px 0 48px}.contact-page-heading h1{font-size:50px;letter-spacing:-2.5px}.contact-page-heading>div:first-child>p{font-size:14px}.contact-page-form-section{padding:58px 0 62px}.contact-page-form-card{padding:19px}.contact-page-form-head{align-items:flex-start;flex-direction:column;gap:7px}.contact-page-form-intro h2{font-size:46px}.contact-page-bottom{padding:56px 0 62px}.contact-page-bottom h2{font-size:34px}.contact-page-actions{border-left:2px solid var(--red)}}
/* V280 – Kontaktseite: editierbare obere Texte */
.contact-page-heading h1{font-size:64px;line-height:.9;letter-spacing:-3px}
.contact-page-heading h1>span,.contact-page-heading h1>em{display:inline}
.contact-page-heading>div:first-child>p{font-size:16px}
@media(max-width:900px){.contact-page-heading h1{font-size:52px}}
@media(max-width:600px){.contact-page-heading h1{font-size:46px}}

/* V308 – Werkstatt Live */
.workshop-live-section{padding:88px 0 92px;background:#080a0c;border-top:1px solid #2a3034;border-bottom:1px solid #2a3034;position:relative;overflow:hidden}
.workshop-live-section:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,32,24,.055),transparent 36%,rgba(255,255,255,.018));pointer-events:none}
.workshop-live-head{position:relative;display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:38px}
.workshop-live-head-copy{max-width:850px}
.workshop-live-kicker{font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#ff3028;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.workshop-live-kicker span{display:inline-block;width:24px;height:3px;background:#ff3028}
.workshop-live-head h2{margin:0 0 14px;color:#f4f5f6;line-height:.98;text-transform:uppercase;letter-spacing:-1.2px}
.workshop-live-head p{margin:0;max-width:760px;color:#b9c0c5;line-height:1.65}
.workshop-live-live-mark{display:flex;flex-direction:column;align-items:flex-end;gap:5px;border:1px solid #343c41;padding:14px 16px;min-width:190px;background:#0b0e10}
.workshop-live-live-mark i{display:block;width:10px;height:10px;border-radius:50%;background:#e92c24;box-shadow:0 0 0 5px rgba(233,44,36,.1);margin-bottom:3px}
.workshop-live-live-mark strong{font-size:10px;letter-spacing:1.6px;color:#f1f2f3}.workshop-live-live-mark span{font-size:8px;letter-spacing:1px;color:#778188}
.workshop-live-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.workshop-live-card{background:#0d1012;border:1px solid #30373c;min-width:0;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.workshop-live-card-top{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #252c30}
.workshop-live-status{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid currentColor;font-size:8px;line-height:1;letter-spacing:1.2px;font-weight:900;text-transform:uppercase}.workshop-live-status--working{color:#ff615b;background:rgba(190,26,19,.12)}.workshop-live-status--ready{color:#7fe09a;background:rgba(36,126,59,.13)}.workshop-live-status--waiting{color:#ffd46a;background:rgba(175,121,11,.13)}
.workshop-live-progress-value{font-size:10px;color:#a9b1b6;font-weight:900;letter-spacing:1px}
.workshop-live-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#050607}.workshop-live-gallery figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:#050607}.workshop-live-gallery figure:first-child:last-child{grid-column:1/-1;aspect-ratio:16/8.5}.workshop-live-gallery img{width:100%;height:100%;object-fit:contain;display:block;background:#050607}
.workshop-live-card-body{padding:23px 24px 25px}.workshop-live-vehicle{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#ff3b33;text-transform:uppercase;margin-bottom:8px}.workshop-live-card h3{margin:0 0 12px;font-size:27px;line-height:1.04;color:#f4f5f6;text-transform:uppercase}.workshop-live-card-body p{margin:0 0 20px;color:#c1c7cb;line-height:1.65}
.workshop-live-progress{margin:12px 0 22px}.workshop-live-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workshop-live-progress span{font-size:8px;letter-spacing:1.4px;font-weight:900;color:#8c969c}.workshop-live-progress b{font-size:10px;color:#f3f4f5}.workshop-live-progress-track{height:6px;background:#20262a;overflow:hidden}.workshop-live-progress-track span{display:block;height:100%;background:#ff3028;min-width:0}
.workshop-live-steps{display:grid;gap:8px}.workshop-live-step{display:flex;gap:10px;align-items:center;color:#9ca5aa;font-size:13px;line-height:1.35}.workshop-live-step-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #394147;font-size:12px;flex:0 0 24px}.workshop-live-step--done{color:#cfd5d8}.workshop-live-step--done .workshop-live-step-icon{color:#8ee0a4;border-color:#2f8a4c;background:#12351e}.workshop-live-step--current{color:#fff}.workshop-live-step--current .workshop-live-step-icon{border-color:#ff3028;background:#30100f}.workshop-live-step--waiting .workshop-live-step-icon{border-color:#8b681d;background:#302707;color:#ffd46a}
@media(max-width:850px){.workshop-live-grid{grid-template-columns:1fr}.workshop-live-head{align-items:flex-start;flex-direction:column}.workshop-live-live-mark{align-items:flex-start}.workshop-live-head h2{font-size:clamp(32px,8vw,46px)!important}}
@media(max-width:520px){.workshop-live-section{padding:58px 0}.workshop-live-card-body{padding:18px}.workshop-live-card h3{font-size:23px}.workshop-live-gallery{grid-template-columns:1fr}.workshop-live-gallery figure{aspect-ratio:16/9}.workshop-live-gallery figure:first-child:last-child{aspect-ratio:16/9}}

/* V309 – Werkstatt Live nur im jeweiligen Kundenkonto */
.workshop-live-account-section{overflow:hidden}
.workshop-live-account-section .account-section-title{align-items:flex-start}
.workshop-live-account-private{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #4a5156;color:#aeb5ba;font-size:8px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;background:#0a0d0f;white-space:nowrap}
.workshop-live-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.workshop-live-account-card{min-width:0}
@media(max-width:850px){.workshop-live-account-grid{grid-template-columns:1fr}}

.workshop-live-order-number{padding:11px 15px;border-bottom:1px solid #252c30;background:#090c0e;color:#8f999f;font-size:9px;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}.workshop-live-order-number strong{color:#f4f5f6;font-size:11px;letter-spacing:1px}.workshop-live-account-card .workshop-live-order-number{background:#0b0e10}


/* V314 – Werkstatt Live Auftrags-Verlauf */
.workshop-live-history{margin-top:24px;padding-top:20px;border-top:1px solid #252c30}.workshop-live-history-title{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#f2f3f4;margin-bottom:14px}.workshop-live-history-list{position:relative;display:grid;gap:0}.workshop-live-history-list:before{content:"";position:absolute;left:5px;top:7px;bottom:7px;width:1px;background:#30383d}.workshop-live-history-item{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:11px;padding:0 0 18px}.workshop-live-history-item:last-child{padding-bottom:0}.workshop-live-history-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;border:2px solid #080a0b;background:#6e787d;box-sizing:border-box;z-index:1}.workshop-live-history-dot--working{background:#ff3b33;box-shadow:0 0 0 3px rgba(255,59,51,.10)}.workshop-live-history-dot--ready{background:#72d98b;box-shadow:0 0 0 3px rgba(114,217,139,.10)}.workshop-live-history-dot--waiting{background:#f0bd4e;box-shadow:0 0 0 3px rgba(240,189,78,.10)}.workshop-live-history-dot--info{background:#aeb8bd}.workshop-live-history-copy{min-width:0}.workshop-live-history-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#778188;font-size:8px;letter-spacing:.9px;text-transform:uppercase;margin-bottom:5px}.workshop-live-history-copy h4{margin:0;color:#f3f4f5;font-size:14px;line-height:1.3}.workshop-live-history-copy p{margin:6px 0 0;color:#aeb5ba;font-size:12px;line-height:1.55}.workshop-live-history-badge{display:inline-flex;padding:4px 6px;border:1px solid currentColor;font-size:7px;font-weight:900;letter-spacing:.7px}.workshop-live-history-badge--working{color:#ff615b;background:#2d100f}.workshop-live-history-badge--ready{color:#8ee0a4;background:#12351e}.workshop-live-history-badge--waiting{color:#ffd46a;background:#302707}.workshop-live-history-badge--info{color:#aeb8bd;background:#151a1d}
@media(max-width:520px){.workshop-live-history-copy h4{font-size:13px}.workshop-live-history-copy p{font-size:11px}.workshop-live-history-meta{font-size:7px}}

/* V315 – Werkstatt Live Kundenbereich: Inhalte sicher sichtbar */
.workshop-live-account-section .workshop-live-account-grid{display:grid!important;visibility:visible!important;opacity:1!important}
.workshop-live-account-section .workshop-live-account-card{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important}
.workshop-live-account-section .workshop-live-account-card .workshop-live-card-top{display:flex!important;visibility:visible!important;opacity:1!important;min-height:46px}
.workshop-live-account-section .workshop-live-account-card .workshop-live-card-body{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:100px}
.workshop-live-account-section .workshop-live-account-card .workshop-live-status{display:inline-flex!important}
.workshop-live-account-section .workshop-live-account-card .workshop-live-progress-value{display:inline-block!important}
.workshop-live-account-section .workshop-live-account-card h3{display:block!important;visibility:visible!important}
.workshop-live-account-section .workshop-live-account-card .workshop-live-progress{display:block!important}
.workshop-live-account-section .workshop-live-account-card .workshop-live-history{display:block!important;visibility:visible!important}

/* V318 – Werkstatt Live im Kundenkonto kompakter darstellen */
.workshop-live-account-section .workshop-live-account-grid{
  grid-template-columns:minmax(0,680px)!important;
  max-width:680px;
  gap:14px;
  margin-top:16px;
}
.workshop-live-account-section .workshop-live-account-card{
  max-width:680px;
  box-shadow:none;
}
.workshop-live-account-section .workshop-live-order-number{
  padding:9px 12px;
  font-size:8px;
}
.workshop-live-account-section .workshop-live-order-number strong{font-size:10px}
.workshop-live-account-section .workshop-live-card-top{padding:9px 12px;min-height:0!important}
.workshop-live-account-section .workshop-live-status{padding:6px 8px;font-size:7px}
.workshop-live-account-section .workshop-live-progress-value{font-size:9px}
.workshop-live-account-section .workshop-live-gallery figure{aspect-ratio:16/7.5}
.workshop-live-account-section .workshop-live-gallery figure:first-child:last-child{aspect-ratio:16/6.5}
.workshop-live-account-section .workshop-live-card-body{padding:16px 18px 18px;min-height:0!important}
.workshop-live-account-section .workshop-live-vehicle{font-size:8px;margin-bottom:6px}
.workshop-live-account-section .workshop-live-card h3{font-size:21px;margin-bottom:9px}
.workshop-live-account-section .workshop-live-card-body p{font-size:13px;line-height:1.5;margin-bottom:14px}
.workshop-live-account-section .workshop-live-progress{margin:10px 0 16px}
.workshop-live-account-section .workshop-live-step{font-size:11px;gap:8px}
.workshop-live-account-section .workshop-live-step-icon{width:21px;height:21px;flex-basis:21px;font-size:10px}
.workshop-live-account-section .workshop-live-history{margin-top:17px;padding-top:14px}
.workshop-live-account-section .workshop-live-history-title{font-size:8px;margin-bottom:10px}
.workshop-live-account-section .workshop-live-history-item{padding-bottom:13px}
.workshop-live-account-section .workshop-live-history-meta{font-size:7px;margin-bottom:4px}
.workshop-live-account-section .workshop-live-history-copy h4{font-size:12px}
.workshop-live-account-section .workshop-live-history-copy p{font-size:10px;line-height:1.45;margin-top:4px}
.workshop-live-account-section .workshop-live-history-badge{padding:3px 5px;font-size:6px}
@media(max-width:850px){
  .workshop-live-account-section .workshop-live-account-grid{max-width:100%;grid-template-columns:minmax(0,1fr)!important}
  .workshop-live-account-section .workshop-live-account-card{max-width:100%}
}

/* V319: Werkstatt Live im Kundenkonto deutlich kompakter */
.workshop-live-account-section .workshop-live-account-grid{grid-template-columns:minmax(0,520px)!important;justify-content:start;gap:12px;margin-top:14px}
.workshop-live-account-section .workshop-live-account-card{width:100%;max-width:520px}
.workshop-live-account-section .workshop-live-order-number{padding:8px 11px;font-size:8px}
.workshop-live-account-section .workshop-live-order-number strong{font-size:9px}
.workshop-live-account-section .workshop-live-card-top{padding:7px 10px}
.workshop-live-account-section .workshop-live-status{padding:4px 7px;font-size:6px}
.workshop-live-account-section .workshop-live-progress-value{font-size:8px}
.workshop-live-account-section .workshop-live-gallery{max-height:185px;grid-template-columns:1fr;overflow:hidden}
.workshop-live-account-section .workshop-live-gallery figure,
.workshop-live-account-section .workshop-live-gallery figure:first-child:last-child{height:185px;aspect-ratio:auto}
.workshop-live-account-section .workshop-live-gallery img{max-height:185px;object-fit:contain}
.workshop-live-account-section .workshop-live-card-body{padding:12px 14px 14px}
.workshop-live-account-section .workshop-live-vehicle{font-size:7px;margin-bottom:4px}
.workshop-live-account-section .workshop-live-card h3{font-size:17px;margin-bottom:6px}
.workshop-live-account-section .workshop-live-card-body p{font-size:10px;line-height:1.4;margin-bottom:9px}
.workshop-live-account-section .workshop-live-progress{margin:7px 0 10px}
.workshop-live-account-section .workshop-live-progress div:first-child{font-size:7px}
.workshop-live-account-section .workshop-live-step{font-size:9px;gap:6px;padding:5px 0}
.workshop-live-account-section .workshop-live-step-icon{width:18px;height:18px;flex-basis:18px;font-size:8px}
.workshop-live-account-section .workshop-live-history{margin-top:11px;padding-top:10px}
.workshop-live-account-section .workshop-live-history-title{font-size:7px;margin-bottom:7px}
.workshop-live-account-section .workshop-live-history-item{padding-bottom:9px}
.workshop-live-account-section .workshop-live-history-meta{font-size:6px;margin-bottom:3px}
.workshop-live-account-section .workshop-live-history-copy h4{font-size:10px}
.workshop-live-account-section .workshop-live-history-copy p{font-size:8px;line-height:1.35;margin-top:3px}
.workshop-live-account-section .workshop-live-history-badge{padding:2px 4px;font-size:5px}
@media(max-width:850px){.workshop-live-account-section .workshop-live-account-grid{grid-template-columns:minmax(0,1fr)!important}.workshop-live-account-section .workshop-live-account-card{max-width:520px}}
@media(max-width:520px){.workshop-live-account-section .workshop-live-gallery,.workshop-live-account-section .workshop-live-gallery figure,.workshop-live-account-section .workshop-live-gallery figure:first-child:last-child,.workshop-live-account-section .workshop-live-gallery img{max-height:150px;height:150px}}

/* V320 – Werkstatt Live: kompakte Vorschau ohne Bild + klickbare Auftragsdetails */
.workshop-live-preview-grid{grid-template-columns:minmax(0,520px)!important}
.workshop-live-preview-card{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.workshop-live-preview-card:hover{border-color:#e22d27;transform:translateY(-1px);background:#0b0e10}
.workshop-live-preview-body{padding:13px 14px 14px}
.workshop-live-preview-body p{font-size:10px;line-height:1.45;margin:7px 0 9px;color:#aeb5ba}
.workshop-live-preview-body .workshop-live-progress{margin:8px 0 10px}
.workshop-live-preview-link{display:inline-flex;margin-top:2px;color:#ff4038;font-size:7px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.workshop-live-detail{margin-top:18px;border-top:1px solid #252c30;background:#090c0e}
.workshop-live-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border-bottom:1px solid #252c30}
.workshop-live-detail-head h3{margin:3px 0 0;font-size:18px;color:#f3f4f5}
.workshop-live-detail-status{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid #252c30;font-size:9px;color:#c0c7cb;font-weight:900;letter-spacing:.7px}
.workshop-live-detail-gallery{max-width:720px;max-height:360px;margin:14px;overflow:hidden;display:grid;gap:8px}
.workshop-live-detail-gallery figure{margin:0;min-height:0;max-height:360px;display:flex;align-items:center;justify-content:center;background:#050607}
.workshop-live-detail-gallery img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}
.workshop-live-detail-body{padding:14px 16px 18px}
@media(max-width:850px){.workshop-live-preview-grid{grid-template-columns:minmax(0,1fr)!important}.workshop-live-detail-gallery{max-width:none;max-height:300px}.workshop-live-detail-gallery figure,.workshop-live-detail-gallery img{max-height:300px}}
@media(max-width:520px){.workshop-live-detail-head{align-items:flex-start}.workshop-live-detail-head h3{font-size:15px}.workshop-live-detail-gallery{max-height:220px;margin:10px}.workshop-live-detail-gallery figure,.workshop-live-detail-gallery img{max-height:220px}}

/* V321: Werkstatt Live Auftragsdetail als eigener Kundenbereich */
.workshop-live-detail-section{margin-top:24px;scroll-margin-top:24px}
.workshop-live-detail-section .workshop-live-detail{margin-top:0;border:1px solid #252c30;background:#090c0e}
.workshop-live-detail-section .workshop-live-detail-head{padding:16px 18px}
.workshop-live-detail-section .workshop-live-detail-status{padding:10px 18px}
@media(max-width:850px){.workshop-live-detail-section{margin-top:18px}}

/* V328 – Werkstatt Live Kundenkarte: modernisierte Auftragsvorschau */
.workshop-live-account-section .workshop-live-modern-card{
  display:block!important;
  width:100%;
  max-width:760px;
  margin:0;
  padding:18px 20px 16px;
  background:linear-gradient(180deg,#0d1113 0%,#0b0e10 100%);
  border:1px solid #30383d;
  color:#f3f4f5;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.workshop-live-account-section .workshop-live-modern-card:hover{
  border-color:#4a5359;
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}
.workshop-live-account-section .wl-modern-head,
.workshop-live-account-section .wl-modern-order,
.workshop-live-account-section .wl-modern-vehicle,
.workshop-live-account-section .wl-modern-job,
.workshop-live-account-section .wl-modern-current,
.workshop-live-account-section .wl-modern-footer{display:flex;align-items:center}
.workshop-live-account-section .wl-modern-head{justify-content:space-between;gap:18px}
.workshop-live-account-section .wl-modern-order{gap:12px;min-width:0}
.workshop-live-account-section .wl-modern-order strong{display:block;color:#f5f6f7;font-size:25px;line-height:1.05;letter-spacing:.5px;font-weight:900}
.workshop-live-account-section .wl-modern-label{display:block;margin-bottom:5px;color:#7e898f;font-size:8px;line-height:1;letter-spacing:1.8px;font-weight:900;text-transform:uppercase}
.workshop-live-account-section .wl-modern-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #3a4349;background:#11161a;color:#cbd1d4;font-size:21px;font-weight:700}
.workshop-live-account-section .wl-modern-icon-bike{color:#e7eaeb;font-size:24px}
.workshop-live-account-section .wl-modern-icon-tool{color:#ff3028;border-color:#5a2523}
.workshop-live-account-section .wl-modern-divider{height:1px;background:#273036;margin:16px 0}
.workshop-live-account-section .wl-modern-vehicle{gap:12px}
.workshop-live-account-section .wl-modern-vehicle strong{display:block;color:#f4f5f6;font-size:18px;line-height:1.15;letter-spacing:.2px;text-transform:uppercase}
.workshop-live-account-section .wl-modern-job{gap:12px;align-items:flex-start}
.workshop-live-account-section .wl-modern-job h3{margin:0;color:#f4f5f6;font-size:22px;line-height:1.08;text-transform:uppercase}
.workshop-live-account-section .wl-modern-job p{margin:5px 0 0;color:#adb5ba;font-size:12px;line-height:1.45}
.workshop-live-account-section .wl-modern-head .workshop-live-status{padding:10px 13px;font-size:8px;letter-spacing:1.3px;white-space:nowrap}
.workshop-live-account-section .workshop-live-status--working{color:#ff615b;background:rgba(190,26,19,.13);border-color:#9d302b}
.workshop-live-account-section .workshop-live-status--ready{color:#7fe09a;background:rgba(36,126,59,.13);border-color:#36794a}
.workshop-live-account-section .workshop-live-status--waiting{color:#ffd46a;background:rgba(175,121,11,.13);border-color:#8f6a18}
.workshop-live-account-section .wl-modern-progress{margin:18px 0 14px}
.workshop-live-account-section .wl-modern-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.workshop-live-account-section .wl-modern-progress>div:first-child span{color:#7e898f;font-size:8px;letter-spacing:1.7px;font-weight:900}
.workshop-live-account-section .wl-modern-progress b{color:#f3f4f5;font-size:12px}
.workshop-live-account-section .wl-modern-progress .workshop-live-progress-track{height:7px;background:#20272c;border-radius:0}
.workshop-live-account-section .wl-modern-progress .workshop-live-progress-track span{background:#ff3028}
.workshop-live-account-section .wl-modern-current{gap:12px;margin-top:12px;padding:14px 15px;border:1px solid #293136;border-left:3px solid #ff3028;background:#0a0d0f}
.workshop-live-account-section .wl-modern-current-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #74302c;background:#25100f;font-size:15px}
.workshop-live-account-section .wl-modern-current strong{display:block;color:#f4f5f6;font-size:13px;line-height:1.35}
.workshop-live-account-section .wl-modern-footer{justify-content:space-between;gap:16px;margin-top:14px}
.workshop-live-account-section .wl-modern-update{color:#68747a;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.workshop-live-account-section .wl-modern-footer .workshop-live-preview-link{color:#ff3b33;font-size:9px;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}
.workshop-live-account-section .wl-modern-footer .workshop-live-preview-link b{font-size:15px;margin-left:4px}
.workshop-live-account-section .workshop-live-account-grid{grid-template-columns:minmax(0,760px)!important;justify-content:start;gap:14px;margin-top:18px}
@media(max-width:700px){
  .workshop-live-account-section .workshop-live-modern-card{max-width:100%;padding:15px}
  .workshop-live-account-section .wl-modern-order strong{font-size:21px}
  .workshop-live-account-section .wl-modern-vehicle strong{font-size:16px}
  .workshop-live-account-section .wl-modern-job h3{font-size:19px}
  .workshop-live-account-section .wl-modern-head .workshop-live-status{padding:8px 9px;font-size:7px}
}
@media(max-width:480px){
  .workshop-live-account-section .wl-modern-head{align-items:flex-start;flex-direction:column}
  .workshop-live-account-section .wl-modern-head .workshop-live-status{align-self:flex-start}
  .workshop-live-account-section .wl-modern-footer{align-items:flex-start;flex-direction:column}
}

/* V336 – Werkstatt Live Auftragskarte nochmals schmaler */
.workshop-live-account-section .workshop-live-modern-card{
  max-width:400px;
}
.workshop-live-account-section .workshop-live-account-grid{
  grid-template-columns:minmax(0,400px)!important;
}
@media(max-width:700px){
  .workshop-live-account-section .workshop-live-modern-card{max-width:100%;}
  .workshop-live-account-section .workshop-live-account-grid{grid-template-columns:minmax(0,1fr)!important;}
}

/* V392 – Kundenkonto Fahrzeuge: identische Kartenmaße und größere, sauber skalierte Fotos */
.account-existing-vehicles .vehicle-list{
  display:grid!important;
  grid-template-columns:repeat(2,520px)!important;
  gap:18px!important;
  justify-content:start!important;
  align-items:start!important;
}
.account-existing-vehicles .vehicle-card{
  width:520px!important;
  max-width:520px!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  grid-template-columns:200px minmax(0,1fr)!important;
}
.account-existing-vehicles .vehicle-photo{
  width:200px!important;
  height:150px!important;
  min-width:200px!important;
  min-height:150px!important;
  max-width:200px!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#111!important;
}
.account-existing-vehicles .vehicle-copy{
  min-width:0!important;
  height:150px!important;
  padding:12px 15px!important;
}
.account-existing-vehicles .vehicle-copy h3{
  font-size:20px!important;
  margin:3px 0 4px!important;
}
.account-existing-vehicles .vehicle-data{
  margin-top:7px!important;
  gap:4px 10px!important;
}
.account-existing-vehicles .vehicle-actions{
  padding-top:6px!important;
}
@media(max-width:1100px){
  .account-existing-vehicles .vehicle-list{
    grid-template-columns:minmax(0,520px)!important;
  }
}
@media(max-width:760px){
  .account-existing-vehicles .vehicle-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .account-existing-vehicles .vehicle-card{
    width:100%!important;
    max-width:none!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    grid-template-columns:150px minmax(0,1fr)!important;
  }
  .account-existing-vehicles .vehicle-photo{
    width:150px!important;
    height:150px!important;
    min-width:150px!important;
    min-height:150px!important;
    max-width:150px!important;
    max-height:150px!important;
  }
  .account-existing-vehicles .vehicle-copy{height:150px!important;padding:10px 12px!important;}
}

/* V396 – Fahrzeugakten-Kopf kompakt: deutlich weniger Höhe und Platzverbrauch */
.vehicle-detail-head{
  padding:14px 20px!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}
.vehicle-detail-head > div{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.vehicle-detail-head .vehicle-meta{
  margin:0!important;
  font-size:9px!important;
  line-height:1.1!important;
  flex:0 0 auto!important;
}
.vehicle-detail-head h1{
  margin:0!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.vehicle-detail-head .vehicle-detail-meta{
  margin:0!important;
  font-size:13px!important;
  line-height:1.2!important;
  color:#aeb4b8!important;
  flex:0 0 auto!important;
}
@media(max-width:760px){
  .vehicle-detail-head{padding:12px 15px!important;}
  .vehicle-detail-head > div{gap:8px 14px!important;}
  .vehicle-detail-head h1{font-size:28px!important;}
  .vehicle-detail-head .vehicle-detail-meta{font-size:12px!important;}
}

/* V443 – News direkt auf der Startseite */
.home-news{padding:34px 0 30px;background:#090b0d;border-top:1px solid #242a2e;border-bottom:1px solid #242a2e}
.home-news-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.home-news-head h2{margin:5px 0 5px;font-size:28px;line-height:1.05;letter-spacing:.03em;color:#f2f3f4}
.home-news-head h2 strong{color:#ef3029}
.home-news-head p{margin:0;color:#8e999e;font-size:12px}
.home-news-list{display:grid;gap:8px}
.home-news-item{display:grid;grid-template-columns:145px minmax(0,1fr) 38px;align-items:center;gap:18px;min-height:78px;padding:12px 15px;border:1px solid #2c3338;background:#0d1012;box-sizing:border-box;transition:.16s ease}
.home-news-item:hover{border-color:#ef3029;transform:translateY(-1px)}
.home-news-item.is-important{border-left:3px solid #ef3029;background:#120d0e}
.home-news-date{display:flex;align-items:center;gap:12px;border-right:1px solid #2a3135;min-height:50px}
.home-news-date strong{font-size:14px;color:#fff;white-space:nowrap}
.home-news-date span{display:inline-flex;padding:5px 7px;background:#ef3029;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;line-height:1}
.home-news-copy h3{margin:0 0 5px;color:#f3f4f5;font-size:14px;letter-spacing:.03em}
.home-news-copy p{margin:0;color:#9aa4a8;font-size:11px;line-height:1.5}
.home-news-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #424b50;color:#fff;text-decoration:none;font-size:18px}
.home-news-arrow:hover{background:#ef3029;border-color:#ef3029}
@media(max-width:700px){.home-news{padding:25px 0}.home-news-head h2{font-size:23px}.home-news-item{grid-template-columns:1fr 30px;gap:10px}.home-news-date{border-right:0;min-height:0;gap:8px}.home-news-copy{grid-column:1/-1}.home-news-arrow{grid-column:2;grid-row:1/3;align-self:center}.home-news-date strong{font-size:12px}.home-news-copy h3{font-size:13px}}


/* V446: zeitlich begrenzte Aktionen als sichtbares Highlight */
.home-news-item.is-action{position:relative;border:2px solid #ef2929;background:linear-gradient(135deg,#1a0d0d,#101316);box-shadow:0 0 0 1px #ef292933,0 8px 28px #0006;}
.home-news-item.is-action:before{content:"AKTION";position:absolute;top:10px;right:10px;background:#ef2929;color:#fff;font-size:9px;font-weight:1000;letter-spacing:1.5px;padding:6px 8px;z-index:2;}
.home-news-item.is-action .home-news-date span{background:#ef2929;color:#fff;padding:5px 8px;}

/* V444: Startseiten-News sichtbar und sauber unter dem Hero. */
.home-news{display:block!important;visibility:visible!important;position:relative;z-index:3;width:100%;margin:0;padding:34px 0 38px;background:#080a0c;border-top:1px solid rgba(255,255,255,.12);}
.home-news .wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.home-news-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;}
.home-news-head h2{margin:0;font-size:32px;line-height:1.05;}
.home-news-head p{margin:8px 0 0;color:#aeb6bd;}
.home-news-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.home-news-item{min-width:0;background:#101316;border:1px solid #30363b;padding:18px;display:flex;flex-direction:column;min-height:170px;box-sizing:border-box;}
.home-news-item.is-important{border-color:#ef2929;}
.home-news-date{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;color:#aeb6bd;font-size:12px;text-transform:uppercase;}
.home-news-date strong{color:#fff;font-size:13px;}
.home-news-date span{color:#ef2929;font-weight:700;}
.home-news-copy h3{margin:0 0 9px;font-size:18px;line-height:1.2;color:#fff;}
.home-news-copy p{margin:0;color:#b9c0c5;line-height:1.5;font-size:14px;}
.home-news-arrow{margin-top:auto;padding-top:15px;color:#ef2929;text-decoration:none;font-size:22px;font-weight:700;align-self:flex-end;}
@media(max-width:900px){.home-news-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.home-news{padding:26px 0}.home-news .wrap{padding:0 14px}.home-news-head h2{font-size:25px}.home-news-list{grid-template-columns:1fr}.home-news-item{min-height:140px;}}

/* V457: Aktionsdesign Variante 6 – rotes Limited-Badge wie in der Designvorlage */
.home-news-item.is-action{border-color:#ef2929!important;box-shadow:0 0 0 1px rgba(239,41,41,.20),0 10px 30px rgba(0,0,0,.48)!important;}
.home-news-item.is-action:before{content:"AKTION\A NUR FÜR KURZE ZEIT"!important;position:absolute!important;top:10px!important;right:10px!important;background:linear-gradient(180deg,#ff3434 0%,#d91515 100%)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;letter-spacing:1px!important;line-height:1.08!important;text-align:center!important;padding:8px 12px 7px 12px!important;min-width:122px!important;box-sizing:border-box!important;white-space:pre!important;z-index:4!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(239,41,41,.30),0 0 18px rgba(239,41,41,.42),4px 4px 0 rgba(0,0,0,.28)!important;animation:newsActionBadgePulse 3.2s ease-in-out infinite!important;}
.home-news-item.is-action:after{content:"✦"!important;position:absolute!important;top:5px!important;right:6px!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;opacity:.9!important;animation:newsActionSpark 3.2s ease-in-out infinite!important;z-index:5!important;}
.home-news-item.is-action .home-news-date span{background:#ef2929!important;color:#fff!important;padding:5px 8px!important;font-weight:1000!important;}
@keyframes newsActionBadgePulse{0%,70%,100%{transform:scale(1);box-shadow:0 0 0 1px rgba(239,41,41,.30),0 0 12px rgba(239,41,41,.28),4px 4px 0 rgba(0,0,0,.28)}82%{transform:scale(1.045);box-shadow:0 0 0 1px rgba(255,70,70,.55),0 0 25px rgba(239,41,41,.65),4px 4px 0 rgba(0,0,0,.28)}}
@keyframes newsActionSpark{0%,70%,100%{transform:scale(.8) rotate(0deg);opacity:.45}82%{transform:scale(1.25) rotate(15deg);opacity:1}}
@media(max-width:560px){.home-news-item.is-action:before{top:8px!important;right:8px!important;font-size:9px!important;min-width:112px!important;padding:7px 9px 6px!important;}}

/* V452: News-Medien kompakt und sauber in Karten darstellen. */
.home-news-list{align-items:stretch!important;}
.home-news-item{overflow:hidden!important;}
.home-news-media{width:100%!important;height:170px!important;margin:0 0 16px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050607!important;border-bottom:1px solid #30363b!important;}
.home-news-media img,.home-news-media video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:#050607!important;}
.home-news-media video{object-fit:contain!important;}
.home-news-item .home-news-date{flex:0 0 auto;}
.home-news-item .home-news-copy{min-width:0;}
@media(max-width:900px){.home-news-media{height:180px!important;}}
@media(max-width:560px){.home-news-media{height:180px!important;margin:0 0 14px!important;}}

/* V451: Medien für Startseiten-News */
.home-news-media{width:calc(100% + 36px);height:145px;margin:-18px -18px 16px;overflow:hidden;background:#080a0c;border-bottom:1px solid #30363b}
.home-news-media img,.home-news-media video{display:block;width:100%;height:100%;object-fit:cover;background:#080a0c}
.home-news-media video{object-fit:contain}
.news-media-field input[type=file]{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #30383d;background:#080a0c;color:#fff}
.news-media-field small{display:block;margin-top:7px;color:#7e898e;font-size:9px}
.news-current-media{margin-top:12px;padding:10px;border:1px solid #30383d;background:#0a0d0f}
.news-current-media img,.news-current-media video{display:block;width:240px;max-width:100%;height:135px;object-fit:cover;background:#050607;margin-bottom:10px}
.news-current-media label{display:block;color:#c7cdd1;font-size:10px}
@media(max-width:560px){.home-news-media{height:180px;margin:-18px -18px 14px;width:calc(100% + 36px)}}

/* V458 – Aktionskarte exakt nach der vom Nutzer ausgewählten Designvorlage: gelber Brush links, schwarzes Datumsbadge rechts, gelber CTA. */
.home-news-item.is-action{
  position:relative!important;
  border:1px solid #2f3539!important;
  background:#0b0e10!important;
  box-shadow:none!important;
  padding:12px!important;
  overflow:hidden!important;
}
.home-news-item.is-action:before,
.home-news-item.is-action:after{display:none!important;content:none!important;}
.home-news-item.is-action .home-news-action-top{
  position:relative;
  height:42px;
  margin:-12px -12px 10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  z-index:5;
  pointer-events:none;
}
.home-news-item.is-action .home-news-action-brush{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:108px;
  height:31px;
  margin-left:-5px;
  margin-top:3px;
  padding:0 18px 0 15px;
  box-sizing:border-box;
  background:#f1d300;
  color:#090a0b;
  font-size:12px;
  font-weight:1000;
  letter-spacing:1.2px;
  line-height:1;
  clip-path:polygon(0 13%,6% 2%,28% 8%,48% 0,69% 7%,100% 0,96% 86%,79% 78%,56% 100%,34% 91%,12% 98%,2% 83%);
  transform:rotate(-3deg);
  box-shadow:3px 3px 0 rgba(0,0,0,.35);
}
.home-news-item.is-action .home-news-action-brush:after{
  content:"";
  position:absolute;
  left:7px;right:7px;bottom:5px;height:1px;
  background:rgba(0,0,0,.22);
}
.home-news-item.is-action .home-news-action-until{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  margin-top:3px;
  padding:4px 8px;
  background:#090a0b;
  border:1px solid #f1d300;
  color:#f1d300;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.65px;
  line-height:1.1;
  white-space:nowrap;
  box-sizing:border-box;
}
.home-news-item.is-action .home-news-media{
  height:145px!important;
  margin:0 0 13px!important;
  border:0!important;
  background:#050607!important;
}
.home-news-item.is-action .home-news-date{
  margin-bottom:9px!important;
}
.home-news-item.is-action .home-news-date span{
  background:#f1d300!important;
  color:#090a0b!important;
  padding:4px 7px!important;
  font-size:8px!important;
  font-weight:1000!important;
  border:0!important;
}
.home-news-item.is-action .home-news-copy h3{
  font-size:18px!important;
  margin-bottom:8px!important;
}
.home-news-item.is-action .home-news-copy p{
  color:#d3d8dc!important;
}
.home-news-item.is-action .home-news-action-cta{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:31px;
  margin-top:14px;
  padding:7px 10px;
  box-sizing:border-box;
  border:1px solid #f1d300!important;
  background:#090a0b!important;
  color:#f1d300!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:1px;
  line-height:1;
}
.home-news-item.is-action .home-news-action-cta span{margin-left:8px;font-size:14px;line-height:0;}
.home-news-item.is-action .home-news-action-cta:hover{background:#f1d300!important;color:#090a0b!important;}
@media(max-width:900px){
  .home-news-item.is-action .home-news-action-brush{min-width:96px;font-size:10px;}
  .home-news-item.is-action .home-news-action-until{font-size:7px;}
}
@media(max-width:560px){
  .home-news-item.is-action{padding:10px!important;}
  .home-news-item.is-action .home-news-action-top{margin:-10px -10px 9px;height:38px;}
  .home-news-item.is-action .home-news-action-brush{min-width:92px;height:28px;font-size:9px;}
  .home-news-item.is-action .home-news-action-until{max-width:132px;white-space:normal;text-align:center;font-size:7px;}
  .home-news-item.is-action .home-news-media{height:180px!important;margin:0 0 12px!important;}
}


/* V465 – News-Foto anklickbar + eindeutiger CTA „WEITERE INFO“. */
.home-news-media-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;}
.home-news-media-link img{transition:transform .18s ease,opacity .18s ease;}
.home-news-media-link:hover img{transform:scale(1.02);opacity:.92;}
.home-news-item.is-action .home-news-action-cta{min-width:0;}

/* V466 – News: Foto immer klickbar + sichtbarer WEITERE-INFO-Button */
.home-news-media-link{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;cursor:pointer!important;}
.home-news-media-link img{cursor:pointer!important;transition:transform .18s ease,opacity .18s ease!important;}
.home-news-media-link:hover img{transform:scale(1.02)!important;opacity:.92!important;}
.home-news-arrow{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:36px!important;height:auto!important;margin-top:auto!important;padding:9px 12px!important;box-sizing:border-box!important;border:1px solid #4a5358!important;background:#0a0d0f!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.08em!important;line-height:1!important;align-self:stretch!important;}
.home-news-arrow span{font-size:14px!important;line-height:1!important;}
.home-news-arrow:hover{background:#ef3029!important;border-color:#ef3029!important;color:#fff!important;}
.home-news-item.is-action .home-news-action-cta{width:100%!important;min-height:36px!important;align-self:stretch!important;}


/* V467 – News-Foto garantiert anklickbar: eigene Lightbox statt abhängig vom News-Link. */
.home-news-media-link{position:relative!important;z-index:10!important;pointer-events:auto!important;display:flex!important;cursor:zoom-in!important;}
.home-news-media-link img{position:relative!important;z-index:11!important;pointer-events:none!important;cursor:zoom-in!important;}

/* V468: News-Foto ist ein echter, direkter Link zur News-Zielseite. */
.home-news-media-link{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;cursor:pointer!important;position:relative!important;z-index:20!important;pointer-events:auto!important;}
.home-news-media-link img{display:block!important;pointer-events:none!important;cursor:pointer!important;}
.home-news-media-link:hover img{transform:scale(1.02)!important;opacity:.92!important;}


/* V469 – News-Foto vollständig neu: echter direkter Bild-Link. */
.home-news-media-link{
  display:flex!important;
  position:relative!important;
  z-index:100!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.home-news-media-link::after{
  content:'↗ FOTO ÖFFNEN';
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  padding:7px 10px;
  background:rgba(0,0,0,.82);
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  opacity:0;
  transition:opacity .15s ease;
  pointer-events:none;
}
.home-news-media-link:hover::after{opacity:1}
.home-news-media-link img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
}



/* V480 – REFERENZ-DESIGN */
.home-news{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#080a0b url("news/news-design-v480.jpg") center top/cover no-repeat!important;
  border-top:1px solid #34393d!important;
  border-bottom:1px solid #34393d!important;
}
.home-news:before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.05) 58%,rgba(0,0,0,.22));
}
.home-news .wrap{position:relative!important;z-index:1!important;}
.home-news-item{
  background:rgba(7,10,12,.94)!important;
  border:1px solid #3b4145!important;
  box-shadow:0 10px 28px rgba(0,0,0,.55)!important;
}
.home-news-item:hover{border-color:#e72b24!important;}
.home-news-item.is-action{background:rgba(7,10,12,.96)!important;}
@media(max-width:700px){
  .home-news{background-position:center top!important;background-size:auto 100%!important;}
}

/* V482 – News-Hintergrund im Admin steuerbar */
.news-background-admin-card{margin-bottom:14px!important}
.news-background-admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid #2d3539}
.news-background-admin-head h3{margin:0 0 5px!important}
.news-background-admin-head p{margin:0;color:#7f8a90;font-size:10px;line-height:1.5}
.news-bg-state{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:8px 12px;border:1px solid currentColor;font-size:9px;font-weight:1000;letter-spacing:.12em;line-height:1}
.news-bg-state.is-on{color:#72e39a;background:#12351f;border-color:#2da35b}
.news-bg-state.is-off{color:#ff7068;background:#4b1513;border-color:#e22d27}
.news-background-admin-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:18px;align-items:start;margin-top:14px}
.news-bg-preview{height:155px;border:1px solid #343d42;background:#050607;overflow:hidden;display:flex;align-items:center;justify-content:center}
.news-bg-preview img{display:block;width:100%;height:100%;object-fit:cover}
.news-bg-toggle{margin:0 0 12px!important;padding:8px 0!important}
.news-bg-upload{margin-top:10px!important}
.news-bg-remove{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;border:1px solid #8e2b27;background:#2a0e0d;color:#ffaaa5;font-size:9px;font-weight:1000;letter-spacing:.06em;cursor:pointer}
.news-bg-remove:hover{background:#551613;border-color:#e12d27;color:#fff}
.news-bg-remove input{width:15px;height:15px;margin:0;accent-color:#e12d27}
.home-news.home-news--no-background{background-image:none!important;background-color:#090b0d!important}
.home-news.home-news--no-background:before{display:none!important}
@media(max-width:800px){
  .news-background-admin-grid{grid-template-columns:1fr}
  .news-bg-preview{height:130px}
}


/* V485 – News-Foto im selben Fenster als Lightbox öffnen */
.ab-news-lightbox{
  position:fixed!important;inset:0!important;z-index:99999!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  padding:28px!important;box-sizing:border-box!important;
  background:rgba(0,0,0,.94)!important;
  backdrop-filter:blur(4px)!important;
}
.ab-news-lightbox.is-open{display:flex!important;}
body.news-lightbox-open{overflow:hidden!important;}
.ab-news-lightbox-stage{
  position:relative!important;max-width:min(94vw,1400px)!important;max-height:92vh!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.ab-news-lightbox-stage img{
  display:block!important;max-width:94vw!important;max-height:88vh!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
  border:1px solid #3a4145!important;box-shadow:0 18px 60px rgba(0,0,0,.75)!important;
  background:#050607!important;
}
.ab-news-lightbox-close{
  position:absolute!important;top:18px!important;right:22px!important;z-index:2!important;
  width:44px!important;height:44px!important;padding:0!important;
  border:1px solid #ef3028!important;background:#0a0d0f!important;color:#fff!important;
  font:400 32px/40px Arial,sans-serif!important;cursor:pointer!important;
}
.ab-news-lightbox-close:hover{background:#ef3028!important;}
@media(max-width:600px){
  .ab-news-lightbox{padding:12px!important;}
  .ab-news-lightbox-close{top:10px!important;right:10px!important;width:40px!important;height:40px!important;}
  .ab-news-lightbox-stage img{max-width:96vw!important;max-height:88vh!important;}
}



/* V491 – WERKSTATT LIVE ADMIN: alle Bereiche standardmäßig geschlossen */
.workshop-live-admin-page .workshop-live-collapsible{
  overflow:hidden;
}
.workshop-live-admin-page .workshop-live-collapse-head{
  list-style:none;
  cursor:pointer;
  padding:0;
  margin:0;
  outline:none;
}
.workshop-live-admin-page .workshop-live-collapse-head::-webkit-details-marker{
  display:none;
}
.workshop-live-admin-page .workshop-live-collapse-head > .ab-section-head{
  margin:0;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:0;
}
.workshop-live-admin-page .workshop-live-collapse-icon{
  flex:0 0 auto;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #394146;
  color:#f2f3f4;
  font-size:20px;
  line-height:1;
  font-weight:700;
  box-sizing:border-box;
}
.workshop-live-admin-page details[open] > .workshop-live-collapse-head .workshop-live-collapse-icon{
  font-size:0;
}
.workshop-live-admin-page details[open] > .workshop-live-collapse-head .workshop-live-collapse-icon::after{
  content:"−";
  font-size:20px;
}
.workshop-live-admin-page .workshop-live-collapse-body{
  padding:0 18px 18px;
}
.workshop-live-admin-page .workshop-live-project-collapsible{
  margin-top:12px;
  border:1px solid #2b3237;
  background:#0d1012;
  overflow:hidden;
}
.workshop-live-admin-page .workshop-live-project-summary{
  list-style:none;
  cursor:pointer;
  outline:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:15px 16px;
}
.workshop-live-admin-page .workshop-live-project-summary::-webkit-details-marker{
  display:none;
}
.workshop-live-admin-page .workshop-live-project-summary-main{
  min-width:0;
  flex:1;
}
.workshop-live-admin-page .workshop-live-project-body{
  padding:0 16px 16px;
  border-top:1px solid #252c30;
}
.workshop-live-admin-page .workshop-live-project-summary .workshop-live-collapse-icon{
  flex:0 0 auto;
}
.workshop-live-admin-page .workshop-live-project-collapsible[open] > .workshop-live-project-summary{
  border-bottom:0;
}
.workshop-live-admin-page .workshop-live-history-admin{
  margin-top:18px;
}
@media(max-width:700px){
  .workshop-live-admin-page .workshop-live-collapse-head > .ab-section-head{
    padding:14px 12px;
  }
  .workshop-live-admin-page .workshop-live-collapse-body,
  .workshop-live-admin-page .workshop-live-project-body{
    padding-left:12px;
    padding-right:12px;
  }
}

/* V492 – Werkstatt Live: wirklich standardmäßig geschlossen */
.workshop-live-admin-page details.workshop-live-collapsible:not([open]) > .workshop-live-collapse-body,
.workshop-live-admin-page details.workshop-live-project-collapsible:not([open]) > .workshop-live-project-body{
  display:none !important;
}
.workshop-live-admin-page details.workshop-live-collapsible:not([open]) > summary,
.workshop-live-admin-page details.workshop-live-project-collapsible:not([open]) > summary{
  display:flex;
}


/* V496 – Werkstatt Live Variante 1, komplett isoliert */
.wl496-shell{max-width:1120px;margin:0 auto;background:#0b0f12;border:1px solid #2a3339;box-shadow:0 10px 35px rgba(0,0,0,.28);}
.wl496-dashboard{padding:16px 18px 14px;}
.wl496-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;border-bottom:1px solid #263038;}
.wl496-top small{display:block;color:#e92b2b;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:4px;}
.wl496-top h3{margin:0 0 4px;font-size:21px;line-height:1.15;color:#f4f5f6;}
.wl496-top p{margin:0;color:#8f9aa1;font-size:11px;}
.wl496-actions{display:flex;gap:8px;flex-shrink:0;}
.wl496-actions .ab-btn{font-size:10px;padding:10px 13px;white-space:nowrap;}
.wl496-settings-btn{background:#11171b!important;border-color:#38434a!important;}
.wl496-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;}
.wl496-kpi{min-height:58px;padding:10px 12px;border:1px solid #263944;background:#0d1519;display:grid;grid-template-columns:32px 34px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;box-sizing:border-box;}
.wl496-kpi .wl496-icon{grid-row:1/3;font-size:23px;text-align:center;}
.wl496-kpi strong{font-size:18px;line-height:1;color:#eaf0f3;}
.wl496-kpi em{font-size:9px;font-style:normal;color:#9ba5ab;white-space:nowrap;}
.wl496-blue{border-color:#12527a}.wl496-blue .wl496-icon{color:#14a9ff}.wl496-blue strong{color:#dff5ff}
.wl496-yellow{border-color:#5b510e;background:#12150e}.wl496-yellow .wl496-icon,.wl496-yellow strong{color:#f0d000}
.wl496-green{border-color:#07583a;background:#07150f}.wl496-green .wl496-icon,.wl496-green strong{color:#20d878}
.wl496-section{padding:0 12px 12px;}
.wl496-section>.ab-card{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.wl496-section .workshop-live-collapse-head{padding:11px 4px!important;}
.wl496-section .workshop-live-collapse-head .ab-section-head{padding:0!important;}
.wl496-section .workshop-live-collapse-head .ab-section-head small{font-size:9px;color:#e92b2b;}
.wl496-section .workshop-live-collapse-head .ab-section-head h3{font-size:12px;margin-top:2px;}
.wl496-section .workshop-live-collapse-icon{width:24px!important;height:24px!important;font-size:16px!important;}
.wl496-table-head,.wl496-row{display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1.2fr 1.25fr 1.4fr .8fr;gap:8px;align-items:center;}
.wl496-table-head{padding:8px 10px;background:#151b1f;border:1px solid #2c363d;color:#8d979d;font-size:8px;font-weight:800;letter-spacing:.08em;}
.wl496-row{padding:10px;min-height:52px;background:#0d1114;border-left:1px solid #293239;border-right:1px solid #293239;border-bottom:1px solid #222b30;}
.wl496-row>div{min-width:0;}
.wl496-row small{display:block;color:#69747b;font-size:7px;font-weight:800;letter-spacing:.06em;margin-bottom:3px;}
.wl496-row strong,.wl496-row>div>span{display:block;color:#e8ecee;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wl496-row>div:last-child b{font-size:8px;color:#f0d000;white-space:nowrap;}
.wl496-progress{display:flex;align-items:center;gap:5px;}
.wl496-progress i{height:6px;background:#263138;display:block;flex:1;overflow:hidden;border-radius:5px;}
.wl496-progress i b{height:100%;display:block;background:#14a9ff;}
.wl496-progress strong{font-size:8px!important;min-width:22px;text-align:right;}
.wl496-section .workshop-live-project-collapsible{margin:0!important;border:0!important;background:transparent!important;}
.wl496-section .workshop-live-project-summary{padding:0!important;display:block!important;position:relative;}
.wl496-section .workshop-live-project-summary>.workshop-live-collapse-icon{position:absolute!important;right:8px;top:50%;transform:translateY(-50%);}
.wl496-section .workshop-live-project-body{padding:14px!important;background:#0b0f12;border:1px solid #293239;}
.wl496-section details.workshop-live-collapsible:not([open])>.workshop-live-collapse-body{display:none!important;}
.wl496-section details.workshop-live-project-collapsible:not([open])>.workshop-live-project-body{display:none!important;}
.wl496-section #wl-settings,.wl496-section #wl-new-order{margin-top:8px!important;border:1px solid #293239!important;background:#0d1114!important;}
.wl496-section #wl-settings .workshop-live-collapse-head,.wl496-section #wl-new-order .workshop-live-collapse-head{padding:14px 12px!important;}
.wl496-section #wl-settings .workshop-live-collapse-body,.wl496-section #wl-new-order .workshop-live-collapse-body{padding:0 12px 14px!important;}
@media(max-width:900px){
 .wl496-shell{max-width:none;}
 .wl496-table-head{display:none;}
 .wl496-row{grid-template-columns:repeat(2,1fr);padding:12px 35px 12px 10px;}
 .wl496-row small{font-size:8px;}
 .wl496-kpis{grid-template-columns:1fr;}
}
@media(max-width:600px){
 .wl496-top{align-items:flex-start;flex-direction:column;}
 .wl496-actions{width:100%;}
 .wl496-actions .ab-btn{flex:1;}
 .wl496-row{grid-template-columns:1fr;}
}


/* V566 – Kunden-Dashboard: Termine | Werkstatt Live | Kundenakte */
@media (min-width: 1200px){
  .account-grid.account-top-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:18px}
  .account-grid.account-top-summary>.account-card{min-width:0;max-width:none;width:auto;box-sizing:border-box}
  .account-grid.account-top-summary .account-table{min-width:0;width:100%}
  .account-grid.account-top-summary .workshop-live-account-grid{grid-template-columns:minmax(0,1fr)!important;max-width:none!important}
  .account-grid.account-top-summary .workshop-live-order-card{min-width:0;max-width:none!important}
}
@media (min-width: 760px) and (max-width: 1199px){
  .account-grid.account-top-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:18px}
  .account-grid.account-top-summary>[data-account-view-section="kundenakte"]{grid-column:1/-1}
}
@media (max-width: 759px){
  .account-grid.account-top-summary{grid-template-columns:minmax(0,1fr)!important}
}

/* V567 – Werkstatt Live bleibt auch ohne laufende Aufträge in der Dashboard-Spalte sichtbar */
@media(min-width:1200px){
 .customer-dashboard-content .account-grid.account-top-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:18px}
 .customer-dashboard-content .account-grid.account-top-summary>[data-account-view-section="appointments"],
 .customer-dashboard-content .account-grid.account-top-summary>[data-account-view-section="workshop_live"],
 .customer-dashboard-content .account-grid.account-top-summary>[data-account-view-section="kundenakte"]{min-width:0;width:auto;max-width:none}
}
@media(min-width:760px) and (max-width:1199px){
 .customer-dashboard-content .account-grid.account-top-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px}
 .customer-dashboard-content .account-grid.account-top-summary>[data-account-view-section="kundenakte"]{grid-column:1/-1}
}
@media(max-width:759px){
 .customer-dashboard-content .account-grid.account-top-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
}

/* V569 – aktuellen Verlauf und aktuellen Status in der Werkstatt-Live-Übersicht anzeigen */
.workshop-live-latest-update{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:10px 12px;border:1px solid #252d31;background:#0b0e10}
.workshop-live-latest-update-label{font:800 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#e22b22}
.workshop-live-latest-update strong{font-size:13px;line-height:1.4;color:#f4f4f2}
.workshop-live-latest-update-description{font-size:11px;line-height:1.5;color:#aeb8bd;overflow-wrap:anywhere}
.workshop-live-latest-update small{font:10px/1.4 Arial,Helvetica,sans-serif;color:#718087;margin-top:2px}


/* V605 – Öffnungszeiten auf ALLEN Seiten besser lesbar darstellen */
.site-header .header-opening-hours{
  box-sizing:border-box!important;
  min-width:300px!important;
  max-width:340px!important;
  padding:12px 14px 11px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-left:3px solid #ef3029!important;
  background:rgba(8,11,13,.96)!important;
}
.site-header .header-opening-hours__title{
  display:block!important;
  margin:0 0 9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:1.8px!important;
}
.site-header .header-opening-hours__grid{
  gap:6px 14px!important;
  min-height:0!important;
  height:auto!important;
  align-items:start!important;
}
.site-header .header-opening-hours__row{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  font-size:10px!important;
  line-height:1.4!important;
  gap:8px!important;
}
.site-header .header-opening-hours__row span,
.site-header .header-opening-hours__row b{
  font-size:10px!important;
  line-height:1.4!important;
}
.site-header .header-opening-hours__note{
  height:auto!important;
  margin:9px 0 0!important;
  padding:7px 0 0 12px!important;
  font-size:9px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media (min-width:981px) and (max-width:1250px){
  .site-header .header-opening-hours{
    min-width:270px!important;
    max-width:290px!important;
    padding:10px 11px 9px!important;
  }
  .site-header .header-opening-hours__title{font-size:10px!important}
  .site-header .header-opening-hours__row,
  .site-header .header-opening-hours__row span,
  .site-header .header-opening-hours__row b{font-size:9px!important}
  .site-header .header-opening-hours__note{font-size:8px!important}
}


/* V606 – Mein Konto uses the same global header/opening-hours rules as all other pages. */



/* V616 – Hinweistext der Öffnungszeiten im Header deutlich lesbarer */
html body .site-header .header-opening-hours__note{
  color:#e0e5e7!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
  white-space:normal!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:8px 0 0!important;
  padding:6px 0 0 12px!important;
  box-sizing:border-box!important;
}
html body .site-header .header-opening-hours__note:before{
  width:6px!important;
  height:6px!important;
  margin:0 7px 1px 0!important;
}
@media(max-width:1200px){
  html body .site-header .header-opening-hours__note{
    font-size:9px!important;
    line-height:1.4!important;
  }
}


/* V617 – Öffnungszeiten-Hinweis: Cache-Busting und klare Lesbarkeit */
html body .site-header .header-opening-hours__note{
  color:#f0f2f3!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
html body .site-header .header-opening-hours__note:before{
  flex:0 0 6px!important;
}


/* V618 – Korrigiert die höher priorisierte feste 13px-Höhe des Header-Hinweises. */
html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note,
html body .site-header .header-opening-hours__note{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  max-width:100%!important;
  margin:7px 0 0!important;
  padding:6px 0 0 12px!important;
  box-sizing:border-box!important;
  color:#f4f5f5!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note:before,
html body .site-header .header-opening-hours__note:before{
  display:inline-block!important;
  width:6px!important;
  height:6px!important;
  margin:0 8px 1px 0!important;
  border-radius:50%!important;
  background:#ff3029!important;
  box-shadow:0 0 5px rgba(255,48,41,.45)!important;
}
@media(max-width:1200px){
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note,
  html body .site-header .header-opening-hours__note{
    font-size:11px!important;
    line-height:1.45!important;
  }
}


/* V619 – Öffnungszeiten-Kasten vergrößern, damit Hinweis und Inhalt Platz haben */
html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours,
html body .site-header .header-opening-hours{
  width:330px!important;
  min-width:330px!important;
  max-width:330px!important;
  min-height:78px!important;
  height:auto!important;
  padding:10px 12px 9px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note,
html body .site-header .header-opening-hours__note{
  margin-top:7px!important;
  padding-top:6px!important;
  padding-bottom:2px!important;
  min-height:18px!important;
  height:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  font-size:12px!important;
  line-height:1.45!important;
}
@media(max-width:1200px){
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours,
  html body .site-header .header-opening-hours{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    min-height:76px!important;
  }
}


/* V620 – nur den Hinweistext leicht verkleinern; Kasten aus V619 unverändert lassen */
html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__note,
html body .site-header .header-opening-hours__note{
  font-size:11px!important;
  line-height:1.4!important;
}


/* V622 – Wochenendzeiten: „Nach Vereinbarung“ vollständig sichtbar halten */
@media(min-width:1201px){
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours,
  html body .site-header .header-opening-hours{
    width:360px!important;
    min-width:360px!important;
    max-width:360px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__days,
  html body .site-header .header-opening-hours__days{
    gap:12px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__day,
  html body .site-header .header-opening-hours__day{
    min-width:0!important;
    white-space:normal!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__day strong,
  html body .site-header .header-opening-hours__day strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media(max-width:1200px){
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours,
  html body .site-header .header-opening-hours{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .header-opening-hours__days,
  html body .site-header .header-opening-hours__days{
    gap:8px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}


/* V626 – responsiver Header und Layout-Schutz für Laptop- und Zwischengrößen */

/* Grundschutz: Medien und breite Inhalte dürfen das Layout nicht verbreitern. */
html, body{max-width:100%;overflow-x:hidden}
img,video,canvas,iframe{max-width:100%}
.site-header.ab-global-header,
.site-header.ab-global-header *{box-sizing:border-box}

/* Laptop/Desktop: Logo, Navigation und Öffnungszeiten liegen in getrennten Spalten.
   Verhindert das Überlagern bei 100%-Browserzoom und typischen Notebook-Auflösungen. */
@media (min-width:761px) and (max-width:1500px){
  html body .site-header.ab-global-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:108px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner{
    display:grid!important;
    grid-template-columns:minmax(165px,20%) minmax(0,1fr) minmax(235px,27%)!important;
    align-items:center!important;
    column-gap:clamp(8px,1vw,16px)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:108px!important;
    max-height:none!important;
    padding:8px clamp(10px,1.25vw,20px)!important;
    margin:0!important;
    position:relative!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .site-brand-link{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner .site-brand-image{
    display:block!important;
    width:min(var(--logo-width,215px),100%,230px)!important;
    max-width:100%!important;
    min-width:0!important;
    max-height:88px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .main-nav{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .main-nav .nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    height:auto!important;
    min-height:36px!important;
    padding:8px clamp(4px,.55vw,9px)!important;
    margin:0!important;
    font-size:clamp(8px,.68vw,10px)!important;
    line-height:1.25!important;
    letter-spacing:clamp(0px,.035vw,.45px)!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    justify-self:end!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:360px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:8px 10px!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__days,
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 8px!important;
    min-width:0!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__day,
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__row,
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours strong,
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours b{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__note{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
}

/* Engere Notebookfenster: zweizeiliger Header mit Öffnungszeiten in voller Breite.
   Navigation bleibt vollständig sichtbar, statt unter Logo/Kasten zu geraten. */
@media (min-width:761px) and (max-width:1120px){
  html body .site-header.ab-global-header > .ab-header-inner{
    grid-template-columns:minmax(150px,22%) minmax(0,1fr)!important;
    row-gap:4px!important;
    padding:8px 12px!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .site-brand-link{
    grid-column:1!important;
    grid-row:1!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .main-nav{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
  html body .site-header.ab-global-header > .ab-header-inner > .header-opening-hours .header-opening-hours__note{
    font-size:11px!important;
  }
}

/* Touch/Smartphone: existing mobile navigation remains in control; no desktop grid. */
@media(max-width:760px){
  html body .site-header.ab-global-header > .ab-header-inner{
    max-width:100%!important;
    min-width:0!important;
  }
  html body .site-header.ab-global-header img{
    max-width:100%!important;
  }
}

/* Responsive foundation for common content wrappers and data tables. */
@media(max-width:1100px){
  .admin-main,.admin-content,.admin-page-content,.content-wrap,.page-container{
    max-width:100%!important;
    min-width:0!important;
  }
  table{max-width:100%}
}
@media(max-width:760px){
  table{display:block;max-width:100%;overflow-x:auto}
  pre,code{overflow-wrap:anywhere}
}

/* V716: klarer Abstand zwischen Reihenfolge und Kurzbeschreibung im Werkstatt-Live-Auftrag */
.wl716-description-field{margin-top:12px!important}