/* Product layout only. Brand materials, typography, navigation and FAQ come from the shared styles. */
.wh{grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);gap:clamp(32px,4vw,64px);align-items:center}
.wh h1{font-weight:800;line-height:.98}
.clean-demo{min-width:0}
.clean-demo .demo-kopf{justify-content:center;align-items:center;gap:12px 20px;margin-bottom:10px}
.clean-demo .demo-wahl.cases,.clean-demo .demo-wahl.ansicht{margin-left:0;margin-right:0}
.clean-demo .demo-rahmen{margin-bottom:20px}
.clean-demo .dm-brief{background:var(--glas);border:1px solid var(--glas-rand);border-radius:22px;padding:18px 20px;gap:12px 24px;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.clean-demo .dm-feld{font-size:.82rem;line-height:1.45}
.clean-demo .dm-feld b{font-size:.65rem;color:var(--text-3)}
.clean-demo .dm-feld span{min-height:2.9em;overflow-wrap:anywhere}
.clean-demo .demo-status{color:var(--text-2);font-size:.83rem}
.clean-demo[data-device-pair=true] .dm-browser{display:block;left:38%;transform:translate(-50%,-50%) scale(var(--device-scale)) rotateY(12deg) rotateX(2deg)}
.clean-demo[data-device-pair=true] .dm-handy{display:block;left:86%;top:55%;transform:translate(-50%,-50%) scale(var(--phone-scale)) rotateY(-14deg) rotateX(-2deg)}
.demo-wahl button{min-height:36px;padding:7px 13px;white-space:nowrap}
.gruende{gap:24px;align-items:start}
.benefit-card{padding:30px;border-radius:22px;background:var(--glas);border-color:var(--glas-rand);box-shadow:inset 0 1px 0 var(--glas-hell),inset 0 0 40px rgba(255,255,255,.015),0 24px 60px -30px rgba(0,0,0,.8)}
.benefit-card .grund-bild{margin-bottom:30px}
.benefit-card h3{font-weight:800;font-size:1.55rem;line-height:1.15;margin-bottom:14px}
.benefit-card>p{font-size:1rem;line-height:1.6;max-width:46ch}
.benefit-toggle{min-height:48px;margin-top:26px;padding-block:14px;color:var(--text);font-weight:650}
.benefit-toggle svg{color:var(--text-3)}
.benefit-details-inner{padding-top:18px}
.benefit-details li{font-size:.96rem;line-height:1.6}
.schiene-kopf{gap:24px;margin:0 0 20px}
.schiene-kopf .kleinschrift{max-width:45ch;line-height:1.5}
.schiene-knoepfe{gap:8px;flex:none}
.schiene-knoepfe button{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);transition:background-color 160ms,border-color 160ms,transform 120ms var(--ease)}
.schiene-knoepfe button:active{transform:scale(.96)}
.schiene-knoepfe button:focus-visible:active{transform:none}
.bsp{flex:0 0 clamp(320px,30vw,440px);padding:18px 18px 24px;border-radius:22px;gap:8px}
.bsp h3{margin:16px 6px 0;font-size:1.4rem;line-height:1.15}
.bsp p{margin:4px 6px 0;line-height:1.55;min-height:3.1em}
.mp{height:250px;padding:18px;font-family:"Hanken Grotesk",system-ui,sans-serif}
.mp-held{gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.mp-held strong,.mp-lp-in strong{line-height:1.08;letter-spacing:-.025em}
.mp-nav{gap:8px;flex-wrap:nowrap}
.mp-nav span{flex:none;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-nav u{white-space:nowrap}
.mp-held em,.mp-lp-in .mp-feld b,.mp-funnel em{display:inline-flex;align-items:center;justify-content:center;min-height:29px;max-width:100%;padding:7px 10px;border-radius:7px;line-height:1.15;font-style:normal;box-sizing:border-box}
.mp-lp-in{width:100%;padding-right:6px}
.mp-feld{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;border:0;background:none;border-radius:0;overflow:visible}
.mp-feld>span{padding:8px 10px;min-height:29px;border:1px solid #ffffff30;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#10121780}
.mp-feld>b{width:100%;background:#eceef1;color:#191b20;font-size:10px}
.mp-karten{gap:8px}
.mp-karten i{padding:9px 10px;border-radius:8px}
.mp[data-layout=photo-first] .mp-held>.mp-foto{order:-1}
.mp-produkt .mp-app{height:180px;padding:16px 12px}
.schiene-weitere{margin-top:16px;line-height:1.65}
@media(min-width:1600px){.wh{grid-template-columns:minmax(360px,.7fr) minmax(0,1.5fr)}}
@media(max-width:1100px){.wh{grid-template-columns:minmax(0,1fr);gap:32px}.clean-demo{width:100%;max-width:940px;margin-inline:auto}.bsp{flex-basis:360px}}
@media(max-width:600px){.wh{gap:26px}.benefit-card{padding:24px}.benefit-card h3{font-size:1.55rem}.benefit-card .grund-bild{margin-bottom:26px}.bsp{flex-basis:calc(100vw - 2 * var(--rand));padding:14px 14px 22px}.bsp p{min-height:0}.mp{padding:14px;height:242px}.mp-nav{font-size:8px;gap:6px}.mp-nav span{font-size:10px}.mp-held{gap:12px}.clean-demo .dm-brief{padding:16px;gap:12px}.schiene-kopf{align-items:flex-start;gap:12px}.schiene-knoepfe button{width:40px;height:40px}}
@media(max-width:360px){.benefit-card{padding:20px}.mp{padding:11px}.mp-nav{gap:4px}.mp-held{gap:9px}.mp-nav u{font-size:7px}.clean-demo .dm-brief{grid-template-columns:minmax(0,1fr)}.clean-demo .dm-feld span{min-height:0}.clean-demo .dm-feld{gap:4px}.clean-demo .dm-feld+.dm-feld{padding-top:10px;border-top:1px solid var(--glas-rand)}}
@media(max-width:360px){.kopf{gap:6px;padding:.5rem}.kopf .logo img{height:20px}.kopf .rechts{gap:6px}.kopf .btn.glanz{font-size:.74rem;padding:.55rem .65rem;min-height:44px;white-space:nowrap}.kopf .burger{width:44px;height:44px;flex:none}}
@media(prefers-reduced-motion:reduce){.schiene{scroll-behavior:auto}.schiene-knoepfe button{transition:none}}

/* Workflow uses shared homepage materials and buttons; sample website content retains its own brand. */
[data-walter-flow]{--wf-line:var(--glas-rand);--wf-muted:var(--text-3);--wf-light:var(--text);--wf-blue:var(--blau-hell);--wf-surface:var(--glas)}
.wf-preview.glas,.wf-tab.glas,.wf-briefing.glas,.wf-style-sheet.glas,.wf-checklist.glas,.wf-map-root.glas{background:var(--glas);border:1px solid var(--glas-rand);border-radius:22px;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 var(--glas-hell),inset 0 0 40px rgba(255,255,255,.015),0 24px 60px -30px rgba(0,0,0,.8)}
.wf-progress{padding:0;margin-bottom:1.5rem}
.wf-progress-label,.wf-kicker,.wf-progress-count,.wf-control-step,.wf-object-heading small,.wf-briefing-fields dt,.wf-nav-note{color:var(--text-3)}
.wf-progress-count{color:var(--text-2)}
.wf-tabs{gap:12px}
.wf-tab.glas{padding:1rem;border-radius:22px;transition:background-color 160ms,border-color 160ms,color 160ms}
.wf-tab.glas[aria-selected=true]{background:var(--glas);border-color:rgba(92,148,255,.45);color:var(--text)}
.wf-tab.glas:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.wf-step-number{background:rgba(255,255,255,.06);border-color:var(--glas-rand);border-radius:12px;color:var(--text-3)}
.wf-tab[aria-selected=true] .wf-step-number{background:var(--blau);border-color:var(--blau-hell);color:#fff}
.wf-step-copy strong{font-weight:700;color:var(--text);letter-spacing:-.01em}
.wf-step-copy>span,.wf-panel-heading p,.wf-briefing-fields dd,.wf-preview-bar,.wf-preview-bar>span:first-child,.wf-details-link{color:var(--text-2)}
.wf-panel-heading h3{font-weight:800;color:var(--text);letter-spacing:-.025em}
.wf-object-heading{color:var(--text);font-weight:700}
.wf-object-symbol{background:rgba(255,255,255,.06);border-color:var(--glas-rand);border-radius:12px;color:var(--text-2)}
.wf-briefing-fields>div:last-child dd{color:var(--text)}
.wf-map-pages>div{background:var(--glas);border-color:var(--glas-rand);border-radius:18px}
.wf-map-root small,.wf-map-pages small{color:var(--text-3)}
.wf-map-pages strong,.wf-checklist li{color:var(--text)}
.wf-nav-note{margin:1.5rem 0 0}
.wf-replay.btn{margin:.8rem 0 0}
.wf-controls{flex-wrap:wrap;gap:12px}
.wf-controls .btn,.wf-replay.btn{min-height:44px}
.wf-controls .btn:focus-visible,.wf-replay.btn:focus-visible{transition:none;transform:none}
@media(max-width:760px){.wf-tab.glas{padding:.85rem 1rem}.wf-progress{margin-bottom:1rem}}
@media(max-width:440px){.wf-controls .wf-next{width:100%;margin-left:0;order:2;white-space:normal;text-align:center}.wf-controls .wf-back{order:0}.wf-control-step{display:inline-flex;order:1;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.wf-tab.glas{transition:none}}

/* Single-device controls are unnecessary while both devices are present. */
.clean-demo .demo-wahl.ansicht[hidden]{display:none}
/* Keep the conversation empty until its next scheduled message; prevent an initial full-transcript flash. */
.js .bm-chat [data-message]{opacity:0;transform:translateY(7px)}
.js .bm-chat[data-loop-ready] [data-message][data-visible=true]{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .bm-chat [data-message]{transform:none}}