/* ScrollCraft revision: native sticky stages; the engine remains unchanged. */
.bn-scene-sheet,.bn-assembly-base,.bn-assembly-message{display:none}
.bn-motion .bn-assembly{overflow:visible;background:#f5f7fa;isolation:auto;--assemble:clamp(0,calc(var(--sc-p,0)*1.24),1)}
/* Der Stage haengt unter dem Header, nicht am Seitenrand.
   Mit top:0 und 100svh Hoehe ragte er bei ungescrollter Seite genau um die
   Headerhoehe unter den Bildschirm, weil der sticky Header im Fluss steht und
   den Hero nach unten schiebt. Abgeschnitten wurde dabei die Bausteinleiste,
   die als letztes Element im Stage liegt. Ausserdem musste der Hero-Inhalt
   112px Polster tragen, um nicht unter die Navigation zu geraten - genau der
   leere Anlauf ueber der Ueberschrift. Unter dem Header gilt in beiden
   Zustaenden dasselbe Mass, das Polster faellt weg und die Leiste passt. */
.bn-motion [data-sc-stage]{position:sticky;top:89px;height:calc(100svh - 89px);overflow:clip}
.bn-motion .bn-assembly-stage{background:linear-gradient(110deg,#fff 25%,#edf2f8);isolation:isolate}
/* Die Copy oben ausrichten statt in der Bildschirmhoehe zu zentrieren.
   Zentriert stand sie rund 150px unter dem Header, und das las sich als leerer
   Anlauf ueber dem Hero. Am Padding zu drehen half kaum: in einem Kasten dieser
   Hoehe schlaegt jede Aenderung nur zur Haelfte durch. Die Grafik bleibt per
   align-self mittig, sonst haengt sie im oberen Drittel und unten klafft es. */
.bn-motion .bn-assembly .bn-hero-inner{height:calc(100% - 105px);min-height:0;padding-block:30px 40px!important;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.bn-motion .bn-assembly .bn-hero-art{align-self:center}
.bn-motion .bn-hero-copy{position:relative;z-index:5}
.bn-motion .bn-hero h1{font-size:clamp(48px,5vw,72px)}
.bn-motion .bn-hero-copy>:not(.bn-assembly-message){opacity:clamp(0,calc(1 - var(--assemble)*2.4),1);transform:translateY(calc(var(--assemble)*-65px));pointer-events:auto}
.bn-motion .bn-hero-copy.is-resolved>:not(.bn-assembly-message){pointer-events:none}
.bn-motion .bn-assembly-message{display:block;position:absolute;inset:25px 0 auto;opacity:clamp(0,calc((var(--assemble) - .42)*3),1);transform:translateY(calc((1 - var(--assemble))*80px));pointer-events:none}
.bn-assembly-message>span{font-size:13px;color:var(--mute)}
.bn-assembly-message>strong{display:block;font:600 clamp(44px,4.6vw,68px)/1.1 var(--font-display);letter-spacing:-.05em;color:var(--navy);margin:20px 0 25px}
.bn-assembly-message>p{font-size:20px;line-height:1.7;color:var(--mute)}
.bn-motion .bn-hero-art{height:440px;transform:translateX(calc(var(--assemble)*-10px));perspective:1600px;isolation:isolate;--pointer-x:0;--pointer-y:0}
.bn-motion .bn-window{width:100%;left:0;top:98px;z-index:3;transform:translate3d(calc(var(--pointer-x)*5px),calc(var(--assemble)*-15px + var(--pointer-y)*4px),0) rotateY(calc((1 - var(--assemble))*-20deg)) rotateZ(calc((1 - var(--assemble))*-7deg)) scale(calc(.88 + var(--assemble)*.12));transform-origin:center;box-shadow:0 32px 45px -24px #00305b55}
.bn-motion .bn-scene-sheet{display:block;position:absolute;width:80%;border-radius:10px;overflow:hidden;border:1px solid #bacbdc;background:white;box-shadow:0 20px 36px -18px #00305b44;transform-origin:center;pointer-events:none}
.bn-scene-sheet>div{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:10px;color:var(--navy);background:#fff}
.bn-scene-sheet>div>span{margin-left:auto;font-size:9px;color:var(--mute)}
.bn-scene-sheet i{height:7px;width:7px;background:var(--dms);border-radius:2px}
.bn-scene-ki i{background:var(--rag)}.bn-scene-sheet img{width:100%;height:auto;display:block}
.bn-motion .bn-scene-dms{right:-30px;top:-40px;z-index:1;transform:translate3d(calc(var(--assemble)*-25px + var(--pointer-x)*-8px),calc(var(--assemble)*155px + var(--pointer-y)*-6px),0) rotateZ(calc(10deg - var(--assemble)*10deg)) scale(calc(1 - var(--assemble)*.04));opacity:calc(1 - var(--assemble)*.45)}
.bn-motion .bn-scene-ki{left:30px;top:270px;z-index:4;transform:translate3d(calc(var(--assemble)*35px + var(--pointer-x)*12px),calc(var(--assemble)*-110px + var(--pointer-y)*8px),0) rotateZ(calc(-5deg + var(--assemble)*5deg)) scale(calc(.84 - var(--assemble)*.1));opacity:clamp(0,calc(1 - var(--assemble)*1.2),1)}
.bn-motion .bn-float-doc{top:10px;right:65%;z-index:5;transform:translate(calc(var(--assemble)*100px),calc(var(--assemble)*140px));opacity:clamp(0,calc(1 - var(--assemble)*2),1)}
.bn-motion .bn-float-ki{display:none}.bn-motion .bn-art-caption{display:none}
.bn-motion .bn-orbit{width:580px;height:580px;left:-20px;top:-80px;transform:scale(calc(1 - var(--assemble)*.17)) rotate(calc(var(--assemble)*40deg));border-style:dashed;border-color:#00305b20}
.bn-motion .bn-orbit-two{width:430px;height:430px;left:55px;top:-5px;border-style:solid}
.bn-motion .bn-assembly-base{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:absolute;left:-12px;right:-12px;top:calc(100% + 5px);z-index:4;background:var(--navy);border-radius:9px;color:white;padding:17px 22px;opacity:clamp(0,calc((var(--assemble) - .28)*2.4),1);transform:translateY(calc((1 - var(--assemble))*70px));box-shadow:0 18px 30px -19px #00305b66}
.bn-assembly-base span{font-size:12px}.bn-assembly-base i{height:1px;width:20px;background:#9aabc7}.bn-assembly-base strong{font-size:11px;font-weight:450;margin-left:auto;color:#d6e2ef}
.bn-motion .bn-product-strip{height:105px;position:absolute;bottom:0;left:0;right:0}
.bn-motion .bn-products{padding:0;background:#edf2f7;--product-progress:0}
.bn-motion .bn-product-stage{padding:115px 0 28px;background:#edf2f7}
.bn-motion .bn-products .bn-section-intro{margin-bottom:20px;align-items:center}
.bn-motion .bn-products .bn-section-intro h2{font-size:clamp(30px,3.1vw,44px);margin:0}
.bn-motion .bn-products .bn-section-intro .bn-eyebrow{margin-bottom:14px}
.bn-motion .bn-products .bn-section-intro>p{margin:0;font-size:13px}
.bn-motion .bn-product-tabs{margin-bottom:20px}
.bn-motion .bn-product-tabs button{position:relative;background:none;border-bottom-color:transparent}
.bn-motion .bn-product-tabs button:after{content:"";position:absolute;inset:auto 0 -3px;height:3px;background:var(--navy);transform-origin:left;transform:scaleX(var(--tab-progress,0))}
.bn-motion .bn-product-tabs button.is-active{color:var(--navy);background:#dde6ef}
.bn-motion .bn-product-panel{padding:0;min-height:0;grid-template-columns:.62fr 1.38fr;gap:45px}
.bn-motion .bn-product-panel figure{max-height:calc(100svh - 385px);transform-origin:50% 100%;animation:bn-screen-arrive .5s cubic-bezier(.16,1,.3,1);background:#fff}
.bn-motion .bn-product-panel img{width:100%;height:auto;max-height:calc(100svh - 385px);object-fit:contain}
.bn-motion .bn-product-description small{margin-top:30px}
@keyframes bn-screen-arrive{from{opacity:.35;transform:perspective(1200px) translateY(35px) rotateX(9deg) scale(.97)}to{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0deg) scale(1)}}
.bn-motion .bn-connect{--route-reveal:clamp(0,calc((var(--sc-p,0) - .18)*2.5),1);background:var(--navy-dark);color:white;padding-block:120px}
.bn-motion .bn-connect h2,.bn-motion .bn-connect .bn-eyebrow,.bn-motion .bn-connect .bn-text-link{color:#fff}
.bn-motion .bn-connect .bn-lead{color:var(--steel-pale)}
.bn-motion .bn-route{transform:translateY(calc((1 - var(--route-reveal))*80px));background:#f5f7fa;box-shadow:0 30px 45px -30px #0007}
.bn-motion .bn-route-line i{transform:scaleX(var(--route-reveal));transform-origin:left;height:2px}
.bn-motion .bn-route-line .bn-route-end{transform:scale(calc(.75 + var(--route-reveal)*.25));opacity:var(--route-reveal)}
.bn-motion .bn-people figure{overflow:hidden}.bn-motion .bn-people img{transform:scale(1.08) translateY(calc(var(--portrait-shift,0)*1px));transform-origin:center}
.bn-motion .bn-close{background:#e9eff5;color:var(--navy-dark)}.bn-motion .bn-close h2{color:var(--navy-dark)}.bn-motion .bn-close p{color:var(--mute)}.bn-motion .bn-close .bn-actions>a:not(.bn-button){color:var(--navy)}.bn-motion .bn-close .bn-button{background:var(--navy);color:white!important;border-color:var(--navy)}
.bn-header{transition:box-shadow .25s,background .25s}.bn-header.bn-condensed{box-shadow:0 10px 24px -22px #00305b88;background:rgba(255,255,255,.97)}
.bn-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--navy);transform:scaleX(var(--reading-progress,0));transform-origin:left}
.bn-header.bn-condensed .bn-logo{transform:scale(.92);transform-origin:left}.bn-logo{transition:transform .3s}
.bn-page-image{overflow:clip}.bn-motion .bn-page-image img{transform:perspective(1200px) rotateY(calc(var(--page-tilt,0)*1deg)) translateY(calc(var(--page-shift,0)*1px));transform-origin:center}
@media(min-width:901px) and (max-height:780px){.bn-motion .bn-assembly .bn-hero-inner{padding-block:85px 20px!important}.bn-motion .bn-hero-art{height:320px;transform:scale(.87);transform-origin:center}.bn-motion .bn-scene-ki{top:220px}.bn-motion .bn-hero h1{font-size:56px}.bn-motion .bn-hero .bn-lead{font-size:15px}.bn-motion .bn-hero-note{margin-top:22px}.bn-motion .bn-assembly-base{top:410px}.bn-motion .bn-product-stage{padding-top:95px}.bn-motion .bn-products .bn-eyebrow{display:none}.bn-motion .bn-product-panel figure,.bn-motion .bn-product-panel img{max-height:calc(100svh - 320px)}}
@media(max-width:1100px) and (min-width:901px){.bn-motion .bn-assembly .bn-hero-inner{gap:25px}.bn-motion .bn-hero-art{transform:scale(.9)}.bn-motion .bn-hero h1{font-size:52px}.bn-motion .bn-assembly-base{gap:8px}.bn-assembly-base strong{display:none}}
@media(max-width:900px){.bn-motion [data-sc-stage]{top:75px;height:calc(100svh - 75px)}.bn-motion .bn-assembly .bn-hero-inner{height:calc(100% - 65px);padding:30px 0 30px!important;grid-template-columns:1fr;gap:15px;align-content:start}.bn-motion .bn-hero h1{font-size:54px;line-height:1.05;margin-bottom:16px}.bn-motion .bn-hero .bn-eyebrow{font-size:9px;margin-bottom:18px}.bn-motion .bn-hero .bn-lead{font-size:14px;line-height:1.65;max-width:48ch;margin-bottom:18px}.bn-motion .bn-hero-note{display:none}.bn-motion .bn-hero .bn-actions{gap:14px}.bn-motion .bn-hero-art{width:min(70%,470px);height:290px;margin:35px 0 0;justify-self:center;transform:none}.bn-motion .bn-window{top:30px;width:100%;transform:rotateZ(calc((1 - var(--assemble))*-6deg)) scale(calc(.85 + var(--assemble)*.15))}.bn-motion .bn-scene-dms{top:-40px;right:-20px;transform:translateY(calc(var(--assemble)*90px)) rotateZ(calc(9deg - var(--assemble)*9deg));opacity:calc(1 - var(--assemble)*.5)}.bn-motion .bn-scene-ki{top:170px;left:20px;transform:translateY(calc(var(--assemble)*-105px)) rotateZ(calc(-6deg + var(--assemble)*6deg)) scale(.82)}.bn-motion .bn-float-doc{display:none}.bn-motion .bn-orbit{width:380px;height:380px;top:-60px;left:calc(50% - 190px)}.bn-motion .bn-orbit-two{width:280px;height:280px;top:-10px;left:calc(50% - 140px)}.bn-motion .bn-product-strip{height:65px;padding-block:10px!important}.bn-motion .bn-assembly-message{inset:0}.bn-assembly-message>strong{font-size:48px;margin:12px 0}.bn-assembly-message>p{font-size:16px;line-height:1.7}.bn-motion .bn-assembly-base{top:230px;left:-10px;right:-10px;padding:13px 17px;gap:10px}.bn-assembly-base strong{font-size:10px}.bn-motion .bn-product-stage{padding:100px 0 20px}.bn-motion .bn-products .bn-section-intro{margin-bottom:18px}.bn-motion .bn-products .bn-section-intro>p{display:none}.bn-motion .bn-products .bn-section-intro h2{font-size:33px}.bn-motion .bn-product-panel{grid-template-columns:1fr;gap:22px}.bn-motion .bn-product-description h3{font-size:26px;margin-bottom:14px}.bn-motion .bn-product-description p{font-size:13px;line-height:1.75;margin-bottom:10px}.bn-motion .bn-product-description small{display:none}.bn-motion .bn-product-panel figure,.bn-motion .bn-product-panel img{max-height:calc(100svh - 480px)}.bn-motion .bn-product-tabs{margin-bottom:25px}.bn-motion .bn-connect{padding-block:80px}}
@media(max-width:600px){.bn-motion .bn-hero h1{font-size:clamp(37px,10.2vw,48px)}.bn-motion .bn-hero .bn-eyebrow{font-size:8px}.bn-motion .bn-hero .bn-lead{font-size:13px}.bn-motion .bn-hero .bn-button{font-size:11px;padding:13px 14px}.bn-motion .bn-hero .bn-text-link{font-size:10px}.bn-motion .bn-assembly .bn-hero-inner{padding-top:26px!important;gap:0}.bn-motion .bn-hero-art{width:90%;max-width:380px;height:250px;margin-top:55px}.bn-motion .bn-scene-sheet>div{padding:8px 10px;font-size:9px}.bn-motion .bn-scene-sheet>div>span{font-size:8px}.bn-motion .bn-scene-ki{top:142px}.bn-motion .bn-assembly-base{top:208px;padding:12px;gap:8px;left:-14px;right:-14px}.bn-assembly-base span{font-size:10px}.bn-assembly-base i{width:10px}.bn-assembly-base strong{font-size:9px}.bn-assembly-message>strong{font-size:44px}.bn-assembly-message>span{font-size:11px}.bn-motion .bn-product-stage{padding-top:98px}.bn-motion .bn-products .bn-section-intro h2{font-size:29px}.bn-motion .bn-products .bn-section-intro .bn-eyebrow{font-size:8px;margin-bottom:12px}.bn-motion .bn-product-tabs button{min-height:60px;padding:12px 8px}.bn-motion .bn-product-panel{gap:22px}.bn-motion .bn-product-description h3{font-size:24px}.bn-motion .bn-product-panel figure,.bn-motion .bn-product-panel img{max-height:calc(100svh - 500px)}.bn-motion .bn-connect{padding-block:70px}}
@media(max-width:900px) and (max-height:720px){.bn-motion .bn-assembly .bn-hero-inner{padding-top:22px!important}.bn-motion .bn-hero h1{font-size:37px}.bn-motion .bn-hero .bn-eyebrow{margin-bottom:12px}.bn-motion .bn-hero .bn-lead{font-size:12px;margin-bottom:12px}.bn-motion .bn-hero-art{width:72%;height:185px;margin-top:34px}.bn-motion .bn-scene-dms{top:-20px}.bn-motion .bn-scene-ki{top:110px}.bn-motion .bn-assembly-base{top:160px}.bn-assembly-base strong{display:none}.bn-motion .bn-products .bn-section-intro .bn-eyebrow{display:none}.bn-motion .bn-products .bn-section-intro h2{font-size:25px}.bn-motion .bn-product-stage{padding-top:88px}.bn-motion .bn-product-tabs{margin-bottom:16px}.bn-motion .bn-product-description h3{font-size:21px;margin-bottom:10px}.bn-motion .bn-product-description p{font-size:12px;line-height:1.6}.bn-motion .bn-product-panel{gap:10px}.bn-motion .bn-product-panel figure,.bn-motion .bn-product-panel img{max-height:calc(100svh - 420px)}}
@media(prefers-reduced-motion:reduce){.bn-header:after{display:none}.bn-logo{transition:none}}

.bn-static [data-sc-act]{height:auto!important}.bn-static [data-sc-stage]{position:relative;height:auto;overflow:visible}
@media(max-width:900px){.bn-motion .bn-assembly{height:190svh!important}.bn-motion .bn-products{height:310svh!important}}
@media(prefers-reduced-motion:reduce){.bn-assembly,.bn-products{height:auto!important}[data-sc-stage]{position:relative!important;height:auto!important;overflow:visible!important}}

/* The light route panel establishes its own ink on the dark chapter. */
.bn-motion .bn-route{color:var(--navy)}
.bn-motion .bn-route-line .bn-route-end{color:var(--navy)}
@media(prefers-reduced-motion:no-preference){.bn-motion .bn-ledger[data-sc-in]{transform:translateY(30px)}.bn-motion .bn-ledger[data-sc-in].sc-in{transform:none}}

/* Keep a readable title on either side of the short scene handover. */
.bn-motion .bn-hero-copy>:not(.bn-assembly-message){opacity:clamp(0,calc((.44 - var(--assemble))*14),1)}
.bn-motion .bn-assembly-message{opacity:clamp(0,calc((var(--assemble) - .42)*16),1)}

/* Quiet labels in the rear plane; scrolling brings them into one group. */
.bn-gather{position:absolute;inset:0;z-index:6;pointer-events:none;--gather:1}
.bn-motion .bn-gather{--gather:clamp(0,calc((var(--sc-p,0) - .2)/.7),1);z-index:clamp(2,calc((var(--sc-p,0) - .32)*100),6)}
.bn-gather-card{position:absolute;display:flex;align-items:center;gap:8px;width:34%;min-height:44px;padding:10px 12px;background:#f8fafc;border:1px solid #dce4ed;border-radius:5px;box-shadow:none;transform-origin:center;color:var(--navy)}
.bn-motion .bn-gather-card{opacity:calc(.42 + var(--gather)*.58)}
.bn-gather-card strong{display:block;font-size:11px;font-weight:550;white-space:nowrap}
.bn-gather-card small,.bn-gather-check{display:none}
.bn-gather-card .bn-icon{width:18px;height:20px;flex-shrink:0;font-size:16px;background:transparent;color:var(--steel);border-radius:0}
.bn-gather-pim{left:15%;top:155px;transform:translate(calc((1 - var(--gather))*-75px),calc((1 - var(--gather))*-120px))}
.bn-gather-dms{left:51%;top:155px;transform:translate(calc((1 - var(--gather))*40px),calc((1 - var(--gather))*-160px))}
.bn-gather-ki{left:15%;top:209px;transform:translate(calc((1 - var(--gather))*-65px),calc((1 - var(--gather))*155px))}
.bn-gather-tasks{left:51%;top:209px;transform:translate(calc((1 - var(--gather))*30px),calc((1 - var(--gather))*110px))}
.bn-motion .bn-window>img{opacity:calc(1 - clamp(0,calc((var(--sc-p,0) - .4)*1.25),.7))}
@media(max-width:1100px){.bn-gather-card{padding:9px 10px;gap:6px}.bn-gather-card strong{font-size:10px}}
@media(max-width:900px){.bn-gather-card{width:44%;min-height:36px;padding:7px 8px;gap:6px}.bn-gather-card strong{font-size:10px}.bn-gather-card .bn-icon{width:16px;height:18px;font-size:15px}.bn-gather-pim{left:5%;top:85px;transform:translate(calc((1 - var(--gather))*-12px),calc((1 - var(--gather))*-105px))}.bn-gather-dms{left:51%;top:85px;transform:translate(calc((1 - var(--gather))*10px),calc((1 - var(--gather))*-125px))}.bn-gather-ki{left:5%;top:129px;transform:translate(calc((1 - var(--gather))*-10px),calc((1 - var(--gather))*112px))}.bn-gather-tasks{left:51%;top:129px;transform:translate(calc((1 - var(--gather))*10px),calc((1 - var(--gather))*88px))}.bn-assembly-message>p{font-size:15px}}
@media(max-width:600px){.bn-gather-card strong{font-size:9px}.bn-gather-pim,.bn-gather-dms{top:75px}.bn-gather-ki,.bn-gather-tasks{top:117px}}
@media(max-width:900px) and (max-height:720px){.bn-gather-card{padding:6px;gap:4px;min-height:32px}.bn-gather-card strong{font-size:8px}.bn-gather-card .bn-icon{width:14px;font-size:13px}.bn-gather-pim,.bn-gather-dms{top:60px}.bn-gather-ki,.bn-gather-tasks{top:98px}.bn-gather-pim{transform:translateY(calc((1 - var(--gather))*-65px))}.bn-gather-dms{transform:translateY(calc((1 - var(--gather))*-85px))}.bn-gather-ki{transform:translateY(calc((1 - var(--gather))*77px))}.bn-gather-tasks{transform:translateY(calc((1 - var(--gather))*62px))}}

/* Keep the document label behind the rear screen until the gathering begins. */
.bn-motion .bn-gather{z-index:clamp(0,calc((var(--sc-p,0) - .32)*100),6)}
.bn-gather-pim{--tile-bg:var(--pim-pale);--tile-ink:var(--pim)}
.bn-gather-dms{--tile-bg:var(--dms-pale);--tile-ink:#856900}
.bn-gather-ki{--tile-bg:var(--rag-pale);--tile-ink:#9b5200}
.bn-gather-tasks{--tile-bg:var(--tasks-pale);--tile-ink:var(--tasks)}
.bn-gather-card{background:color-mix(in srgb,#f8fafc,var(--tile-bg) calc(var(--gather)*85%));border-color:color-mix(in srgb,#dce4ed,var(--tile-ink) calc(var(--gather)*25%))}
.bn-gather-card .bn-icon{color:color-mix(in srgb,var(--steel),var(--tile-ink) calc(var(--gather)*100%));background:color-mix(in srgb,transparent,var(--tile-bg) calc(var(--gather)*100%));border-radius:3px}
/* Reuse the full editorial content with the new theme's calmer spacing. */
.bn-restored .hp-split__eyebrow{font-size:10px;letter-spacing:.1em}
.bn-restored .hp-split__aside h2{font-size:clamp(30px,3vw,43px)}
.bn-restored .hp-split__aside p,.bn-restored .hp-split__item p{line-height:1.85}
.bn-restored .hp-proof{border-block:1px solid var(--bn-line)}
.bn-restored .about__story__blob{display:none}
.bn-restored .about__story,.bn-restored .about__portrait-img{border-radius:10px}
.bn-restored .cta{background:var(--navy-dark)}
.bn-home>.trust-bar{background:white;border-bottom:1px solid var(--bn-line)}
.bn-home .trust-badge{box-shadow:none;border-radius:5px}
.bn-restored .faq-question{border-radius:5px}
@media(max-width:600px){.bn-restored .hp-split__aside h2{font-size:30px}.bn-home .trust-bar__inner{gap:18px}.bn-home .trust-bar__logos{flex-wrap:wrap;gap:8px}}

@media(min-width:901px){.bn-gather-dms{transform:translate(calc((1 - var(--gather))*160px),calc((1 - var(--gather))*-160px))}}

/* One product chapter: overview and practical examples share the same scene. */
.bn-products{position:relative}
.bn-anchor{position:absolute;top:0;scroll-margin-top:90px}
.bn-product-example{border-top:1px solid #ccd7e2;margin-top:20px;padding-top:16px}
.bn-product-example h4{font-size:15px;line-height:1.4;color:var(--navy);margin:0 0 8px;font-weight:650}
.bn-product-example p{margin-bottom:10px}
.bn-motion .bn-product-description small{display:none}
.bn-roadmap{background:#edf2f7;padding:20px 0 50px}
.bn-roadmap .product-cards--soon{margin:0;border-top:1px solid #ccd7e2;padding-top:24px}
.bn-roadmap .product-card--soon{background:transparent;box-shadow:none;border-radius:6px}
/* A quiet, editorial foundation after the product tour. */
.bn-restored #was-fuettert-die-ki{padding:100px 0;background:#fff}
.bn-restored #was-fuettert-die-ki .section__header{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;text-align:left;margin:0 0 50px;max-width:none}
.bn-restored #was-fuettert-die-ki .section__header .label{grid-column:1/-1;margin-bottom:18px}
.bn-restored #was-fuettert-die-ki h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1;max-width:15ch;margin:0}
.bn-restored #was-fuettert-die-ki .section__header p{font-size:16px;line-height:1.8;margin:0;max-width:none}
.bn-restored #was-fuettert-die-ki .section__header+div{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #dce4ec;border-bottom:1px solid #dce4ec}
.bn-restored #was-fuettert-die-ki .section__header+div>a,
.bn-restored #was-fuettert-die-ki .section__header+div>div{padding:38px 40px 38px 0;display:flex;flex-direction:column;justify-content:space-between;color:var(--navy);text-decoration:none;background:none;border:0;border-radius:0;min-width:0}
.bn-restored #was-fuettert-die-ki .section__header+div>div{padding-left:40px;padding-right:0;border-left:1px solid #dce4ec}
.bn-restored #was-fuettert-die-ki .section__header+div>a>div:first-child{display:none}
.bn-restored #was-fuettert-die-ki .section__header+div>*>div>span{display:block;color:var(--pim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}
.bn-restored #was-fuettert-die-ki h3{font-size:26px;line-height:1.25;margin:0 0 18px;max-width:30ch}
.bn-restored #was-fuettert-die-ki p{color:var(--mute);line-height:1.75}
.bn-restored #was-fuettert-die-ki .section__header+div>a>div>div{display:flex;gap:8px;margin:24px 0}
.bn-restored #was-fuettert-die-ki .section__header+div>a>div>div span{padding:10px 18px;background:#edf4f4;color:var(--pim);font-size:12px;border-radius:4px}
.bn-restored #was-fuettert-die-ki .section__header+div>a>span,
.bn-restored #was-fuettert-die-ki .section__header+div>div>a{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:14px;font-weight:650;margin-top:26px;min-height:44px}
.bn-restored #was-fuettert-die-ki ul{list-style:none;padding:0;margin:20px 0 0}
.bn-restored #was-fuettert-die-ki li{font-size:14px;padding:9px 0;border-bottom:1px solid #edf1f5;color:var(--mute)}
.bn-restored #was-fuettert-die-ki li span{color:var(--steel);margin-right:10px}
.bn-restored #was-fuettert-die-ki .hp-cta-inline{margin-top:32px;justify-content:flex-start}
@media(max-width:900px){
 .bn-motion .bn-products{height:auto!important}
 .bn-motion .bn-product-stage{position:relative!important;height:auto!important;overflow:visible!important;padding:65px 0 20px}
 .bn-motion .bn-products .bn-section-intro>p{display:block;margin-top:20px;font-size:14px}
 .bn-motion .bn-product-panel{padding:30px 0 45px;gap:24px;border-top:1px solid #ccd7e2;scroll-margin-top:90px}
 .bn-motion .bn-product-panel figure,.bn-motion .bn-product-panel img{max-height:360px}
 .bn-motion .bn-product-description p{font-size:14px;line-height:1.75}
 .bn-motion .bn-product-description h3{font-size:28px}
 .bn-product-example{margin-top:18px;padding-top:16px}
 .bn-motion .bn-product-tabs button:after{display:none}
 .bn-restored #was-fuettert-die-ki{padding:65px 0}
 .bn-restored #was-fuettert-die-ki .section__header{grid-template-columns:1fr;gap:20px;margin-bottom:32px}
 .bn-restored #was-fuettert-die-ki .section__header .label{margin:0}
 .bn-restored #was-fuettert-die-ki .section__header p{font-size:14px}
 .bn-restored #was-fuettert-die-ki .section__header+div{grid-template-columns:1fr}
 .bn-restored #was-fuettert-die-ki .section__header+div>a,
 .bn-restored #was-fuettert-die-ki .section__header+div>div{padding:28px 0;border-left:0}
 .bn-restored #was-fuettert-die-ki .section__header+div>div{border-top:1px solid #dce4ec}
 .bn-restored #was-fuettert-die-ki h3{font-size:24px}
}
@media(min-width:901px){
 .bn-motion .bn-products .bn-section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}
 .bn-motion .bn-products .bn-section-intro>p{max-width:none;width:auto;line-height:1.75}
 .bn-motion .bn-product-panel{align-items:start}
 .bn-motion .bn-product-panel figure{height:calc(100svh - 370px);max-height:565px;display:flex;align-items:center;justify-content:center;margin:0}
 .bn-motion .bn-product-panel img{width:100%;height:100%;max-height:100%;object-fit:contain}
}
@media(min-width:901px) and (max-height:780px){
 .bn-motion .bn-product-description h3{font-size:27px;margin-bottom:14px}
 .bn-motion .bn-product-description p{font-size:13px;line-height:1.7;margin-bottom:10px}
 .bn-motion .bn-product-example{margin-top:14px;padding-top:12px}
 .bn-motion .bn-product-panel figure{height:calc(100svh - 330px)}
}

/* Compact product links retain the gathering animation and rear starting plane. */
.bn-gather-card{pointer-events:auto;text-decoration:none;min-height:48px;padding-block:7px}
.bn-gather-card strong{font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.04em}
.bn-gather-card small{display:block;font-size:10px;line-height:1.4;white-space:nowrap;color:var(--mute)}
.bn-gather-card:hover{border-color:var(--tile-ink);color:var(--tile-ink)}
.bn-gather:focus-within{z-index:7!important}
.bn-gather-card:focus-visible{opacity:1;outline:2px solid var(--tile-ink);outline-offset:3px}
.bn-motion .bn-products .bn-section-intro{display:block}
@media(max-width:900px){
 .bn-gather-card{min-height:44px;padding:5px 7px;gap:6px}
 .bn-gather-card strong{font-size:10px}
 .bn-gather-card small{font-size:10px}
 .bn-gather-ki,.bn-gather-tasks{top:135px}
}
@media(max-width:600px){.bn-gather-ki,.bn-gather-tasks{top:125px}}
@media(max-width:900px) and (max-height:720px){.bn-gather-ki,.bn-gather-tasks{top:110px}}

/* Platform entrances: unchanged content, separate text, screen and rear planes. */
.bn-platform-hero{--page-accent:var(--navy);--page-tint:#edf2f7;--page-progress:0;position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:100px 0 95px}
.bn-platform-hero[data-page=pim],.bn-platform-hero[data-page=digitaler-produktpass]{--page-accent:var(--pim);--page-tint:#eaf3f3}
.bn-platform-hero[data-page=dms]{--page-accent:#937700;--page-tint:#f8f5e7}
.bn-platform-hero[data-page=ki]{--page-accent:#ad600d;--page-tint:#fbf0e5}
.bn-platform-hero[data-page=tasks]{--page-accent:var(--tasks);--page-tint:#eff4e9}
.bn-platform-hero:before{content:"";position:absolute;z-index:-2;inset:0 0 0 56%;background:var(--page-tint);border-left:1px solid color-mix(in srgb,var(--page-accent) 12%,transparent);transform:skewX(-9deg);transform-origin:bottom}
.bn-platform-hero:after{content:"";position:absolute;z-index:-1;inset:35px -5% 10px 60%;background-image:linear-gradient(#00305b07 1px,transparent 1px),linear-gradient(90deg,#00305b07 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000 35%,transparent);transform:translateY(calc(var(--page-progress)*-48px))}
.bn-platform-hero.has-image .bn-page-grid{grid-template-columns:1fr 1.15fr;gap:64px;min-height:460px}
.bn-platform-hero .bn-page-grid>div{position:relative;z-index:2}
.bn-platform-hero .bn-eyebrow{color:var(--page-accent);font-size:10px;letter-spacing:.12em;margin-bottom:26px;gap:12px}
.bn-platform-hero .bn-eyebrow:before{content:"";width:22px;height:2px;background:currentColor}
.bn-platform-hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin-bottom:26px}
.bn-platform-hero .bn-lead{font-size:16px;line-height:1.85;max-width:43ch;margin-bottom:30px}
.bn-platform-hero .bn-page-image{position:relative;overflow:visible;min-width:0;padding:12px;background:#fff;border:1px solid #d6dfe8;border-radius:10px;box-shadow:0 30px 55px -32px #00305b55;transform:perspective(1400px) rotateY(-7deg) rotateZ(1deg);transform-origin:left center}
.bn-platform-hero .bn-page-image:before{content:"";position:absolute;inset:-23px 26px 25px -18px;z-index:-1;border:1px solid color-mix(in srgb,var(--page-accent) 23%,white);background:color-mix(in srgb,var(--page-tint) 70%,white);border-radius:10px;transform:translateY(calc(var(--page-progress)*22px)) rotate(-3deg)}
.bn-site .bn-platform-hero .bn-page-image img{width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid #e1e7ed;border-radius:4px;box-shadow:none;transform:none}
.bn-platform-hero .bn-page-image figcaption{padding:13px 4px 1px;font-size:10px;letter-spacing:.02em;color:var(--mute)}
.bn-motion .bn-platform-hero .bn-page-image{transform:perspective(1400px) translateY(calc(var(--page-progress)*-30px)) rotateY(calc(-7deg + var(--page-progress)*7deg)) rotateZ(calc(1deg - var(--page-progress)*1deg))}
.bn-platform-hero:not(.has-image) .bn-page-grid{min-height:320px;max-width:var(--container)}
.bn-platform-hero:not(.has-image) h1{max-width:22ch}
.bn-platform-hero:not(.has-image):before{left:73%}
.bn-dropdown-current summary{color:var(--navy);text-decoration:underline;text-decoration-color:#9eafc0;text-underline-offset:8px;text-decoration-thickness:1px}
.bn-dropdown summary>span{transition:transform .2s}
.bn-dropdown[open] summary>span{transform:rotate(180deg)}
.bn-dropdown-panel a[aria-current=page]{background:#e8eff5;color:var(--navy);box-shadow:inset 3px 0 var(--navy)}
@media(min-width:901px){
 .bn-dropdown-panel{width:490px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;left:-140px;top:54px;border-radius:8px}
 .bn-dropdown-panel>a:first-child{grid-column:1/-1;border-bottom:1px solid var(--bn-line);border-radius:0;padding-bottom:18px;margin-bottom:4px}
}
@media(min-width:901px) and (max-width:1150px){
 .bn-platform-hero.has-image .bn-page-grid{gap:38px;grid-template-columns:1fr 1fr}
 .bn-platform-hero h1{font-size:46px}
 .bn-platform-hero{padding-block:75px}
}
@media(max-width:900px){
 .bn-platform-hero{padding:60px 0 55px}
 .bn-platform-hero.has-image .bn-page-grid{grid-template-columns:1fr;gap:45px;min-height:0}
 .bn-platform-hero h1{font-size:clamp(38px,7vw,58px);max-width:23ch}
 .bn-platform-hero .bn-lead{max-width:52ch;font-size:15px}
 .bn-platform-hero .bn-page-image{width:94%;max-width:660px;justify-self:center;padding:8px}
 .bn-platform-hero:before{inset:53% 0 0 12%;transform:skewX(-7deg)}
 .bn-platform-hero:after{inset:45% 0 0 20%}
 .bn-motion .bn-platform-hero .bn-page-image{transform:translateY(calc(var(--page-progress)*-12px)) rotateZ(calc(-1deg + var(--page-progress)*1deg))}
 .bn-platform-hero .bn-page-image:before{inset:-15px 16px 18px -10px}
 .bn-platform-hero:not(.has-image):before{inset:0 0 0 82%}
 .bn-platform-hero:not(.has-image) .bn-page-grid{min-height:0}
}
@media(max-width:600px){
 .bn-platform-hero{padding-top:45px}
 .bn-platform-hero h1{font-size:clamp(35px,9.5vw,48px);margin-bottom:22px}
 .bn-platform-hero .bn-eyebrow{font-size:9px;margin-bottom:22px}
 .bn-platform-hero .bn-page-image figcaption{font-size:9px}
 .bn-platform-hero .bn-page-image{transform:rotate(-1deg)}
}
@media(prefers-reduced-motion:reduce){
 .bn-platform-hero:after,.bn-platform-hero .bn-page-image:before{transform:none}
 .bn-platform-hero .bn-page-image{transform:none}
 .bn-dropdown summary>span{transition:none}
}

/* Der Startseiten-H1 nennt seit 08.09.2026 wieder Produktdaten, Dokumente und KI
   und braucht auf Handybreiten drei statt zwei Zeilen. Der Hero hat dort eine
   feste Hoehe (100svh - 65px) und schneidet per overflow:hidden ab: auf einem
   360x740-Geraet ragte die Bausteingrafik danach 18px unter den Hero.
   Die vorhandene Regel fuer sehr flache Schirme greift erst ab max-height:720px,
   die Luecke dazwischen faengt das hier ab. Gemessen im iframe, weil Chrome
   unter Windows nicht schmaler als 485px rendert (siehe PROJEKT.md, Abschnitt 8). */
@media(max-width:600px) and (max-height:790px){
 .bn-motion .bn-hero-art{margin-top:32px}
}
@media(min-width:1151px){
 .bn-platform-hero[data-page=plattform] .bn-page-grid{grid-template-columns:1.2fr 1.1fr;gap:48px}
 .bn-platform-hero[data-page=plattform] h1{font-size:58px}
}

/* Preserve the original navigation structure, including all nested links. */
.bn-site .has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
/* Product stage: editorial opening, followed by a large working surface. */
.bn-platform-hero.has-image{padding:70px 0 65px;perspective:1800px}
.bn-platform-hero.has-image .bn-page-grid{display:flex;flex-direction:column;align-items:stretch;gap:65px;min-height:0}
.bn-platform-hero.has-image .bn-page-grid>div{display:grid;grid-template-columns:1.35fr 1fr;column-gap:95px;align-items:start}
.bn-platform-hero.has-image .bn-eyebrow{grid-column:1/-1;margin-bottom:24px}
.bn-platform-hero.has-image h1{grid-column:1;grid-row:2/4;font-size:clamp(46px,5.2vw,76px);max-width:17ch;margin:0;line-height:1.04}
.bn-platform-hero.has-image .bn-lead{grid-column:2;grid-row:2;margin:6px 0 24px;max-width:40ch;font-size:17px}
.bn-platform-hero.has-image .bn-button{grid-column:2;grid-row:3;justify-self:start;align-self:start}
.bn-platform-hero.has-image:before{inset:42% 0 0;background:var(--page-tint);border:0;transform:none}
.bn-platform-hero.has-image:after{inset:35% 0 0;background-size:64px 64px;transform:translateY(calc(var(--page-progress)*-100px))}
.bn-platform-hero.has-image .bn-page-image{width:88%;max-width:1120px;align-self:center;transform-origin:center top;padding:14px;isolation:isolate;box-shadow:0 45px 70px -45px #00305b77}
.bn-platform-hero.has-image .bn-page-image:before{inset:24px -28px -24px;transform:translateY(calc(var(--page-progress)*35px));background:color-mix(in srgb,var(--page-accent) 9%,white);border-color:color-mix(in srgb,var(--page-accent) 18%,white)}
.bn-motion .bn-platform-hero.has-image .bn-page-image{transform:perspective(1800px) rotateX(calc(13deg - var(--page-progress)*26deg)) translateY(calc(var(--page-progress)*-55px)) scale(calc(.94 + var(--page-progress)*.12))}
.bn-site .bn-platform-hero.has-image .bn-page-image img{max-height:620px;object-fit:contain;background:#fff}
@media(max-width:900px){
 .bn-platform-hero.has-image{padding:45px 0}
 .bn-platform-hero.has-image .bn-page-grid{gap:40px}
 .bn-platform-hero.has-image .bn-page-grid>div{display:block}
 .bn-platform-hero.has-image h1{font-size:clamp(38px,7.5vw,60px);max-width:23ch;margin-bottom:24px}
 .bn-platform-hero.has-image .bn-lead{font-size:15px;max-width:50ch;margin-bottom:24px}
 .bn-platform-hero.has-image .bn-page-image{width:96%;padding:7px}
 .bn-platform-hero.has-image .bn-page-image:before{inset:12px -9px -12px}
 .bn-motion .bn-platform-hero.has-image .bn-page-image{transform:perspective(1200px) rotateX(calc(6deg - var(--page-progress)*12deg)) translateY(calc(var(--page-progress)*-18px))}
 .bn-platform-hero.has-image:before{inset:60% 0 0}
}
@media(max-width:600px){.bn-platform-hero.has-image h1{font-size:clamp(36px,9.8vw,48px)}}
@media(prefers-reduced-motion:reduce){.bn-platform-hero.has-image .bn-page-image,.bn-platform-hero.has-image .bn-page-image:before,.bn-platform-hero.has-image:after{transform:none}}

/* Modern header presentation, complete original navigation content. */
.bn-hybrid-header{z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid #dce4ec}
.bn-hybrid-header .header-inner{height:88px;gap:35px}
.bn-hybrid-header .site-logo img{width:208px;height:auto}
.bn-hybrid-header .main-nav{gap:25px}
.bn-hybrid-header .main-nav>ul{background:none;border:0;border-radius:0;padding:0;gap:24px}
.bn-hybrid-header .main-nav>ul>li>a{background:none;color:var(--ink);border-radius:0;padding:16px 0;font-size:13px;font-weight:650;white-space:nowrap}
.bn-hybrid-header .main-nav>ul>li.current-menu-item>a{background:none;color:var(--navy);text-decoration:underline;text-decoration-color:#a9bac9;text-underline-offset:8px}
.bn-hybrid-header .main-nav .has-dropdown>a:after{content:'⌄';display:inline-block;margin-left:8px;font-size:11px}
.bn-hybrid-header .nav-cta{border-radius:6px;margin:0;padding:15px 18px;font-size:12px;box-shadow:none}
.bn-hybrid-header .dropdown-menu{background:#fff;border:1px solid #dce4ec;border-radius:8px;padding:12px;top:100%;box-shadow:0 24px 45px -22px #00305b45}
.bn-hybrid-header .dropdown-menu:before{content:'';position:absolute;inset:-12px 0 auto;height:12px}
.bn-hybrid-header .dropdown-menu a{min-height:46px;border-radius:5px;font-size:13px;padding:12px;color:var(--navy)}
.bn-hybrid-header .dropdown-menu a:hover{background:#f0f4f8}
.bn-hybrid-header .dropdown-menu a[aria-current=page]{background:#e8eff5;color:var(--navy);box-shadow:inset 3px 0 var(--navy)}
.bn-hybrid-header .dd-dot{flex-shrink:0}
.bn-hybrid-header .dd-soon{margin-left:auto;font-size:9px;color:var(--mute)}
@media(min-width:901px){
 .bn-hybrid-header .bn-platform-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:470px;left:-85px}
 .bn-hybrid-header .bn-platform-menu>li:first-child{grid-column:1/-1;border-bottom:1px solid #dce4ec;padding-bottom:6px;margin-bottom:4px}
 .bn-hybrid-header .bn-platform-menu>li:nth-last-child(-n+2){border-top:1px solid #edf1f5;margin-top:4px;padding-top:4px}
}
@media(min-width:901px) and (max-width:1100px){
 .bn-hybrid-header .main-nav>ul{gap:14px}
 .bn-hybrid-header .header-inner{gap:20px}
 .bn-hybrid-header .site-logo img{width:180px}
 .bn-hybrid-header .main-nav{gap:16px}
}
@media(max-width:900px){
 .bn-hybrid-header .header-inner{height:74px}
 .bn-hybrid-header .site-logo img{width:169px}
 .bn-hybrid-header .main-nav{top:74px;background:#fff}
 .bn-hybrid-header .main-nav>ul{gap:6px;align-items:stretch;width:100%}
 .bn-hybrid-header .main-nav>ul>li>a{font-size:15px;padding:15px 0}
 .bn-hybrid-header .main-nav.is-open .dropdown-menu{padding:6px;background:#f5f7fa;border:1px solid #e6ecf2;border-radius:6px;margin:2px 0 15px}
 .bn-hybrid-header .main-nav.is-open .bn-platform-menu{display:grid;grid-template-columns:1fr 1fr;gap:3px}
 .bn-hybrid-header .bn-platform-menu>li:first-child{grid-column:1/-1;border-bottom:1px solid #dce4ec}
 .bn-hybrid-header .main-nav.is-open .dropdown-menu a{font-size:12px;padding:10px;min-height:44px}
 .bn-hybrid-header .nav-cta{align-self:flex-start}
}
.bn-hybrid-header .main-nav .nav-cta{border-radius:6px;padding:15px 18px;font-size:12px}

/* Revised product heroes: readable software, balanced scale, no tilted mockups. */
.bn-platform-hero.has-image{padding:72px 0 76px;background:#fff;perspective:none}
.bn-platform-hero.has-image .bn-page-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:center;min-height:400px}
.bn-platform-hero.has-image .bn-page-grid>div{display:block}
.bn-platform-hero.has-image .bn-eyebrow{margin-bottom:22px}
.bn-platform-hero.has-image h1{font-size:clamp(38px,3.7vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:none;margin:0 0 24px}
.bn-platform-hero.has-image .bn-lead{font-size:16px;line-height:1.8;max-width:43ch;margin:0 0 28px}
.bn-platform-hero.has-image:before{inset:0;background:linear-gradient(110deg,#fff 42%,var(--page-tint));border:0;transform:none}
.bn-platform-hero.has-image:after{display:none}
.bn-platform-hero.has-image .bn-page-image{width:100%;max-width:none;align-self:center;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none;border-radius:0;perspective:none}
.bn-platform-hero.has-image .bn-page-image:before{display:none}
.bn-site .bn-platform-hero.has-image .bn-page-image img{border:1px solid #d4dfe8;border-radius:6px;box-shadow:0 20px 40px -28px #00305b55;width:100%;height:auto;max-height:420px;object-fit:contain;transform:none}
.bn-platform-hero.has-image .bn-page-image figcaption{padding:15px 0 0;color:var(--mute);font-size:10px}
.bn-motion .bn-platform-hero.has-image .bn-page-image{transform:translateY(calc(var(--page-progress)*-14px))}
@media(min-width:901px){.bn-platform-hero[data-page=plattform].has-image .bn-page-grid{grid-template-columns:1.1fr 1fr;gap:55px}.bn-platform-hero[data-page=plattform].has-image h1{font-size:clamp(38px,3.5vw,50px)}}
@media(max-width:900px){
 .bn-platform-hero.has-image{padding:46px 0 48px}
 .bn-platform-hero.has-image .bn-page-grid{grid-template-columns:1fr;gap:32px;min-height:0}
 .bn-platform-hero.has-image h1{font-size:clamp(35px,7vw,48px);max-width:24ch;margin-bottom:20px}
 .bn-platform-hero.has-image .bn-lead{font-size:15px;max-width:52ch;margin-bottom:24px}
 .bn-platform-hero.has-image .bn-page-image{max-width:620px;justify-self:center}
 .bn-motion .bn-platform-hero.has-image .bn-page-image{transform:none}
}
@media(prefers-reduced-motion:reduce){.bn-platform-hero.has-image .bn-page-image{transform:none}}

/* PIM explains its purpose through a product, its data and its destinations. */.bn-pim-story,.bn-dms-story,.bn-tasks-story,.bn-ki-story{position:relative;isolation:isolate;width:100%;height:460px;margin:0;--story-flow:1}.bn-pim-story{--story-ink:var(--pim);--story-text:color-mix(in srgb,var(--pim),#fff 22%);--story-edge:color-mix(in srgb,var(--pim),#fff 76%);--story-tint:color-mix(in srgb,var(--pim),#fff 87%);--story-wash:color-mix(in srgb,var(--pim),#fff 94%)}.bn-dms-story{--story-ink:color-mix(in srgb,var(--dms),#000 48%);--story-text:color-mix(in srgb,var(--dms),#000 56%);--story-edge:color-mix(in srgb,var(--story-ink),#fff 70%);--story-tint:color-mix(in srgb,var(--story-ink),#fff 84%);--story-wash:color-mix(in srgb,var(--story-ink),#fff 93%)}.bn-tasks-story{--story-ink:var(--tasks);--story-text:color-mix(in srgb,var(--tasks),#000 12%);--story-edge:color-mix(in srgb,var(--tasks),#fff 72%);--story-tint:color-mix(in srgb,var(--tasks),#fff 85%);--story-wash:color-mix(in srgb,var(--tasks),#fff 93%)}.bn-ki-story{--story-ink:color-mix(in srgb,var(--rag),#000 28%);--story-text:color-mix(in srgb,var(--rag),#000 38%);--story-edge:color-mix(in srgb,var(--story-ink),#fff 70%);--story-tint:color-mix(in srgb,var(--story-ink),#fff 84%);--story-wash:color-mix(in srgb,var(--story-ink),#fff 93%)}.bn-pim-rest{stroke:var(--story-edge)}.bn-pim-flow{stroke:var(--story-ink)}.bn-shirt-shadow{fill:var(--story-tint)}.bn-pim-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.bn-pim-flow{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--story-flow))}.bn-motion .bn-pim-story{--story-flow:clamp(.15,calc(.15 + var(--page-progress)*2.8),1)}.bn-pim-sources{position:absolute;top:15px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.bn-pim-sources span{padding:12px 4px;text-align:center;font-size:12px;color:var(--story-text);background:var(--story-wash);border:1px solid var(--story-edge);border-radius:5px}.bn-pim-record{position:absolute;top:125px;left:50%;width:270px;transform:translateX(-50%);background:white;border:1px solid var(--story-edge);border-radius:10px;box-shadow:0 18px 40px -25px color-mix(in srgb,var(--pim) 44%,transparent);overflow:hidden}.bn-pim-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--story-tint);color:var(--pim)}.bn-pim-record-head strong{font-size:14px;letter-spacing:.08em}.bn-pim-record-head>span{font-size:10px}.bn-pim-product{display:flex;align-items:center;gap:10px;padding:10px 14px}.bn-pim-product>svg{width:115px;flex-shrink:0}.bn-pim-product>div{display:flex;flex-direction:column;gap:6px;color:var(--mute);font-size:11px}.bn-pim-product strong{font-size:14px;color:var(--navy)}.bn-pim-product .bn-pim-example-label{font-size:9px;color:var(--story-text)}.bn-pim-record-foot{padding:9px 16px;background:var(--story-wash);color:var(--story-text);font-size:10px}.bn-pim-record-foot>span{margin-right:8px}.bn-pim-channels{position:absolute;top:377px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.bn-pim-channels>div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;background:#fff;border:1px solid var(--story-edge);border-radius:5px}.bn-pim-channels svg{width:26px;height:26px;fill:none;stroke:var(--pim);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.bn-pim-channels strong{font-size:12px;font-weight:550;color:var(--navy)}.bn-pim-story figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--story-text)}
@media(max-width:900px){.bn-pim-story{max-width:600px;justify-self:center}}
@media(max-width:600px){.bn-pim-sources{gap:5px}.bn-pim-sources span{font-size:10px;padding:12px 2px}.bn-pim-channels{gap:7px}.bn-pim-channels>div{gap:6px;flex-direction:column;padding:8px 2px}.bn-pim-channels strong{font-size:10px}.bn-pim-channels svg{width:21px;height:21px}.bn-pim-story{height:480px}.bn-pim-connections{height:460px}.bn-pim-story figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.bn-pim-story{--story-flow:1}}

/* Variants fan out from one centrally maintained T-shirt. */.bn-pim-story{--variant-spread:1;--channel-arrive:1}.bn-motion .bn-pim-story{--variant-spread:clamp(0,calc(var(--page-progress)*4),1);--channel-arrive:clamp(0,calc((var(--page-progress) - .12)*5),1)}.bn-pim-record{width:300px}.bn-pim-product{padding:8px 12px;gap:12px}.bn-pim-product>svg{width:140px;height:114px}
.bn-shirt{transform-box:view-box;transform-origin:80px 110px}
.bn-shirt-blue{transform:translateX(calc(var(--variant-spread)*-17px)) rotate(calc(var(--variant-spread)*-12deg)) scale(.88)}
.bn-shirt-coral{transform:translateX(calc(var(--variant-spread)*17px)) rotate(calc(var(--variant-spread)*12deg)) scale(.92)}
.bn-shirt-green{transform:translateY(calc(var(--variant-spread)*-4px)) scale(.8)}.bn-pim-colors{display:flex;gap:6px;padding-block:2px}.bn-pim-colors i{width:12px;height:12px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px white,0 0 0 3px var(--story-tint)}.bn-pim-sizes{display:flex;gap:4px}.bn-pim-sizes b{font-weight:500;font-size:9px;padding:3px 4px;white-space:nowrap;background:var(--story-wash);border:1px solid var(--story-tint);border-radius:3px}.bn-motion .bn-pim-sources{transform:translateY(calc((1 - var(--variant-spread))*-10px))}.bn-motion .bn-pim-record{transform:translateX(-50%) scale(calc(.97 + var(--variant-spread)*.03))}.bn-motion .bn-pim-channels>div{transform:translateY(calc((1 - var(--channel-arrive))*12px));border-color:color-mix(in srgb,var(--story-edge),var(--pim) calc(var(--channel-arrive)*45%));background:color-mix(in srgb,white,var(--story-wash) calc(var(--channel-arrive)*100%))}.bn-motion .bn-pim-channels>div:nth-child(2){transform:translateY(calc((1 - var(--channel-arrive))*18px))}.bn-motion .bn-pim-channels>div:nth-child(3){transform:translateY(calc((1 - var(--channel-arrive))*24px))}
@media(max-width:600px){.bn-pim-record{width:290px}.bn-pim-product>svg{width:132px}}
@media(prefers-reduced-motion:reduce){.bn-pim-story{--variant-spread:1;--channel-arrive:1}}

/* Channel destinations stay on one baseline throughout the animation. */.bn-motion .bn-pim-channels>div,.bn-motion .bn-pim-channels>div:nth-child(2),.bn-motion .bn-pim-channels>div:nth-child(3){transform:none}.bn-pim-channels{align-items:stretch}
@media(min-width:901px) and (min-height:760px){.bn-motion .bn-pim-pin{padding-bottom:220px}.bn-motion .bn-pim-pin>.bn-platform-hero{position:sticky;top:88px}.admin-bar.bn-site .bn-pim-pin>.bn-platform-hero{top:120px}
}
@media(min-width:901px) and (min-height:760px){.bn-motion .bn-pim-pin{padding-bottom:0}.bn-motion .bn-pim-pin:after{content:'';display:block;height:220px}
}

/* Produktfarben auf den Namen in der Bausteinleiste.
   Nur der Name traegt Farbe: der Untertitel bleibt grau und der aktive
   Unterstrich navy, sonst konkurrieren zu viele Signale um dieselbe Stelle.
   DMS-Gelb (#f3c200) und RAG-Orange (#ed8200) sind als Textfarbe auf hellem
   Grund unlesbar, rund 1.8:1 und 2.9:1. Beide werden deshalb abgedunkelt, bis
   sie ueber 4.5:1 liegen; PIM und Tasks sind als Token schon dunkel genug.
   Die Herkunft bleibt dabei sichtbar, es ist erkennbar dasselbe Gelb. */
.bn-product-tabs button[data-product=pim]{--tab-tint:var(--pim)}
.bn-product-tabs button[data-product=dms]{--tab-tint:color-mix(in srgb,var(--dms),#000 45%)}
.bn-product-tabs button[data-product=ki]{--tab-tint:color-mix(in srgb,var(--rag),#000 25%)}
.bn-product-tabs button[data-product=tasks]{--tab-tint:var(--tasks)}
.bn-product-tabs button,.bn-product-tabs button.is-active{color:var(--tab-tint,var(--mute))}
.bn-product-tabs button span{color:var(--mute)}

/* ---------------------------------------------------------------------------
   Eigene Bildideen fuer DMS, Tasks und KI.
   PIM bleibt beim Verteilbaum. Die drei anderen erzaehlen jeweils das, was sie
   von den anderen unterscheidet, statt dieselbe Schablone einzufaerben:
   DMS einen Suchtreffer, Tasks ein Board mit wandernder Karte, die KI einen
   Frage-Antwort-Verlauf mit Belegen. Gemeinsam bleiben nur Grundflaeche und
   die --story-*-Farben. --page-progress kommt wie gehabt aus motion.js.
   --------------------------------------------------------------------------- */

/* --- DMS: Eingang, Suche, Treffer --- */
.bn-dms-story{display:flex;flex-direction:column;gap:14px;justify-content:center}
.bn-dms-intake{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--story-text)}
.bn-dms-intake>span{padding:6px 10px;border:1px solid var(--story-edge);background:var(--story-wash);border-radius:20px}
.bn-dms-arrow{flex:1;height:1px;background:linear-gradient(90deg,var(--story-edge),var(--story-ink));position:relative;min-width:18px}
.bn-dms-arrow:after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left-color:var(--story-ink)}
.bn-dms-intake>strong{font-size:11px;font-weight:600;color:var(--story-ink);white-space:nowrap}
.bn-dms-search{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border:1px solid var(--story-edge);border-radius:10px;box-shadow:0 14px 30px -22px color-mix(in srgb,var(--story-ink) 60%,transparent)}
.bn-dms-search svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:var(--story-ink);stroke-width:2;stroke-linecap:round}
.bn-dms-query{font-size:15px;color:var(--navy);font-weight:600;display:flex;align-items:center}
.bn-dms-caret{width:1.5px;height:16px;margin-left:2px;background:var(--story-ink);animation:bn-caret 1.1s steps(1) infinite}
@keyframes bn-caret{50%{opacity:0}}
.bn-dms-search em{margin-left:auto;font-style:normal;font-size:11px;color:var(--story-text);white-space:nowrap}
.bn-dms-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bn-dms-hit{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px 16px;background:#fff;border:1px solid var(--story-edge);border-radius:8px;--in:clamp(.82,calc(.82 + var(--page-progress,1)*6 - var(--hit)*.85),1);opacity:var(--in);transform:translateY(calc((1 - var(--in))*9px))}
.bn-dms-hit.is-top{border-color:var(--story-ink);box-shadow:0 0 0 1px var(--story-ink),0 16px 30px -24px color-mix(in srgb,var(--story-ink) 70%,transparent)}
.bn-dms-fileicon{width:17px;height:17px;fill:none;stroke:var(--story-text);stroke-width:1.6;stroke-linejoin:round}
.bn-dms-file{font-size:12.5px;color:var(--navy);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-dms-meta{display:flex;gap:6px}
.bn-dms-meta b{font-weight:450;font-size:10px;padding:3px 7px;border-radius:4px;background:var(--story-wash);color:var(--story-text);white-space:nowrap}
.bn-dms-hit time{font-size:10px;color:var(--mute);white-space:nowrap}
.bn-dms-note{margin:0;font-size:11px;color:var(--story-text)}
.bn-dms-note>span{margin-right:7px}

/* --- Tasks: Board mit wandernder Karte --- */
.bn-tasks-story{display:flex;flex-direction:column;gap:16px;justify-content:center;--board-move:clamp(0,calc(var(--page-progress,1)*3.4),1)}
.bn-tasks-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.bn-tasks-col{background:var(--story-wash);border:1px solid var(--story-edge);border-radius:10px;padding:11px;min-height:225px;display:flex;flex-direction:column;gap:9px}
.bn-tasks-colhead{margin:0;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--story-text)}
.bn-tasks-colhead b{margin-left:auto;font-weight:500;font-size:10px;color:var(--mute)}
.bn-tasks-card,.bn-tasks-mover{background:#fff;border:1px solid var(--story-edge);border-radius:7px;padding:10px 11px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 16px -14px color-mix(in srgb,var(--story-ink) 70%,transparent)}
.bn-tasks-card strong,.bn-tasks-mover strong{font-size:12px;font-weight:600;color:var(--navy);line-height:1.35}
.bn-tasks-cardfoot{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--mute)}
.bn-tasks-cardfoot i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:700;background:var(--story-tint);color:var(--story-ink)}
.bn-tasks-cardfoot b{margin-left:auto;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--story-wash);color:var(--story-text)}
.bn-tasks-mover{position:absolute;top:38px;left:11px;width:calc((100% - 24px)/3 - 22px);z-index:3;border-color:var(--story-ink);box-shadow:0 14px 26px -18px color-mix(in srgb,var(--story-ink) 75%,transparent);transform:translateX(calc(var(--board-move)*(200% + 68px)))}
.bn-tasks-mover .bn-tasks-cardfoot b{background:var(--story-ink);color:#fff}
.bn-tasks-ghost{visibility:hidden}
.bn-tasks-note{margin:0;font-size:11px;color:var(--story-text)}
.bn-tasks-note>span{margin-right:7px}

/* --- KI: Frage, Antwort, Belege --- */
.bn-ki-story{display:flex;flex-direction:column;gap:14px;justify-content:center}
.bn-ki-thread{display:flex;flex-direction:column;gap:14px}
.bn-ki-ask{margin:0;align-self:flex-end;max-width:78%;padding:13px 17px;border-radius:14px 14px 4px 14px;background:var(--navy);color:#fff;font-size:13px;line-height:1.55}
.bn-ki-answer{align-self:flex-start;max-width:92%;padding:16px 18px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--story-edge);box-shadow:0 16px 34px -26px color-mix(in srgb,var(--story-ink) 70%,transparent)}
.bn-ki-said{margin:0;font-size:13px;line-height:1.65;color:var(--ink)}
.bn-ki-citehead{margin:14px 0 8px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--story-text)}
.bn-ki-cites{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.bn-ki-cite{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--mute);padding:5px 9px 5px 6px;border:1px solid var(--story-edge);border-radius:20px;background:#fff;--in:clamp(.85,calc(.85 + var(--page-progress,1)*7 - var(--cite)*1),1);opacity:var(--in);transform:translateY(calc((1 - var(--in))*6px))}
.bn-ki-cite b{font-weight:700;font-size:9px;letter-spacing:.05em;padding:3px 7px;border-radius:20px;color:#fff}
.bn-ki-cite-pim b{background:var(--pim)}
.bn-ki-cite-dms b{background:color-mix(in srgb,var(--dms),#000 32%)}
.bn-ki-cite-tasks b{background:var(--tasks)}
.bn-ki-follow{margin:0;align-self:flex-end;display:flex;align-items:center;font-size:11px;color:var(--story-text);padding:9px 14px;border:1px dashed var(--story-edge);border-radius:20px}
.bn-ki-caret{width:1.5px;height:12px;margin-left:3px;background:var(--story-ink);animation:bn-caret 1.1s steps(1) infinite}
.bn-ki-note{margin:0;font-size:11px;color:var(--story-text)}
.bn-ki-note>span{margin-right:7px}

@media(max-width:900px){
 .bn-dms-story,.bn-tasks-story,.bn-ki-story{max-width:600px;justify-self:center}
}
@media(max-width:600px){
 .bn-dms-story,.bn-tasks-story,.bn-ki-story{height:auto;min-height:420px}
 .bn-dms-intake>span:nth-child(3){display:none}
 .bn-dms-hit{grid-template-columns:auto 1fr auto;gap:9px;padding:11px 12px}
 .bn-dms-hit time{display:none}
 .bn-dms-meta b:nth-child(2){display:none}
 .bn-tasks-col{padding:8px;min-height:190px}
 .bn-tasks-card strong,.bn-tasks-mover strong{font-size:11px}
 .bn-tasks-cardfoot{font-size:9px}
 .bn-tasks-cardfoot i{display:none}
 .bn-ki-ask,.bn-ki-said{font-size:12px}
 .bn-ki-answer{max-width:100%;padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .bn-dms-caret,.bn-ki-caret{animation:none}
 .bn-dms-hit,.bn-ki-cite{--in:1}
 .bn-tasks-story{--board-move:1}
}

/* Illustration timelines: short hold on fitting desktops, visible progress on phones. */
.bn-pim-pin:has(.bn-dms-story,.bn-ki-story,.bn-tasks-story){padding-bottom:0}
.bn-pim-pin:has(.bn-dms-story,.bn-ki-story,.bn-tasks-story):after{display:none}
.bn-pim-pin:has(.bn-dms-story,.bn-ki-story,.bn-tasks-story)>.bn-platform-hero{position:relative;top:auto}
.bn-motion .bn-illustration-pinned:after{display:block;content:'';height:440px}
.bn-motion .bn-illustration-pinned>.bn-platform-hero{position:sticky;top:var(--illustration-top,88px)}
.bn-dms-story,.bn-ki-story,.bn-tasks-story{--story-progress:1}
.bn-dms-caret,.bn-ki-caret{animation:none}
.bn-motion .bn-dms-intake{transform:translateY(calc((1 - clamp(0,calc(var(--story-progress)*4),1))*-8px))}
.bn-motion .bn-dms-hit{--in:clamp(0,calc((var(--story-progress) - .12 - var(--hit)*.16)*5),1);opacity:calc(.35 + var(--in)*.65);transform:translateY(calc((1 - var(--in))*12px))}
.bn-motion .bn-ki-answer{--answer:clamp(0,calc((var(--story-progress) - .12)*3),1);opacity:calc(.3 + var(--answer)*.7);transform:translateY(calc((1 - var(--answer))*14px))}
.bn-motion .bn-ki-cite{--in:clamp(0,calc((var(--story-progress) - .4 - var(--cite)*.13)*6),1);opacity:calc(.3 + var(--in)*.7);transform:translateY(calc((1 - var(--in))*9px))}
.bn-motion .bn-ki-follow{opacity:calc(.35 + clamp(0,calc((var(--story-progress) - .8)*5),1)*.65)}
.bn-tasks-mover{left:var(--task-left,11px);top:var(--task-top,38px);width:var(--task-width,calc((100% - 24px)/3 - 22px));transform:translateX(calc(var(--board-move)*var(--task-step,200px)*2))}
.bn-tasks-story{--board-move:0}
.bn-motion .bn-tasks-story{--board-move:calc(clamp(0,calc((var(--story-progress) - .08)/.32),1)*.5 + clamp(0,calc((var(--story-progress) - .53)/.3),1)*.5)}
.bn-tasks-col:not(:first-child)>.bn-tasks-card{margin-top:calc(var(--task-height,84px) + 9px)}
.bn-tasks-col{min-height:250px}
@media(max-width:600px){
 .bn-tasks-board{gap:6px}
 .bn-tasks-col{padding:6px;min-width:0;min-height:280px}
 .bn-tasks-colhead{font-size:8px;letter-spacing:0;gap:3px}
 .bn-tasks-card,.bn-tasks-mover{padding:8px 5px}
 .bn-tasks-cardfoot{flex-wrap:wrap;gap:3px;overflow-wrap:anywhere}
 .bn-tasks-card strong,.bn-tasks-mover strong{font-size:10px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .bn-dms-hit,.bn-ki-cite{opacity:1;transform:none}
 .bn-ki-answer,.bn-ki-follow,.bn-dms-intake{opacity:1;transform:none}
 .bn-tasks-story{--board-move:0}
}

/* Fit the complete product chapter beneath the actual sticky header. */
@media(min-width:901px){
 .bn-motion .bn-products .bn-product-stage{top:var(--product-top,89px);height:calc(100svh - var(--product-top,89px));padding:24px 0;box-sizing:border-box}
 .bn-motion .bn-products .bn-product-panel figure{height:var(--product-image-height,320px);max-height:none;min-height:0}
 .bn-motion .bn-products .bn-product-panel img{height:100%;max-height:100%;width:100%;object-fit:contain}
}
.bn-motion .bn-products.bn-product-flow{height:auto!important}
.bn-motion .bn-product-flow .bn-product-stage{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important;padding:40px 0}
.bn-motion .bn-product-flow .bn-product-panel{padding-block:28px;border-top:1px solid #ccd7e2;scroll-margin-top:calc(var(--product-top,89px) + 20px)}
.bn-motion .bn-product-flow .bn-product-panel figure{height:auto;max-height:none}
.bn-motion .bn-product-flow .bn-product-panel img{height:auto;max-height:460px;object-fit:contain}
.bn-product-flow .bn-product-tabs button:after{display:none}

/* Sector heroes: illustrated places and the information people share there. */
.bn-sector-industry{--sector-ink:#416a87;--sector-roof:#a5c3d4;--sector-ground:#edf4f7;--sector-edge:#c4d6e0}
.bn-sector-town{--sector-ink:#637e4b;--sector-roof:#b7cba4;--sector-ground:#f0f5ea;--sector-edge:#d1dec6}
.bn-sector-hero[data-page=industrie]{--page-tint:#eef4f7;--page-accent:#416a87}
.bn-sector-hero[data-page=gemeinden]{--page-tint:#f1f5eb;--page-accent:#637e4b}
.bn-sector-hero[data-page=branchen]{--page-tint:#f2f5f8;--page-accent:var(--navy)}
.bn-sector-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;min-width:0}
.bn-sector-choice{position:relative;display:flex;flex-direction:column;padding:20px 18px 25px;border:1px solid var(--sector-edge);border-radius:10px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 20px 40px -32px #00305b40}
.bn-sector-choice:nth-child(2){margin-top:48px}
.bn-sector-building{display:block;width:100%;height:auto;overflow:visible}
.bn-sector-choice-text{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--sector-edge)}
.bn-sector-choice-text strong{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.025em}
.bn-sector-choice-text>span{font-size:11px;line-height:1.7;color:var(--mute)}
.bn-sector-choice-arrow{position:absolute;top:14px;right:17px;font-size:21px;color:var(--sector-ink)}
.bn-sector-choice:hover{border-color:var(--sector-ink);background:var(--sector-ground)}
.bn-sector-scene{position:relative;isolation:isolate;height:440px;width:100%;margin:0;--sector-flow:1}
.bn-sector-paths{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bn-sector-path-active{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sector-flow))}
.bn-sector-sources,.bn-sector-destinations{position:absolute;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bn-sector-sources{top:12px}.bn-sector-destinations{top:380px}
.bn-sector-sources span,.bn-sector-destinations span{padding:14px 6px;text-align:center;white-space:nowrap;font-size:12px;line-height:1.5;color:var(--sector-ink);border:1px solid var(--sector-edge);border-radius:5px;background:#fff}
.bn-sector-destinations span{background:var(--sector-ground)}
.bn-sector-place{position:absolute;top:117px;left:50%;width:300px;transform:translateX(-50%);text-align:center}
.bn-sector-place>.bn-sector-building{height:192px}
.bn-sector-place>span{position:relative;display:inline-block;margin-top:6px;padding:7px 12px;background:#fff;border:1px solid var(--sector-edge);border-radius:4px;color:var(--sector-ink);font-size:10px}
.bn-motion .bn-sector-scene{--sector-flow:clamp(.12,calc(.12 + var(--page-progress)*3),1)}
.bn-motion .bn-sector-place .bn-sector-building{transform:translateY(calc(var(--page-progress)*-12px))}
.bn-motion .bn-sector-choice:first-child{transform:translateY(calc(var(--page-progress)*-10px))}
.bn-motion .bn-sector-choice:nth-child(2){transform:translateY(calc(var(--page-progress)*-35px))}
@media(max-width:1100px){.bn-sector-choice-text strong{font-size:15px}.bn-sector-overview{gap:12px}.bn-sector-choice{padding:18px 12px}}
@media(max-width:900px){.bn-sector-overview,.bn-sector-scene{max-width:620px;justify-self:center;width:100%}.bn-sector-choice-text strong{font-size:17px}}
@media(max-width:600px){
 .bn-sector-overview{gap:12px}
 .bn-sector-choice{padding:14px 10px 18px}
 .bn-sector-choice:nth-child(2){margin-top:28px}
 .bn-sector-choice-text{margin-top:15px;padding-top:14px;gap:7px}
 .bn-sector-choice-text strong{font-size:14px}
 .bn-sector-choice-text>span{font-size:10px}
 .bn-sector-scene{height:440px}
 .bn-sector-sources,.bn-sector-destinations{gap:6px}
 .bn-sector-sources span,.bn-sector-destinations span{font-size:10px;padding-inline:3px}
 .bn-sector-place{width:260px}
}
@media(prefers-reduced-motion:reduce){
 .bn-sector-choice,.bn-sector-place .bn-sector-building{transform:none}
 .bn-sector-scene{--sector-flow:1}
}
.bn-platform-hero.has-image .bn-page-grid>.bn-sector-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){.bn-platform-hero.has-image .bn-page-grid>.bn-sector-overview{gap:12px}}

/* Three distinct visual stories: a district, an engineering drawing, a case file. */
.bn-sector-map,.bn-engineering,.bn-civic{position:relative;width:100%;height:440px;margin:0;isolation:isolate;--sector-reveal:1}
.bn-motion .bn-sector-hero{--sector-reveal:clamp(0,calc(var(--page-progress)*3),1)}
.bn-sector-map-roads{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bn-map-place{position:absolute;width:49%;display:block;color:var(--navy);text-decoration:none}
.bn-map-factory{left:0;top:20px}.bn-map-town{right:0;top:145px}
.bn-map-place>span{display:block;background:#ffffffed;border-bottom:1px solid var(--sector-edge);padding:12px 8px}
.bn-map-place strong{display:block;font-size:15px;line-height:1.5}.bn-map-place small{display:block;font-size:10px;color:var(--mute);margin-top:5px}
.bn-map-place:hover>span{background:var(--sector-ground);border-color:var(--sector-ink)}
.bn-motion .bn-map-factory{transform:translateY(calc(var(--page-progress)*-16px))}.bn-motion .bn-map-town{transform:translateY(calc(var(--page-progress)*-40px))}
.bn-drawing{position:absolute;inset:20px 20% 10px 0;background-color:#f8fbfd;background-image:linear-gradient(#416a8709 1px,transparent 1px),linear-gradient(90deg,#416a8709 1px,transparent 1px);background-size:20px 20px;border:1px solid #c4d6e0;padding:20px;border-radius:3px}
.bn-drawing-label{font-size:9px;letter-spacing:.12em;color:#416a87}.bn-drawing>svg{width:100%;height:285px;overflow:visible}
.bn-drawing-footer{display:flex;flex-direction:column;gap:5px;border-top:1px solid #c4d6e0;padding-top:12px;font-size:10px;color:#416a87}.bn-drawing-footer strong{font-size:14px}
.bn-tech-doc{position:absolute;right:0;width:42%;padding:18px;background:white;border:1px solid #c4d6e0;border-radius:4px;box-shadow:0 18px 30px -24px #00305b66}
.bn-tech-doc-back{top:58px;transform:rotate(4deg)}.bn-tech-doc-front{top:230px}
.bn-tech-doc>span,.bn-civic-sheet>span{display:block;font-size:9px;letter-spacing:.1em;color:#567887;margin-bottom:12px}.bn-tech-doc strong{display:block;font-size:12px;color:var(--navy);line-height:1.5}
.bn-tech-doc i,.bn-civic-sheet i{display:block;height:3px;background:#e3ebef;margin-top:12px;width:90%}.bn-tech-doc i:nth-last-child(1){width:60%}
.bn-doc-seal{float:right;width:25px;height:25px;margin-top:8px;border:1px solid #89a9bd;border-radius:50%;display:grid;place-items:center;color:#416a87}
.bn-part-top,.bn-part-base{transform-box:view-box;transform-origin:center}
.bn-motion .bn-part-top{transform:translateY(calc(var(--page-progress)*-24px))}.bn-motion .bn-part-base{transform:translateY(calc(var(--page-progress)*20px))}
.bn-motion .bn-tech-doc-back{transform:translateY(calc(var(--page-progress)*-24px)) rotate(calc(4deg - var(--page-progress)*8deg))}.bn-motion .bn-tech-doc-front{transform:translateX(calc(var(--page-progress)*-22px))}
.bn-civic{display:flex;gap:25px;align-items:center}
.bn-civic-rail{position:relative;width:28%;height:270px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 12px 20px;border-left:1px solid #c3d5b6}
.bn-civic-rail>span{font-size:11px;color:#637e4b}.bn-civic-rail>i{position:absolute;left:-5px;top:10px;width:9px;height:9px;background:#637e4b;border:2px solid #f1f5eb;border-radius:50%;transform:translateY(238px)}
.bn-motion .bn-civic-rail>i{transform:translateY(calc(clamp(0,calc(var(--page-progress)*3),1)*238px))}
.bn-civic-folder{position:relative;flex:1;height:310px;border:1px solid #b8cda6;background:#dce7d1;border-radius:0 8px 8px 8px;margin-top:30px}
.bn-folder-tab{position:absolute;left:-1px;top:-25px;padding:7px 20px;background:#dce7d1;border:1px solid #b8cda6;border-bottom:0;border-radius:6px 8px 0 0;font-size:9px;letter-spacing:.12em;color:#637e4b}
.bn-civic-sheet{position:absolute;background:white;border:1px solid #d2deca;padding:20px;left:16px;right:16px;border-radius:3px;height:245px}
.bn-civic-sheet-back{top:-30px;transform:rotate(4deg);background:#fafcf7}.bn-civic-sheet-front{top:0}
.bn-civic-sheet>strong{display:block;font-size:20px;color:var(--navy);line-height:1.5;letter-spacing:-.035em}
.bn-civic-fields{margin-top:20px}.bn-civic-fields i{background:#e7eee0}.bn-civic-fields i:last-child{width:60%}
.bn-civic-assignment{font-size:10px;color:#637e4b;margin-top:25px}.bn-civic-assignment>span{margin-right:6px}
.bn-folder-cover{position:absolute;bottom:-1px;left:-1px;right:-1px;height:85px;background:#e4eddb;border:1px solid #b8cda6;border-radius:6px 6px 8px 8px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#637e4b;font-size:10px}
.bn-folder-cover svg{width:28px;flex-shrink:0}
.bn-motion .bn-civic-sheet-front{transform:translateY(calc(var(--page-progress)*-38px))}.bn-motion .bn-civic-sheet-back{transform:translateY(calc(var(--page-progress)*-60px)) rotate(calc(4deg - var(--page-progress)*7deg))}
@media(max-width:900px){.bn-sector-map,.bn-engineering,.bn-civic{max-width:600px;justify-self:center}}
@media(max-width:600px){
 .bn-sector-map{height:370px}.bn-map-town{top:130px}.bn-map-place strong{font-size:12px}.bn-map-place small{font-size:9px}
 .bn-engineering{height:405px}.bn-drawing{padding:12px;right:16%}.bn-drawing>svg{height:270px}.bn-tech-doc{width:45%;padding:12px}.bn-tech-doc strong{font-size:10px}.bn-tech-doc>span{font-size:8px}.bn-tech-doc-front{top:230px}
 .bn-civic{gap:10px;height:420px}.bn-civic-rail{width:25%;padding-left:10px}.bn-civic-rail>span{font-size:9px}.bn-civic-sheet{padding:14px;left:9px;right:9px}.bn-civic-sheet>strong{font-size:16px}.bn-civic-assignment{font-size:9px}.bn-folder-cover{padding:12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.bn-map-place,.bn-part-top,.bn-part-base,.bn-tech-doc,.bn-civic-sheet{transform:none}}

/* Abstand ueber dem Schluss-CTA.
   .cta traegt in style.css "padding: 0 0 56px", also nichts nach oben. Auf der
   Startseite faellt das nicht auf, weil der Block dort dunkel hinterlegt ist
   und sich dadurch selbst abgrenzt. Auf den Inhaltsseiten sitzt der helle
   Kasten unmittelbar am vorhergehenden Abschnitt und wirkt wie ein Teil davon.
   Die Linie trennt zusaetzlich, wo der Abschnitt davor ohne eigene Flaeche
   endet. */
.bn-page-content .cta{padding-top:76px;border-top:1px solid var(--bn-line)}
@media(max-width:900px){.bn-page-content .cta{padding-top:52px}}

/* E-Akte: an open indexed file, with a separate reminder in the foreground. */
.bn-eakte-page .bn-page-hero{--page-accent:#876e28;--page-tint:#f8f5eb}
.bn-eakte-visual{position:relative;margin:0;width:100%;height:435px;isolation:isolate}
.bn-eakte-tabs{display:flex;justify-content:flex-end;gap:4px;padding-right:12px;margin-top:24px}
.bn-eakte-tabs span{padding:10px 12px 15px;background:#ede5ca;border:1px solid #d9ceaa;border-radius:6px 6px 0 0;font-size:10px;color:#756333}
.bn-eakte-book{position:relative;display:grid;grid-template-columns:.85fr 22px 1.2fr;background:#fff;border:1px solid #d8cfb9;border-radius:7px;min-height:315px;margin-top:-8px;box-shadow:0 25px 45px -32px #6b5c3c55}
.bn-eakte-index{padding:24px 18px;background:#f7f4eb;border-radius:7px 0 0 7px;display:flex;flex-direction:column}
.bn-file-label{font-size:9px;letter-spacing:.11em;color:#88713d;display:block;margin-bottom:16px}
.bn-eakte-index>strong{font-size:17px;color:var(--navy);line-height:1.4;letter-spacing:-.025em}
.bn-file-tree{display:flex;flex-direction:column;gap:12px;margin:23px 0;font-size:10px;color:#796d50}
.bn-file-tree>span:not(:first-child){margin-left:10px;border-left:1px solid #d7cbad;padding-left:12px}
.bn-file-tree>span:first-child{font-weight:650;color:#685831}
.bn-eakte-index-foot{font-size:9px;color:#88713d;margin-top:auto}
.bn-eakte-spine{position:relative;border-inline:1px solid #e8e2d3;background:#fbfaf5;display:flex;flex-direction:column;justify-content:space-around}
.bn-eakte-spine i{position:relative;left:-6px;width:32px;height:9px;border:2px solid #acb3b5;border-radius:6px;background:#f7f9f9;box-shadow:0 2px 3px #0000000c}
.bn-eakte-pages{padding:24px 20px}
.bn-eakte-sheet-heading{display:flex;justify-content:space-between;gap:10px}.bn-file-example{font-size:9px;color:var(--mute)}
.bn-eakte-pages>strong{font-size:19px;line-height:1.4;letter-spacing:-.025em;color:var(--navy)}
.bn-eakte-history{list-style:none;margin:25px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.bn-eakte-history li{display:flex;gap:10px;align-items:flex-start}
.bn-eakte-history i{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#f5f0e2;color:#88713d;font-size:12px;font-style:normal}
.bn-eakte-history strong{display:block;font-size:11px;color:var(--navy);font-weight:550}.bn-eakte-history small{display:block;font-size:9px;color:var(--mute);margin-top:5px;line-height:1.6}
.bn-eakte-reminder{position:absolute;bottom:0;right:20px;display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid #d7cbad;border-radius:6px;background:#fff;box-shadow:0 14px 25px -20px #63512e55}
.bn-eakte-reminder svg{width:28px;fill:none;stroke:#88713d;stroke-width:1.5;stroke-linecap:round}.bn-eakte-reminder strong{display:block;font-size:12px;color:#685831}.bn-eakte-reminder small{display:block;font-size:10px;color:var(--mute);margin-top:5px}
.bn-motion .bn-eakte-tabs{transform:translateY(calc(var(--page-progress)*-14px))}.bn-motion .bn-eakte-reminder{transform:translateY(calc(var(--page-progress)*-24px))}.bn-motion .bn-eakte-history li{transform:translateX(calc((1 - clamp(0,calc(var(--page-progress)*4),1))*7px))}
/* A readable sequence instead of repeated card grids. */
.bn-eakte-page .bn-page-content>.section:first-child{padding-block:45px;border-bottom:1px solid #e1e7ec}
.bn-eakte-page .lede{padding:0;background:none;border:0;max-width:none;margin:0}.bn-eakte-page .lede:before{display:none}
.bn-eakte-page .bn-page-content>.section:first-child .lede__text{max-width:90ch;font-size:18px;line-height:1.85;margin:0}
.bn-eakte-page #unterschied{background:#fff}
.bn-eakte-page #unterschied>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}
.bn-eakte-page #unterschied .section__header{position:sticky;top:125px;margin:0}
.bn-eakte-page #unterschied .benefits__grid{display:block;counter-reset:eakte-features}
.bn-eakte-page #unterschied .benefit-card{position:relative;padding:25px 0 28px 50px;border:0;border-top:1px solid #dce4eb;border-radius:0;background:none;box-shadow:none;counter-increment:eakte-features}
.bn-eakte-page #unterschied .benefit-card:before{content:counter(eakte-features,decimal-leading-zero);position:absolute;left:0;top:28px;color:#8a7546;font-size:12px;font-family:var(--font-mono)}
.bn-eakte-page #unterschied .benefit-card h3{font-size:23px;margin:0 0 14px;line-height:1.35}
.bn-eakte-page #unterschied .benefit-card p{font-size:14px;line-height:1.85;margin:0}
.bn-eakte-page #einsatz{background:#f4f7f9;border-block:1px solid #e4eaf0}
.bn-eakte-page #einsatz .section__header{max-width:800px;margin-bottom:40px}





.bn-eakte-page #fristen{background:#fff}
.bn-eakte-page #fristen>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.bn-eakte-page #fristen .section__header{margin:0}
.bn-eakte-page #fristen .lede{background:#faf7ef;border-left:2px solid #cbb980;padding:30px 32px}
.bn-eakte-page #fristen .lede__text{font-size:14px;line-height:1.9;margin:0 0 20px}
.bn-eakte-page #fristen .lede__text:last-child{margin:0}
.bn-eakte-page .cta{background:var(--navy-dark);padding-block:70px}
@media(max-width:1100px){.bn-eakte-pages{padding:20px 12px}.bn-eakte-index{padding:20px 12px}.bn-eakte-page #unterschied>.container{gap:40px}}
@media(max-width:900px){
 .bn-eakte-visual{max-width:620px;justify-self:center}
 .bn-eakte-page #unterschied>.container,.bn-eakte-page #fristen>.container{grid-template-columns:1fr;gap:30px}
 .bn-eakte-page #unterschied .section__header{position:static}
 .bn-eakte-page #einsatz .hp-split{gap:30px}
 
}
@media(max-width:600px){
 .bn-eakte-visual{height:440px}
 .bn-eakte-book{grid-template-columns:.72fr 14px 1fr}
 .bn-eakte-tabs span{font-size:8px;padding:10px 8px 15px}
 .bn-eakte-index,.bn-eakte-pages{padding:20px 10px}
 .bn-eakte-index>strong{font-size:14px}.bn-eakte-pages>strong{font-size:15px}
 .bn-eakte-spine i{width:24px}
 .bn-eakte-sheet-heading{display:block}.bn-file-example{display:none}
 .bn-eakte-history{gap:15px}.bn-eakte-history li{gap:6px}.bn-eakte-history strong{font-size:10px}.bn-eakte-history small{font-size:9px}
 .bn-eakte-history i{width:16px;height:18px;font-size:10px}
 .bn-eakte-reminder{right:8px;padding:12px 14px}
 .bn-eakte-page .bn-page-content>.section:first-child .lede__text{font-size:15px}
 .bn-eakte-page #einsatz .hp-split{grid-template-columns:1fr}
 .bn-eakte-page #einsatz .hp-split__item+.hp-split__item{border-left:0;border-top:1px solid #d7e1e9;padding:28px 0 0}
 .bn-eakte-page #unterschied .benefit-card{padding-left:35px}.bn-eakte-page #unterschied .benefit-card h3{font-size:21px}
 .bn-eakte-page #fristen .lede{padding:24px}
}
@media(prefers-reduced-motion:reduce){.bn-eakte-tabs,.bn-eakte-reminder,.bn-eakte-history li{transform:none}}
.bn-eakte-page #unterschied .benefit-card:before{opacity:1;background:none;width:auto;height:auto;transform:none;pointer-events:none}

.bn-eakte-page #einsatz .hp-split__item p{margin:0 0 18px}
.bn-eakte-page #einsatz .text-link{display:inline-block;color:var(--navy);font-weight:600;border-bottom:1px solid #b4c5d3;padding-bottom:5px;margin-top:6px}

/* Digital product passport: the physical label opens a readable product record. */
.bn-pass-visual{position:relative;isolation:isolate;width:100%;height:430px;margin:0;--pass-progress:1}
.bn-pass-product{position:absolute;width:48%;left:0;top:42px;text-align:center}
.bn-pass-product>svg{display:block;width:100%;height:auto;max-height:330px;overflow:visible}
.bn-pass-product>span{font-size:10px;color:#5a797f;display:block;margin-top:10px}
.bn-pass-link{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bn-pass-trace{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--pass-progress))}
.bn-pass-document{position:absolute;right:0;top:15px;width:49%;border:1px solid #bdd4d6;border-radius:10px;background:#fff;box-shadow:0 22px 42px -28px #00305b55;padding:20px}
.bn-pass-document-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e1eced;padding-bottom:15px;margin-bottom:18px;color:#48757b;font-size:9px;letter-spacing:.07em}
.bn-pass-document-top i{font-style:normal;font-size:18px}
.bn-pass-example{font-size:9px;color:var(--mute);display:block;margin-bottom:5px}
.bn-pass-document>strong{font-size:25px;line-height:1.4;color:var(--navy);display:block;margin-bottom:20px;letter-spacing:-.03em}
.bn-pass-detail{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid #e8eff0}
.bn-pass-detail>span{font-size:11px;color:var(--navy);font-weight:600}.bn-pass-detail>small{font-size:10px;color:var(--mute);line-height:1.5}
.bn-pass-source{font-size:9px;color:#48757b;background:#f0f7f6;padding:10px;margin:12px -8px -8px;border-radius:4px;line-height:1.6}.bn-pass-source>span{margin-right:6px}
.bn-motion .bn-pass-visual{--pass-progress:clamp(.1,calc(.1 + var(--page-progress)*3),1)}
.bn-motion .bn-pass-document{transform:translateY(calc(var(--page-progress)*-22px))}
.bn-motion .bn-pass-tag{transform:rotate(calc(var(--page-progress)*-8deg));transform-origin:170px 139px}
@media(max-width:900px){.bn-pass-visual{max-width:620px;justify-self:center}}
@media(max-width:600px){
 .bn-pass-visual{height:420px}
 .bn-pass-product{top:80px;width:46%}
 .bn-pass-product>span{font-size:9px;line-height:1.7}
 .bn-pass-document{width:53%;padding:14px 11px;top:15px}
 .bn-pass-document-top{font-size:8px;letter-spacing:0;line-height:1.6;margin-bottom:14px}
 .bn-pass-document>strong{font-size:22px;margin-bottom:15px}
 .bn-pass-detail{padding:9px 0}.bn-pass-detail>small{font-size:9px}
 .bn-pass-source{font-size:8px;padding:8px;margin-inline:-4px}
}
@media(prefers-reduced-motion:reduce){.bn-pass-document,.bn-pass-tag{transform:none}.bn-pass-visual{--pass-progress:1}}

/* Mehrteilige Karten auf der E-Akte-Seite.
   .benefit-card p hat margin:0, weil die meisten Karten nur einen Absatz
   tragen. Wo zwei stehen, klebten sie aneinander. Und ein Link darin war von
   Fliesstext nicht zu unterscheiden, weil die Karte die Textfarbe vererbt. */
.benefit-card p + p{margin-top:.85em}
.benefit-card a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.benefit-card a:hover{text-decoration-thickness:2px}

/* Product passport: scan, connect, then reveal the record while it stays in view. */
.bn-motion .bn-pass-pin.bn-pass-pinned{height:var(--passport-height)}
.bn-motion .bn-pass-pinned>.bn-page-hero{position:sticky;top:var(--passport-top)}
.bn-motion .bn-pass-visual{--passport-scroll:0;--pass-progress:clamp(0,calc(var(--passport-scroll)*2.8),1)}
.bn-motion .bn-pass-document{transform:translateY(calc((1 - var(--passport-scroll))*24px));box-shadow:0 22px 42px -28px #00305b55}
.bn-motion .bn-pass-tag{transform:rotate(calc(var(--passport-scroll)*-12deg));transform-origin:170px 139px}
.bn-motion .bn-pass-detail{--reveal:clamp(0,calc((var(--passport-scroll) - var(--delay)) * 4),1);opacity:calc(.22 + var(--reveal)*.78);transform:translateY(calc((1 - var(--reveal))*10px))}
.bn-pass-detail:nth-of-type(2){--delay:.16}.bn-pass-detail:nth-of-type(3){--delay:.30}.bn-pass-detail:nth-of-type(4){--delay:.44}.bn-pass-detail:nth-of-type(5){--delay:.58}
.bn-motion .bn-pass-source{opacity:calc(.3 + clamp(0,calc((var(--passport-scroll) - .7)*4),1)*.7)}
@media(prefers-reduced-motion:reduce){.bn-pass-pin{padding-bottom:0}.bn-pass-pin>.bn-page-hero{position:relative;top:auto}.bn-pass-detail,.bn-pass-source{opacity:1;transform:none}}

/* ===========================================================================
   E-Akte: drei Darstellungsformen statt dreimal Kartenraster.
   Die Palette ist die der Seite (Ocker/Beige aus dem Hero), hier einmal als
   Variablen, damit die drei Bauteile nicht jeder ihre eigenen Hexwerte
   mitschleppen. --page-progress kommt wie ueberall aus motion.js.
   =========================================================================== */
.bn-eakte-page{--ea-ink:#685831;--ea-mid:#88713d;--ea-line:#d7cbad;--ea-tint:#ede5ca;--ea-wash:#f8f5eb}

/* --- Zeitstrahl: Eingang bis Aufbewahrung --------------------------------- */
.ea-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 26px;position:relative}
.ea-flow__step{position:relative;padding-right:26px}
.ea-flow__head{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:18px}
/* Die Linie liegt hinter den Punkten und endet am letzten Schritt. */
.ea-flow__head:after{content:"";position:absolute;left:13px;right:-26px;top:6px;height:1px;background:var(--ea-line)}
.ea-flow__step--end .ea-flow__head:after{right:0;background:linear-gradient(90deg,var(--ea-line),transparent)}
.ea-flow__dot{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--ea-mid);position:relative;z-index:1;flex-shrink:0}
.ea-flow__step--end .ea-flow__dot{background:var(--ea-mid)}
.ea-flow__no{position:relative;z-index:1;background:var(--paper,#fff);padding-right:10px;font:700 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ea-mid)}
.ea-flow h3{font-size:19px;line-height:1.3;margin:0 0 10px;color:var(--navy)}
.ea-flow p{font-size:14px;line-height:1.8;color:var(--mute);margin:0}

/* --- Schichten: Archiv liegt in der Akte, die Akte im DMS ------------------ */
.ea-layers{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.ea-layers__figure{display:flex;justify-content:center}
.ea-layer{position:relative;border-radius:14px;width:100%}
.ea-layer__tag{position:absolute;top:12px;left:16px;font:700 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.ea-layer--dms{background:var(--ea-wash);border:1px solid var(--ea-line);padding:44px 22px 22px}
.ea-layer--dms>.ea-layer__tag{color:var(--ea-mid)}
.ea-layer--akte{background:var(--ea-tint);border:1px solid var(--ea-mid);padding:44px 20px 20px}
.ea-layer--akte>.ea-layer__tag{color:var(--ea-ink)}
.ea-layer--archiv{background:var(--navy);border:1px solid var(--navy);padding:40px 18px 18px;min-height:74px}
.ea-layer--archiv>.ea-layer__tag{color:#fff}
.ea-layers__key{margin:0}
.ea-layers__row{padding:18px 0 18px 20px;border-left:3px solid var(--ea-line)}
.ea-layers__row+.ea-layers__row{border-top:1px solid #e6e9ee}
.ea-layers__row--akte{border-left-color:var(--ea-mid)}
.ea-layers__row--archiv{border-left-color:var(--navy)}
.ea-layers dt{font:600 17px/1.35 var(--font-display);color:var(--navy);margin:0 0 7px}
.ea-layers dd{margin:0;font-size:14px;line-height:1.8;color:var(--mute)}
.ea-layers__note{margin:34px 0 0;padding-top:22px;border-top:1px solid var(--ea-line);font-size:15px;line-height:1.8;color:var(--ea-ink);max-width:74ch}

/* --- Stufen: die Reihenfolge der Einfuehrung ------------------------------- */
.ea-steps{list-style:none;margin:0;padding:0;counter-reset:eastep}
.ea-steps__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;position:relative;padding:0 0 34px}
.ea-steps__item:last-child{padding-bottom:0}
/* Verbindungslinie von Stufe zu Stufe, an der letzten endet sie. */
.ea-steps__item:not(:last-child):before{content:"";position:absolute;left:26px;top:56px;bottom:8px;width:1px;background:var(--ea-line)}
.ea-steps__no{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:var(--ea-tint);border:1px solid var(--ea-mid);color:var(--ea-ink);font:600 21px/1 var(--font-display);position:relative;z-index:1}
.ea-steps__body{padding-top:9px}
.ea-steps h3{font-size:19px;line-height:1.3;margin:0 0 10px;color:var(--navy)}
.ea-steps p{font-size:14px;line-height:1.8;color:var(--mute);margin:0;max-width:68ch}
.ea-steps__aside{margin:34px 0 0 79px;padding:18px 22px;background:var(--ea-wash);border-left:3px solid var(--ea-mid);border-radius:0 8px 8px 0;font-size:14px;line-height:1.8;color:var(--ea-ink);max-width:68ch}

@media(max-width:900px){
  .ea-flow{grid-template-columns:1fr;gap:0}
  .ea-flow__step{padding:0 0 26px 30px}
  .ea-flow__step:last-child{padding-bottom:0}
  /* Auf schmalen Schirmen laeuft der Strahl senkrecht neben den Schritten. */
  .ea-flow__step:not(:last-child):after{content:"";position:absolute;left:6px;top:18px;bottom:0;width:1px;background:var(--ea-line)}
  .ea-flow__head{margin-bottom:12px}
  .ea-flow__head:after{display:none}
  .ea-flow__dot{position:absolute;left:-30px;top:1px}
  .ea-flow__no{background:none;padding:0}
  .ea-layers{grid-template-columns:1fr;gap:34px}
  .ea-layers__figure{max-width:420px;margin-inline:auto}
  .ea-steps__item{gap:18px;padding-bottom:28px}
  .ea-steps__no{width:44px;height:44px;font-size:18px}
  .ea-steps__item:not(:last-child):before{left:22px;top:48px}
  .ea-steps__aside{margin-left:0}
}
@media(max-width:600px){
  .ea-flow h3,.ea-steps h3{font-size:17px}
  .ea-layer--dms{padding:38px 14px 14px}
  .ea-layer--akte{padding:38px 13px 13px}
  .ea-layer--archiv{padding:34px 12px 12px}
}
@media(prefers-reduced-motion:reduce){
  .ea-flow__step,.ea-steps__item,.ea-layer{transition:none}
}

/* Keep the case-file copy still; the reminder becomes the foreground action. */
.bn-eakte-page .bn-page-grid>div:first-child,.bn-eakte-page .bn-page-grid>div:first-child>*{transform:none!important;opacity:1!important;animation:none!important}
.bn-eakte-visual{--case-progress:1}
.bn-motion .bn-eakte-tabs,.bn-motion .bn-eakte-history li{transform:none}
.bn-motion .bn-eakte-reminder{transform:translateY(calc((1 - var(--case-progress))*-48px));background:color-mix(in srgb,#f4edda calc(var(--case-progress)*100%),#fff);border-color:color-mix(in srgb,#aa904d calc(var(--case-progress)*100%),#d7cbad);box-shadow:0 18px 30px -18px #63512e55}
.bn-eakte-check{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc((var(--case-progress) - .45)*2),1))}
@media(prefers-reduced-motion:reduce){.bn-eakte-visual{--case-progress:1!important}.bn-eakte-reminder{transform:none!important}.bn-eakte-check{stroke-dashoffset:0}}

/* Fliesstext-Links in den Inhaltsseiten sichtbar machen.
   Ohne eigene Klasse erben sie die Textfarbe und sind von normalem Text nicht
   zu unterscheiden. Buttons, Karten und Themen-Kacheln bringen ihre eigene
   Gestaltung mit und bleiben deshalb ueber :not([class]) aussen vor. */
.bn-page-content p > a:not([class]){color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.bn-page-content p > a:not([class]):hover{text-decoration-thickness:2px}

/* Scroll-Leistung.
   Der Header lag als sticky Element mit backdrop-filter:blur(16px) ueber der
   Seite. Bei einem zu 96 Prozent deckenden Weiss ist davon nichts zu sehen,
   der Browser muss die Flaeche dahinter aber in jedem Scroll-Frame neu
   unscharf rechnen. Hintergrund jetzt deckend, Filter weg.

   Zusaetzlich: die gepinnten Buehnen und die Hero-Grafik bekommen eine eigene
   Ebene, damit ihre Transforms nicht das halbe Dokument neu zeichnen.
   Sparsam gesetzt, denn jede Ebene kostet Grafikspeicher. */
.bn-motion [data-sc-stage],.bn-motion .bn-hero-art{will-change:transform}
.bn-motion .bn-assembly-stage,.bn-motion .bn-product-stage{contain:paint}