/* A005/V15: white process journal, isolated from homepage. */
.theme-ablauf{--topic-bg:#fff;--topic-ink:#27343e;--topic-muted:#52616d;--topic-accent:#38556b;--topic-tint:#e8eef2}
.theme-ablauf main{--flow-ink:#27343e;--flow-muted:#52616d;--flow-rust:#38556b;--flow-line:#718392;--flow-paper:#fff;background:#fff;color:var(--flow-ink)}
.theme-ablauf main :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif;color:var(--flow-ink);font-weight:600;letter-spacing:-.045em}.theme-ablauf main p{line-height:1.75}.theme-ablauf main .topic-kicker{color:var(--flow-rust)}.theme-ablauf main .topic-note{color:var(--flow-muted)}
.theme-ablauf main .topic-action{color:var(--flow-rust);border-color:var(--flow-rust);max-width:100%;white-space:normal;border-radius:3px}.theme-ablauf main .topic-action:hover{background:var(--flow-rust);color:#fff}.theme-ablauf main :focus-visible{outline:3px solid var(--flow-rust);outline-offset:5px}.theme-ablauf main [hidden]{display:none!important}
.theme-ablauf .flow-opening{padding:clamp(65px,8vw,120px) 0 72px;background:#fff;border-bottom:1px solid #c1ccd3}.theme-ablauf .flow-opening-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:clamp(30px,6vw,90px);align-items:center}
.theme-ablauf .flow-opening .topic-title{font-size:clamp(46px,6.7vw,96px);max-width:15ch;line-height:1.01;margin-bottom:32px}.theme-ablauf .flow-opening .topic-lead{color:var(--flow-muted);max-width:43ch}
.theme-ablauf .flow-route{list-style:none;margin:25px 0 0;padding:28px 28px 28px 22px;background:#f1f5f7;border-left:2px solid var(--flow-rust);box-shadow:10px 13px 0 #d8e2e9,19px 25px 30px -26px #27343e70;transform:perspective(900px) rotateY(-5deg)}.theme-ablauf .flow-route li{display:flex;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid #8697a4;font-size:clamp(16px,1.65vw,22px);font-weight:500;line-height:1.4}.theme-ablauf .flow-route li:last-child{border:0}.theme-ablauf .flow-route span{font-size:12px;color:var(--flow-rust)}
.theme-ablauf .flow-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,106px);align-items:start}.theme-ablauf .flow-editorial>*{min-width:0}.theme-ablauf .flow-copy{max-width:67ch}.theme-ablauf .flow-copy>p:first-child{margin-top:0}.theme-ablauf .flow-copy p{font-size:18px;color:var(--flow-muted);margin-bottom:24px}
.theme-ablauf :is(.flow-prepare,.flow-check,.flow-verify,.flow-handoff,.flow-formats){background:#fff}.theme-ablauf .flow-verify{border-block:1px solid #d2dce2}.theme-ablauf .flow-check{padding-top:75px}
.theme-ablauf .flow-small-image{width:65%;max-width:260px;margin:35px 0 0}.theme-ablauf .flow-small-image img{display:block;width:100%;height:auto;box-shadow:7px 9px 0 #dbe4ea}.theme-ablauf .flow-small-image figcaption{margin-top:15px;font-size:12px;color:var(--flow-muted)}
.theme-ablauf .flow-rule{border-left:3px solid var(--flow-rust);padding:24px 28px;background:#f3f6f8;margin:30px 0 0}.theme-ablauf .flow-rule strong{font-size:19px}.theme-ablauf .flow-rule p{font-size:16px;margin:12px 0 0}
.theme-ablauf .flow-format-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px);margin-top:42px}.theme-ablauf .flow-format-pair article{padding:32px 0 0;border-top:3px solid var(--flow-rust)}.theme-ablauf .flow-format-pair article:nth-child(2){border-color:#38556b}.theme-ablauf .flow-format-code{display:block;font-size:clamp(60px,7vw,100px);line-height:1;color:var(--flow-rust);letter-spacing:-.07em;margin-bottom:26px}.theme-ablauf .flow-format-pair article:nth-child(2) .flow-format-code{color:#38556b}.theme-ablauf .flow-format-pair p{font-size:18px;max-width:54ch;color:var(--flow-muted)}
.theme-ablauf .flow-handoff{border-top:1px solid #d2dce2}.theme-ablauf .flow-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.theme-ablauf .flow-lab{background:#f2f5f7;padding:clamp(70px,8vw,120px) 0}
.theme-ablauf .flow-lab-head{max-width:760px;margin-bottom:44px}
.theme-ablauf .flow-lab-head h2{margin:18px 0 22px}
.theme-ablauf .flow-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:42px}
.theme-ablauf .flow-navigation button{appearance:none;border:1px solid var(--flow-line);background:#fafcfd;color:var(--flow-ink);font:500 15px/1.3 Inter,Arial,sans-serif;min-height:52px;padding:12px 22px;border-radius:30px;display:flex;align-items:center;gap:12px;cursor:pointer}
.theme-ablauf .flow-navigation button span{font-size:12px;font-variant-numeric:tabular-nums}
.theme-ablauf .flow-navigation button[aria-pressed=true]{background:var(--flow-rust);color:#fafcfd;border-color:var(--flow-rust)}
.theme-ablauf .flow-navigation button:hover{border-color:var(--flow-ink)}
.theme-ablauf .flow-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,92px);align-items:start}
.theme-ablauf .flow-speech{padding-top:34px;min-width:0}
.theme-ablauf .flow-overline{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--flow-muted)}
.theme-ablauf .flow-speech blockquote{font-size:clamp(31px,3.8vw,55px);line-height:1.14;letter-spacing:-.045em;font-weight:500;margin:26px 0 28px;padding:0;border:0;color:var(--flow-ink)}
.theme-ablauf .flow-speech blockquote span{display:block;margin-bottom:10px;text-decoration-thickness:2px;text-underline-offset:6px}
.theme-ablauf .flow-speech>p{font-size:14px;color:var(--flow-muted)}
.theme-ablauf .flow-status{margin-top:36px;padding:20px 0;border-top:1px solid var(--flow-line);min-height:110px;max-width:43ch}
.theme-ablauf .flow-status p{font-size:16px;margin:0;color:var(--flow-rust)}
.theme-ablauf .flow-document{padding:clamp(24px,3.5vw,48px);background:var(--flow-paper);color:var(--flow-ink);border:1px solid var(--flow-line);border-radius:2px;box-shadow:2px 3px 0 #dce5ec,4px 6px 0 #b9cad7,0 30px 55px -42px #27343e80;min-width:0}
.theme-ablauf .flow-document>header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--flow-line);padding-bottom:22px;margin-bottom:26px}
.theme-ablauf .flow-document-brand{font-size:21px;letter-spacing:-.055em;font-weight:600}
.theme-ablauf .flow-document-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--flow-rust)}
.theme-ablauf .flow-document h3{font-size:clamp(25px,3vw,36px);line-height:1.12;margin:0 0 12px;overflow-wrap:break-word}
.theme-ablauf .flow-document-meta{font-size:13px;color:var(--flow-muted);margin:0 0 24px}
.theme-ablauf .flow-fields{margin:0}
.theme-ablauf .flow-fields>div{padding:15px 12px;border-top:1px solid var(--flow-line);border-left:3px solid transparent;transition:background 240ms ease,border-color 240ms ease}
.theme-ablauf .flow-fields dt{font-size:12px;color:var(--flow-muted);margin-bottom:5px}
.theme-ablauf .flow-fields dd{margin:0;min-height:26px;font-size:18px;font-weight:500;line-height:1.4;color:var(--flow-ink)}
.theme-ablauf .flow-gaps{padding:20px 12px;margin-top:18px;border:1px solid var(--flow-line);background:#e9eff3;transition:background 240ms ease,border-color 240ms ease}
.theme-ablauf .flow-gaps h4{margin:0 0 15px;font-size:15px;letter-spacing:-.01em;font-weight:600}
.theme-ablauf .flow-gaps dl{margin:0}
.theme-ablauf .flow-gaps dl>div{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(52px,1fr);gap:12px;margin-top:12px;align-items:end}
.theme-ablauf .flow-gaps dt{font-size:12px;line-height:1.5;color:var(--flow-muted)}
.theme-ablauf .flow-gaps dd{margin:0;min-height:22px;border-bottom:1px solid var(--flow-line)}
.theme-ablauf .flow-document-foot{font-size:11px!important;line-height:1.55!important;color:var(--flow-muted);margin:24px 0 0}
.theme-ablauf .flow-demo[data-phase="1"] .flow-speech blockquote span{text-decoration:underline;text-decoration-color:var(--flow-rust)}
.theme-ablauf .flow-demo[data-phase="2"] .flow-fields>div{background:#dce7ef;border-left-color:var(--flow-rust)}
.theme-ablauf .flow-demo[data-phase="3"] .flow-gaps{background:#d4e2ec;border-color:var(--flow-rust)}
.theme-ablauf .flow-review-note{display:flex;gap:22px;align-items:flex-start;margin-top:48px;border-top:1px solid var(--flow-line);padding-top:24px;max-width:850px}
.theme-ablauf .flow-review-note>span{font-size:42px;line-height:1;color:var(--flow-rust)}
.theme-ablauf .flow-review-note p{font-size:17px;max-width:66ch;margin:0}
.theme-ablauf .flow-lab{background:#fff;border-block:1px solid #c1ccd3}.theme-ablauf .flow-lab-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 45px;max-width:none}.theme-ablauf .flow-lab-head .topic-kicker{grid-column:1/-1}.theme-ablauf .flow-lab-head h2{margin:0}.theme-ablauf .flow-lab-head .topic-note{align-self:end;max-width:43ch;font-size:15px}.theme-ablauf .flow-navigation{margin:45px 0 35px}.theme-ablauf .flow-navigation button{border-radius:2px}.theme-ablauf .flow-speech{padding:22px 0}.theme-ablauf .flow-speech blockquote{font-size:clamp(30px,3.2vw,46px)}.theme-ablauf .flow-document{transform:perspective(1500px) rotateY(-3deg);background:#fff}.theme-ablauf .flow-document h3{overflow-wrap:anywhere}.theme-ablauf .flow-demo[data-phase="2"] .flow-fields>div{background:#edf3f6}.theme-ablauf .flow-review-note{max-width:none}
@media(max-width:900px){.theme-ablauf .flow-opening-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:30px}.theme-ablauf .flow-route{padding:15px}.theme-ablauf .flow-composition{gap:30px}.theme-ablauf .flow-editorial{gap:35px}.theme-ablauf .flow-speech blockquote{font-size:31px}}
@media(max-width:700px){.theme-ablauf :is(.flow-opening-grid,.flow-editorial,.flow-format-pair,.flow-composition,.flow-lab-head){grid-template-columns:minmax(0,1fr)}.theme-ablauf .flow-opening .topic-title{font-size:clamp(42px,9.5vw,66px)}.theme-ablauf .flow-route{transform:none;max-width:440px;padding:15px 24px;margin-right:12px}.theme-ablauf .flow-route li{padding:13px 0}.theme-ablauf .flow-document{transform:none;margin-right:7px;max-width:calc(100% - 7px);padding:25px 20px}.theme-ablauf .flow-lab-head{gap:15px}.theme-ablauf .flow-navigation{gap:8px}.theme-ablauf .flow-navigation button{font-size:13px;padding:12px;gap:8px}.theme-ablauf .flow-status{min-height:0}.theme-ablauf .flow-small-image{width:60%;max-width:220px}.theme-ablauf .flow-copy p{font-size:17px}.theme-ablauf .flow-rule{padding:20px}.theme-ablauf .flow-format-code{font-size:66px}.theme-ablauf .flow-review-note{gap:14px}.theme-ablauf .flow-gaps dl>div{grid-template-columns:minmax(0,1fr) 55px}}
@media(max-width:359px){.theme-ablauf .flow-opening .topic-title{font-size:40px}.theme-ablauf .flow-document{padding:22px 16px}.theme-ablauf .flow-document h3{font-size:25px}.theme-ablauf .flow-gaps{padding:16px 9px}}
@media(prefers-reduced-motion:reduce){.theme-ablauf main *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.theme-ablauf :is(.flow-route,.flow-document){transform:none}}
html[data-ts-motion=reduced] .theme-ablauf main *{transition:none!important;animation:none!important}html[data-ts-motion=reduced] .theme-ablauf :is(.flow-route,.flow-document){transform:none}
@media(forced-colors:active){.theme-ablauf main{--flow-ink:CanvasText;--flow-muted:CanvasText;--flow-rust:LinkText;--flow-line:CanvasText;--flow-paper:Canvas}.theme-ablauf main :is(section,article,aside,.flow-route,.flow-gaps,.flow-fields>div){background:Canvas!important;color:CanvasText!important;box-shadow:none!important}.theme-ablauf main :is(h1,h2,h3,h4,p,a,span,dt,dd){color:CanvasText!important}.theme-ablauf .flow-navigation button{background:ButtonFace;color:ButtonText;border-color:ButtonText}.theme-ablauf .flow-navigation button[aria-pressed=true]{background:Highlight;color:HighlightText}.theme-ablauf .flow-navigation button span{color:inherit!important}.theme-ablauf main :focus-visible{outline-color:Highlight}}