#wbp-demo{--wbp-forest:#112f25;--wbp-forest-2:#204637;--wbp-copper:#b09164;--wbp-dark:#15271f;--wbp-ink:#1d3027;--wbp-soft:#63746c;--wbp-border:#e2e8df;--wbp-ivory:#fafaf6;--wbp-card:#fff;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--wbp-ink);max-width:1440px;margin:18px auto;border:1px solid #cfd9ce;border-radius:20px;overflow:hidden;background:var(--wbp-ivory);font-size:14px;box-shadow:0 18px 48px rgba(23,52,38,.09)}
#wbp-demo *,#wbp-demo *::before,#wbp-demo *::after{box-sizing:border-box}
#wbp-demo button,#wbp-demo input,#wbp-demo select{font:inherit}#wbp-demo button{cursor:pointer}#wbp-demo button:focus-visible,#wbp-demo input:focus-visible,#wbp-demo select:focus-visible,#wbp-demo summary:focus-visible{outline:3px solid #c8a16f;outline-offset:3px}
#wbp-demo .wbp-demo-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;background:#f4e8cc;color:#5c482b;padding:9px 16px;font-size:12px;border-bottom:1px solid #d5c6ab}
#wbp-demo .wbp-demo-banner strong{font-weight:800}#wbp-demo .wbp-signal,#wbp-demo .wbp-pill-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#7e9d71}
#wbp-demo .wbp-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:720px}#wbp-demo .wbp-side{display:flex;flex-direction:column;background:#142f25;color:#f5f5ec;padding:29px 15px 19px}
#wbp-demo .wbp-identity{display:flex;align-items:center;gap:10px;padding:3px 12px 38px}#wbp-demo .wbp-mark{height:43px;width:43px;display:grid;place-items:center;border:1px solid #8ea58d;border-radius:12px;font:700 30px Georgia,serif;color:#f3f1e8}#wbp-demo .wbp-mark span,#wbp-demo .wbp-hero-glyph span{color:#b9a16e}#wbp-demo .wbp-identity strong{display:block;font:700 20px Georgia,serif;letter-spacing:-.02em}#wbp-demo .wbp-identity small{display:block;color:#a9c0ae;font-size:10px;margin-top:4px}
#wbp-demo .wbp-side-kicker{letter-spacing:.18em;font-size:10px;font-weight:700;color:#90ab99;padding:0 14px 11px}#wbp-demo .wbp-nav{display:grid;gap:5px}#wbp-demo .wbp-nav button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;padding:13px 14px;border-radius:10px;text-align:left;background:transparent;color:#d1e2d3;font-weight:600;font-size:12.5px}#wbp-demo .wbp-nav button:hover{background:#214738;color:#fff}#wbp-demo .wbp-nav button.is-active{background:#325542;color:#fff;border-color:#53755d}#wbp-demo .wbp-navicon{font-size:17px;line-height:1;width:21px;color:#d6c08b;text-align:center}
#wbp-demo .wbp-side-bottom{margin-top:auto;border-top:1px solid #365747;padding:17px 5px 0;display:flex;align-items:center;gap:10px;font-size:12px}#wbp-demo .wbp-side-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#567359;color:#f8f5ea;font-weight:800}#wbp-demo .wbp-side-bottom strong{font-size:12px;display:block}#wbp-demo .wbp-side-bottom small{font-size:10px;color:#a9c0ae;display:block;margin-top:3px}#wbp-demo .wbp-lock{margin-left:auto;font-size:20px;color:#b1beae}
#wbp-demo .wbp-center{min-width:0;display:flex;flex-direction:column}#wbp-demo .wbp-topbar{height:64px;padding:0 clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--wbp-border);gap:10px}#wbp-demo .wbp-crumb{color:#708177;font-size:10px;font-weight:800;letter-spacing:.17em}#wbp-demo .wbp-crumb span{padding:0 9px;color:#c9cfc8}#wbp-demo .wbp-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#f6efe0;color:#786136;padding:6px 11px;border-radius:40px;font-size:10px;font-weight:800;letter-spacing:.07em}
#wbp-demo .wbp-body{padding:clamp(16px,3vw,38px);flex:1}#wbp-demo .wbp-page{display:none}#wbp-demo .wbp-page.is-visible{display:block}#wbp-demo .wbp-hero{min-height:250px;padding:34px 37px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 92% 5%,rgba(226,187,128,.12),transparent 45%),linear-gradient(112deg,#204533,#112f25);border-radius:14px;color:#f6f4e9;overflow:hidden}
#wbp-demo .wbp-eyebrow{font-weight:800;font-size:10px;letter-spacing:.2em;color:#d2b482;margin-bottom:12px}#wbp-demo .wbp-hero h2{margin:0;font:500 clamp(27px,3vw,39px)/1.18 Georgia,serif;color:#fff;letter-spacing:-.035em}#wbp-demo .wbp-hero h2 em{color:#dfc697;font-style:normal}#wbp-demo .wbp-hero p{max-width:510px;font-size:12px;line-height:1.75;color:#d9e4d9;margin:14px 0 20px}#wbp-demo .wbp-hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:9px}#wbp-demo .wbp-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:#d3b782;border:1px solid #d3b782;color:#273628;padding:11px 15px;border-radius:9px;font-weight:800;font-size:12px;line-height:1.2;text-decoration:none}#wbp-demo .wbp-button:hover{filter:brightness(.96)}#wbp-demo .wbp-button-outline{background:transparent;color:#f8f5ec;border-color:#7a9b85}#wbp-demo .wbp-button-outline:hover{background:#315141}#wbp-demo .wbp-hero-glyph{width:145px;height:145px;flex-shrink:0;border:1px solid rgba(238,233,213,.25);border-radius:100%;display:grid;place-items:center;font:700 100px Georgia,serif;color:rgba(237,240,227,.9);transform:rotate(-9deg)}
#wbp-demo .wbp-sectiontitle{margin:28px 0 16px;display:flex;align-items:end;justify-content:space-between;gap:15px}#wbp-demo .wbp-sectiontitle small{font-size:10px;letter-spacing:.15em;color:#9b845c;font-weight:800}#wbp-demo .wbp-sectiontitle h2,#wbp-demo .wbp-sectiontitle h3{color:var(--wbp-dark);margin:6px 0 0;font:500 24px/1.15 Georgia,serif;letter-spacing:-.025em}#wbp-demo .wbp-sectiontitle h2{font-size:33px}#wbp-demo .wbp-sectiontitle p{font-size:12px;color:#6a776e;margin:9px 0 0}#wbp-demo .wbp-subtle{font-size:11px;color:#96a299}#wbp-demo .wbp-textbutton{background:transparent;border:0;color:#456b50;font-size:12px;font-weight:800}
#wbp-demo .wbp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#wbp-demo .wbp-stat{padding:18px;background:#fff;border:1px solid var(--wbp-border);border-radius:11px;min-width:0}#wbp-demo .wbp-stat>span{display:block;color:#738178;font-size:11px}#wbp-demo .wbp-stat strong{display:block;font:500 31px Georgia,serif;margin:10px 0 8px;color:#243f2f}#wbp-demo .wbp-stat small{display:block;font-size:10px;color:#7a897c}#wbp-demo .wbp-stat b{color:#9a7744}
#wbp-demo .wbp-panel{background:#fff;border:1px solid var(--wbp-border);border-radius:11px;overflow:hidden}#wbp-demo .wbp-item{display:flex;align-items:center;gap:15px;padding:15px 17px;min-width:0;border-bottom:1px solid #ebefe8}#wbp-demo .wbp-item:last-child{border-bottom:0}#wbp-demo .wbp-docicon{width:38px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#edf3e9;color:#3c6046;font-size:10px;font-weight:850}#wbp-demo .wbp-fence-icon{font-size:21px}#wbp-demo .wbp-item-text{min-width:0;flex:1}#wbp-demo .wbp-item-text strong{display:block;font-size:12.5px;color:#344738;line-height:1.5;overflow-wrap:anywhere}#wbp-demo .wbp-item-text small{display:block;margin-top:4px;font-size:10.5px;color:#87978a}#wbp-demo .wbp-tag{padding:6px 9px;border-radius:6px;background:#e8f0e7;color:#426d4b;font-size:10px;white-space:nowrap;font-weight:800}#wbp-demo .wbp-tag-mild{color:#8a692b;background:#f8f0dd}#wbp-demo .wbp-tag-light{background:#f0f1ef;color:#718079}
#wbp-demo .wbp-pageheader{margin:0 0 24px}#wbp-demo .wbp-toolbar{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin:16px 0 18px}#wbp-demo .wbp-toolbar label{font-size:11px;display:grid;gap:6px;color:#566a5f;font-weight:650;flex:0 0 180px}#wbp-demo .wbp-toolbar label.wbp-search-label{flex:1 1 270px}#wbp-demo :is(input,select,textarea){width:100%;padding:12px 13px;min-width:0;background:#fff;border:1px solid #d5e0d5;border-radius:8px;color:#263a2c;outline-offset:3px}
#wbp-demo .wbp-listhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#8d9a8e;padding:12px 17px;background:#f8faf6;border-bottom:1px solid #e7ebe5}#wbp-demo .wbp-listnote{padding:13px 17px;font-size:11px;color:#899687;background:#f9fbf8}#wbp-demo .wbp-help{background:#f0f5ee;border-left:3px solid #91aa8c;border-radius:0 7px 7px 0;padding:14px 16px;margin-top:19px;font-size:12px;line-height:1.7;color:#556c5c}#wbp-demo .wbp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#wbp-demo .wbp-mini-stats>div{background:#f0f5ee;border:1px solid #dce6db;padding:16px;border-radius:10px}#wbp-demo .wbp-mini-stats span{display:block;font-size:11px;color:#58705e}#wbp-demo .wbp-mini-stats strong{display:block;font:500 26px Georgia,serif;margin-top:6px}
#wbp-demo .wbp-details{padding:16px 18px;border:1px solid var(--wbp-border);border-radius:10px;margin-top:16px;background:#fff}#wbp-demo .wbp-details summary{font-weight:800;cursor:pointer}#wbp-demo .wbp-form{margin-top:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#wbp-demo .wbp-form label{font-size:12px;font-weight:700;color:#546655;display:grid;gap:6px}#wbp-demo .wbp-full{grid-column:1/-1}#wbp-demo .wbp-form .wbp-button{width:auto}#wbp-demo .wbp-form p{font-size:11px;color:#788477}
#wbp-demo .wbp-placeholder{display:grid;justify-items:center;text-align:center;gap:12px;padding:70px 24px;background:#fff;border:1px solid var(--wbp-border);border-radius:12px}#wbp-demo .wbp-placeholder-icon{display:grid;place-items:center;font-size:27px;width:62px;height:62px;border-radius:50%;background:#ecf4ed;color:#457652}#wbp-demo .wbp-placeholder h3{font:500 24px Georgia,serif;margin:0}#wbp-demo .wbp-placeholder p{font-size:12px;max-width:540px;color:#778779;margin:0;line-height:1.8}#wbp-demo .wbp-placeholder .wbp-button-outline{border-color:#6b8e6f;color:#386646}
#wbp-demo .wbp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:19px 36px;background:#fff;border-top:1px solid var(--wbp-border);font-size:10px;color:#8e9c8f}
@media(max-width:1100px){#wbp-demo .wbp-layout{grid-template-columns:208px minmax(0,1fr)}#wbp-demo .wbp-side{padding:22px 9px}#wbp-demo .wbp-hero-glyph{width:100px;height:100px;font-size:76px}#wbp-demo .wbp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#wbp-demo .wbp-layout{display:flex;flex-direction:column}#wbp-demo .wbp-side{padding:13px 14px 9px}#wbp-demo .wbp-identity{padding:0 0 14px 3px}#wbp-demo .wbp-side-kicker,#wbp-demo .wbp-side-bottom{display:none}#wbp-demo .wbp-nav{display:flex;overflow-x:auto;gap:4px;padding:0 0 3px}#wbp-demo .wbp-nav button{flex:0 0 auto;white-space:nowrap;width:auto;padding:10px 11px}#wbp-demo .wbp-topbar{height:53px}#wbp-demo .wbp-hero{padding:22px}#wbp-demo .wbp-hero-glyph{display:none}#wbp-demo .wbp-sectiontitle{align-items:start}#wbp-demo .wbp-footer{padding:16px}#wbp-demo .wbp-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){#wbp-demo{border-radius:10px;margin:7px auto}#wbp-demo .wbp-demo-banner{font-size:10px}#wbp-demo .wbp-hero h2{font-size:30px}#wbp-demo .wbp-stats{gap:8px}#wbp-demo .wbp-stat{padding:13px}#wbp-demo .wbp-stat strong{font-size:26px}#wbp-demo .wbp-item{padding:12px 10px;gap:8px}#wbp-demo .wbp-item .wbp-tag{max-width:85px;white-space:normal;line-height:1.2;text-align:center}#wbp-demo .wbp-sectiontitle{flex-direction:column;align-items:flex-start}#wbp-demo .wbp-form{grid-template-columns:1fr}#wbp-demo .wbp-mini-stats{grid-template-columns:1fr}#wbp-demo .wbp-toolbar label{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){#wbp-demo *{scroll-behavior:auto!important}}
.wbp-gateway{max-width:1260px;margin:20px auto -2px;padding:9px 12px;border:1px solid #cadbd0;border-radius:8px;background:#edf4ec;color:#385a41;display:flex;align-items:center;gap:9px;font-size:12px}.wbp-gateway-dot{display:inline-block;background:#5a975e;width:8px;height:8px;border-radius:50%}

/* 0.3.0 – Arbeitsfluss: Freigaben, Fristen, Team */
#wbp-demo .wbp-approval-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 17px}
#wbp-demo .wbp-approval-top>div{padding:20px;background:linear-gradient(145deg,#fff,#f2f7ef);border:1px solid #dce5d9;border-radius:12px;display:grid;gap:5px}
#wbp-demo .wbp-approval-top strong{font:normal 34px Georgia,serif;color:#274635}
#wbp-demo .wbp-approval-top span{font-size:12px;font-weight:800;color:#3b5643}
#wbp-demo .wbp-approval-top small{font-size:10px;color:#7c8e81}
#wbp-demo .wbp-approval-row{display:flex;align-items:center;gap:14px;padding:19px 17px;border-bottom:1px solid #e5ebe3}
#wbp-demo .wbp-approval-row:last-child{border-bottom:0}
#wbp-demo .wbp-approval-mark{width:43px;height:45px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#edf1e8;color:#44664a;font-size:11px;font-weight:850}
#wbp-demo .wbp-approval-content{min-width:0;flex:1}#wbp-demo .wbp-approval-content strong{display:block;font-size:13px}#wbp-demo .wbp-approval-content small{display:block;color:#8b988c;font-size:10.5px;margin:4px 0 0}#wbp-demo .wbp-approval-content p{font-size:11.5px;color:#738275;margin:5px 0 0;line-height:1.65}
#wbp-demo .wbp-approval-controls{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px;max-width:240px}
#wbp-demo .wbp-small-action{border:1px solid #d0dfd0;background:#eaf3e7;color:#315943;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}#wbp-demo .wbp-small-action:hover{background:#dcebd8}#wbp-demo .wbp-action-neutral{background:#fff;color:#6e705e}
#wbp-demo .wbp-deadline-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px}#wbp-demo .wbp-deadline-strip>div{border:1px solid #d9e5d8;border-radius:12px;background:#fff;padding:22px;display:grid;gap:7px}#wbp-demo .wbp-deadline-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#a28756;font-weight:800}#wbp-demo .wbp-deadline-strip strong{font:normal 22px Georgia,serif;color:#234333}#wbp-demo .wbp-deadline-strip small{color:#819282;font-size:11px}
#wbp-demo .wbp-compact-filter{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px;color:#667869}#wbp-demo .wbp-compact-filter select{min-width:110px;width:auto;padding:7px 9px}
#wbp-demo .wbp-deadline-row{display:flex;align-items:flex-start;gap:15px;padding:19px;border-bottom:1px solid #e6eee3}#wbp-demo .wbp-deadline-row:last-child{border-bottom:0}#wbp-demo .wbp-deadline-dot{width:12px;height:12px;background:#d2b27a;border:3px solid #f6eedc;border-radius:50%;margin-top:5px;flex-shrink:0}#wbp-demo .wbp-deadline-row>div{flex:1;min-width:0}#wbp-demo .wbp-deadline-row small{color:#a08a65;font-size:10px;font-weight:800;letter-spacing:.12em}#wbp-demo .wbp-deadline-row strong{display:block;color:#314c38;font-size:12.5px;margin:5px 0}#wbp-demo .wbp-deadline-row p{font-size:11px;color:#7b897f;margin:0;line-height:1.7}
#wbp-demo .wbp-team-message{padding:24px;background:linear-gradient(115deg,#24513c,#143126);border-radius:12px;color:#eef4e9;margin-bottom:22px}#wbp-demo .wbp-team-message strong{font:normal 24px Georgia,serif}#wbp-demo .wbp-team-message p{font-size:12px;color:#c4d4c7;line-height:1.7;max-width:580px;margin:9px 0 0}
#wbp-demo .wbp-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}#wbp-demo .wbp-person{border:1px solid #dce5dc;border-radius:12px;background:#fff;padding:19px;display:grid;justify-items:start;gap:11px}#wbp-demo .wbp-person-avatar{height:44px;width:44px;border-radius:13px;display:grid;place-items:center;background:#ebf1e8;color:#2b4b34;font-weight:850;font-size:12px}#wbp-demo .wbp-person strong{font-size:12.5px;display:block;color:#284536}#wbp-demo .wbp-person small{font-size:11px;line-height:1.6;color:#829285;display:block;margin-top:5px}
@media(max-width:900px){#wbp-demo .wbp-team-grid{grid-template-columns:1fr 1fr}#wbp-demo .wbp-approval-row{flex-wrap:wrap}#wbp-demo .wbp-approval-controls{max-width:none;margin-left:58px;justify-content:flex-start}}
@media(max-width:560px){#wbp-demo .wbp-approval-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#wbp-demo .wbp-approval-top>div{padding:12px 9px}#wbp-demo .wbp-approval-top strong{font-size:26px}#wbp-demo .wbp-approval-top small{font-size:9px}#wbp-demo .wbp-deadline-strip,#wbp-demo .wbp-team-grid{grid-template-columns:1fr}#wbp-demo .wbp-approval-row{gap:10px}#wbp-demo .wbp-approval-controls{margin-left:0}#wbp-demo .wbp-team-message strong{font-size:20px}}

#wbp-demo [hidden]{display:none!important}

#wbp-demo .wbp-mobile-nav-hint{display:none}
@media(max-width:760px){#wbp-demo .wbp-mobile-nav-hint{display:block;color:#a6b7a9;font-size:10px;text-align:right;padding:5px 4px 0;letter-spacing:.025em}}