/* Helles Design + kompaktere Handyansicht (ueberschreibt style.css) */
:root{--dark:#1f2329;--dark-2:#2b3038;--dark-3:#555d68;--light:#f4f5f7;--light-2:#ffffff;--text:#1a1d22;--muted:#6b7380;--line:#e2e5e9;--border-strong:#c7ccd3;--accent-2:#c8102e;--accent-light:rgba(200,16,46,.08);--accent-glow:rgba(200,16,46,.28);--shadow:0 16px 40px -20px rgba(20,25,35,.28);--shadow-sm:0 4px 14px -8px rgba(20,25,35,.22)}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.site-header.is-scrolled{box-shadow:0 2px 18px -10px rgba(20,25,35,.35)}
.nav-toggle{background:#fff}
.main-nav a.nav-shop:hover{color:var(--accent)}
@media (max-width:900px){.main-nav{background:#fff}}
.btn-dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.btn-dark:hover{background:#000;border-color:#000}
.hero{background:linear-gradient(160deg,#ffffff 0%,#eef0f3 60%,#ffffff 100%);color:var(--text)}
.hero::before{background-image:radial-gradient(600px 320px at 82% 8%,rgba(200,16,46,.07),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 42px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 42px)}
.hero-fence{opacity:.5}
.hero .accent-word{color:var(--accent);text-shadow:none}
.hero p.lead,.hero-badge,.hero-panel p,.hero-panel .price-step div span{color:var(--dark-3)}
.hero-panel{background:#fff}
.hero .btn-outline{border-color:var(--border-strong);color:var(--text)}
.hero .btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.page-hero{background:linear-gradient(160deg,#ffffff,#eceef1);color:var(--text);border-bottom:1px solid var(--line)}
.page-hero::before{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 42px),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 42px)}
.page-hero p{color:var(--dark-3)}
.breadcrumb{color:var(--muted)}
.breadcrumb a{color:var(--text)}
.breadcrumb a:hover{color:var(--accent)}
.service-card,.value-card,.contact-card,.step,.weg-card{box-shadow:var(--shadow-sm)}
.service-icon{background:#fff;box-shadow:none}
.visual-card{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}
.form-field input,.form-field textarea,.form-field select{background:#fff}
.map-box{background:#eceef1}
.map-load{color:var(--text)}
.map-load span{color:var(--dark-3)}
.callout{background:rgba(200,16,46,.05);border-color:rgba(200,16,46,.25);color:#4a2a2e}
.callout b{color:var(--accent)}
.placeholder{background:rgba(200,16,46,.08);color:var(--accent)}
.site-footer{background:var(--dark);border-top:0}
.footer-bottom{border-top-color:rgba(255,255,255,.1)}
.social-row a{border-color:rgba(255,255,255,.12)}
.mobile-call-bar{background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,25,35,.12)}
.mobile-call-bar .btn-outline{border-color:var(--border-strong) !important;color:var(--text)}
@media (max-width:720px){body{line-height:1.5}section{padding:28px 0}.section-head{margin-bottom:18px}h2.section-title{font-size:clamp(20px,5.6vw,25px)}.section-lead{font-size:14.5px}.header-bar{padding:8px 0}.hero-inner{padding:22px 0 34px;gap:18px}.hero h1{font-size:clamp(24px,6.5vw,30px);margin-bottom:.3em}.hero p.lead{font-size:15px;margin-bottom:0}.hero-cta{margin-top:14px;gap:8px}.hero-cta .btn{padding:10px 16px;font-size:13.5px}.hero-fence{height:60px}.page-hero{padding:22px 0 18px}.page-hero h1{font-size:24px;margin-bottom:.25em}.page-hero p{font-size:14.5px}.breadcrumb{margin-bottom:8px}.card-grid,.steps,.value-grid,.gallery-grid{gap:10px}.service-card,.value-card,.step{padding:14px 16px}.value-card h4{font-size:15px;margin-bottom:.3em}.value-card p{font-size:13.5px}.feature-split{gap:20px}.cta-banner{padding:18px;gap:12px}.contact-card{padding:16px;gap:12px}.callout{padding:12px 14px}.site-footer{padding:28px 0 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-grid>:first-child{grid-column:1/-1}.footer-bottom{margin-top:18px}}
/* Handy mittig */
@media (max-width:720px){
.wrap{padding:0 26px}
.page-hero .wrap,.hero-inner,.section-head,.cta-banner,.insta-consent{text-align:center}
.page-hero p,.hero p.lead{margin-left:auto;margin-right:auto}
.hero-inner{padding-top:30px}
.eyebrow{display:flex;justify-content:center}
h2.section-title{margin-left:auto;margin-right:auto;text-align:center}
.section-lead{margin-left:auto;margin-right:auto;text-align:center}
.callout{text-align:center}
.hero-cta,.cta-banner{justify-content:center}
.cta-banner>div{width:100%}
.cta-banner .btn,.hero-cta .btn{margin-left:auto;margin-right:auto}
.value-card,.service-card{text-align:center}
.visual-card{max-width:340px;margin-left:auto;margin-right:auto}
.contact-card h3{text-align:center}
.contact-row{max-width:300px;margin-left:auto;margin-right:auto;width:100%}
.site-footer{text-align:center}
.site-footer .brand,.social-row{justify-content:center}
.footer-links{align-items:center}
.footer-bottom{justify-content:center;text-align:center}
}
/* Doppelstabmatte im Hintergrund */
.hero-fence{display:none}
.hero::before,.page-hero::before{background-image:radial-gradient(600px 320px at 82% 8%,rgba(200,16,46,.07),transparent 60%),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='160'%3E%3Cdefs%3E%3Cpattern id='s' width='20' height='160' patternUnits='userSpaceOnUse'%3E%3Crect x='2' width='2.4' height='160'/%3E%3C/pattern%3E%3C/defs%3E%3Cg fill='rgb(31,35,41)' fill-opacity='.13'%3E%3Crect x='20' width='480' height='160' fill='url(%23s)'/%3E%3Crect y='12' width='500' height='3'/%3E%3Crect y='19' width='500' height='3'/%3E%3Crect y='92' width='500' height='3'/%3E%3Crect y='99' width='500' height='3'/%3E%3C/g%3E%3Crect width='12' height='160' fill='rgb(31,35,41)' fill-opacity='.2'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat;background-position:0 0,left bottom;background-size:auto,500px 160px;-webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.15) 100%);mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.15) 100%)}
@media (max-width:720px){.hero::before,.page-hero::before{background-size:auto,375px 120px}}