/*
Theme Name: Lärmschutz Kaufen Neu
Description: Modernes WordPress-Theme für laermschutz-kaufen.de
Version: 1.0.0
Author: AAAgiler GmbH
*/
:root{--ink:#101416;--slate:#20272b;--muted:#667076;--line:#dfe3e5;--paper:#f4f5f3;--white:#fff;--signal:#ff5a1f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{min-height:32px;background:var(--ink);color:#cfd4d6;display:flex;align-items:center;justify-content:center;gap:48px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar span:before{content:"✓";color:var(--signal);margin-right:8px}.site-nav{height:82px;max-width:var(--max);margin:auto;display:flex;align-items:center;gap:34px;padding:0 24px}.brand{display:flex;align-items:center;gap:11px;font-family:"Barlow Condensed",sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:.025em;white-space:nowrap}.brand>span:last-child>span{display:block;color:var(--signal);font-size:.73rem;letter-spacing:.25em;line-height:.8}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:28px}.brand-mark i{display:block;width:5px;background:var(--signal);transform:skew(-12deg)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px}.site-nav nav{display:flex;gap:25px;margin-left:auto;font-size:.86rem;font-weight:600}.site-nav nav a:hover{color:var(--signal)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:var(--signal);color:#fff;font-weight:700;border:1px solid var(--signal);transition:.2s}.button:hover{background:#d9410d;transform:translateY(-1px)}.button-small{min-height:42px;padding:0 17px;font-size:.82rem}.menu-button{display:none}.hero{position:relative;overflow:hidden;min-height:650px;background:var(--slate);color:#fff;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;padding:70px max(24px,calc((100vw - var(--max))/2));gap:55px}.hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow{margin:0 0 16px;color:var(--signal);font-size:.75rem;font-weight:800;letter-spacing:.17em}.hero h1,.section h2,.calculator h2,.usecases h2,.cta h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;line-height:.92;letter-spacing:-.025em;text-transform:uppercase}.hero h1{font-size:clamp(3.7rem,6vw,6.3rem);margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--signal)}.hero-lead{max-width:650px;color:#d8dddf;font-size:1.15rem}.hero-actions{display:flex;align-items:center;gap:27px;margin:32px 0 45px}.text-link{font-weight:700;border-bottom:1px solid #677075}.trust-row{display:flex;border-top:1px solid #485156;padding-top:25px}.trust-row div{padding-right:30px;margin-right:30px;border-right:1px solid #485156}.trust-row div:last-child{border:0}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-family:"Barlow Condensed";font-size:1.55rem}.trust-row span{color:#aeb7bb;font-size:.72rem}.hero-visual{height:460px;display:flex;align-items:center;justify-content:center}.mat{position:relative;width:245px;height:390px;background:linear-gradient(130deg,#fa5b20,#db3e0b);box-shadow:18px 24px 0 rgba(0,0,0,.18);transform:perspective(800px) rotateY(-8deg);border:1px solid #ff8f68}.mat:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.55)}.mat-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mat-label small{font-weight:800;letter-spacing:.25em}.mat-label strong{font-family:"Barlow Condensed";font-size:5.5rem;line-height:1}.mat-label span{font-size:.67rem;text-transform:uppercase}.proof-band{background:#fff;padding:32px max(24px,calc((100vw - var(--max))/2))}.proof-items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.proof-items article{display:flex;gap:16px;align-items:center}.proof-items article>span{font-family:"Barlow Condensed";font-size:2rem;color:#d4d9db}.proof-items h3,.proof-items p{margin:0}.proof-items h3{font-size:.92rem}.proof-items p{font-size:.78rem;color:var(--muted)}.calculator{max-width:var(--max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.calculator h2{font-size:clamp(3rem,5vw,4.7rem);margin:0 0 24px}.calculator-intro>p:not(.eyebrow){color:var(--muted)}.calc-facts{display:flex;gap:26px;margin-top:34px}.calc-facts span{display:flex;flex-direction:column;color:var(--muted);font-size:.73rem}.calc-facts strong{font-family:"Barlow Condensed";font-size:1.7rem;color:var(--ink)}.calc-panel{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr 270px}.calc-fields{padding:36px}.calc-fields label{display:block;font-size:.78rem;font-weight:700;margin-bottom:29px}.calc-fields label>span{float:right;color:var(--signal)}.calc-fields input[type=range]{display:block;width:100%;margin-top:17px;accent-color:var(--signal)}.calc-fields select{display:block;width:100%;margin-top:9px;border:1px solid #cdd2d4;background:#fafafa;padding:13px;font:inherit}.calc-result{background:var(--slate);color:#fff;padding:34px 28px;display:flex;flex-direction:column}.calc-result>p:first-child{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#adb5b9;margin:0}.result-number{margin:23px 0}.result-number strong{display:block;font-family:"Barlow Condensed";font-size:5.2rem;line-height:.8;color:var(--signal)}.result-number span{font-size:.82rem}.result-details{display:flex;gap:18px;border-block:1px solid #475055;padding:15px 0}.result-details span{font-size:.7rem;color:#b7c0c4}.system-note{font-size:.72rem;color:#b7c0c4}.calc-disclaimer{grid-column:1/-1;margin:0;padding:14px 20px;background:#eef0f0;color:#6c757a;font-size:.66rem}.section{max-width:var(--max);margin:auto;padding:105px 24px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:46px}.section-heading h2{font-size:clamp(2.7rem,4.8vw,4.5rem);margin:0}.section-heading>p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;background:#fff;padding:31px;border:1px solid var(--line);display:flex;flex-direction:column;min-height:440px}.product-card.featured{border:2px solid var(--signal)}.recommend{position:absolute;top:-28px;left:-2px;right:-2px;background:var(--signal);color:#fff;text-align:center;font-size:.67rem;font-weight:800;line-height:28px}.card-top{display:flex;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.card-top>span{font-size:.72rem;font-weight:800;color:var(--muted)}.card-top strong{font-family:"Barlow Condensed";font-size:3.3rem;line-height:.8}.product-card h3{font-family:"Barlow Condensed";font-size:1.75rem;line-height:1.05;text-transform:uppercase;margin:30px 0 13px}.product-card p{font-size:.88rem;color:var(--muted)}.product-card ul{list-style:none;padding:0}.product-card li{font-size:.82rem;border-top:1px solid #edf0f1;padding:9px 0}.product-card li:before{content:"+";color:var(--signal);font-weight:800;margin-right:9px}.product-card>a{margin-top:auto;font-size:.83rem;font-weight:800}.premium{background:#1b2226;color:#fff}.premium p{color:#b7c0c4}.usecases{background:var(--ink);color:#fff;padding:100px max(24px,calc((100vw - var(--max))/2))}.usecases h2{font-size:clamp(2.7rem,4.8vw,4.5rem)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a4246}.case-grid article{min-height:240px;padding:38px;background:#20272b;display:flex;flex-direction:column;justify-content:flex-end}.case-grid span{color:var(--signal);font-size:.67rem;font-weight:800}.case-grid h3{font-family:"Barlow Condensed";font-size:2rem;text-transform:uppercase;margin:12px 0 7px}.case-grid p{color:#abb4b8;font-size:.84rem}.cta{background:var(--signal);color:#fff;padding:75px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.cta .eyebrow{color:#481300}.cta h2{font-size:clamp(2.7rem,5vw,4.6rem);margin:0}.button-light{background:#fff;color:var(--ink);border-color:#fff}.site-footer{background:#090c0d;color:#9ca5a9;padding:48px max(24px,calc((100vw - var(--max))/2));display:flex;gap:30px;align-items:center;font-size:.77rem}.site-footer p{margin-right:auto}.site-footer div{display:flex;gap:20px}.content-page{max-width:900px;margin:60px auto;padding:0 24px 80px}.content-page h1{font-family:"Barlow Condensed";font-size:3.5rem;text-transform:uppercase}.content-page img{max-width:100%;height:auto}
@media(max-width:900px){.site-nav>.button{display:none}.menu-button{display:block;margin-left:auto}.site-nav nav{display:none;position:absolute;top:102px;left:0;right:0;background:#fff;z-index:20;padding:20px;flex-direction:column}.site-nav nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-visual{height:330px}.calculator,.section-heading,.cta{grid-template-columns:1fr}.product-grid,.case-grid{grid-template-columns:1fr}.proof-items{grid-template-columns:1fr}.calc-panel{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.topbar span:not(:first-child){display:none}.hero{padding:50px 20px}.hero h1{font-size:3.7rem}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{display:grid;grid-template-columns:1fr 1fr}.trust-row div{border:0;margin:0}.calculator,.section,.usecases{padding:75px 20px}.hero-visual{height:280px}.mat{width:170px;height:270px}.mat-label strong{font-size:4rem}}