/* CB-SmartHome Motion-System — eine Quelle für Kurven, Dauer und Druck-Feedback */
:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--press:scale(0.97)}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}

/* Druck-Feedback: jeder Button bestätigt den Klick sofort */
:is(.nav__cta,.btn,.btn-green,.btn-wa,.filter-btn,.hero__btn-primary,.hero__btn-ghost,.hero__btn-wa,.konf-cta,.chip,[data-press]){transition-property:transform,background-color,border-color,color,box-shadow,opacity;transition-duration:160ms;transition-timing-function:var(--ease-out)}
:is(.btn,.btn-green,.btn-wa,.filter-btn,.hero__btn-primary,.hero__btn-ghost,.hero__btn-wa,.nav__cta,.chip,[data-press]):active{transform:var(--press)}
.konf-cta:active{transform:var(--press)!important}

/* Hover-Bewegung nur mit echter Maus — auf Touch bleibt sonst die Karte „angehoben" hängen */
@media (hover:none),(pointer:coarse){.hub-card:hover,.konf-cta:hover{transform:none!important;box-shadow:none}}
.hub-card{transition-property:transform,border-color,box-shadow,background-color;transition-duration:200ms;transition-timing-function:var(--ease-out)}

/* Eintritt beim Einblenden (Dropdown, Menü, aufklappende Antworten) */
.cb-pop{transform-origin:top left;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)}
@starting-style{.cb-pop{opacity:0;transform:translateY(-4px) scale(0.97)}}
.cb-fade{transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
@starting-style{.cb-fade{opacity:0;transform:translateY(-4px)}}
.cb-sheet{transition:opacity 200ms var(--ease-out)}
@starting-style{.cb-sheet{opacity:0}}
.cb-sheet>*{transition:opacity 260ms var(--ease-out),transform 260ms var(--ease-out)}
@starting-style{.cb-sheet>*{opacity:0;transform:translateY(8px)}}
.cb-sheet>:nth-child(2){transition-delay:30ms}.cb-sheet>:nth-child(3){transition-delay:60ms}.cb-sheet>:nth-child(4){transition-delay:90ms}.cb-sheet>:nth-child(5){transition-delay:120ms}.cb-sheet>:nth-child(6){transition-delay:150ms}.cb-sheet>:nth-child(n+7){transition-delay:180ms}

/* Weniger Bewegung: Positionen bleiben stehen, Farbe und Deckkraft dürfen weich wechseln */
@media (prefers-reduced-motion:reduce){
:is(.btn,.btn-green,.btn-wa,.filter-btn,.hero__btn-primary,.hero__btn-ghost,.hero__btn-wa,.nav__cta,.chip,.konf-cta,[data-press]):active{transform:none!important}
.hub-card:hover,.konf-cta:hover{transform:none!important}
.cb-pop,.cb-fade,.cb-sheet>*{transform:none!important}
}

/* Überschriften tragen sich selbst – keine Kicker-Labels darüber */
.section-tag{display:none!important}

/* Hutschiene – Gestaltungssignatur (Okt. 2026) */
h1 em,h2 em,h1 span.accent,h2 span.accent,.hero h1 span,.section-title span,.section-title em{color:inherit!important;font-style:normal!important}
.service-card,.hub-card{border-radius:3px!important;border-top:4px solid #1c1208!important}
.service-card:hover{border-top-color:#1c1208!important}
.cta-section{position:relative;padding-top:102px!important}
.cta-section::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(90deg,oklch(36% .02 60) 0 2px,transparent 2px 14px),oklch(30% .02 60);border-top:3px solid oklch(40% .02 60);border-bottom:3px solid oklch(40% .02 60)}

/* Hutschiene II – FAQ, Konfigurator, Ratgeber */
.faq-item,.fact-item,.cta-card{border-radius:3px!important}
.faq-item{border-top:4px solid #1c1208!important}
.cta-band{position:relative;padding-top:102px!important}
.cta-band::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(90deg,oklch(36% .02 60) 0 2px,transparent 2px 14px),oklch(30% .02 60);border-top:3px solid oklch(40% .02 60);border-bottom:3px solid oklch(40% .02 60)}
.stepper{position:relative;padding:8px 14px;border-radius:2px;background:repeating-linear-gradient(90deg,oklch(83% .03 72) 0 2px,transparent 2px 14px),oklch(88% .025 75);border-top:3px solid oklch(76% .035 70);border-bottom:3px solid oklch(76% .035 70)}
.stepper__dot{border-radius:3px!important;border-color:#1c1208!important;background:#faf5ec!important;color:#1c1208!important}
.stepper__item.active .stepper__dot,.stepper__item.done .stepper__dot{background:#179a55!important;color:#fff!important;border-color:#127a43!important}
.stepper__line{background:oklch(70% .03 70)!important;height:3px!important}
.stepper__item.done .stepper__line{background:#179a55!important}
.opt,.catblock{border-radius:4px!important}
.breadcrumb{position:relative;padding-bottom:30px!important}
.breadcrumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(90deg,oklch(83% .03 72) 0 2px,transparent 2px 14px),oklch(88% .025 75);border-top:2px solid oklch(76% .035 70);border-bottom:2px solid oklch(76% .035 70)}
.nav__link{white-space:nowrap}