/* Workflow only. Original product images, quiet typography, one guided example. */
.bn-workflow-page{--wf-ink:#12364b;--wf-soft:#506a78;--wf-accent:#a64b16;--wf-line:#ead8c9;--wf-paper:#fdfaf6;--wf-progress:1}
.bn-workflow-page .bn-topic-hero{--topic-ink:#a64b16;--topic-tint:#fff3e6;--topic-line:#efd6bf}
.bn-workflow-page .bn-workflow-visual{--workflow-accent:#a64b16}
.bn-workflow-page .bn-workflow-canvas{border-color:#efd6bf;background-color:#fff8f1;background-image:radial-gradient(#ce9d7470 1px,transparent 1px)}
.bn-workflow-page .bn-workflow-mark{background:#fff0df;color:#a64b16}
.bn-workflow-page .bn-workflow-done,.bn-workflow-page .bn-workflow-approved>span{color:#24628e}
.bn-workflow-page .bn-workflow-approved{border-color:#b9d2e4}
.bn-workflow-page .bn-workflow-wire-ok{stroke:#658fab}
.bn-workflow-page .section{scroll-margin-top:88px}
.bn-workflow-page .bn-page-content .section{padding-block:clamp(64px,7vw,112px)}
.bn-workflow-page .section__header{margin:0 0 40px;max-width:760px}
.bn-workflow-page .section__header h2{font-size:clamp(32px,3.5vw,49px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance;margin:0 0 22px}
.bn-workflow-page .section__header p{max-width:64ch;font-size:16px;line-height:1.8;color:var(--wf-soft)}
.bn-workflow-page p{text-wrap:pretty}
.wf-index{background:#fff;border-bottom:1px solid var(--wf-line)}
.wf-index .container{display:flex;align-items:center;flex-wrap:wrap;gap:8px 32px;padding-block:17px}
.wf-index span{font-size:11px;color:var(--wf-soft);margin-right:auto}
.wf-index a{display:inline-flex;align-items:center;min-height:44px;color:var(--wf-ink);font-size:13px;text-decoration:none;border-bottom:1px solid transparent}
.wf-index a:hover{border-color:var(--wf-accent)}
.bn-workflow-page :is(a,button,summary):focus-visible{outline:3px solid #ba7e27;outline-offset:5px}
.bn-workflow-page #ablauf{background:#fff}
.bn-workflow-page #ablauf>.container{display:grid;grid-template-columns:1fr 1fr;gap:26px 80px;align-items:start}
.bn-workflow-page #ablauf .section__header{margin:0;grid-row:span 2}
.wf-handoffs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px 18px;padding-top:6px}
.wf-handoffs span{font-size:14px;line-height:1.5;color:var(--wf-ink);padding:17px 0;border-bottom:1px solid var(--wf-line)}
.wf-handoffs i{align-self:center;width:32px;border-top:1px dashed #8ca8ac;position:relative}
.wf-handoffs i:after{content:'›';position:absolute;right:0;top:-13px;color:#668990;font-style:normal}
.wf-handoffs i:nth-of-type(2){display:none}
.wf-grenzen{padding:0;border:0;margin-top:32px}
.wf-grenzen p{font-size:15px;line-height:1.85;color:var(--wf-soft);max-width:74ch;margin:0 0 15px}
.bn-workflow-page #ablauf .wf-grenzen{margin:0}
.bn-workflow-page #ablauf .wf-grenzen p{font-size:14px}
.bn-workflow-page #builder{background:#f5f7f9}
.wf-schuss{margin:0;min-width:0}
.wf-schuss__bild{overflow:hidden;border:1px solid #ead8c9;border-radius:10px;background:white;box-shadow:0 22px 50px -30px #17374660}
.wf-schuss__bild img{display:block;width:100%;height:auto}
.wf-schuss__unter{font-size:12px;line-height:1.8;color:var(--wf-soft);margin:18px 0 0;max-width:95ch}
.wf-schuss__unter b{font-weight:650;color:var(--wf-ink)}
.wf-gallery__controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;border-bottom:1px solid #e2c9b3;padding-bottom:14px}
.wf-gallery__controls[hidden],.wf-gallery [hidden]{display:none}
.wf-gallery__controls button{min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:5px;background:transparent;font:inherit;font-size:13px;color:var(--wf-soft);cursor:pointer}
.wf-gallery__controls button[aria-pressed=true]{background:var(--wf-ink);color:#fff}
.wf-gallery__controls button:hover{border-color:var(--wf-accent)}
.wf-gallery__controls button:active{transform:translateY(1px)}
.wf-gallery .wf-schuss__bild{aspect-ratio:1.98;display:grid;place-items:center;background:#f6f8fa}
.wf-gallery .wf-schuss__bild img{max-height:100%;object-fit:contain}
.wf-gallery .wf-schuss__bild picture{width:100%}
.wf-gallery .wf-schuss__unter{min-height:66px}
.wf-image-link{display:block;width:fit-content;margin-top:14px;min-height:44px;padding-block:10px;font-size:12px;font-weight:600;color:var(--wf-accent);text-underline-offset:4px}
.wf-image-dialog{width:min(1440px,94vw);max-width:94vw;max-height:92dvh;padding:18px;border:1px solid #e2c9b3;border-radius:10px;background:#fff;color:var(--wf-ink)}
.wf-image-dialog::backdrop{background:#0d283bcc}
.wf-image-dialog__bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}
.wf-image-dialog__bar a{font-size:13px;color:#a64b16;text-decoration:underline}
.wf-image-dialog button{min-height:44px;padding:10px 15px;background:#12364b;color:#fff;border:0;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}
.wf-image-dialog img{display:block;width:100%;height:auto}
.wf-image-dialog p{font-size:13px;line-height:1.6;color:#506a78;margin:14px 0 0}
.wf-palette{margin-top:36px;border-top:1px solid #e2c9b3}
.wf-detail{border-bottom:1px solid #e2c9b3}
.wf-detail summary{display:grid;grid-template-columns:150px minmax(0,1fr) 28px;gap:18px;align-items:center;list-style:none;cursor:pointer;min-height:74px;padding:17px 4px;color:var(--wf-ink)}
.wf-detail summary::-webkit-details-marker{display:none}
.wf-detail__kind{font-size:11px;color:var(--wf-soft)}
/* Seit 16.09.2026 ein h3 statt eines span: Die Akkordeon-Titel
   sind Zwischenueberschriften und sollen auch als solche in der
   Gliederung stehen. margin/font-size zuruecksetzen, damit sich
   optisch nichts aendert. */
.wf-detail__title{margin:0;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.wf-detail__plus{font-size:23px;font-weight:400;text-align:center;transition:transform .18s ease-out}
.wf-detail[open] .wf-detail__plus{transform:rotate(45deg)}
.wf-detail[open] summary{color:var(--wf-accent)}
.wf-detail__body{padding:0 42px 23px 172px;max-width:980px}
.wf-detail__body p,.wf-detail__body li{margin:0;font-size:15px;line-height:1.8;color:var(--wf-soft)}
.wf-detail__body a{color:var(--wf-accent);text-decoration:underline;text-underline-offset:4px}
.wf-reference{display:grid;grid-template-columns:1fr;max-width:100%;margin-top:42px;border-top:1px solid #e2c9b3}
.wf-reference summary{grid-template-columns:1fr 28px;min-height:64px}
.wf-reference .wf-detail__title{font-size:16px}
.wf-reference .wf-detail__body{padding-left:4px}
.wf-gegen__liste{padding:0;list-style:none;margin:0}
.wf-gegen__liste li{font-size:15px;line-height:1.7;color:var(--wf-soft);padding:9px 0 9px 20px;position:relative}
.wf-gegen__liste li:before{content:'';position:absolute;left:0;top:21px;width:6px;height:1px;background:currentColor}
.bn-workflow-page #beispiel{background:#fff}
.wf-story .section__header{max-width:720px}
.wf-story__layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1fr);gap:clamp(45px,7vw,115px);align-items:start}
.wf-process{padding:30px 32px 24px;background:var(--wf-paper);border:1px solid var(--wf-line);border-radius:14px;position:relative;isolation:isolate;--wf-progress:1}
.wf-scroll .wf-process{position:sticky;top:112px}
.wf-process__caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:var(--wf-ink);font-size:14px;font-weight:600}
.wf-process__caption small{font-size:10px;font-weight:400;color:var(--wf-soft)}
.wf-process__track{position:absolute;left:49px;top:100px;bottom:138px;width:1px;background:#e6c8ac;z-index:-1}
.wf-process__track>span{display:block;height:100%;background:var(--wf-accent);transform:scaleY(var(--wf-progress));transform-origin:top;transition:transform .25s ease-out}
.wf-process__node{display:flex;gap:18px;align-items:flex-start;margin:0 0 27px;position:relative}
.wf-process__dot{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #e2c9b3;border-radius:50%;background:#fff6ed;color:var(--wf-soft);font-size:12px}
.wf-process__node small,.wf-process__branch small{display:block;font-size:10px;color:var(--wf-soft);margin-bottom:3px}
.wf-process__node strong{display:block;font-size:18px;color:var(--wf-ink);letter-spacing:-.02em;line-height:1.4}
.wf-process__node p{font-size:12px;color:var(--wf-soft);margin:5px 0 0;line-height:1.6}
.wf-process__node.is-current .wf-process__dot{background:var(--wf-accent);color:white;border-color:var(--wf-accent)}
.wf-process__node.is-current strong{color:var(--wf-accent)}
.wf-process__branch{display:flex;gap:15px;align-items:center;margin:0 0 28px 52px;padding:13px 0 13px 18px;border-left:1px dashed #c49368;color:var(--wf-soft)}
.wf-process__branch strong{font-size:14px;font-weight:600}
.wf-process__branch.is-current{color:var(--wf-accent);border-left-style:solid;background:#ffead6}
.wf-process__branch.is-chosen{border-left-style:solid;background:#ffe3c7;color:#8b3e13}
.wf-process__routes{margin-bottom:24px}
.wf-process__routes[hidden]{display:none}
.wf-process__routes>div{display:flex;gap:8px;flex-wrap:wrap}
.wf-process__routes p{font-size:11px;line-height:1.6;color:var(--wf-soft);margin:12px 0 0;min-height:36px}
.wf-enhanced .wf-process__routes~.wf-process__track{top:211px}
.wf-process__gate .wf-process__dot{border-color:#9c793e;color:#765624;background:#f8f0e1}
.wf-process__controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px 52px}
.wf-process__controls[hidden]{display:none}
.wf-process button{font:inherit;font-size:12px;font-weight:600;line-height:1.4;min-height:44px;border:1px solid var(--wf-accent);border-radius:5px;padding:10px 13px;background:#fff;color:var(--wf-accent);cursor:pointer}
.wf-process button:first-child{background:var(--wf-accent);color:#fff}
.wf-process button[aria-pressed=true]{outline:2px solid #ba7e27;outline-offset:3px}
.wf-process button:active{transform:translateY(1px)}
.wf-process .wf-process__routes button{background:#fff;color:var(--wf-accent);outline:0}
.wf-process .wf-process__routes button[aria-pressed=true]{background:var(--wf-accent);color:#fff;outline:0}
.wf-process .wf-process__routes button:focus-visible{outline:3px solid #ba7e27;outline-offset:4px}
.wf-process__outcome{display:flex;gap:10px;align-items:center;border-top:1px solid var(--wf-line);padding-top:19px}
.wf-process__outcome p{margin:0;font-size:13px;line-height:1.6;font-weight:600;color:var(--wf-ink)}
.wf-process__status{flex:0 0 7px;height:7px;background:#a48549;border-radius:50%}
.wf-process[data-decision=approved] .wf-process__status{background:#24628e}
.wf-process[data-decision=rejected] .wf-process__status{background:#a24a36}
.wf-process__note{font-size:10px;color:var(--wf-soft);margin:12px 0 0}
.wf-kette{display:grid;gap:0;margin:0}
.wf-knoten{position:relative;padding:24px 0 40px 54px;border-bottom:1px solid var(--wf-line)}
.wf-knoten:first-child{padding-top:0}
.wf-knoten:last-child{border-bottom:0;padding-bottom:0}
.wf-knoten__marke{position:absolute;left:0;top:28px;color:#a64b16;font-size:22px;font-weight:500}
.wf-knoten:first-child .wf-knoten__marke{top:2px}
.wf-knoten__kopf{color:var(--wf-ink);font-size:25px;letter-spacing:-.03em;line-height:1.3;margin:0 0 20px}
.wf-knoten__kopf span{display:block;margin-top:8px}
.wf-knoten__text{font-size:15px;line-height:1.85;color:var(--wf-soft);margin:0;max-width:56ch}
.wf-aus{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.wf-aus span{font-size:10px;padding:5px 9px;border:1px solid var(--wf-line);border-radius:3px;color:var(--wf-soft)}
.wf-aus .ok{color:#24628e;border-color:#b9d2e4}.wf-aus .nok{color:#9c4d38;border-color:#dfcabe}
.wf-scroll .wf-knoten{min-height:390px;padding-top:48px;padding-bottom:70px}
.wf-scroll .wf-knoten__marke{top:49px}
.wf-scroll .wf-knoten.is-current .wf-knoten__marke{color:var(--wf-accent)}
.bn-workflow-page #mensch{background:#10344f;color:#fff}
.bn-workflow-page #mensch>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px 70px}
.bn-workflow-page #mensch .section__header{margin:0;grid-row:span 2}
.bn-workflow-page #mensch h2{color:#fff}
.bn-workflow-page #mensch .section__header p,.bn-workflow-page #mensch .wf-grenzen p{color:#c0d4dc}
.wf-gegen{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}
.wf-gegen__kopf{font-size:17px;font-weight:600;color:var(--wf-ink);line-height:1.4;margin:0 0 18px}
.bn-workflow-page #mensch .wf-gegen{margin:0;gap:32px}
.bn-workflow-page #mensch .wf-gegen__kopf{color:#e5f1f1}
.bn-workflow-page #mensch .wf-gegen__liste li{color:#c0d4dc;font-size:14px}
.bn-workflow-page #mensch .wf-gegen__spalte:nth-child(2){padding-left:25px;border-left:1px solid #52717d}
.bn-workflow-page #mensch .wf-gegen__spalte:last-child{grid-column:1/-1;border-top:1px solid #52717d;padding-top:27px}
.bn-workflow-page #mensch .wf-gegen__spalte:last-child ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.bn-workflow-page #mensch .wf-grenzen{margin:0}
.bn-workflow-page #mensch .wf-grenzen b{color:#fff}
.bn-workflow-page #mensch .wf-grenzen p{font-size:13px}
.bn-workflow-page #agenten{background:#fff}
.wf-agent-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:start}
.wf-agent-spread .wf-palette{margin:0}
.wf-agent-spread .wf-detail summary{grid-template-columns:1fr 26px;gap:5px 10px;padding:20px 2px}
.wf-agent-spread .wf-detail__kind{grid-column:1}
.wf-agent-spread .wf-detail__title{grid-column:1;font-size:18px}
.wf-agent-spread .wf-detail__plus{grid-column:2;grid-row:1/span 2}
.wf-agent-spread .wf-detail__body{padding:0 28px 22px 2px}
.wf-agent-spread .wf-detail__body p{font-size:14px}
.wf-agent-spread .wf-schuss{position:sticky;top:120px}
.bn-workflow-page #unterschied{background:var(--wf-paper)}
.bn-workflow-page #unterschied .wf-gegen{margin-top:44px;gap:0;border-top:1px solid #d7b698}
.bn-workflow-page #unterschied .wf-gegen__spalte{padding:30px 42px 25px 0}
.bn-workflow-page #unterschied .wf-gegen__spalte+div{padding-left:42px;border-left:1px solid #e2c9b3}
.bn-workflow-page #unterschied .wf-gegen__kopf{font-size:22px}
.bn-workflow-page #unterschied .wf-gegen__spalte+div .wf-gegen__kopf{color:var(--wf-accent)}
.bn-workflow-page #unterschied .wf-grenzen{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-top:30px;border-top:1px solid #e2c9b3}
.bn-workflow-page #unterschied .wf-grenzen p{font-size:14px}
.bn-workflow-page #faq>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.bn-workflow-page #faq h2{font-size:34px}
.bn-workflow-page .faq-list{margin:0;width:100%;max-width:none}
.bn-workflow-page .faq-item{border:0;border-bottom:1px solid var(--wf-line);border-radius:0;background:transparent}
.bn-workflow-page .faq-question{padding:22px 0;gap:20px;font-size:16px}
.bn-workflow-page .faq-answer{padding:0 0 22px}
.bn-workflow-page .wf-close{background:#ffead6;color:var(--wf-ink);padding:80px 0}
.bn-workflow-page .wf-close .cta__inner{text-align:left;max-width:none;border:0;background:none;padding:0;display:grid;grid-template-columns:1.15fr .85fr;gap:18px 80px}
.bn-workflow-page .wf-close h2{color:var(--wf-ink);font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em;grid-row:span 2;margin:0}
.bn-workflow-page .wf-close p{color:var(--wf-soft);font-size:16px;margin:0;line-height:1.8;max-width:50ch}
.bn-workflow-page .wf-close .cta__actions{justify-content:flex-start;gap:16px}
.bn-workflow-page .wf-close .btn--ghost{color:var(--wf-ink);border-color:#bf926d}
@media(hover:hover) and (pointer:fine){.wf-detail summary:hover{color:var(--wf-accent);background:#ffe1c44d}.wf-process button:hover{filter:brightness(.93)}}
@media(max-width:1100px){.wf-story__layout{gap:40px;grid-template-columns:.95fr 1fr}.wf-process{padding:24px}.wf-process__track{left:41px}.bn-workflow-page #mensch>.container{gap:40px;grid-template-columns:.8fr 1.2fr}.wf-agent-spread{gap:30px}}
@media(max-width:1000px){.bn-workflow-page #ablauf>.container,.bn-workflow-page #mensch>.container,.bn-workflow-page #faq>.container{grid-template-columns:1fr;gap:30px}.wf-handoffs{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.wf-handoffs i:nth-of-type(2){display:block}.wf-handoffs i{width:18px}.wf-handoffs span{font-size:12px}.wf-story__layout{grid-template-columns:1fr;gap:36px}.wf-process{max-width:620px;width:100%;margin:0 auto}.wf-kette{grid-template-columns:1fr 1fr;gap:25px 40px}.wf-knoten{padding-top:24px}.wf-knoten:first-child{padding-top:24px}.wf-knoten:first-child .wf-knoten__marke{top:28px}.wf-agent-spread{grid-template-columns:1fr}.wf-agent-spread .wf-schuss{position:static}.bn-workflow-page .wf-close .cta__inner{gap:25px 40px}}
@media(max-width:600px){.bn-workflow-page .bn-page-content .section{padding-block:56px}.bn-workflow-page .section{scroll-margin-top:74px}.bn-workflow-page .section__header{margin-bottom:28px}.bn-workflow-page .section__header h2{font-size:32px;line-height:1.17}.bn-workflow-page .section__header p{font-size:14px}.wf-index .container{gap:0 22px;padding-block:12px}.wf-index span{width:100%;font-size:10px;margin-bottom:3px}.wf-index a{font-size:12px}.wf-handoffs{grid-template-columns:1fr auto 1fr;gap:5px 20px}.wf-handoffs i:nth-of-type(2){display:none}.wf-handoffs span{font-size:13px}.wf-grenzen p{font-size:14px}.wf-detail summary{grid-template-columns:1fr 24px;gap:4px 12px;padding:18px 0;min-height:76px}.wf-detail__kind{grid-column:1}.wf-detail__title{grid-column:1;font-size:18px}.wf-detail__plus{grid-column:2;grid-row:1/span 2}.wf-detail__body{padding:0 20px 22px 0}.wf-detail__body p,.wf-detail__body li{font-size:14px}.wf-reference .wf-detail__title{font-size:15px}.wf-reference summary{min-height:66px}.wf-schuss__unter{font-size:11px}.wf-schuss__bild{border-radius:6px}.wf-process{padding:23px 19px;border-radius:10px}.wf-process__track{left:36px}.wf-process__caption{gap:5px;font-size:13px;margin-bottom:25px}.wf-process__caption small{font-size:9px}.wf-process__node{gap:14px;margin-bottom:24px}.wf-process__node strong{font-size:16px}.wf-process__controls{margin-left:48px}.wf-process button{padding:10px;font-size:11px}.wf-process__branch{margin-left:48px}.wf-kette{grid-template-columns:1fr;gap:0}.wf-knoten{padding:24px 0 28px 42px}.wf-knoten__kopf{font-size:23px;margin-bottom:16px}.wf-knoten__text{font-size:14px}.wf-knoten__marke{font-size:19px}.wf-aus{margin-top:18px}.bn-workflow-page #mensch .wf-gegen{grid-template-columns:1fr;gap:26px}.bn-workflow-page #mensch .wf-gegen__spalte:nth-child(2){border-left:0;border-top:1px solid #52717d;padding:25px 0 0}.bn-workflow-page #mensch .wf-gegen__spalte:last-child ul{grid-template-columns:1fr}.bn-workflow-page #mensch .wf-gegen__liste li{padding-block:6px}.bn-workflow-page #mensch .wf-gegen__liste li:before{top:18px}.wf-gegen__kopf{margin-bottom:12px}.bn-workflow-page #unterschied .wf-gegen{grid-template-columns:1fr}.bn-workflow-page #unterschied .wf-gegen__spalte{padding:25px 0}.bn-workflow-page #unterschied .wf-gegen__spalte+div{padding-left:0;border-left:0;border-top:1px solid #e2c9b3}.bn-workflow-page #unterschied .wf-grenzen{grid-template-columns:1fr;gap:6px}.bn-workflow-page #faq h2{font-size:30px}.bn-workflow-page .wf-close{padding-block:58px}.bn-workflow-page .wf-close .cta__inner{grid-template-columns:1fr;gap:25px}.bn-workflow-page .wf-close p{font-size:14px}.bn-workflow-page .wf-close .cta__actions{align-items:flex-start}.bn-workflow-page .wf-close .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wf-process{position:relative}.wf-agent-spread .wf-schuss{position:static}.wf-process__track>span{transition:none}.wf-knoten{min-height:0}.wf-detail__plus{transition:none}}