/* Passt den Umzugsrechner an das neue Erscheinungsbild an. Die Rechenlogik bleibt unberuehrt. */
:root{--navy:#17191b;--navy2:#202326;--orange:#8a6624;--orange2:#6f5119;--cream:#f4f4f2;--lgray:#eceeed;--border:#d8dad9;--gray:#5a6066;--green:#2f6b3d;--nav-h:76px}
@media(max-width:480px){:root{--nav-h:64px}}
body{font-family:var(--body);background:var(--paper)}
h1,h2,h3,.logo-text{font-family:var(--head)}

/* Kopfbereich */
.hero-strip{background:var(--ink);text-align:left;padding:calc(var(--nav-h) + 2.6rem) 5% 2.6rem}
.hero-strip::before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
.hero-strip>*{max-width:1170px;margin-left:auto;margin-right:auto}
.hero-strip h1{font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.005em}
.hero-strip h1 em{color:var(--gold)}
.hero-strip p{margin-left:auto;margin-right:auto;max-width:1170px;color:#b9bec4}
.region-badges{justify-content:flex-start}
.region-badge{border-radius:2px;background:transparent;border:1px solid var(--line-dark);color:#c9ced3;font-weight:600}

/* Eckige Formen statt Rundungen */
.configurator,.price-display,.breakdown,.info-box,.calc-cta,.km-section,.karton-section,.moebelzaehler-section,.mz-row,.moebl-btn,.etage-val,.km-input,.karton-input,.karton-price-hint,.price-note{border-radius:3px!important}
.toggle-btn,.chip,.km-badge,.karton-preset,.stag,.btn-white,.mobile-cta-btn,.km-zone{border-radius:3px!important}
.step-btn,.mz-btn{border-radius:3px!important}
.configurator{box-shadow:none;border:1px solid var(--line)}
.config-header{background:var(--ink)}
.config-header h2{text-transform:uppercase;letter-spacing:.02em;font-weight:600}
.section-divider{color:var(--gold-text);border-bottom:2px solid var(--gold);font-family:var(--head);font-size:.9rem;letter-spacing:.14em}
.km-section{background:var(--paper);border-color:var(--line)}
.km-section-title{color:var(--gold-text)}
.km-input{border-color:#bfc3c6}
.karton-section,.moebelzaehler-section{background:var(--paper);border-color:var(--line)}

/* Piktogramme entfallen */
.moebl-icon,.mz-emoji,.config-header>span:empty,.info-icon:empty{display:none}
.moebl-btn{padding:.75rem .3rem}
.mz-left{gap:0}

/* Preisanzeige */
.price-display{background:var(--ink);border:1px solid var(--ink);box-shadow:none}
.price-display::before,.price-display::after{display:none}
.price-label{color:#9aa1a8}
.price-amount{font-family:var(--head);font-weight:700;color:var(--gold)!important}
.price-range{color:#9aa1a8}
.stag{background:transparent;border:1px solid var(--line-dark);color:#d4d8dc}
.price-note{background:var(--ink2);color:#b9bec4;border:1px solid var(--line-dark)}
.price-note strong{color:#fff}

/* Aufstellung */
.breakdown{box-shadow:none;border:1px solid var(--line)}
.breakdown h3{text-transform:uppercase;letter-spacing:.03em;font-weight:600}
.breakdown-row.total{border-top:2px solid var(--ink)}
.breakdown-row.total .val{color:var(--ink)}
.info-box{background:var(--white);border:1px solid var(--line)}

/* Schaltflaechen und Anfrage */
.toggle-btn.active,.chip.active,.moebl-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}
.moebl-btn.active .moebl-label{color:#fff}
.moebl-btn:hover,.chip:hover,.km-badge:hover{border-color:var(--ink);color:var(--ink)}
.moebl-btn.active:hover{color:#fff}
.step-btn:hover,.mz-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.km-badge:hover,.km-badge.active{background:var(--ink);border-color:var(--ink);color:#fff}
.karton-preset:hover,.karton-preset.active{background:var(--ink);border-color:var(--ink);color:#fff}
.mz-row.has-value{border-color:var(--gold);background:#faf6ee}
.mz-val.nonzero{color:var(--gold-text)}
.calc-cta{background:var(--ink)!important;background-image:none!important;border-left:6px solid var(--gold);color:#fff;box-shadow:none}
.calc-cta h3{text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.calc-cta p{color:#b9bec4}
.btn-white{background:var(--gold);color:var(--ink);font-weight:700;letter-spacing:.03em}
.btn-white:hover{background:var(--gold-hi);color:var(--ink)}

/* Preisleiste am Handy */
.mobile-cta-bar{border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.12)}
.mobile-cta-price strong{font-family:var(--head);color:var(--gold-text)}
.mobile-cta-btn{background:var(--gold);color:var(--ink);box-shadow:none;font-weight:700}
@media(max-width:640px){footer.site-footer{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}}

/* SEO-Textblock unter dem Rechner */
.seo-block{background:#fff;border-top:1px solid #d8dad9;padding:3.4rem 5%}
.seo-wrap{max-width:860px;margin:0 auto;font-family:'Inter',system-ui,sans-serif}
.seo-block h2{font-family:'Barlow Semi Condensed',Arial,sans-serif;font-weight:700;font-size:clamp(1.7rem,3.4vw,2.3rem);text-transform:uppercase;color:#17191b;margin-bottom:1rem}
.seo-block p{color:#5a6066;margin-bottom:1rem;line-height:1.65}
.seo-block a{color:#8a6624;font-weight:600}
.seo-block .faq{margin-top:1.6rem;border-top:1px solid #d8dad9}
.seo-block details{border-bottom:1px solid #d8dad9}
.seo-block summary{cursor:pointer;list-style:none;padding:1.1rem .2rem;font-weight:600;color:#17191b;display:flex;justify-content:space-between;gap:1rem}
.seo-block summary::-webkit-details-marker{display:none}
.seo-block summary::after{content:'+';color:#8a6624;font-size:1.5rem;line-height:1}
.seo-block details[open] summary::after{content:'\2013'}
.seo-block details p{padding:0 .2rem 1.1rem;margin:0}
@media(max-width:640px){.seo-block{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}