 
:root{--wk-canvas:#fafbfc;--wk-surface:#fff;--wk-mist:#f3f6f8;--wk-ink:#12222c;--wk-blue:#163cad;--wk-teal:#2b665e;--wk-ice:#dcedea;--wk-line:#cbd5dd}
body[data-editorial]{background:var(--wk-canvas);color:var(--wk-ink)}
body[data-editorial] .ws{--paper:var(--wk-mist);--ink:var(--wk-ink);--blue:var(--wk-blue)}
.site-head{background:var(--wk-canvas)}
.site-products summary,.site-mobile summary{min-height:44px;display:flex;align-items:center}
.site-product-menu a{min-height:44px}
.ws .hero-a-in{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
.ws .hero-a-in .eyebrow,.ws .hero-a-in h1{grid-column:1/-1}
.ws .hero-a .lead{padding:0;margin:24px 0 0;max-width:580px}
.ws .hero-a .ctas{position:static;margin:0;align-self:end}
.ws .hero-a .hero-source{grid-column:1/-1;font-size:12px;color:#fff;letter-spacing:0;margin:26px 0 0;opacity:.85}
.ws .hero-a a:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 5px var(--wk-blue);outline-offset:2px}
.werk-intro{background:var(--wk-canvas)}
.werk-product-image{aspect-ratio:16/9;background:var(--wk-mist)}
.werk-product-image img{object-fit:contain;transform:none!important}
.werk-product-meta{font-size:12px}
.ws .feedback-section h2{font-size:clamp(28px,3vw,42px)}
.ws .feedback-section > .w > h2{font-size:clamp(34px,4.4vw,64px)}
.ws .trust-grid h2,.ws .ew-grid h3,.ws .method-comparison h3{font-size:clamp(22px,2vw,28px);line-height:1.18;font-weight:500;overflow-wrap:anywhere}
.ws .trust-grid,.ws .ew-grid,.ws .method-comparison{gap:32px}
.ws .trust-grid article,.ws .ew-grid article,.ws .method-comparison article{padding:26px 0;border:0;border-top:1px solid var(--wk-line);background:transparent;box-shadow:none;border-radius:0}
.ws .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ws .trust-grid p,.ws .ew-grid p{max-width:52ch}
.ws .card{border-radius:0;box-shadow:none}
.ws .hd-case .hd-problem{border:0;border-top:1px solid var(--wk-line);border-bottom:1px solid var(--wk-line);border-radius:0;background:transparent}
.ws .hd-io{border:0;border-radius:0;background:transparent}
.ws .hd-engine{border-radius:0}
.ws .hx-figure,.ws .hd-detail{border-radius:0;box-shadow:none}
.ws .hd-result{border-radius:0;box-shadow:none}
.ws .ew-ico text{font-family:WerkInter,Inter,Arial,sans-serif}
.ws :is(a,button,input,textarea,summary):focus-visible,.sg .sg-textarea:focus-visible,.ws .hd-result:focus-visible{outline:3px solid var(--wk-blue);outline-offset:4px}
.ws .feedback-section:has(.core-team){background:var(--wk-canvas)}
.ws .core-team .person,.ws .advisory-team .person{border:0;padding-top:20px;border-top:1px solid var(--wk-line)}
.ws .person img{filter:none}
body[data-notes] #inhalt > section:first-child{background:var(--wk-mist);padding:clamp(64px,8vw,120px) 0 64px;border-bottom:1px solid var(--wk-line)}
body[data-notes] #inhalt > section:first-child > .absolute{display:none}
body[data-notes] #inhalt > section:first-child > .relative{max-width:1240px;text-align:left}
body[data-notes] .gold-line-center{display:none}
body[data-notes] h1{color:var(--wk-ink);font:400 clamp(38px,5.2vw,74px)/1.07 WerkInter,Inter,Arial,sans-serif;letter-spacing:-.045em;max-width:20ch}
body[data-notes] #inhalt > section:first-child p{color:#526473;margin-left:0;max-width:60ch;line-height:1.6}
body[data-notes] .notes-byline{font-size:13px;color:var(--wk-blue);margin:24px 0 0;letter-spacing:.03em}
body[data-notes] #inhalt > section:nth-child(2){background:var(--wk-canvas)}
body[data-notes="index"] #inhalt > section:nth-child(2)>div{max-width:1240px}
body[data-notes="index"] ul.space-y-10>li{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:48px;padding:30px 0 42px;border-bottom:1px solid var(--wk-line)}
body[data-notes="index"] ul.space-y-10>li>p:first-child{grid-column:1;grid-row:1/4;font-size:13px;padding-top:8px}
body[data-notes="index"] ul.space-y-10>li>:not(p:first-child){grid-column:2;max-width:68ch}
body[data-notes="index"] h2{font-size:clamp(25px,2.6vw,38px);font-weight:400;line-height:1.18;letter-spacing:-.03em}
body[data-notes] a.text-gold,body[data-notes] h2 a:hover{color:var(--wk-blue)}
body[data-notes="article"] article{background:var(--wk-canvas);padding:72px 0}
body[data-notes="article"] article>div{max-width:800px}
body[data-notes="article"] article p,body[data-notes="article"] article li{font-size:18px;line-height:1.8;color:#273c49}
body[data-notes="article"] article h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:var(--wk-ink);margin-top:56px}
body[data-notes="article"] article a{color:var(--wk-blue);text-underline-offset:4px}
@media(max-width:1050px){.ws .hero-a-in{grid-template-columns:1fr}.ws .hero-a .ctas{margin-top:26px;justify-self:start}.ws .hero-a-in{padding-top:76px}}
@media(max-width:650px){.ws .hero-a-in{padding-top:52px}.ws .hero-a{min-height:660px}.ws .hero-a .lead{font-size:17px;line-height:1.55}.ws .hero-a .hero-source{font-size:11px}.ws .trust-grid,.ws .ew-grid,.ws .method-comparison{grid-template-columns:1fr;gap:24px}.ws .trust-grid h2{font-size:26px}.ws .hx-figure{overflow-x:auto}.ws #hx-schema,.ws #hx-chart{min-width:620px}.ws .hx-play-row{position:sticky;left:0;min-width:280px}body[data-notes="index"] ul.space-y-10>li{grid-template-columns:1fr;gap:12px}body[data-notes="index"] ul.space-y-10>li>*{grid-column:1!important;grid-row:auto!important}body[data-notes="article"] article{padding:40px 0}body[data-notes="article"] article p,body[data-notes="article"] article li{font-size:17px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.ws .hd-case .hd-problem{background:var(--wk-ink);border:0}
.ws .hd-stat strong,.ws .hd-case .hd-problem b{color:#fff}
.ws .hd-stat span,.ws .hd-case .hd-problem p{color:#e6eef5}
.ws-foot h2{font-size:13px!important;letter-spacing:.08em!important;font-weight:600!important;margin-bottom:18px}
@media(max-width:650px){.ws .hd-lab{min-width:0}.ws .hx-figure{width:100%;max-width:100%;min-width:0}.ws .gen-teaser a{grid-template-columns:52px minmax(0,1fr)}.ws .gen-teaser svg{width:52px}}
body[data-notes="article"] article .bg-navy{background:var(--wk-mist);border-top:1px solid var(--wk-line);border-radius:0}
body[data-notes="article"] article .bg-navy p{color:var(--wk-ink)}
body[data-notes="article"] article a.bg-gold{background:var(--wk-blue);color:#fff;border-radius:0}
body[data-editorial] #inhalt p.text-center.text-sm.text-text-muted{color:#526473}
@media(max-width:650px){.ws .hx-figure::before{content:'Diagramm seitlich verschieben ↔';display:block;position:sticky;left:0;font-size:12px;color:#526473;padding:4px 0 14px}}
