:root{
  --wine:#7a111c;--wine-2:#4a060d;--wine-3:#260307;--gold:#d7a83e;--gold-2:#f1cf79;
  --ink:#171214;--muted:#6e6365;--paper:#fbf8f3;--paper-2:#f1ebe3;--white:#fff;
  --line:#ddd2c6;--success:#176b42;--danger:#9c1f2c;--shadow:0 24px 70px rgba(36,3,7,.16);
  --radius:18px;--radius-lg:32px;--max:1240px;--header:86px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 28px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.admin-visible{padding-top:44px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}p{margin:0 0 1.1rem}h1,h2,h3,h4{margin:0 0 .65em;line-height:1.08;letter-spacing:-.035em}h1,h2{font-family:var(--display);font-weight:700}h1{font-size:clamp(3rem,7.2vw,6.65rem)}h2{font-size:clamp(2.15rem,4.6vw,4.55rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}::selection{background:var(--gold);color:var(--wine-3)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:99999;background:var(--gold);color:var(--wine-3);padding:12px 18px;border-radius:10px;font-weight:800}.skip-link:focus{top:12px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.container.narrow{max-width:900px}.container.wide{width:min(1440px,calc(100% - 48px))}.center{text-align:center}.section{padding:clamp(76px,9vw,132px) 0}.section.alt{background:var(--paper-2)}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-2)}.eyebrow:before{content:"";width:38px;height:2px;background:currentColor}.eyebrow.dark{color:var(--wine)}.lead{font-size:clamp(1.08rem,1.5vw,1.35rem);color:var(--muted)}.rich>*:last-child{margin-bottom:0}.rich h2,.rich h3{margin-top:1.55em}.rich ul,.rich ol{padding-left:1.3rem}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:850;color:var(--wine);border-bottom:1px solid currentColor;padding-bottom:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:999px;font-weight:900;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--wine-3);box-shadow:0 14px 34px rgba(215,168,62,.22)}.btn.secondary{background:var(--white);color:var(--wine);border-color:rgba(255,255,255,.25)}.btn.outline{border-color:var(--wine);color:var(--wine);background:transparent}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.center-actions{justify-content:center}
/* admin bar */
.admin-bar{position:sticky;top:0;z-index:9000;min-height:44px;background:#080506;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 18px;font-size:.82rem}.admin-bar a,.admin-bar button{color:#fff;background:none;border:0;padding:2px 0}.admin-bar strong{color:var(--gold-2)}
/* header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(25,4,8,.95);color:#fff;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}body.editor-mode .site-header{top:44px}.header-inner{width:min(var(--max),calc(100% - 40px));min-height:var(--header);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;min-width:235px}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.2)}.brand span{display:grid;line-height:1.15}.brand b{font-size:1rem;letter-spacing:.05em}.brand small{color:var(--gold-2);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,29px)}.main-nav>a{font-size:.9rem;font-weight:750;color:#efe6df;position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:right .2s}.main-nav>a:hover:after,.main-nav>a[aria-current="page"]:after{right:0}.main-nav .nav-cta{background:var(--gold);color:var(--wine-3);padding:11px 17px;border-radius:999px}.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:transparent;padding:12px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:#fff;margin:5px 0}
/* breadcrumbs */
.breadcrumbs{width:min(var(--max),calc(100% - 48px));margin:20px auto -4px;font-size:.76rem;color:var(--muted)}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px;color:#ad9f94}.breadcrumbs a:hover{text-decoration:underline}
/* hero */
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 28%,rgba(126,17,28,.62),transparent 36%),linear-gradient(132deg,#120306 0%,#2c050a 48%,#610c15 100%);color:#fff;min-height:clamp(680px,82vh,920px);display:grid;align-items:center}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,black,transparent)}.hero-noise{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(30px,5vw,90px);padding:80px 0}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:850px;text-wrap:balance}.hero-lead{max-width:760px;color:#eadfdc;font-size:clamp(1.1rem,1.7vw,1.4rem)}.hero-proof{list-style:none;padding:0;margin:34px 0 0;display:flex;gap:20px;flex-wrap:wrap;color:#e7d9d4;font-size:.82rem;font-weight:750}.hero-proof li:before{content:"✓";color:var(--gold-2);margin-right:7px}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}.hero-visual img{width:min(92%,650px);border-radius:50%;filter:drop-shadow(0 30px 44px rgba(0,0,0,.52));animation:float 6s ease-in-out infinite}.hero-ring{position:absolute;inset:6%;border:1px solid rgba(215,168,62,.55);border-radius:50%;box-shadow:0 0 0 34px rgba(215,168,62,.04),0 0 0 72px rgba(215,168,62,.025)}.hero-badge{position:absolute;right:1%;bottom:12%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(24,3,6,.78);backdrop-filter:blur(10px);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.hero-badge b{display:block;color:var(--gold-2);font-size:1.15rem}@keyframes float{50%{transform:translateY(-12px) rotate(.4deg)}}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:30px 26px;border-right:1px solid var(--line);display:grid;gap:3px}.trust-grid>div:last-child{border-right:0}.trust-grid strong{font-family:var(--display);font-size:2rem;color:var(--wine)}.trust-grid span{color:var(--muted);font-size:.83rem}.footnote{display:block;padding-bottom:13px;color:#786f6a;font-size:.7rem}
.intro-section{background:#fff}.intro-section .lead{max-width:850px;margin-inline:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-head>p{max-width:560px;color:var(--muted);font-size:1.04rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;min-height:430px;border-radius:var(--radius);overflow:hidden;background:var(--wine-3);color:#fff;box-shadow:var(--shadow);isolation:isolate}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,2,5,.98) 8%,rgba(18,2,5,.3) 60%,rgba(18,2,5,.05));z-index:1}.service-card-visual{position:absolute;inset:0}.service-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.service-card:hover .service-card-visual img{transform:scale(1.06)}.service-number{position:absolute;top:20px;right:20px;z-index:2;font-family:var(--display);font-size:1.9rem;color:var(--gold-2)}.service-card-body{position:absolute;inset:auto 24px 24px;z-index:2}.service-card-body h3{font-size:1.6rem}.service-card-body p{color:#ded0cc;font-size:.9rem}.service-card-body>span{font-size:.78rem;color:var(--gold-2);font-weight:850}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1}.services-section{background:var(--paper)}
.feature-section{padding:clamp(74px,9vw,130px) 0;background:linear-gradient(135deg,#210306,#520b13);color:#fff;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-copy .rich{color:#e5d7d2;font-size:1.08rem}.precision-visual{position:relative;min-height:520px;display:grid;place-items:center}.precision-visual:before{content:"";position:absolute;inset:10%;border:1px solid rgba(215,168,62,.45);border-radius:50%;box-shadow:0 0 0 28px rgba(215,168,62,.04)}.precision-visual img{width:min(80%,520px);filter:drop-shadow(0 26px 32px rgba(0,0,0,.45))}.precision-visual>b{position:absolute;bottom:2%;letter-spacing:.18em;font-size:.66rem;color:var(--gold-2)}.measure-lines{position:absolute;inset:15%;border-radius:50%}.measure-lines span{position:absolute;left:50%;top:50%;width:55%;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transform-origin:left center}.measure-lines span:nth-child(1){transform:rotate(20deg)}.measure-lines span:nth-child(2){transform:rotate(150deg)}.measure-lines span:nth-child(3){transform:rotate(260deg)}
.process-list{list-style:none;margin:54px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-list li{position:relative;padding:35px 24px 0 0}.process-list li:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px var(--paper)}.process-list>li>span{font-family:var(--display);font-size:1.8rem;color:var(--wine)}.process-list p{font-size:.86rem;color:var(--muted)}
.gallery-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--wine-3);color:#fff}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(22,2,5,.94),transparent 60%)}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card>div{position:absolute;z-index:2;left:22px;right:22px;bottom:18px}.gallery-card span,.project-body span,.article-card span{font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.gallery-card h3{margin:.3rem 0}.gallery-placeholder,.empty-state{border:1px dashed #c9b7a8;border-radius:var(--radius-lg);display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center;padding:45px;background:#fff}.gallery-placeholder img,.empty-state img{max-height:260px;margin:auto}.empty-state{text-align:center;display:block}.empty-state img{margin:0 auto 28px}.before-after{display:grid;grid-template-columns:repeat(2,1fr)}.before-after figure{margin:0;position:relative}.before-after figure:only-child{grid-column:1/-1}.before-after img{width:100%;height:330px;object-fit:cover}.before-after figcaption{position:absolute;left:12px;bottom:12px;background:rgba(15,3,5,.8);color:#fff;border-radius:999px;padding:5px 10px;font-size:.7rem}.project-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.project-body{padding:24px}.project-body span{color:var(--wine)}
.faq-section{background:#fff}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;padding:22px 52px 22px 0;font-weight:850;font-size:1.05rem;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";position:absolute;right:8px;top:17px;font-size:1.8rem;color:var(--wine)}.accordion details[open] summary:after{content:"−"}.accordion details>div{padding:0 40px 20px 0;color:var(--muted)}
.contact-section{padding:clamp(80px,9vw,130px) 0;background:radial-gradient(circle at 10% 0,rgba(122,17,28,.75),transparent 45%),#190306;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start}.contact-grid>div>p{color:#e3d3cf;font-size:1.07rem}.contact-direct{display:flex;gap:16px;flex-wrap:wrap}.contact-direct a{color:var(--gold-2);font-weight:850;border-bottom:1px solid currentColor}.lead-form{background:#fff;color:var(--ink);border-radius:var(--radius-lg);padding:clamp(24px,4vw,42px);box-shadow:0 30px 80px rgba(0,0,0,.28);display:grid;gap:16px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.lead-form label{display:grid;gap:7px}.lead-form label>span{font-size:.78rem;font-weight:850;color:#55494b}.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid #cfc2b7;background:#fff;color:var(--ink);border-radius:12px;padding:13px 14px;min-height:48px}.lead-form textarea{min-height:150px;resize:vertical}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(122,17,28,.12);outline:0}.file-upload{border:1px dashed #c4b1a0;border-radius:14px;padding:14px;background:#fbf7f2}.file-upload small{color:var(--muted)}.checkbox{grid-template-columns:auto 1fr!important;align-items:start}.checkbox input{width:20px;height:20px;min-height:0;margin-top:2px}.checkbox a{text-decoration:underline;color:var(--wine)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{margin:0;min-height:1.2em;font-size:.86rem}.form-status.error{color:var(--danger)}.form-status.success{color:var(--success)}
/* generic pages */
.page-hero,.service-hero,.article-hero,.legal-hero{padding:clamp(90px,11vw,160px) 0;background:radial-gradient(circle at 75% 25%,rgba(122,17,28,.7),transparent 35%),linear-gradient(130deg,#120306,#4a0610);color:#fff}.page-hero h1,.service-hero h1,.article-hero h1,.legal-hero h1{max-width:1000px}.hero-intro{max-width:820px;color:#eadedb;font-size:1.15rem}.service-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.service-hero-grid p{font-size:1.15rem;color:#e6d7d3}.service-hero-image{aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(215,168,62,.5);box-shadow:0 30px 70px rgba(0,0,0,.45)}.service-hero-image img{width:100%;height:100%;object-fit:cover}.content-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:80px;align-items:start}.service-facts{position:sticky;top:120px;border-left:3px solid var(--gold);padding:20px 0 20px 24px}.service-facts b{display:block;font-family:var(--display);font-size:4rem;color:var(--wine)}.service-facts span{font-weight:850}.service-facts p{font-size:.86rem;color:var(--muted);margin-top:12px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-grid article{background:#fff;border:1px solid var(--line);padding:30px;border-radius:var(--radius)}.benefit-grid span{font-family:var(--display);font-size:2.2rem;color:var(--wine)}.benefit-grid p{color:var(--muted)}.process-rich ol{counter-reset:steps;list-style:none;padding:0}.process-rich li{position:relative;padding:20px 20px 20px 62px;border-bottom:1px solid var(--line)}.process-rich li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:var(--wine);font-family:var(--display);font-size:1.5rem}.related-section{background:var(--wine-3);color:#fff;padding:90px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid a{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:28px;background:rgba(255,255,255,.04);transition:background .2s,transform .2s}.related-grid a:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}.related-grid span{color:var(--gold-2);font-family:var(--display);font-size:1.8rem}.related-grid p{color:#d9cbc7;font-size:.87rem}.standard-content,.legal-content{max-width:900px}.legal-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,60px)}.legal-content h2{font-size:2rem;margin-top:1.6em}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card img{width:100%;height:240px;object-fit:cover}.article-card>div{padding:24px}.article-card span{color:var(--wine)}.article-card h2{font-family:var(--font);font-size:1.3rem;letter-spacing:-.02em;margin-top:.5rem}.article-card p{color:var(--muted);font-size:.9rem}.article-card b{color:var(--wine);font-size:.82rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px}.article-main{min-width:0}.article-body{font-size:1.04rem}.article-layout aside{position:sticky;top:115px;align-self:start}.article-layout aside img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.article-layout aside>div{background:var(--wine-3);color:#fff;padding:25px;border-radius:var(--radius);margin-top:14px}.article-layout aside p{color:#daccc8}.contact-page-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}.contact-info{display:grid;gap:12px;align-content:start}.contact-info>a,.contact-info>div{display:grid;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff}.contact-info span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.contact-info b{font-size:1rem}.map-section{padding:0 0 100px}.map-placeholder{min-height:480px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#e4dbd1,#cbbcae);display:grid;place-items:center;padding:40px}.map-placeholder>div{max-width:620px;background:rgba(255,255,255,.92);padding:38px;border-radius:var(--radius);box-shadow:var(--shadow)}.map-placeholder iframe{border:0;width:100%;height:500px}.thanks-section,.not-found{min-height:70vh;display:grid;align-items:center;padding:100px 0}.success-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 25px;border-radius:50%;background:#dff2e7;color:var(--success);font-size:2rem;font-weight:900}.error-code{font-family:var(--display);font-size:clamp(6rem,18vw,13rem);line-height:.8;color:var(--wine)}
/* footer */
.site-footer{background:#0e0406;color:#d9ceca;padding:72px max(24px,calc((100vw - var(--max))/2)) 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:46px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid h2{font-family:var(--font);font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold-2)}.footer-grid a:hover{text-decoration:underline;color:#fff}.footer-grid span{font-size:.86rem}.footer-grid span b{display:block;color:#fff}.footer-brand img{width:260px;max-height:130px;object-fit:contain;object-position:left center;border-radius:10px}.footer-brand p{max-width:420px}.footer-bottom{margin-top:54px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:.74rem;color:#a99c98}.link-button{border:0;background:none;color:inherit;text-align:left;padding:0}.mobile-actions{display:none}
/* consent */
.consent-layer{position:fixed;inset:0;z-index:10000;background:rgba(8,3,4,.66);display:grid;place-items:end center;padding:20px;backdrop-filter:blur(4px)}.consent-layer[hidden]{display:none}.consent-dialog{width:min(900px,100%);background:#fff;color:var(--ink);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.consent-main p{color:var(--muted)}.consent-main a{text-decoration:underline;color:var(--wine)}.consent-preferences{display:grid;gap:10px;margin:18px 0}.consent-preferences[hidden]{display:none}.consent-category{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:12px}.consent-category span{display:grid}.consent-category small{color:var(--muted)}.consent-category input{width:22px;height:22px;accent-color:var(--wine)}.consent-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.consent-actions button{min-height:48px;border:2px solid var(--gold);border-radius:12px;background:var(--gold);color:var(--wine-3);font-weight:850}.consent-actions button:hover,.consent-actions button:focus-visible{background:var(--wine);border-color:var(--wine);color:#fff}
@media(max-width:1080px){.main-nav{gap:14px}.main-nav>a{font-size:.82rem}.service-grid{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){:root{--header:74px}.container,.container.wide,.breadcrumbs{width:min(100% - 32px,var(--max))}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 8px);background:#1a070a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.4);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a{padding:10px}.brand img{width:50px;height:50px}.hero-grid,.feature-grid,.service-hero-grid,.contact-grid,.content-grid,.contact-page-grid,.article-layout{grid-template-columns:1fr}.hero-grid{padding:60px 0 80px}.hero-visual{max-width:620px;margin:auto}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div:nth-child(2){border-right:0}.process-list{grid-template-columns:repeat(2,1fr)}.gallery-grid,.project-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.service-facts,.article-layout aside{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.article-layout aside{display:grid;grid-template-columns:220px 1fr;gap:16px}.article-layout aside>div{margin-top:0}.mobile-actions{position:fixed;z-index:950;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);background:#120708;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:6px;box-shadow:0 16px 50px rgba(0,0,0,.32)}.mobile-actions a{color:#fff;text-align:center;padding:9px 5px;font-size:.75rem;font-weight:800;border-right:1px solid rgba(255,255,255,.12)}.mobile-actions a:last-child{border-right:0;background:var(--gold);color:var(--wine-3);border-radius:9px}.site-footer{padding-bottom:90px}}
@media(max-width:620px){h1{font-size:clamp(2.7rem,14vw,4.4rem)}h2{font-size:clamp(2rem,10vw,3.2rem)}.section{padding:72px 0}.brand span{display:none}.brand{min-width:auto}.hero-section{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-visual{margin-top:25px}.hero-proof{display:grid;gap:8px}.hero-badge{right:0}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:20px 14px}.section-head{display:block}.service-grid,.gallery-grid,.project-grid,.related-grid,.benefit-grid,.article-grid,.form-grid.two,.footer-grid{grid-template-columns:1fr}.service-card{min-height:360px}.process-list{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line);margin-left:5px}.process-list li{padding:0 0 30px 30px}.process-list li:before{top:7px;left:-5px}.gallery-placeholder{grid-template-columns:1fr;padding:25px}.before-after{grid-template-columns:1fr}.contact-section{padding:72px 0}.lead-form{padding:22px 18px;border-radius:18px}.service-hero-image{max-width:420px;margin:auto}.article-layout aside{grid-template-columns:1fr}.footer-grid{gap:30px}.footer-bottom{display:block}.consent-dialog{padding:22px 16px}.consent-actions{grid-template-columns:1fr}.consent-actions button{width:100%}.page-hero,.service-hero,.article-hero,.legal-hero{padding:82px 0}.admin-bar{justify-content:flex-start;overflow:auto;white-space:nowrap}.admin-bar strong{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-color-scheme:dark){body[data-theme="auto"]{--paper:#171214;--paper-2:#211a1c;--ink:#f8f2ed;--muted:#c4b7b2;--line:#45383a;--white:#211a1c}.intro-section,.faq-section,.trust-strip{background:#171214}.service-card,.gallery-placeholder,.empty-state,.benefit-grid article,.article-card,.lead-form,.contact-info>a,.contact-info>div,.legal-content{border-color:#493a3d}.btn.outline{color:var(--gold-2);border-color:var(--gold-2)}}

/* ========================================================================== 
   FM-Felgentechnik Visual- & Kontrast-Hotfix 2.1.1
   - kompaktere Typografie statt übergroßer H1/H2
   - modernes, ruhiges Automotive-Layout
   - geprüfte kontraststarke Text-/Flächenkombinationen
   ========================================================================== */
:root{
  color-scheme:light;
  --wine:#7f0e1b;
  --wine-2:#5c0913;
  --wine-3:#250408;
  --gold:#b77a12;
  --gold-2:#f1d68f;
  --ink:#11151b;
  --muted:#505966;
  --paper:#f8f7f4;
  --paper-2:#eef1f4;
  --white:#ffffff;
  --line:#d4d9df;
  --line-strong:#7b8490;
  --focus:#ba7d00;
  --success:#146c43;
  --danger:#a30d1f;
  --shadow:0 18px 48px rgba(17,21,27,.10);
  --shadow-strong:0 28px 70px rgba(17,21,27,.16);
  --radius:16px;
  --radius-lg:26px;
  --max:1240px;
  --header:76px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html{background:#fff;color-scheme:light}
body{background:var(--paper);color:var(--ink);line-height:1.65}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.038em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(2.4rem,3.4vw,3.25rem);max-width:19ch}
h2{font-size:clamp(1.9rem,2.65vw,2.55rem);max-width:22ch}
h3{font-size:clamp(1.2rem,1.55vw,1.5rem);letter-spacing:-.025em}
p,li{color:inherit}
.lead{color:var(--muted);font-size:clamp(1.02rem,1.2vw,1.2rem)}
.section{padding:clamp(72px,7.2vw,108px) 0}
.section.alt{background:var(--paper-2)}
.container{width:min(var(--max),calc(100% - 48px))}
.eyebrow{margin-bottom:18px;color:var(--gold-2);font-size:.72rem;line-height:1.45;letter-spacing:.16em}
.eyebrow.dark{color:var(--wine)}
.eyebrow:before{width:30px;height:2px}
.text-link{color:var(--wine);font-weight:850}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
::selection{background:var(--gold-2);color:var(--ink)}

/* Buttons: klare, kontraststarke Zustände */
.btn{min-height:50px;padding:12px 21px;border-radius:11px;font-weight:850;box-shadow:none}
.btn.primary{background:var(--wine);color:#fff;border-color:var(--wine);box-shadow:0 12px 28px rgba(127,14,27,.20)}
.btn.primary:hover,.btn.primary:focus-visible{background:var(--wine-2);color:#fff;border-color:var(--wine-2)}
.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.btn.secondary:hover,.btn.secondary:focus-visible{background:#eef1f4;color:var(--ink);border-color:#69727d}
.btn.outline{background:transparent;color:var(--wine);border-color:var(--wine)}
.btn.outline:hover,.btn.outline:focus-visible{background:var(--wine);color:#fff}

/* Header: hell, hochwertig, besser lesbar */
.site-header{background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 16px rgba(17,21,27,.035);backdrop-filter:blur(14px)}
.header-inner{min-height:var(--header);gap:24px}
.brand{min-width:280px;gap:12px}
.brand img{width:48px;height:48px;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
.brand b{color:var(--ink);font-size:1rem;letter-spacing:-.015em}
.brand small{color:var(--wine);font-size:.62rem;font-weight:850;letter-spacing:.075em;line-height:1.18;max-width:255px}
.main-nav{gap:clamp(15px,1.65vw,25px)}
.main-nav>a{color:#2c333b;font-size:.88rem;font-weight:760}
.main-nav>a:not(.nav-cta):after{background:var(--wine);bottom:-9px}
.main-nav>a:hover,.main-nav>a:focus-visible,.main-nav>a[aria-current="page"]{color:#080b0f}
.main-nav .nav-cta{background:var(--wine);color:#fff;padding:11px 18px;border:1px solid var(--wine);border-radius:11px}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{background:var(--wine-2);color:#fff}
.menu-toggle{border-color:#858e99;background:#fff}
.menu-toggle span:not(.sr-only){background:var(--ink)}
.breadcrumbs{margin-top:18px;color:#59636f}
.breadcrumbs a{color:#333b44}
.breadcrumbs li:not(:last-child):after{color:#707a86}

/* Start-Hero: kleiner, heller und deutlich ruhiger */
.hero-section{min-height:auto;background:linear-gradient(112deg,#faf9f6 0%,#faf9f6 62%,#eef1f4 62%,#eef1f4 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.hero-section:before{background:none;mask-image:none}
.hero-noise,.hero-ring{display:none}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr);gap:clamp(45px,6vw,88px);padding:clamp(68px,7vw,104px) 0}
.hero-copy h1{max-width:17ch;margin-bottom:24px}
.hero-lead{max-width:660px;color:var(--muted);font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.72}
.hero-section .eyebrow{color:var(--wine)}
.hero-actions{margin-top:26px;gap:10px}
.hero-proof{margin-top:26px;gap:10px;color:#2f3740;font-size:.78rem}
.hero-proof li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;box-shadow:0 4px 16px rgba(17,21,27,.035)}
.hero-proof li:before{color:var(--wine);font-weight:950}
.hero-visual{aspect-ratio:1.08;background:#fff;border:1px solid #cfd5dc;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-strong)}
.hero-visual img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:none;animation:none}
.hero-badge{right:20px;bottom:20px;background:rgba(255,255,255,.96);color:#2d343c;border:1px solid #cbd1d8;border-radius:12px;padding:12px 16px;box-shadow:0 12px 34px rgba(17,21,27,.14);letter-spacing:.06em}
.hero-badge b{color:var(--wine);font-size:1.05rem}

/* Kennzahlen */
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid>div{padding:25px 26px;border-color:var(--line)}
.trust-grid strong{font-family:var(--font);font-size:1.65rem;color:var(--wine);letter-spacing:-.025em}
.trust-grid span{color:#535d69;font-size:.8rem}
.footnote{color:#5d6671;font-size:.72rem}

/* Intro in zwei klaren Spalten */
.intro-section{background:#fff}
.intro-section .container.narrow{max-width:var(--max);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(50px,8vw,120px);text-align:left;align-items:end}
.intro-section .eyebrow{grid-column:1;align-self:end;margin-bottom:6px}
.intro-section h2{grid-column:1;margin-bottom:0}
.intro-section .lead{grid-column:2;grid-row:1 / span 2;max-width:700px;margin:0;align-self:end}

/* Abschnittsköpfe */
.section-head{align-items:end;gap:60px;margin-bottom:36px}
.section-head>div{min-width:0}
.section-head>p{max-width:570px;color:var(--muted);font-size:1rem;line-height:1.7}

/* Leistungsübersicht: Bild oben, Inhalt klar getrennt */
.services-section{background:var(--paper-2)}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.service-card{grid-column:span 2;display:flex;flex-direction:column;min-height:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px rgba(17,21,27,.06);overflow:hidden;isolation:auto}
.service-card:nth-child(n+4){grid-column:span 3}
.service-card:before{display:none}
.service-card-visual{position:relative;inset:auto;height:220px;background:var(--wine-3);overflow:hidden}
.service-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-card:hover .service-card-visual img{transform:scale(1.035)}
.service-number{top:14px;right:14px;z-index:3;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;background:#fff;color:var(--wine);border:1px solid #d2d7dd;border-radius:9px;font-family:var(--font);font-size:.78rem;font-weight:900;box-shadow:0 6px 18px rgba(17,21,27,.12)}
.service-card-body{position:relative;inset:auto;display:flex;flex:1;flex-direction:column;padding:22px 22px 20px;background:#fff}
.service-card-body h3{color:var(--ink);font-size:1.22rem;margin-bottom:8px}
.service-card-body p{color:var(--muted);font-size:.88rem;line-height:1.6;flex:1}
.service-card-body>span{color:var(--wine);font-size:.78rem;font-weight:900}

/* Dunkler Kompetenzabschnitt: ausschließlich helle, AA-konforme Schrift */
.feature-section{padding:clamp(72px,7vw,108px) 0;background:linear-gradient(112deg,#11151b 0%,#171c23 70%,#241117 100%);color:#fff}
.feature-grid{gap:clamp(50px,7vw,96px)}
.feature-section h2,.feature-section h3{color:#fff}
.feature-section .eyebrow{color:var(--gold-2)}
.feature-copy .rich{color:#d8dde4;font-size:1.04rem;line-height:1.75}
.precision-visual{min-height:430px;background:#fff;border:1px solid #404852;border-radius:24px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.28)}
.precision-visual:before,.measure-lines{display:none}
.precision-visual img{width:100%;height:100%;object-fit:cover;filter:none}
.precision-visual>b{left:18px;right:auto;bottom:16px;background:#fff;color:var(--ink);border:1px solid #cfd5dc;border-radius:8px;padding:7px 10px;letter-spacing:.08em;font-size:.62rem}

/* Ablauf als gut lesbare Karten */
.process-section{background:#fff}
.process-list{margin-top:36px;grid-template-columns:repeat(5,1fr);gap:12px;border:0}
.process-list li{padding:20px 18px 18px;background:#f5f6f7;border:1px solid var(--line);border-radius:13px}
.process-list li:before{display:none}
.process-list>li>span{font-family:var(--font);font-size:.78rem;font-weight:900;color:#fff;background:var(--wine);display:grid;place-items:center;width:29px;height:29px;border-radius:8px;margin-bottom:20px}
.process-list h3{font-size:1rem;letter-spacing:-.02em}
.process-list p{color:var(--muted);font-size:.82rem;line-height:1.55}

/* Galerie */
.gallery-section{background:#f7f3ed}
.gallery-placeholder,.empty-state{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(17,21,27,.06)}
.gallery-placeholder>div:first-child{align-self:stretch;display:grid;place-items:center;background:var(--wine-3);border-radius:12px;min-height:250px;overflow:hidden}
.gallery-placeholder>div:first-child img{max-width:78%;filter:none}
.gallery-placeholder h3,.empty-state h2{color:var(--ink)}
.gallery-placeholder p,.empty-state p{color:var(--muted)}
.gallery-card{background:var(--wine-3);color:#fff;border:1px solid #4c2229}
.gallery-card:after{background:linear-gradient(to top,rgba(10,12,16,.96),rgba(10,12,16,.08) 72%)}
.gallery-card span{color:var(--gold-2)}

/* FAQ */
.faq-section{background:#fff}
.accordion details{border-color:var(--line)}
.accordion summary{color:var(--ink);font-size:1rem}
.accordion summary:after{color:var(--wine)}
.accordion details>div{color:var(--muted)}

/* Kontaktbereich und Formulare */
.contact-section{background:linear-gradient(112deg,#161a20 0%,#11151b 64%,#2d0b12 100%);color:#fff}
.contact-section h2{color:#fff}
.contact-section .eyebrow{color:var(--gold-2)}
.contact-grid>div>p{color:#d8dde4;font-size:1.02rem}
.contact-direct a{color:var(--gold-2)}
.lead-form{background:#fff;color:var(--ink);border:1px solid #cfd5dc;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.lead-form label>span{color:#343c46;font-size:.78rem}
.lead-form input,.lead-form textarea,.lead-form select{border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:9px}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#5c6570;opacity:1}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(127,14,27,.15)}
.lead-form input:focus-visible,.lead-form textarea:focus-visible,.lead-form select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.file-upload{background:#f5f6f7;border-color:#7b8490}
.file-upload small{color:#505966}
.checkbox a{color:var(--wine)}
.form-status.error{color:#8c0b1a}
.form-status.success{color:#11613b}

/* Unterseiten: kompakte, helle Hero-Bereiche */
.page-hero,.service-hero,.article-hero,.legal-hero{padding:clamp(72px,7vw,104px) 0;background:linear-gradient(112deg,#f7f8f9 0%,#f7f8f9 68%,#eee9e0 68%,#eee9e0 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.page-hero .eyebrow,.service-hero .eyebrow,.article-hero .eyebrow,.legal-hero .eyebrow{color:var(--wine)}
.page-hero h1,.service-hero h1,.article-hero h1,.legal-hero h1{max-width:19ch}
.hero-intro,.service-hero-grid p,.article-hero p{max-width:780px;color:var(--muted);font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.7}
.service-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(50px,7vw,95px)}
.service-hero-image{aspect-ratio:1;border-radius:22px;border:1px solid #c8ced5;box-shadow:var(--shadow-strong);background:#fff}
.service-hero-image img{object-fit:cover}
.service-facts{top:105px;background:#f4f6f8;border:1px solid var(--line);border-left:1px solid var(--line);border-radius:15px;padding:24px}
.service-facts b{font-family:var(--font);font-size:2rem;color:var(--wine)}
.service-facts p{color:var(--muted)}
.benefit-grid article,.article-card,.contact-info>a,.contact-info>div,.legal-content,.project-card{background:#fff;border-color:var(--line);box-shadow:0 7px 24px rgba(17,21,27,.045)}
.benefit-grid span,.process-rich li:before{font-family:var(--font);color:var(--wine);font-weight:900}
.benefit-grid p,.article-card p,.contact-info span{color:var(--muted)}
.related-section{background:#11151b;color:#fff}
.related-section h2,.related-grid h3{color:#fff}
.related-section .section-head>p{color:#d9cbc7}
.related-grid a{border-color:#7b8490;background:#171c23}
.related-grid a:hover{background:#222831}
.related-grid span{color:var(--gold-2);font-family:var(--font);font-weight:900}
.related-grid p{color:#d8dde4}
.article-layout aside>div{background:#11151b;color:#fff}
.article-layout aside p{color:#d8dde4}
.article-card span,.project-body span{color:var(--wine)}
.legal-content{color:var(--ink)}
.legal-content p,.legal-content li{color:#343c46}
.map-placeholder{background:linear-gradient(135deg,#e9edf1,#d4dae0)}
.map-placeholder>div{background:#fff;color:var(--ink)}
.error-code{font-family:var(--font);color:var(--wine);font-weight:900}

/* Footer: keine graue Schrift unter AA-Niveau */
.site-footer{background:#11151b;color:#c9d0d8}
.footer-grid h2{color:var(--gold-2)}
.footer-grid a,.footer-grid span,.footer-brand p{color:#c9d0d8}
.footer-grid span b{color:#fff}
.footer-grid a:hover,.footer-grid a:focus-visible{color:#fff}
.footer-bottom{border-color:#4b535d;color:#abb4be}
.footer-bottom a{color:#dce1e7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.link-button{color:#c9d0d8}

/* Consent: goldene Überschrift auf Weiß war zu kontrastarm */
.consent-layer{background:rgba(5,8,12,.74)}
.consent-dialog{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:#fff;color:var(--ink);border:1px solid #b9c0c8}
.consent-main .eyebrow{color:var(--wine)}
.consent-main p,.consent-category small{color:var(--muted)}
.consent-main a{color:var(--wine)}
.consent-category{border-color:var(--line-strong);background:#fff}
.consent-category input{accent-color:var(--wine)}
.consent-actions button{background:#f1c85d;color:#181006;border-color:#9a6c00;font-weight:900}
.consent-actions button:hover,.consent-actions button:focus-visible{background:var(--wine);border-color:var(--wine);color:#fff}

/* Mobile */
@media(max-width:1080px){
  .main-nav{gap:12px}
  .main-nav>a{font-size:.8rem}
  .brand{min-width:245px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card,.service-card:nth-child(n+4){grid-column:auto}
  .process-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
  :root{--header:72px}
  .container,.container.wide,.breadcrumbs{width:min(100% - 32px,var(--max))}
  .brand{min-width:auto}
  .brand img{width:46px;height:46px}
  .main-nav{background:#fff;border:1px solid #939ba5;box-shadow:0 22px 60px rgba(17,21,27,.2)}
  .main-nav>a{color:var(--ink)}
  .main-nav .nav-cta{color:#fff}
  .hero-grid,.feature-grid,.service-hero-grid,.contact-grid,.content-grid,.contact-page-grid,.article-layout{grid-template-columns:1fr}
  .hero-section{background:#faf9f6}
  .hero-grid{padding:60px 0 72px}
  .hero-copy h1{max-width:18ch}
  .hero-visual{max-width:600px;margin:18px auto 0}
  .intro-section .container.narrow{grid-template-columns:1fr;gap:20px}
  .intro-section .eyebrow,.intro-section h2,.intro-section .lead{grid-column:1;grid-row:auto}
  .process-list{grid-template-columns:repeat(2,1fr)}
  .page-hero,.service-hero,.article-hero,.legal-hero{background:#f7f8f9}
  .service-hero-image{max-width:580px;margin:auto}
  .mobile-actions{background:#11151b;border-color:#5c6570}
  .mobile-actions a{color:#fff;border-color:#7b8490}
  .mobile-actions a:last-child{background:var(--wine);color:#fff}
}
@media(max-width:620px){
  h1{font-size:clamp(1.95rem,8.2vw,2.2rem);line-height:1.1;letter-spacing:-.038em}
  h2{font-size:clamp(1.65rem,6.8vw,2rem);line-height:1.14}
  h3{font-size:1.15rem}
  .section{padding:64px 0}
  .brand span{display:grid}
  .brand b{font-size:.85rem}
  .brand small{font-size:.54rem;max-width:180px}
  .header-inner{width:min(100% - 24px,var(--max));gap:10px}
  .menu-toggle{width:46px;height:46px;border-radius:11px}
  .hero-grid{padding:48px 0 60px}
  .hero-copy h1{max-width:16ch;margin-bottom:20px}
  .hero-lead{font-size:1rem;line-height:1.65}
  .hero-actions{display:grid;grid-template-columns:1fr;max-width:260px}
  .hero-actions .btn{width:100%}
  .hero-proof{display:flex;align-items:flex-start;gap:8px}
  .hero-proof li{width:auto}
  .hero-visual{display:none}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid>div{padding:18px 14px}
  .trust-grid strong{font-size:1.35rem}
  .section-head{display:block}
  .service-grid,.gallery-grid,.project-grid,.related-grid,.benefit-grid,.article-grid,.form-grid.two,.footer-grid{grid-template-columns:1fr}
  .service-card,.service-card:nth-child(n+4){grid-column:auto}
  .service-card-visual{height:210px}
  .feature-section{padding:64px 0}
  .precision-visual{min-height:300px}
  .process-list{grid-template-columns:1fr}
  .gallery-placeholder{grid-template-columns:1fr;padding:18px}
  .gallery-placeholder>div:first-child{min-height:190px}
  .contact-section{padding:64px 0}
  .lead-form{padding:20px 16px;border-radius:15px}
  .page-hero,.service-hero,.article-hero,.legal-hero{padding:58px 0}
  .page-hero h1,.service-hero h1,.article-hero h1,.legal-hero h1{max-width:18ch}
  .service-hero-image{max-width:390px}
  .footer-grid{gap:28px}
  .consent-dialog{padding:20px 15px}
  .consent-actions{grid-template-columns:1fr}
}

/* =========================================================
   Hotfix 2.1.2 – sichtbare Vorher-/Nachher-Projekte
   ========================================================= */
.gallery-card.comparison-card{
  position:relative;
  aspect-ratio:auto;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#fff;
  color:#11151a;
  border:1px solid #b8bdc5;
  box-shadow:0 18px 50px rgba(15,18,23,.08);
}
.gallery-card.comparison-card:after{display:none}
.gallery-card.comparison-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(15,18,23,.13)}
.gallery-card.comparison-card img{transition:none}
.gallery-card.comparison-card:hover img{transform:none}
.gallery-card-copy{position:static!important;display:block;left:auto!important;right:auto!important;bottom:auto!important;padding:22px 22px 24px;color:#11151a;background:#fff}
.gallery-card-copy h3{margin:.45rem 0 .85rem;color:#11151a;font-size:clamp(1.1rem,1.6vw,1.42rem);line-height:1.25}
.gallery-card-meta,.project-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gallery-card-meta span,.project-meta span{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#731827;font-weight:900}
.gallery-card-meta em,.project-meta em{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;background:#f0e5c6;color:#332400;border:1px solid #b79132;font-size:.68rem;font-style:normal;font-weight:850;letter-spacing:.025em}
.gallery-more{display:flex;justify-content:center;margin-top:30px}

.comparison-media{
  --compare:50%;
  position:relative;
  isolation:isolate;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#090b0e;
  user-select:none;
  touch-action:pan-y;
}
.comparison-layer{position:absolute;inset:0;overflow:hidden}
.comparison-layer img{display:block;width:100%;height:100%;object-fit:cover}
.comparison-after{z-index:1}
.comparison-before{z-index:2;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.comparison-label{position:absolute;z-index:5;top:14px;display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border-radius:999px;background:rgba(8,10,13,.92);color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:0 4px 18px rgba(0,0,0,.22);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.comparison-label-before{left:14px}
.comparison-label-after{right:14px;background:#f6c453;color:#171104;border-color:#f8d887}
.comparison-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 22px rgba(0,0,0,.35);pointer-events:none}
.comparison-divider i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#15181d;border:2px solid #15181d;box-shadow:0 8px 25px rgba(0,0,0,.28);font-size:1rem;font-style:normal;font-weight:900}
.comparison-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparison-media:focus-within{outline:3px solid #075fbd;outline-offset:3px}
.comparison-media:focus-within .comparison-divider i{box-shadow:0 0 0 4px #fff,0 0 0 7px #075fbd}
.comparison-compact .comparison-divider i{width:36px;height:36px;font-size:.85rem}
.comparison-compact .comparison-label{top:10px;min-height:26px;padding:4px 9px;font-size:.62rem}
.comparison-compact .comparison-label-before{left:10px}
.comparison-compact .comparison-label-after{right:10px}

.project-section{background:#f5f5f2}
.project-intro{display:grid;gap:10px;max-width:920px;margin:0 auto 34px;text-align:center;color:#4b515a}
.project-intro p{margin:0}
.project-demo-note{padding:14px 18px;border:1px solid #b79a48;border-radius:12px;background:#fff9e8;color:#3c310e}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{border:1px solid #b8bdc5;box-shadow:0 18px 50px rgba(15,18,23,.08)}
.project-body{padding:26px}
.project-body h2{margin:.5rem 0 .75rem;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2;color:#11151a}
.project-body p{color:#4b515a}

@media(max-width:860px){
  .project-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .gallery-grid{grid-template-columns:1fr}
  .gallery-card-copy,.project-body{padding:20px}
  .comparison-divider i{width:38px;height:38px}
  .comparison-label{top:10px;min-height:27px;padding:4px 9px;font-size:.62rem}
  .comparison-label-before{left:10px}
  .comparison-label-after{right:10px}
  .project-intro{text-align:left;margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
  .gallery-card.comparison-card{transition:none}
}

/* Hotfix 2.1.3: existing before/after projects directly on the homepage. */
.home-before-after-section{
  background:#f7f3ed;
  border-top:1px solid #b9afa6;
  border-bottom:1px solid #b9afa6;
}
.home-before-after-head{margin-bottom:30px}
.home-before-after-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.home-before-after-card{
  overflow:hidden;
  background:#fff;
  color:#11151a;
  border:2px solid #80756d;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(17,21,26,.08);
}
.home-before-after-card:last-child:nth-child(odd){grid-column:1/-1}
.home-before-after-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  background:#11151a;
  border-bottom:2px solid #80756d;
}
.home-before-after-pair figure{
  position:relative;
  min-width:0;
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#17191d;
}
.home-before-after-pair figure+figure{border-left:2px solid #fff}
.home-before-after-pair img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-before-after-pair figcaption{
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 11px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:#11151a;
  color:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,.24);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
}
.home-before-after-pair figure:last-child figcaption{
  left:auto;
  right:12px;
  background:#f6c453;
  color:#171104;
  border-color:#f8d887;
}
.home-before-after-copy{padding:22px 24px 25px}
.home-before-after-copy>span{
  display:block;
  margin-bottom:7px;
  color:#731827;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-before-after-copy h3{
  margin:0;
  color:#11151a;
  font-size:clamp(1.15rem,1.65vw,1.45rem);
  line-height:1.25;
}
.home-before-after-copy p{
  margin:.75rem 0 0;
  color:#4f555d;
  line-height:1.65;
}
.home-before-after-admin-empty{
  padding:28px;
  border:2px dashed #80756d;
  border-radius:18px;
  background:#fff;
  color:#11151a;
}
.home-before-after-admin-empty strong{font-size:1.08rem}
.home-before-after-admin-empty p{color:#4f555d}

@media(max-width:860px){
  .home-before-after-grid{grid-template-columns:1fr}
  .home-before-after-card:last-child:nth-child(odd){grid-column:auto}
}
@media(max-width:480px){
  .home-before-after-grid{gap:18px}
  .home-before-after-pair figure{aspect-ratio:1/1}
  .home-before-after-pair figcaption{top:8px;left:8px;min-height:26px;padding:4px 8px;font-size:.61rem}
  .home-before-after-pair figure:last-child figcaption{right:8px}
  .home-before-after-copy{padding:18px}
}
/* === FM-Felgentechnik Logo-Hotfix 2.1.4 ================================ */
.fm-new-brand,
.fm-logo-upgraded {
    display: inline-flex !important;
    align-items: center;
    flex: 0 1 auto;
    max-width: 100%;
    text-decoration: none !important;
}

.fm-new-logo {
    display: block !important;
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    border: 0 !important;
    box-shadow: none !important;
}

.fm-new-logo--header {
    width: clamp(230px, 25vw, 338px) !important;
    height: auto !important;
    max-height: 64px !important;
    border-radius: 8px;
}

.fm-new-logo--footer {
    width: min(100%, 360px) !important;
    height: auto !important;
    max-height: 190px !important;
    border-radius: 10px;
}

/* Text-/Signet-Fallbacks werden nur innerhalb des tatsächlich aktualisierten Markenlinks ausgeblendet. */
.fm-logo-upgraded > :not(.fm-new-logo):is(
    .brand-text, .brand-copy, .site-title, .logo-text, .wordmark, [class*="brand-name"]
) {
    display: none !important;
}

header .fm-logo-upgraded,
.site-header .fm-logo-upgraded,
[role="banner"] .fm-logo-upgraded {
    min-width: 0;
    line-height: 0;
}

footer .fm-logo-upgraded,
.site-footer .fm-logo-upgraded,
[role="contentinfo"] .fm-logo-upgraded {
    line-height: 0;
}

@media (max-width: 980px) {
    .fm-new-logo--header {
        width: clamp(205px, 42vw, 284px) !important;
        max-height: 54px !important;
    }
}

@media (max-width: 620px) {
    .fm-new-logo--header {
        width: min(218px, 62vw) !important;
        max-height: 46px !important;
        border-radius: 6px;
    }
    .fm-new-logo--footer {
        width: min(100%, 300px) !important;
        max-height: 160px !important;
    }
}
/* === Ende Logo-Hotfix 2.1.4 ============================================ */

/* ========================================================================== 
   FM-Felgentechnik Startseiten-Hotfix 2.1.5
   - konsistente Markenführung
   - reale Werkstatt- und Projektbilder
   - vertiefte, responsive Inhaltssektionen
   ========================================================================== */
:root{--header:92px}

.site-header{
  background:rgba(48,5,11,.98);
  color:#fff;
  border-bottom:1px solid rgba(241,214,143,.22);
  box-shadow:0 8px 28px rgba(17,3,6,.14);
}
.header-inner{min-height:var(--header);gap:22px}
.brand{min-width:190px;width:205px;line-height:0}
.brand .fm-official-logo{
  display:block;
  width:182px;
  height:auto;
  max-height:82px;
  object-fit:contain;
  object-position:left center;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.main-nav{gap:clamp(12px,1.45vw,23px)}
.main-nav>a{color:#f3ece9}
.main-nav>a:not(.nav-cta):after{background:var(--gold-2)}
.main-nav>a:hover,.main-nav>a:focus-visible,.main-nav>a[aria-current="page"]{color:#fff}
.main-nav .nav-cta{background:var(--gold-2);color:#2f050a;border-color:var(--gold-2)}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{background:#fff;color:#2f050a;border-color:#fff}
.menu-toggle{border-color:rgba(255,255,255,.5);background:transparent}
.menu-toggle span:not(.sr-only){background:#fff}

.hero-visual{aspect-ratio:5/3;min-height:410px}
.hero-visual img{object-position:center}
.hero-visual-location{background:rgba(255,255,255,.96)}
.hero-badge{max-width:min(310px,calc(100% - 40px));line-height:1.35}

.decision-section{background:#fff;border-bottom:1px solid var(--line)}
.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.decision-grid article{position:relative;min-height:250px;padding:28px;border:1px solid #c9ced5;border-radius:18px;background:#f7f7f5}
.decision-grid article>span{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:34px;border-radius:50%;background:var(--wine);color:#fff;font-weight:900;font-size:.75rem}
.decision-grid h3{margin-bottom:12px;color:#11151b}
.decision-grid p{margin:0;color:#505966}
.intro-section .rich p+p{margin-top:1rem}

.workshop-section{background:#2f050b;color:#fff}
.workshop-section .section-head h2{color:#fff}
.workshop-section .section-head>p{color:#e3d8d5}
.workshop-section .eyebrow{color:var(--gold-2)}
.workshop-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.workshop-grid figure{position:relative;grid-column:span 4;aspect-ratio:5/3;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#11151b}
.workshop-grid figure.workshop-wide{grid-column:span 8}
.workshop-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.workshop-grid figure:hover img{transform:scale(1.025)}
.workshop-grid figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.46);border-radius:8px;background:rgba(17,21,27,.9);color:#fff;font-size:.75rem;font-weight:850;letter-spacing:.025em}

.home-before-after-pair{align-items:stretch}
.home-before-after-pair figure{aspect-ratio:3/4;background:#17191d}
.home-before-after-pair img{object-fit:contain;background:#17191d}
.home-before-after-card>.comparison-media{aspect-ratio:3/4;border-bottom:2px solid #80756d}
.home-before-after-card>.comparison-media .comparison-layer{background:#17191d}
.home-before-after-card>.comparison-media .comparison-layer img{object-fit:contain;background:#17191d}
.home-before-after-card:last-child:nth-child(odd){max-width:760px;width:100%;justify-self:center}
.home-before-after-copy p{max-width:60ch}

.quality-section{background:#fff;border-block:1px solid var(--line)}
.quality-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(42px,7vw,92px);align-items:start}
.quality-intro{position:sticky;top:calc(var(--header) + 30px)}
.quality-list{display:grid;border-top:1px solid #b8bec6}
.quality-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid #b8bec6}
.quality-list article>span{color:var(--wine);font-size:.78rem;font-weight:950;letter-spacing:.08em}
.quality-list h3{margin:0 0 8px;color:#11151b}
.quality-list p{margin:0;color:#505966}

.precision-visual{min-height:0;aspect-ratio:5/3}
.precision-visual img{object-position:center}

.logistics-section{background:#eef1f4;border-top:1px solid var(--line)}
.logistics-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(40px,7vw,90px);align-items:center}
.logistics-grid>div>p{max-width:66ch;color:#505966;font-size:1.04rem}
.logistics-facts{list-style:none;margin:0;padding:0;border:1px solid #bdc4cc;border-radius:20px;background:#fff;overflow:hidden}
.logistics-facts li{display:grid;gap:4px;padding:22px 24px;border-bottom:1px solid #d5dae0}
.logistics-facts li:last-child{border-bottom:0}
.logistics-facts strong{color:var(--wine);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.logistics-facts span{color:#4d5661}

.footer-brand .fm-official-logo{display:block;width:250px;height:auto;max-height:118px;object-fit:contain;object-position:left center;border:0;border-radius:0}

@media(max-width:1080px){
  .brand{min-width:170px;width:178px}
  .brand .fm-official-logo{width:160px;max-height:75px}
}

@media(max-width:860px){
  :root{--header:78px}
  .brand{min-width:auto;width:150px}
  .brand .fm-official-logo{width:140px;max-height:66px}
  .main-nav{background:#2f050b;border-color:rgba(255,255,255,.25);box-shadow:0 22px 60px rgba(17,3,6,.35)}
  .main-nav>a{color:#fff}
  .hero-visual{min-height:0;max-width:none;width:100%}
  .decision-grid{grid-template-columns:1fr}
  .decision-grid article{min-height:0}
  .workshop-grid figure,.workshop-grid figure.workshop-wide{grid-column:span 6}
  .quality-layout,.logistics-grid{grid-template-columns:1fr}
  .quality-intro{position:static}
}

@media(max-width:620px){
  :root{--header:72px}
  .header-inner{min-height:var(--header)}
  .brand{width:130px}
  .brand .fm-official-logo{width:126px;max-height:60px}
  .hero-grid{padding:48px 0 62px}
  .hero-visual{aspect-ratio:4/3}
  .hero-badge{left:12px;right:12px;bottom:12px;max-width:none}
  .decision-grid article{padding:23px}
  .decision-grid article>span{margin-bottom:24px}
  .workshop-grid{grid-template-columns:1fr}
  .workshop-grid figure,.workshop-grid figure.workshop-wide{grid-column:auto;aspect-ratio:4/3}
  .home-before-after-pair{grid-template-columns:1fr}
  .home-before-after-pair figure{aspect-ratio:3/4}
  .home-before-after-pair figure+figure{border-left:0;border-top:2px solid #fff}
  .home-before-after-card:last-child:nth-child(odd){max-width:none}
  .quality-list article{grid-template-columns:42px 1fr;gap:12px}
  .logistics-facts li{padding:19px}
  .footer-brand .fm-official-logo{width:220px;max-height:104px}
}

/* ========================================================================== 
   FM-Felgentechnik Inhalts- und Transparentlogo-Hotfix 2.1.6–2.1.8
   ========================================================================== */
:root{--header:128px;--chrome-max:1540px}

.site-header{background:rgba(39,3,9,.98);border-bottom:1px solid rgba(232,199,117,.28);box-shadow:0 14px 42px rgba(18,2,5,.2)}
.header-utility{height:32px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(15,1,3,.72),rgba(102,14,25,.38),rgba(15,1,3,.72));color:#e8ded9}
.header-utility-inner{width:min(var(--chrome-max),calc(100% - 48px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-size:.68rem;font-weight:760;letter-spacing:.065em;text-transform:uppercase}
.header-location{display:flex;align-items:center;gap:9px}
.header-location:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 4px rgba(232,199,117,.12)}
.header-specialty{color:#cdbdb8;text-align:center}
.header-direct{display:flex;justify-content:flex-end;align-items:center;gap:20px}
.header-direct a{color:#f7f0ed}
.header-direct a:hover,.header-direct a:focus-visible{color:#fff}
.header-whatsapp{color:var(--gold-2)!important}
.header-inner{width:min(var(--chrome-max),calc(100% - 48px));min-height:96px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:30px}
.brand{display:flex;align-items:center;justify-self:start;min-width:180px;width:180px;height:96px;padding:8px 10px;line-height:0}
.brand .fm-transparent-logo{
  display:block;
  width:auto;
  height:80px;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:left center;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.main-nav{justify-self:center;margin-left:0}
.main-nav .nav-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 20px;box-shadow:0 10px 28px rgba(217,166,59,.16)}
.main-nav .nav-cta>span:last-child{font-size:1rem;transition:transform .2s ease}
.main-nav .nav-cta:hover>span:last-child,.main-nav .nav-cta:focus-visible>span:last-child{transform:translate(2px,-2px)}
.main-nav .nav-cta-mobile{display:none}
.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 20px;border:1px solid var(--gold-2);border-radius:11px;background:var(--gold-2);color:#2f050a;font-size:.88rem;font-weight:760;box-shadow:0 10px 28px rgba(217,166,59,.16)}
.header-cta>span:last-child{font-size:1rem;transition:transform .2s ease}
.header-cta:hover,.header-cta:focus-visible{background:#fff;border-color:#fff;color:#2f050a}
.header-cta:hover>span:last-child,.header-cta:focus-visible>span:last-child{transform:translate(2px,-2px)}

.hero-section--image{position:relative;isolation:isolate;min-height:clamp(680px,76vh,850px);overflow:hidden;background:#1b0307;color:#fff}
.hero-section--image .hero-background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;filter:saturate(.86) contrast(1.06)}
.hero-section--image .hero-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(25,2,6,.98) 0%,rgba(42,5,10,.94) 32%,rgba(42,5,10,.82) 58%,rgba(18,2,5,.46) 78%,rgba(18,2,5,.18) 100%),linear-gradient(0deg,rgba(13,2,4,.72) 0%,transparent 42%),radial-gradient(circle at 75% 34%,transparent 0 24%,rgba(18,2,5,.22) 66%)}
.hero-section--image .hero-noise{z-index:-1;opacity:.1}
.hero-section--image .hero-grid{width:min(var(--max),calc(100% - 48px));min-height:inherit;padding:clamp(88px,10vh,124px) 0 84px;grid-template-columns:minmax(0,760px) minmax(280px,1fr);gap:clamp(56px,9vw,150px);align-items:end}
.hero-section--image .hero-copy{min-width:0;max-width:760px}
.hero-section--image .hero-copy h1{max-width:760px;color:#fff;overflow-wrap:break-word;hyphens:auto;text-wrap:balance;text-shadow:0 2px 32px rgba(7,0,2,.28)}
.hero-section--image .hero-lead{max-width:690px;color:#ede3df;font-size:clamp(1.05rem,1.35vw,1.26rem);line-height:1.72}
.hero-section--image .eyebrow{color:var(--gold-2)}
.hero-section--image .btn.primary{background:var(--gold-2);border-color:var(--gold-2);color:#2f050a}
.hero-section--image .btn.primary:hover,.hero-section--image .btn.primary:focus-visible{background:#fff;border-color:#fff;color:#2f050a}
.hero-section--image .btn.secondary{border-color:rgba(255,255,255,.65);background:rgba(17,3,6,.34);color:#fff;backdrop-filter:blur(10px)}
.hero-section--image .btn.secondary:hover,.hero-section--image .btn.secondary:focus-visible{background:#fff;color:#2f050a}
.hero-section--image .hero-proof li{border-color:rgba(255,255,255,.28);background:rgba(17,3,6,.48);color:#fff;backdrop-filter:blur(10px)}
.hero-section--image .hero-proof li:before{color:#fff}
.hero-detail-card{justify-self:end;align-self:end;display:grid;gap:7px;width:min(350px,100%);padding:20px 22px;border:1px solid rgba(255,255,255,.42);border-radius:16px;background:rgba(17,3,6,.58);box-shadow:0 24px 64px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.hero-detail-card span{color:var(--gold-2);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.hero-detail-card strong{color:#fff;font-size:1.02rem;letter-spacing:.01em}
.footer-brand .fm-transparent-logo{
  display:block;
  width:min(100%,360px);
  height:auto;
  max-height:180px;
  object-fit:contain;
  object-position:left center;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

.site-footer{position:relative;overflow:hidden;padding:0;background:radial-gradient(circle at 12% 10%,rgba(101,14,26,.38),transparent 30%),linear-gradient(135deg,#0d1117 0%,#11151b 58%,#210309 100%);color:#cdd3da}
.footer-shell{position:relative;z-index:2;width:min(var(--chrome-max),calc(100% - 48px));margin:auto;padding:68px 0 24px}
.footer-cta{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:clamp(38px,7vw,100px);align-items:center;padding:clamp(30px,4vw,48px);border:1px solid rgba(232,199,117,.28);border-radius:24px;background:linear-gradient(115deg,rgba(88,10,21,.93),rgba(44,5,11,.95));box-shadow:0 28px 80px rgba(0,0,0,.24)}
.footer-eyebrow{display:block;margin-bottom:12px;color:var(--gold-2);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.footer-cta h2{max-width:830px;margin:0 0 13px;color:#fff;font-size:clamp(2rem,3.2vw,3.6rem);line-height:1.04;text-wrap:balance}
.footer-cta p{max-width:760px;margin:0;color:#e3d7d4;line-height:1.68}
.footer-cta-actions{display:grid;gap:12px;min-width:250px}
.footer-cta-actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 20px;border-radius:12px;font-size:.84rem;font-weight:900;text-align:center}
.footer-cta-primary{background:var(--gold-2);color:#2f050a!important}
.footer-cta-primary:hover,.footer-cta-primary:focus-visible{background:#fff}
.footer-cta-secondary{border:1px solid rgba(255,255,255,.44);color:#fff!important}
.footer-cta-secondary:hover,.footer-cta-secondary:focus-visible{background:rgba(255,255,255,.1)}
.footer-grid{grid-template-columns:minmax(290px,1.45fr) minmax(190px,.8fr) minmax(230px,1fr) minmax(190px,.8fr);gap:clamp(30px,4vw,68px);padding:64px 0 52px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-grid>div{position:relative;z-index:1;gap:10px}
.footer-grid h2{margin:0 0 12px;color:var(--gold-2)}
.footer-grid a,.footer-grid span,.footer-brand p{color:#cdd3da}
.footer-grid a{width:fit-content}
.footer-grid a:hover,.footer-grid a:focus-visible{color:#fff;text-decoration:none;transform:translateX(2px)}
.footer-brand .fm-transparent-logo{width:min(100%,340px);max-height:170px}
.footer-brand p{max-width:430px;margin:8px 0 6px;line-height:1.68}
.footer-badges{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.footer-badges span{padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#e7ddda;font-size:.67rem;font-weight:800}
.footer-more{margin-top:8px;color:var(--gold-2)!important;font-weight:850}
.footer-contact-hours>a:first-of-type{color:#fff;font-size:1.08rem;font-weight:850}
.footer-hours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14)}
.footer-hours span{font-size:.72rem;line-height:1.45}
.footer-hours b{display:block;color:#fff;font-size:.7rem}
.footer-bottom{margin:0;padding:20px 0 0;border:0}
.footer-orbit{position:absolute;border:1px solid rgba(232,199,117,.1);border-radius:50%;pointer-events:none}
.footer-orbit-one{width:620px;height:620px;right:-250px;top:80px}
.footer-orbit-two{width:410px;height:410px;right:-145px;top:185px}

.consent-actions button[data-consent-action]{background:var(--gold-2);border-color:var(--gold-2);color:#2f050a;font-weight:900}
.consent-actions button[data-consent-action]:hover,.consent-actions button[data-consent-action]:focus-visible{background:var(--gold-2);border-color:var(--gold-2);color:#2f050a;box-shadow:0 0 0 3px rgba(127,14,27,.26)}

.about-section{background:#fff;border-bottom:1px solid var(--line)}
.about-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(42px,7vw,92px);align-items:start}
.about-intro>p{max-width:70ch;color:#505966;font-size:1.04rem;line-height:1.75}
.about-mission{margin-top:32px;padding:26px;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:#f5f1eb}
.about-mission h3{margin:0 0 10px;color:#11151b}
.about-mission p{margin:0;color:#505966;line-height:1.7}
.about-reasons{padding:30px;border:1px solid #bdc4cc;border-radius:20px;background:#f7f8f9}
.about-reasons h3{margin:0 0 18px;color:#11151b}
.about-reasons ul{display:grid;gap:0;list-style:none;margin:0;padding:0}
.about-reasons li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #d5dae0;color:#343d47;line-height:1.55}
.about-reasons li:last-child{border-bottom:0}
.about-reasons li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--wine);color:#fff;font-size:.72rem;font-weight:950}

.service-card-body{gap:10px}
.service-card-body>p{flex:0 0 auto;margin:0}
.service-card-detail{padding-top:10px;border-top:1px solid #d8dde2;color:#414b56!important}
.service-card-points{display:grid;gap:7px;list-style:none;margin:2px 0 8px;padding:0}
.service-card-points li{position:relative;padding-left:17px;color:#303943;font-size:.78rem;font-weight:800;line-height:1.4}
.service-card-points li:before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:var(--gold)}

.portfolio-section{overflow:hidden;background:#eef1f4;border-block:1px solid #c7ced6}
.portfolio-head{margin-bottom:30px}
.portfolio-carousel{position:relative}
.portfolio-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:15px}
.portfolio-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;color:#231114;font-size:1.2rem;font-weight:900;cursor:pointer}
.portfolio-controls button:hover,.portfolio-controls button:focus-visible{background:var(--wine);color:#fff;border-color:var(--wine)}
.portfolio-controls button:disabled{opacity:.38;cursor:not-allowed}
.portfolio-controls span{min-width:66px;text-align:center;color:#4b5561;font-size:.8rem;font-weight:850}
.portfolio-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding:2px 1px 18px}
.portfolio-track::-webkit-scrollbar{display:none}
.portfolio-slide{position:relative;scroll-snap-align:start;aspect-ratio:3/4;margin:0;overflow:hidden;border:1px solid #aeb6bf;border-radius:17px;background:#11151b;box-shadow:0 12px 28px rgba(17,21,27,.1)}
.portfolio-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.portfolio-slide:hover img{transform:scale(1.025)}
.portfolio-slide figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(17,21,27,.88);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}

.faq-section .accordion{columns:2;column-gap:34px}
.faq-section .accordion details{break-inside:avoid}

@media(max-width:1080px){
  :root{--header:120px}
  .hero-section--image .hero-overlay{background:linear-gradient(90deg,rgba(25,2,6,.98) 0%,rgba(35,4,9,.94) 45%,rgba(24,3,7,.84) 72%,rgba(18,2,5,.48) 100%),linear-gradient(0deg,rgba(13,2,4,.76) 0%,transparent 56%)}
  .header-specialty{display:none}
  .header-utility-inner{grid-template-columns:1fr 1fr}
  .header-inner{min-height:88px}
  .brand{min-width:160px;width:160px;height:88px;padding:8px}
  .brand .fm-transparent-logo{width:auto;height:72px;max-height:none}
  .header-inner{grid-template-columns:minmax(176px,1fr) auto minmax(176px,1fr);gap:18px}
  .header-cta{padding-inline:15px;font-size:.8rem}
  .hero-section--image .hero-grid{grid-template-columns:minmax(0,720px) 1fr;gap:40px}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2/4}
  .portfolio-track{grid-auto-columns:calc((100% - 16px)/2)}
}

@media(max-width:860px){
  :root{--header:108px}
  .hero-section--image .hero-overlay{background:linear-gradient(90deg,rgba(25,2,6,.97) 0%,rgba(31,3,8,.91) 58%,rgba(24,3,7,.84) 100%),linear-gradient(0deg,rgba(13,2,4,.8) 0%,transparent 62%)}
  .header-utility{height:28px}
  .header-utility-inner{width:min(var(--chrome-max),calc(100% - 32px));grid-template-columns:1fr auto;font-size:.61rem}
  .header-direct>a:first-child{display:none}
  .header-inner{width:min(var(--chrome-max),calc(100% - 32px));min-height:80px;display:flex;align-items:center;justify-content:space-between}
  .brand{min-width:auto;width:148px;height:80px;padding:7px 8px}
  .brand .fm-transparent-logo{width:auto;height:66px;max-height:none}
  .header-cta{display:none}
  .main-nav{justify-self:stretch;width:auto}
  .main-nav .nav-cta-mobile{display:inline-flex}
  body.page-home.mobile-actions-managed .mobile-actions{opacity:0;transform:translateY(calc(100% + 22px));pointer-events:none;transition:opacity .22s ease,transform .22s ease}
  body.page-home.mobile-actions-managed .mobile-actions.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
  .hero-section--image{min-height:720px}
  .hero-section--image .hero-grid{width:min(var(--chrome-max),calc(100% - 32px));grid-template-columns:minmax(0,1fr);align-content:end;padding:78px 0 48px}
  .hero-detail-card{justify-self:start;width:auto;max-width:360px}
  .footer-shell{width:min(var(--chrome-max),calc(100% - 32px));padding-top:48px}
  .footer-cta{grid-template-columns:1fr}
  .footer-cta-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .about-layout{grid-template-columns:1fr}
  .faq-section .accordion{columns:1}
}

@media(max-width:620px){
  :root{--header:100px}
  .header-location{font-size:.56rem;letter-spacing:.04em}
  .header-location:before{width:6px;height:6px}
  .header-direct{gap:0}
  .header-whatsapp{font-size:.58rem}
  .header-inner{min-height:72px;gap:10px}
  .brand{width:132px;height:72px;padding:6px}
  .brand .fm-transparent-logo{width:auto;height:60px;max-height:none}
  .hero-section--image{min-height:690px}
  .hero-section--image .hero-background{object-position:62% center}
  .hero-section--image .hero-overlay{background:linear-gradient(90deg,rgba(25,2,6,.96),rgba(31,3,8,.78)),linear-gradient(0deg,rgba(13,2,4,.78),transparent 60%)}
  .hero-section--image .hero-grid{padding:62px 0 calc(38px + 76px + env(safe-area-inset-bottom));gap:30px}
  .hero-section--image .hero-copy h1{font-size:clamp(2.2rem,9vw,3.5rem);letter-spacing:-.045em;overflow-wrap:anywhere}
  .hero-detail-card{display:none}
  .footer-cta{padding:26px 22px;border-radius:18px}
  .footer-cta h2{font-size:2.15rem}
  .footer-cta-actions{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;padding:46px 0 36px}
  .footer-grid>div:last-child{grid-column:auto}
  .footer-brand .fm-transparent-logo{width:min(100%,300px);max-height:150px}
  .footer-hours{grid-template-columns:1fr 1fr}
  .about-reasons,.about-mission{padding:22px}
  .portfolio-head{margin-bottom:30px}
  .portfolio-controls{justify-content:space-between}
  .portfolio-track{grid-auto-columns:88%;gap:12px}
  .service-card-body{padding:22px 20px}
}

/* ========================================================================== 
   FM-Felgentechnik Unterseiten-Content 2.1.9
   ========================================================================== */
.subpage-guidance{background:#fff;border-bottom:1px solid var(--line)}
.subpage-depth,.service-quality-section{background:#fff}
.services-catalogue,.guides-catalogue,.contact-main-section{border-block:1px solid var(--line)}
.subpage-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.subpage-split--intro{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(42px,7vw,92px);align-items:start}
.subpage-split--intro h2{max-width:14ch}
.subpage-prose{padding-top:7px;font-size:1.04rem}
.subpage-panel{position:relative;padding:clamp(26px,3.4vw,42px);border:1px solid #c5cbd2;border-radius:20px;background:#f7f8f9;overflow:hidden}
.subpage-panel--accent{border-color:#cabd9b;background:linear-gradient(145deg,#f7f4ed,#fff)}
.subpage-panel h2{margin:8px 0 20px;color:#11151b;font-size:clamp(1.8rem,2.7vw,2.75rem)}
.subpage-panel .rich{color:#4b5561}
.subpage-panel .rich>:first-child{margin-top:0}
.subpage-panel .rich>:last-child{margin-bottom:0}
.subpage-panel .rich ul,.subpage-panel .rich ol,.subpage-prose ul,.subpage-prose ol{display:grid;gap:10px;padding-left:1.25rem}
.subpage-panel .rich li,.subpage-prose li{padding-left:4px;line-height:1.65}
.subpage-index{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:50%;background:var(--wine);color:#fff;font-size:.74rem;font-weight:950;letter-spacing:.08em}
.service-context-section{background:#eef1f4;border-block:1px solid var(--line)}
.service-quality-section .subpage-panel{background:#fff}
.subpage-cta{display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,7vw,90px);padding:clamp(30px,4vw,48px);border:1px solid #c5cbd2;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(17,21,27,.07)}
.subpage-cta>div{max-width:760px}
.subpage-cta h2{margin:6px 0 12px;font-size:clamp(2rem,3.5vw,3.35rem)}
.subpage-cta p{margin:0;color:#505966;font-size:1.02rem;line-height:1.7}
.subpage-cta>.btn{flex:0 0 auto}
.article-card>.article-card-image{padding:0;aspect-ratio:4/3;overflow:hidden;background:#11151b}
.article-card>.article-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px}
.article-card-image img{width:100%;height:100%;object-fit:cover}
.article-card-body p{flex:1}
.article-card-body .text-link{margin-top:10px}
.article-aside-image{overflow:hidden;border-radius:var(--radius)}
.article-layout aside .article-aside-image img{display:block;border-radius:0}
.article-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.article-next .eyebrow{width:100%;margin:0}
.faq-page-section .accordion{columns:2;column-gap:24px}
.faq-page-section .accordion details{break-inside:avoid;margin:0 0 14px}
.contact-info .contact-hours{gap:7px}
.contact-info .contact-hours b{font-size:.9rem;font-weight:700}
.contact-logistics{border-top:0}
.standard-content-section .article-body h2{margin-top:1.8em}
.about-profile-section{background:#eef1f4;border-block:1px solid var(--line)}
.about-profile-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(42px,8vw,110px);align-items:center}
.about-profile-figure{margin:0;min-width:0}
.about-profile-media{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #bdc4cc;border-radius:24px;background:linear-gradient(145deg,#171c23,#3f0911);box-shadow:0 24px 65px rgba(17,21,27,.2)}
.about-profile-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-profile-media.is-placeholder>img{inset:42% auto auto 50%;width:50%;height:auto;max-height:48%;transform:translate(-50%,-50%);object-fit:contain;opacity:.28}
.about-profile-placeholder{position:absolute;left:24px;right:24px;bottom:26px;display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(13,4,6,.72);color:#fff;text-align:center;backdrop-filter:blur(9px)}
.about-profile-placeholder b{font-size:1.02rem}
.about-profile-placeholder small{color:#d9cbc7}
.about-profile-copy{max-width:650px}
.about-profile-copy h2{margin:9px 0 16px;font-size:clamp(2.5rem,5vw,4.9rem)}
.about-profile-copy p{max-width:57ch;margin:0;color:#505966;font-size:1.08rem;line-height:1.75}
body.editor-mode .about-profile-media .cms-alt-editor{bottom:110px}
.standard-content-section .article-body h2:first-child{margin-top:0}
.standard-content-section .article-body ul,.standard-content-section .article-body ol{display:grid;gap:10px}
.map-section{padding-top:0}

@media(max-width:860px){
  .about-profile-grid{grid-template-columns:1fr}
  .about-profile-figure{width:min(520px,100%);margin-inline:auto}
  .subpage-split,.subpage-split--intro{grid-template-columns:1fr;gap:18px}
  .subpage-split--intro{gap:30px}
  .subpage-split--intro h2{max-width:18ch}
  .subpage-cta{align-items:flex-start;flex-direction:column}
  .faq-page-section .accordion{columns:1}
}

@media(max-width:620px){
  .subpage-panel{padding:24px 20px;border-radius:17px}
  .subpage-panel h2{font-size:1.85rem}
  .subpage-cta{padding:25px 21px;border-radius:18px}
  .subpage-cta>.btn{width:100%}
  .article-next{align-items:flex-start;flex-direction:column}
}