/* Gemeinsamer Feinschliff, nach den bestehenden Styles geladen. */
body.has-chatbot button.chatbot-fab{width:48px!important;height:48px!important;box-shadow:none!important;animation:none!important}
.chatbot-fab-pulse{display:none!important}
@media(max-width:760px){
 .mobile-cta-bar{display:none!important}
 .brain-corner{display:none!important}
 body.has-chatbot .to-top{bottom:calc(70px + env(safe-area-inset-bottom))!important}
 /* Auf der langen Angebotsseite bleibt die rechte Kante fuer Produktpfeile frei. */
 body.offer-overview-page.has-chatbot .to-top{right:auto!important;left:16px!important}
 body.has-chatbot button.chatbot-fab::after{width:auto!important;height:auto!important;max-width:none!important;white-space:nowrap!important;line-height:1.4!important;opacity:1!important;filter:none!important}
 body.has-chatbot{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
 body.has-chatbot.has-chatbot button.chatbot-fab{width:100%!important;max-width:none!important;height:54px!important;bottom:0!important;right:0!important;left:0!important;border-radius:0!important;background:#131b12!important;border:0!important;border-top:1px solid #536044!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;gap:10px;padding-bottom:env(safe-area-inset-bottom)!important;box-sizing:content-box}
 body.has-chatbot button.chatbot-fab picture,body.has-chatbot button.chatbot-fab>.chatbot-fab-img{display:none!important}
 body.has-chatbot button.chatbot-fab:after{content:'Frage? KI-Assistent öffnen';font-size:13px;font-weight:650;color:#eeecdf;position:static!important;inset:auto!important;background:none!important;animation:none!important;transform:none!important;border:none!important}
 .chatbot-fab-badge{position:static!important;font-size:11px!important;background:#b8e834!important;color:#142009!important;border-radius:3px!important;padding:3px 5px!important;transform:none!important}
 .chatbot{bottom:calc(62px + env(safe-area-inset-bottom))!important}
}
.sp-hero{grid-template-columns:1fr!important;min-height:0!important;padding-bottom:24px!important}
.sp-hero .sp-copy{max-width:1000px}.sp-hero h1{max-width:1000px}.sp-proof{padding-block:20px!important}.sp-showcase{scroll-margin-top:120px}
.showcase-stage{aspect-ratio:1/1;max-height:760px}
/* Marker: kleine sichtbare Punkte (20px) in einer 44px grossen, unsichtbaren Touch-Flaeche. Ursache der frueheren grossen Scheiben:
   die globale Regel button[aria-label]{min-width/height:44px} machte die sichtbare Flaeche selbst 44px gross und verdeckte Produktdetails. */
.showcase-hotspot{width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important;background:transparent!important;box-shadow:none!important;border-radius:50%;display:grid;place-items:center}
.showcase-hotspot:before{display:none!important}
.showcase-hotspot span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(10,15,11,.72);box-shadow:0 0 0 1px rgba(184,232,52,.95),0 0 0 4px rgba(184,232,52,.14);font:700 10.5px/1 inherit;color:#f3f1e7;transition:transform .2s,background .2s}
.showcase-hotspot:hover span,.showcase-hotspot:focus-visible span{transform:scale(1.18)}
.showcase-hotspot[aria-expanded=true] span{background:#b8e834;color:#0a100a}
body.showcase-im-blick .to-top,body.bedienung-im-blick .to-top,body.bedienung-im-blick .brain-corner,body.chatbot-active .to-top,body.chatbot-active .brain-corner,body.fuss-im-blick .brain-corner{opacity:0!important;visibility:hidden!important;pointer-events:none!important}   /* Schwebende Knoepfe weichen, solange die 3D-Bedienung im Bild ist */
@media(min-width:1024px) and (max-width:1450px){.showcase-layout{margin-right:56px}}   /* Luft fuer den Chat-Knopf rechts, damit er keine Reiter verdeckt */
@media(max-width:900px){
 .showcase-layout{display:flex!important;flex-direction:column;gap:24px}.showcase-buehne,.showcase-seite{width:100%;min-width:0}
 .showcase-stage{aspect-ratio:1/1;min-height:300px;max-height:620px}
 .showcase-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:8px!important}
 .showcase-tabs li{min-width:0}.showcase-tab{width:100%!important;min-width:0!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important}
 .showcase-tab-thumb{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain}.showcase-tab-name{font-size:.82rem!important;line-height:1.2;white-space:normal!important;overflow-wrap:break-word;hyphens:manual}.showcase-tab-kurz,.showcase-tab-icon,.showcase-tab-nr{display:none!important}
 .showcase-controls{gap:12px!important}.showcase-varianten-label{font-size:.7rem!important}.showcase-mat{min-height:44px}
}
@media(min-width:560px) and (max-width:900px){.showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* Mobil-Audit 2026-10-06: schmale Telefone (320 px), Overlay-Kollisionen, Touch-Flächen */
.btn{max-width:100%}
@media(max-width:480px){
 .btn{white-space:normal;text-align:center}
 .nav .btn{white-space:nowrap}
}
@media(max-width:380px){.about-stats{grid-template-columns:1fr!important}} /* 3 Spalten passen bei 320 px nicht, ohne Wörter zu trennen */
.ki-tel-usp-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
@media(max-width:700px){.promo-dots{display:none}.promo-slide{padding-right:52px}} /* Dots (≈190 px) überlappten Text und Link; × bleibt als Ausblenden */
.breadcrumb a,.u-breadcrumb a{display:inline-block;box-sizing:border-box;min-height:24px;padding-block:3px}
footer a{display:inline-flex;align-items:center;min-height:24px}
body:has(.dhs-nl-slide.is-visible) .to-top{opacity:0;visibility:hidden;pointer-events:none}
@media(min-width:681px){.dhs-nl-slide{right:84px}}
@media(max-height:520px){
 .dhs-nl-slide{max-height:calc(100dvh - 170px);overflow:auto;padding-block:14px}
 .dhs-nl-slide h2{font-size:1.3rem}
 .dhs-nl-slide p:not(.dhs-nl-slide__kicker){display:none}
}
.showcase-hotspot-name{position:absolute;left:calc(50% + 15px);top:50%;transform:translateY(-50%);font:600 11px/1 inherit;font-style:normal;letter-spacing:.01em;color:#f3f1e7;background:rgba(10,15,11,.8);box-shadow:0 0 0 1px rgba(184,232,52,.35);padding:5px 8px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}
.showcase-hotspot.name-links .showcase-hotspot-name{left:auto;right:calc(50% + 15px)}
.showcase-hotspot:hover .showcase-hotspot-name,.showcase-hotspot:focus-visible .showcase-hotspot-name,.showcase-hotspot[aria-expanded=true] .showcase-hotspot-name{opacity:1}
@media (min-width:901px) and (hover:hover){.showcase-ready .showcase-hotspot:not(.ist-hinten):not(.name-aus) .showcase-hotspot-name{opacity:1}}