/* Do4U Werkstatt: gemeinsame Tokens, progressive Gestaltung, keine externen Ressourcen. */
:root{--d4-bg:#12142a;--d4-surface:#1b1e38;--d4-raised:#242841;--d4-ink:#f2f4f7;--d4-muted:#b4b9ce;--d4-line:#3a3f5c;--d4-accent:#a7a7ff;--d4-soft:#28284a;--d4-shadow:0 20px 65px -32px #05051bd9;--d4-glow:rgba(113,99,255,.19);--d4-cool:rgba(63,172,211,.10);color-scheme:dark}
html.light{--d4-bg:#e5e8ef;--d4-surface:#eef0f5;--d4-raised:#e5e8f0;--d4-ink:#24273b;--d4-muted:#535c70;--d4-line:#c5cbd9;--d4-accent:#413bb5;--d4-soft:#dfe0f3;--d4-shadow:0 18px 52px -32px #36365c38;--d4-glow:rgba(104,92,190,.08);--d4-cool:rgba(55,138,166,.035);color-scheme:light}
body.do4u-design{background:var(--d4-bg)!important;color:var(--d4-ink)!important;line-height:1.65;background-image:radial-gradient(ellipse at 90% 0,var(--d4-glow),transparent 55%);background-repeat:no-repeat;background-size:100% 900px}
.do4u-design h1,.do4u-design h2,.do4u-design h3{letter-spacing:-.035em;line-height:1.16;text-wrap:balance}
.do4u-design h1{font-size:clamp(2rem,3.7vw,3.6rem);max-width:24ch;font-weight:700}
.do4u-design h2{line-height:1.3}.do4u-design p{ text-wrap:pretty}
.do4u-design #bp-content{min-width:0}.do4u-design #bp-content>section,.do4u-design #bp-content>div:not([hidden]){position:relative}
.do4u-design #bp-nav{background:var(--d4-surface)!important;border-bottom:1px solid var(--d4-line)!important;box-shadow:0 4px 24px -20px #191b3370}
.do4u-design #bp-nav a{transition:color .18s,background .18s,transform .18s}.do4u-design #bp-nav a[data-nav].active{color:var(--d4-accent)!important}
.do4u-design .bp-input,.do4u-design input.d4-input{background:var(--d4-raised)!important;color:var(--d4-ink)!important;border:1px solid var(--d4-line)!important;border-radius:10px;padding:.72rem .9rem;font-size:1rem;min-height:46px;transition:border-color .18s,box-shadow .18s}
.do4u-design .bp-input::placeholder{color:var(--d4-muted);opacity:.85}.do4u-design .bp-input:focus{outline:2px solid var(--d4-accent);outline-offset:2px;border-color:var(--d4-accent)!important;box-shadow:0 0 0 5px var(--d4-soft)}
.do4u-design textarea.bp-input{line-height:1.7;resize:vertical}.do4u-design input[type=checkbox],.do4u-design input[type=radio]{accent-color:#3b3bf5}
.do4u-design :is(button,a).bg-accent-600,.do4u-design :is(button,a).bg-accent-500,.do4u-design .d4-primary{background:linear-gradient(115deg,#3434d9,#4c36df 65%,#5531c9)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 17px -9px #3b3bf5a0;transition:transform .2s,box-shadow .2s,filter .2s;position:relative;isolation:isolate}
.do4u-design :is(button,a).bg-accent-600:hover,.do4u-design .d4-primary:hover{transform:translateY(-2px);box-shadow:0 10px 23px -10px #3b3bf5b0;filter:brightness(1.06)}
.do4u-design button:disabled{transform:none!important;filter:none;opacity:.65;cursor:wait}
.do4u-design :focus-visible{outline:3px solid var(--d4-accent);outline-offset:3px}
.do4u-design .bg-corporate-800{background-color:var(--d4-surface)!important;border-color:var(--d4-line)!important}.do4u-design .bg-corporate-700{background-color:var(--d4-raised)!important}
.do4u-design .text-gray-400,.do4u-design .text-gray-500{color:var(--d4-muted)!important}.do4u-design .text-accent-400{color:var(--d4-accent)!important}
.do4u-design .prose-bp{max-width:75ch}.do4u-design pre{background:var(--d4-surface)!important;border:1px solid var(--d4-line)!important;border-radius:14px;max-width:100%;tab-size:2}.do4u-design pre code{font-size:.84rem}
.do4u-design table{font-variant-numeric:tabular-nums}.do4u-design th{font-size:.8rem;letter-spacing:.025em}.do4u-design tbody tr{transition:background .18s}.do4u-design tbody tr:hover{background:var(--d4-soft)}
.do4u-design footer{background:var(--d4-surface)!important;border-top:1px solid var(--d4-line)!important;position:relative}.do4u-design footer:before{content:'';display:block;position:absolute;inset:0 20% auto;height:2px;background:linear-gradient(90deg,transparent,#6868ff,transparent)}
.d4-skip{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 18px;background:var(--d4-surface);color:var(--d4-ink);transform:translateY(-150%);border:2px solid var(--d4-accent);border-radius:10px}.d4-skip:focus{transform:none}
.d4-app-nav{display:flex;flex-wrap:wrap;gap:6px;padding:14px max(24px,calc((100% - 1216px)/2));border-bottom:1px solid var(--d4-line);background:var(--d4-surface)}
.d4-app-nav a{font-size:.87rem;padding:8px 13px;border-radius:9px;text-decoration:none;color:var(--d4-muted);white-space:nowrap}.d4-app-nav a:hover,.d4-app-nav a[aria-current=page]{background:var(--d4-soft);color:var(--d4-accent)}
.d4-eyebrow{font-size:.72rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--d4-accent)!important;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.d4-eyebrow:before{content:'';height:7px;width:7px;background:#ffd23f;border-radius:50%;flex:none;box-shadow:0 0 16px #ffd23f55}
.d4-hero{isolation:isolate;position:relative;overflow:hidden}.d4-hero:before{content:'';position:absolute;inset:-15% -15% 0 20%;background:radial-gradient(ellipse at 70% 25%,var(--d4-glow),transparent 58%),radial-gradient(ellipse at 25% 70%,var(--d4-cool),transparent 50%);z-index:-1;animation:d4-aurora 4s ease-out both;pointer-events:none}
.d4-hero-grid{max-width:1280px;margin:auto;padding:84px 32px 48px;display:grid;grid-template-columns:1.08fr 1fr;gap:36px 64px;align-items:center}
.do4u-design .d4-hero h1{font-size:clamp(2.8rem,5vw,4.65rem);line-height:1.035;letter-spacing:-.055em;margin-bottom:26px;max-width:13ch}
.d4-hero h1 span{color:var(--d4-accent)!important;background:linear-gradient(110deg,var(--d4-accent) 15%,#9974ed 65%,var(--d4-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:180% 100%;animation:d4-ink 3s ease-out 1}
html.light .d4-hero h1 span{background-image:linear-gradient(110deg,#3434d9 10%,#7537b8 65%,#3434d9)}
.d4-hero-copy>p:not(.d4-eyebrow){max-width:47ch}.d4-hero-copy{animation:d4-enter .65s ease-out both}.d4-hero .do4u-demo{background:var(--d4-surface)!important;border:1px solid var(--d4-line)!important;box-shadow:var(--d4-shadow);position:relative;isolation:isolate;animation:d4-enter .8s .1s ease-out both}
.d4-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--d4-line);font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--d4-muted)}
.d4-demo-dots{display:flex;gap:5px}.d4-demo-dots i{height:6px;width:6px;border-radius:50%;background:var(--d4-line)}.d4-demo-dots i:last-child{background:#ffd23f}
.d4-demo-example{background:var(--d4-soft);color:var(--d4-accent);border:0;border-radius:7px;padding:7px 11px;font-size:.78rem;margin-bottom:16px;min-height:36px}
.d4-check-entry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:25px 30px!important;margin-top:4px!important;border-radius:16px!important;box-shadow:none!important;background:var(--d4-surface)!important}.d4-check-entry h2{font-size:1.3rem;margin:0 0 6px}.d4-check-entry p{font-size:.9rem;color:var(--d4-muted);margin:0}
.d4-proofline{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:.8rem;color:var(--d4-muted);margin-top:25px}.d4-proofline span:before{content:'✓';margin-right:7px;color:var(--d4-accent)}
.d4-finder{margin:20px 0}.d4-finder>label{font-size:.82rem;font-weight:700;display:block;margin-bottom:8px}.d4-search-field{display:flex;align-items:center;gap:10px;background:var(--d4-surface);border:1px solid var(--d4-line);border-radius:11px;padding:0 14px}.d4-search-field:focus-within{outline:2px solid var(--d4-accent);outline-offset:2px}.d4-search-field>span{font-size:1.5rem;color:var(--d4-accent)}.d4-search-field input{background:transparent;border:0;color:var(--d4-ink);padding:13px 0;width:100%;min-width:0;font-size:1rem;outline:none!important;box-shadow:none!important}.d4-search-field input::placeholder{color:var(--d4-muted)}
.d4-categories{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.d4-categories button{background:transparent;color:var(--d4-muted);border:1px solid var(--d4-line);border-radius:8px;padding:9px 12px;font-size:.82rem;transition:background .2s,color .2s}.d4-categories button:hover,.d4-categories button[aria-pressed=true]{background:var(--d4-soft);color:var(--d4-accent);border-color:var(--d4-accent)}
.d4-search-empty{padding:18px;border:1px dashed var(--d4-line);border-radius:10px;color:var(--d4-muted)}
.do4u-design .d4-catalog{display:block!important;list-style:none;padding:0;margin:28px 0}.do4u-design .d4-catalog>li{display:grid!important;grid-template-columns:minmax(180px,.9fr) minmax(230px,1.4fr) minmax(120px,.7fr);align-items:center;gap:24px;border:0!important;border-bottom:1px solid var(--d4-line)!important;border-radius:0!important;padding:24px 16px!important;background:transparent!important;box-shadow:none;transition:background .2s,transform .2s}.do4u-design .d4-catalog>li:first-child{border-top:1px solid var(--d4-line)!important}.do4u-design .d4-catalog>li:hover{background:var(--d4-soft)!important;transform:translateX(3px)}.do4u-design .d4-catalog>li[hidden]{display:none!important}.d4-catalog h2{font-size:1.15rem;margin:0!important}.d4-catalog p{margin:0!important;font-size:.93rem}.d4-catalog p:last-child{font-size:.8rem;text-align:right;color:var(--d4-muted)}
.d4-workbench{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;margin-top:28px}.d4-tool-sidebar{background:var(--d4-surface);border:1px solid var(--d4-line);border-radius:16px;padding:16px;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-gutter:stable}.d4-tool-sidebar .d4-finder{margin:0 0 14px}.d4-tool-sidebar .d4-search-field{padding:0 8px}.d4-tool-sidebar .d4-search-field input{font-size:.9rem}.d4-tool-sidebar .d4-categories{gap:4px}.d4-tool-sidebar .d4-categories button{padding:6px 7px;font-size:.7rem}.do4u-design .d4-tool-list{display:flex;flex-direction:column;gap:4px;margin:0!important}.do4u-design .d4-tool-list>*{text-align:left;border:0!important;border-radius:9px!important;font-size:.88rem;padding:10px 12px;line-height:1.4;font-weight:400;white-space:normal;color:var(--d4-muted)}.do4u-design .d4-tool-list>[aria-selected=true]{background:var(--d4-soft)!important;color:var(--d4-accent)!important;font-weight:700;box-shadow:inset 3px 0 var(--d4-accent)}.do4u-design .d4-tool-list>:hover{background:var(--d4-soft)!important}
.d4-tool-content{min-width:0}.d4-tool-heading{padding:8px 4px 22px}.d4-tool-heading h2{font-size:1.7rem;margin:0 0 8px}.d4-tool-heading p{color:var(--d4-muted);font-size:.85rem;margin:0}.d4-tool-heading .d4-step-line{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:.73rem;letter-spacing:.02em;margin-top:18px;border-top:1px solid var(--d4-line);padding-top:15px;color:var(--d4-muted)}.d4-step-line span:first-child{color:var(--d4-accent)}
.do4u-design .d4-tool-content form[data-do4u-panel]{border:1px solid var(--d4-line)!important;border-radius:18px;box-shadow:var(--d4-shadow);padding:28px;background:var(--d4-surface)!important}.do4u-design [data-do4u-ergebnis]:not([hidden]){margin-top:26px;padding:24px;border:1px solid var(--d4-line);border-inline-start:3px solid var(--d4-accent);border-radius:12px;background:var(--d4-raised);animation:d4-result .45s ease-out}.do4u-design [data-do4u-ergebnis] h3{font-size:1.15rem}.do4u-design [data-do4u-ergebnis] button{min-height:36px}
.d4-history{grid-column:1/-1;padding-top:16px;scroll-margin-top:100px}.d4-history h2{margin-top:20px!important}.d4-balance-line{padding:16px 20px;border:1px solid var(--d4-line);border-radius:12px;background:var(--d4-surface);font-size:.9rem}
.d4-dashboard-start{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:35px;border:1px solid var(--d4-line);border-radius:20px;background:radial-gradient(ellipse at 100% 0,var(--d4-glow),transparent 65%),var(--d4-surface);margin-bottom:32px;box-shadow:var(--d4-shadow)}.d4-dashboard-start h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 12px;max-width:23ch}.d4-dashboard-start p{color:var(--d4-muted);margin:0 0 22px}.d4-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:700;border:0}.d4-quicklinks{display:grid;gap:0}.d4-quicklinks a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--d4-ink);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--d4-line);font-size:.95rem}.d4-quicklinks a:hover{color:var(--d4-accent)}
.d4-recent-list{list-style:none;padding:0;margin:0 0 35px}.d4-recent-list li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--d4-line)}.d4-recent-list a{color:var(--d4-accent);text-decoration:none}.d4-recent-list small{color:var(--d4-muted)}.d4-empty-state{padding:28px;border:1px dashed var(--d4-line);border-radius:15px;margin-bottom:32px;color:var(--d4-muted)}
.d4-account-details{border:1px solid var(--d4-line);border-radius:16px;background:var(--d4-surface);padding:22px}.d4-account-details>summary{font-weight:700;font-size:1.05rem;cursor:pointer}.d4-account-details[open]>summary{margin-bottom:24px}
.d4-doc-toc{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-block:1px solid var(--d4-line);margin:24px 0}.d4-doc-toc a{font-size:.85rem;color:var(--d4-accent);background:var(--d4-soft);padding:7px 11px;border-radius:8px;text-decoration:none}.d4-doc-toc a:hover{text-decoration:underline}
.d4-motion-wrap{max-width:1216px;margin:25px auto 0;padding:0 24px}.d4-motion-wrap button{font-size:.78rem;color:var(--d4-muted);border:1px solid var(--d4-line);border-radius:8px;padding:8px 12px;background:transparent;min-height:36px}.d4-motion-wrap button[aria-pressed=true]{background:var(--d4-soft);color:var(--d4-accent)}
.d4-reveal{animation:d4-enter .55s cubic-bezier(.2,.7,.3,1) both}.d4-route-admin{--d4-shadow:none}.d4-route-admin #bp-content h1{font-size:2.2rem}.d4-route-admin .bp-input{font-size:.9rem;min-height:40px;padding:.55rem .75rem}.d4-route-admin .d4-app-nav{display:none}
.d4-route-login #bp-content,.d4-route-register #bp-content{background:radial-gradient(ellipse at 20% 25%,var(--d4-glow),transparent 60%)}
@keyframes d4-enter{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes d4-result{from{transform:translateY(7px);opacity:.55}to{transform:none;opacity:1}}@keyframes d4-aurora{from{transform:translate3d(-2%,2%,0) scale(.95);opacity:.3}to{transform:none;opacity:1}}@keyframes d4-ink{from{background-position:100% 0}to{background-position:0 0}}
@media(min-width:1100px){.d4-tools-page{max-width:1280px!important}.do4u-design .d4-catalog-page{max-width:1180px!important}}
@media(max-width:900px){.d4-hero-grid{padding:50px 24px 32px;gap:30px;grid-template-columns:1fr}.do4u-design .d4-hero h1{max-width:18ch}.d4-check-entry{grid-template-columns:1fr;gap:20px}.d4-workbench{grid-template-columns:220px minmax(0,1fr);gap:18px}.do4u-design .d4-catalog>li{grid-template-columns:1fr 1.4fr}.d4-catalog p:last-child{grid-column:2;text-align:left}.d4-dashboard-start{gap:25px;padding:25px}}
@media(max-width:700px){.d4-workbench{grid-template-columns:1fr}.d4-tool-sidebar{position:static;max-height:none}.do4u-design .d4-tool-list{display:grid;grid-template-columns:1fr 1fr}.d4-tool-content form[data-do4u-panel]{padding:20px!important}.d4-tool-heading{padding:8px 0 18px}.d4-dashboard-start{grid-template-columns:1fr}.d4-app-nav{padding:10px 16px;gap:2px}.d4-app-nav a{padding:8px 9px;font-size:.78rem}.do4u-design .d4-catalog>li{grid-template-columns:1fr;gap:9px;padding:20px 8px!important}.d4-catalog p:last-child{grid-column:auto}.do4u-design h1{font-size:2.3rem}.d4-hero .do4u-demo{padding:20px}.d4-hero h1 span{-webkit-text-fill-color:initial;background:none;color:var(--d4-accent)!important}.do4u-design [data-do4u-ergebnis]:not([hidden]){padding:18px}.do4u-design .responsive-table td:before{font-size:.75rem;white-space:normal;max-width:45%}.do4u-design :is(button,a).bg-accent-600{min-height:44px}.d4-categories button{min-height:40px}.d4-demo-example{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.do4u-design *,.do4u-design *:before,.do4u-design *:after{animation:none!important;transition:none!important}.do4u-design :is(button,a):hover{transform:none!important}}
html.d4-reduce{scroll-behavior:auto!important}html.d4-reduce .do4u-design *,html.d4-reduce .do4u-design *:before,html.d4-reduce .do4u-design *:after{animation:none!important;transition:none!important}html.d4-reduce .do4u-design :is(button,a):hover{transform:none!important}
@media print{body.do4u-design{background:#fff!important;color:#111!important}.d4-app-nav,.d4-motion-wrap,.d4-tool-sidebar,.d4-skip{display:none!important}.do4u-design *{box-shadow:none!important;animation:none!important}.do4u-design #bp-content{max-width:none!important}.d4-workbench{display:block}}

/* Getrennte Eingabe und Ausgabe; Formulare bleiben funktional ein Ganzes. */
.do4u-design .d4-tool-content form[data-do4u-panel]{padding:0!important;overflow:clip}.d4-input-pane{padding:26px;min-width:0}.d4-input-pane>*+*{margin-top:16px}.d4-output-pane{padding:26px;border-top:1px solid var(--d4-line);background:var(--d4-raised);min-width:0;margin:0!important}.d4-output-pane>h3{font-size:1.05rem;margin:0 0 18px;color:var(--d4-accent)}.d4-output-placeholder{color:var(--d4-muted);font-size:.9rem;min-height:100px;padding:25px 0}.do4u-design .d4-output-pane [data-do4u-ergebnis]:not([hidden]){padding:0;border:0;background:none;margin:0}.d4-auth-panel{box-shadow:var(--d4-shadow)!important;position:relative;border-top:3px solid var(--d4-accent)!important}.d4-auth-panel h1{font-size:2rem;max-width:none}.d4-auth-stage{background:radial-gradient(ellipse at 20% 30%,var(--d4-glow),transparent 55%)}.d4-credit-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 25px;padding:20px 0;border-block:1px solid var(--d4-line)}.d4-credit-breakdown dt,.d4-credit-breakdown small{color:var(--d4-muted);font-size:.85rem}.d4-credit-breakdown dd{font:700 2.1rem 'Bricolage Grotesque',sans-serif;margin:5px 0;color:var(--d4-accent)}
@media(min-width:1200px){.d4-tools-page{max-width:1480px!important}.d4-tool-content form[data-do4u-panel]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.d4-output-pane{border-top:0;border-inline-start:1px solid var(--d4-line);min-height:100%;height:100%}}
@media(max-width:700px){.d4-input-pane,.d4-output-pane{padding:20px}.do4u-design .d4-tool-content form[data-do4u-panel]{padding:0!important}.d4-tool-list{max-height:260px;overflow-y:auto}.d4-credit-breakdown{gap:12px}}

@media(max-width:700px){html.light .d4-hero h1 span,.d4-hero h1 span{background:none!important;-webkit-text-fill-color:var(--d4-accent);color:var(--d4-accent)!important}}

.d4-tool-external{margin-top:14px!important;padding-top:12px;border-top:1px solid var(--d4-line)}
@media print{.d4-hero h1 span{background:none!important;-webkit-text-fill-color:currentColor!important}.d4-output-pane,.d4-input-pane{padding:0;border:0}.do4u-design footer,.do4u-design #bp-nav{display:none!important}}

/* Nutzerwunsch: helles Thema auch im dunklen Raum angenehm, ohne reinweisse Flaechen. */
html.light .do4u-design .bg-corporate-800,html.light .do4u-design .bg-corporate-900{background-color:var(--d4-surface)!important;border-color:var(--d4-line)!important}
html.light .do4u-design .bg-corporate-700,html.light .do4u-design .bg-white\/5{background-color:var(--d4-raised)!important}
html.light .do4u-design .bg-white\/10{background-color:var(--d4-soft)!important}
html.light .do4u-design .text-white,html.light .do4u-design .text-gray-100,html.light .do4u-design .text-gray-200{color:var(--d4-ink)!important}
html.light .do4u-design :is(a,button).bg-accent-600,html.light .do4u-design :is(a,button).bg-accent-500,html.light .do4u-design .d4-primary{color:#fff!important;background:linear-gradient(115deg,#3d38ba,#4c36bf 65%,#593aaf)!important}
html.light .do4u-design .d4-tool-list>[aria-selected=true]{background:var(--d4-soft)!important;color:var(--d4-accent)!important;border-color:transparent!important}
html.light .do4u-design .d4-hero h1 span{background-image:linear-gradient(110deg,#3c39af,#71468f 65%,#3c39af)}
html.light .do4u-design .responsive-table tr{background:var(--d4-surface)!important}html.light .do4u-design .responsive-table td:last-child{background:var(--d4-raised)!important}
html.light .do4u-design #bp-nav a:hover{background-color:var(--d4-soft)!important}
.do4u-design .d4-tools-page{padding-top:28px;padding-bottom:40px}.d4-tools-page>h1{font-size:clamp(2rem,3.2vw,3rem)}.d4-tools-page>.d4-balance-line{margin-bottom:16px}.d4-tools-page>.d4-eyebrow{margin-bottom:10px}.d4-workbench{margin-top:18px}.d4-input-pane textarea[rows="9"]{height:185px;min-height:140px}
.do4u-design #bp-admin-nav{background:var(--d4-surface)!important;border-color:var(--d4-line)!important}.do4u-design .bp-admin-item{color:var(--d4-muted)!important}.do4u-design .bp-admin-item.aktiv{background:var(--d4-soft)!important;color:var(--d4-accent)!important;border-color:var(--d4-line)!important;box-shadow:inset 3px 0 var(--d4-accent)}
@media(max-width:700px){html.light .do4u-design .d4-hero h1 span{background:none!important;-webkit-text-fill-color:var(--d4-accent)}}

.d4-tool-heading{scroll-margin-top:86px}

html.light body.do4u-design{background-color:var(--d4-bg)!important}
html.light .do4u-design .d4-catalog>li{background:transparent!important}
html.light .do4u-design .d4-catalog>li:hover{background:var(--d4-soft)!important}

/* Runde 2: Orientierung, persoenliche Auswahl und klare Kosten. */
.d4-personal-filters{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--d4-line);margin-top:16px;padding-top:12px}
.d4-personal-filters button{font-size:.82rem;padding:8px 10px;min-height:40px;border-radius:8px;border:1px solid transparent;color:var(--d4-muted);background:none}
.d4-personal-filters button[aria-pressed=true]{color:var(--d4-accent);background:var(--d4-soft);border-color:var(--d4-line)}
[data-d4-count],[data-d4-view-count]{display:inline-block;min-width:1.4em;padding:0 4px;margin-inline-start:4px;border-radius:4px;background:var(--d4-raised);font-variant-numeric:tabular-nums;color:var(--d4-muted);font-size:.85em}
.d4-filter-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:.8rem;color:var(--d4-muted)}
.d4-filter-summary button{color:var(--d4-accent);text-decoration:underline;text-underline-offset:3px;min-height:36px;background:none;border:0}
.d4-preference-note{font-size:.73rem;line-height:1.5;color:var(--d4-muted);margin:12px 0 0;max-width:70ch}
.d4-tool-icon{width:24px;height:24px;flex:none;color:var(--d4-accent)}
.d4-catalog h2 a{display:flex;align-items:center;gap:10px}.d4-catalog h2 a span:not(.d4-row-arrow){min-width:0;overflow-wrap:anywhere}.d4-row-arrow{color:var(--d4-accent);font-size:.9em;margin-inline-start:auto}
.do4u-design .d4-catalog>li{position:relative;grid-template-columns:minmax(180px,1fr) minmax(200px,1.3fr) minmax(130px,.7fr);gap:12px 24px}
.d4-catalog>li>p:last-of-type{font-size:.8rem;color:var(--d4-muted);text-align:right}
.d4-catalog-actions{grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.d4-catalog-actions>a{color:var(--d4-accent);font-size:.82rem;text-decoration:none;padding:8px 0;min-height:40px}.d4-catalog-actions>a:hover{text-decoration:underline}
.do4u-design .d4-catalog>li:focus-within{background:var(--d4-soft)!important;border-radius:10px!important}
.d4-favorite{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--d4-line);border-radius:10px;background:var(--d4-surface);color:var(--d4-muted);font-size:1.45rem;cursor:pointer;transition:background .18s,transform .18s}
.d4-favorite:hover,.d4-favorite[aria-pressed=true]{background:var(--d4-soft);color:var(--d4-accent);border-color:var(--d4-accent)}.d4-favorite:active{transform:scale(.94)}
.d4-current-favorite{float:right;margin:0 0 10px 12px}.d4-favorite-status{position:fixed;bottom:20px;right:20px;max-width:min(360px,calc(100vw - 40px));background:var(--d4-surface);border:1px solid var(--d4-line);border-inline-start:3px solid var(--d4-accent);border-radius:10px;padding:12px 18px;box-shadow:var(--d4-shadow);z-index:50;font-size:.85rem;pointer-events:none}
.d4-dashboard-favorites{padding:24px;border:1px solid var(--d4-line);border-radius:16px;margin-bottom:32px;background:var(--d4-surface)}.d4-dashboard-favorites h2,.d4-next-step h2{font-size:1.2rem;margin:0 0 8px}.d4-dashboard-favorites .d4-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.d4-dashboard-favorites .d4-quicklinks a{justify-content:flex-start}.d4-dashboard-favorites .d4-quicklinks a>span:last-child{margin-left:auto}
.d4-quicklinks h3{font-size:.85rem;color:var(--d4-muted);font-weight:400;margin:0 0 10px}.d4-next-step{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:28px 0;padding:24px 0;border-top:1px solid var(--d4-line)}.d4-next-step p{font-size:.9rem;color:var(--d4-muted);margin:0}.d4-next-step a{flex:none}
.d4-hero-short{display:none}.d4-sample-result{margin-top:24px;padding:16px 18px;border:1px solid var(--d4-line);border-inline-start:3px solid var(--d4-accent);border-radius:12px;background:var(--d4-surface);max-width:48ch}.d4-sample-result strong{display:block;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;color:var(--d4-muted)}.d4-sample-result p{font-size:.92rem;line-height:1.6;margin:8px 0}.d4-sample-result a{color:var(--d4-accent);font-size:.8rem}
.d4-pricing-lead{font-size:1.1rem;font-weight:700;margin:0 0 22px;color:var(--d4-accent)}
.d4-pricing-table-wrap{border:1px solid var(--d4-line);border-radius:18px;overflow:hidden;background:var(--d4-surface)}
.do4u-design .d4-pricing-table th,.do4u-design .d4-pricing-table td{padding:20px!important;vertical-align:top}.do4u-design .d4-pricing-table thead{background:var(--d4-raised)}.do4u-design .d4-pricing-table th[scope=row]{font-size:1.1rem;width:20%;letter-spacing:0}.do4u-design .d4-pricing-table td:nth-child(2){font-size:1.6rem;color:var(--d4-accent)!important}.do4u-design .d4-pricing-table td:nth-child(3){font-weight:700}.do4u-design .d4-pricing-table td:last-child{font-size:.9rem;line-height:1.6}
.d4-plan-kind{display:block;font:400 .75rem/1.5 'Atkinson Hyperlegible',sans-serif;color:var(--d4-muted);margin-top:5px}.d4-plan-action{display:block;width:fit-content;margin-top:10px;color:var(--d4-accent);font-weight:700;padding:7px 0;min-height:36px;text-decoration:none}.d4-plan-action:hover{text-decoration:underline}
.d4-cost-examples{margin-top:32px;padding:26px;border:1px solid var(--d4-line);border-radius:18px;background:linear-gradient(125deg,var(--d4-soft),transparent 65%)}.d4-cost-examples h2{font-size:1.5rem;margin:0 0 10px}.d4-cost-examples>p{font-size:.9rem;color:var(--d4-muted);max-width:70ch}.d4-cost-examples ul{list-style:none;padding:0;margin:20px 0}.d4-cost-examples li{display:grid;grid-template-columns:24px 1fr minmax(130px,.6fr);gap:16px;padding:17px 0;border-bottom:1px solid var(--d4-line);align-items:start}.d4-cost-examples li p{font-size:.85rem;color:var(--d4-muted);margin:4px 0 0}.d4-cost-examples li>span{font-weight:700;font-size:.9rem;text-align:right}.d4-cost-examples>a{color:var(--d4-accent);font-size:.9rem}
@media(max-width:900px){.do4u-design .d4-catalog>li{grid-template-columns:1fr 1.3fr}.d4-catalog>li>p:last-of-type{grid-column:2;text-align:left}.d4-catalog-actions{grid-column:2}.do4u-design .d4-pricing-table th,.do4u-design .d4-pricing-table td{padding:14px!important}}
@media(max-width:767px){.d4-pricing-table-wrap{border:0;background:none;overflow:visible}.do4u-design .d4-pricing-table th[scope=row]{width:auto;padding:18px 16px!important;border-top:3px solid var(--d4-accent);border-radius:12px 12px 0 0}.do4u-design .d4-pricing-table tbody tr{margin-bottom:18px;border:1px solid var(--d4-line);border-radius:12px;overflow:hidden}.do4u-design .d4-pricing-table td{padding:12px 16px!important}.do4u-design .d4-pricing-table td:nth-child(2){font-size:1.45rem}.d4-plan-action{margin-left:auto}.d4-plan-kind{font-size:.8rem}}
@media(max-width:700px){.d4-hero-grid{padding:28px 20px 30px;gap:24px}.d4-hero-copy .d4-eyebrow{font-size:.62rem!important;margin-bottom:12px}.do4u-design .d4-hero h1{font-size:clamp(2.05rem,8.8vw,2.8rem);max-width:20ch;margin-bottom:14px}.d4-hero-long{display:none}.d4-hero-short{display:inline}.d4-hero-copy>p:not(.d4-eyebrow){font-size:1rem;line-height:1.6;margin-bottom:18px}.d4-hero-copy>.flex{display:grid;grid-template-columns:1fr 1fr;gap:8px}.d4-hero-copy>.flex>a{font-size:.8rem;padding:10px 8px;min-height:44px}.d4-proofline{font-size:.72rem;gap:7px;margin-top:14px}.d4-sample-result{margin-top:18px;padding:12px 14px}.d4-sample-result p{font-size:.85rem}.d4-sample-result a{display:none}.d4-hero .do4u-demo textarea{min-height:7rem}
.do4u-design .d4-catalog>li{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 8px!important}.d4-catalog>li>p:last-of-type,.d4-catalog-actions{grid-column:1;text-align:left}.d4-catalog-actions{justify-content:space-between}.d4-catalog h2 a{font-size:1.05rem}.d4-dashboard-favorites .d4-quicklinks{grid-template-columns:1fr}.d4-next-step{flex-direction:column;align-items:stretch}.d4-cost-examples{padding:20px}.d4-cost-examples li{grid-template-columns:24px minmax(0,1fr);gap:10px}.d4-cost-examples li>span{grid-column:2;text-align:left}.d4-tool-sidebar .d4-personal-filters button{font-size:.75rem;padding:7px}.d4-tool-sidebar .d4-preference-note{font-size:.7rem}.d4-tool-sidebar .d4-categories{gap:6px}.d4-tool-sidebar .d4-categories button{min-height:40px}}
/* Verhindert, dass Layoutregeln das native hidden-Attribut ueberstimmen. */
.do4u-design [data-d4-enhanced][hidden],.do4u-design .d4-favorite[hidden],.do4u-design [data-d4-favorite-link][hidden],.do4u-design [data-d4-dashboard-favorites][hidden],.do4u-design [data-d4-reset][hidden]{display:none!important}
@media print{.d4-favorite,.d4-favorite-status,.d4-personal-filters,.d4-filter-summary,.d4-catalog-actions,.d4-plan-action{display:none!important}}

@media(max-width:700px){.d4-categories{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 2px 9px;scrollbar-width:thin}.d4-categories button{flex:none;white-space:nowrap}.d4-personal-filters{gap:2px;flex-wrap:wrap}.d4-personal-filters button{font-size:.73rem;padding:7px 6px}.d4-personal-filters [data-d4-view-count]{margin-left:2px;padding:0 2px}.d4-finder{min-width:0}}

.d4-next-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.d4-next-links a{font-size:.85rem;color:var(--d4-accent);background:var(--d4-soft);padding:8px 12px;border-radius:8px;text-decoration:none}.d4-next-links a:hover{text-decoration:underline}
.do4u-design [data-d4-finder][hidden]{display:none!important}

@media(max-width:767px){.do4u-design .d4-pricing-table th[scope=row]{display:block!important;width:100%!important;box-sizing:border-box}.do4u-design .d4-pricing-table td:last-child{display:grid!important;grid-template-columns:minmax(70px,.38fr) minmax(0,1fr);gap:8px;text-align:left!important}.do4u-design .d4-pricing-table td:last-child:before{grid-column:1;max-width:none;width:auto;align-self:start}.d4-pricing-table .d4-plan-benefits{grid-column:2;min-width:0}.d4-pricing-table .d4-plan-action{grid-column:2;margin:0;min-width:0}}

/* G8/G10 (Claude Code, 28.10.2026): Meine Websites (/websites, Feld in der Werkstatt) und Dein Start (Dashboard, /start, Katalog).
   Nur Ergaenzungen mit den vorhandenen Farbwerten --d4-*; hell/dunkel ueber dieselben Variablen, ab 320 px einspaltig. */
.d4-site-pick{border:1px solid var(--d4-line);border-radius:14px;background:var(--d4-surface);padding:14px 18px;margin:0 0 18px}
.d4-site-pick-title{font-size:.85rem;font-weight:700;margin:0 0 8px}
.d4-site-pick-row{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}.d4-site-pick-row input{flex:1 1 220px;min-width:0}
.d4-site-pick-link{font-size:.85rem;color:var(--d4-accent);text-decoration:none;white-space:nowrap}.d4-site-pick-link:hover{text-decoration:underline}
.d4-site-pick-help{font-size:.78rem;color:var(--d4-muted);margin:8px 0 0}
.d4-site-pick-note{font-size:.85rem;margin:10px 0 0;padding:9px 12px;border-radius:9px;background:var(--d4-soft);color:var(--d4-accent)}
.d4-sites-privacy{font-size:.85rem;color:var(--d4-muted);max-width:75ch;padding:12px 16px;border:1px solid var(--d4-line);border-radius:12px;background:var(--d4-surface);margin:0 0 24px}
.d4-site-list{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.d4-site-card{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--d4-line);border-radius:16px;background:var(--d4-surface);box-shadow:var(--d4-shadow);min-width:0}
.d4-site-card-head h2{font-size:1.15rem;margin:2px 0 0;overflow-wrap:anywhere}.d4-site-card-head a{color:var(--d4-ink);text-decoration:none}.d4-site-card-head a:hover{color:var(--d4-accent)}
.d4-site-kind{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--d4-accent)}
.d4-site-meta,.d4-site-tools,.d4-site-watch{font-size:.83rem;color:var(--d4-muted);margin:0}
.d4-site-watch a{color:var(--d4-accent)}.d4-site-watch-box{padding:10px 14px;border-radius:10px;background:var(--d4-soft);margin:0 0 20px}
.d4-site-open{margin-top:auto;padding-top:8px;font-size:.88rem;font-weight:700;color:var(--d4-accent);text-decoration:none}.d4-site-open:hover{text-decoration:underline}
.d4-sites-unassigned{margin:12px 0 32px}.d4-sites-unassigned h2,.d4-sites-bar h2,.d4-compare h2{font-size:1.2rem;margin:0 0 8px}
.d4-sites-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:end;justify-content:space-between;margin:8px 0 12px}
.d4-sites-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.d4-sites-filter label{font-size:.85rem;color:var(--d4-muted)}.d4-sites-filter select{min-width:0;max-width:100%}
.d4-run-list{list-style:none;padding:0;margin:0 0 18px}
.d4-run{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--d4-line)}
.d4-run-main{display:flex;flex-direction:column;gap:2px;min-width:0}.d4-run-main small{color:var(--d4-muted);font-size:.8rem}
.d4-run-figure{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.d4-run-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.d4-run-btn{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:8px;border:1px solid var(--d4-line);background:transparent;color:var(--d4-ink);font-size:.82rem;text-decoration:none;cursor:pointer}
.d4-run-btn:hover{background:var(--d4-soft);color:var(--d4-accent)}
.d4-run-link{background:none;border:0;padding:6px 2px;color:var(--d4-muted);font-size:.8rem;text-decoration:underline;cursor:pointer;min-height:36px}.d4-run-link:hover{color:var(--d4-accent)}.d4-run-danger{color:#f0a3a3}html.light .d4-run-danger{color:#a52a2a}
.d4-run-gone{font-size:.8rem;color:var(--d4-muted)}
.d4-run-pick{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--d4-muted);min-height:36px;cursor:pointer}.d4-run-pick input{width:18px;height:18px}
.d4-run-assign{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.d4-run-assign input{flex:1 1 200px;min-width:0}
.d4-compare-go{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 28px}.d4-compare-go button[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.d4-compare{border:1px solid var(--d4-line);border-inline-start:3px solid var(--d4-accent);border-radius:14px;background:var(--d4-raised);padding:20px;margin:0 0 28px;scroll-margin-top:100px}
.d4-compare h3{font-size:1rem;margin:16px 0 6px}.d4-compare-runs{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.88rem;color:var(--d4-muted)}.d4-compare-runs strong{color:var(--d4-ink)}
.d4-compare-figure{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;margin:10px 0}.d4-compare-figure span{font-size:.85rem;font-weight:400;color:var(--d4-muted)}
.d4-compare-besser span{color:#7fd6a4}.d4-compare-schlechter span{color:#f0a3a3}html.light .d4-compare-besser span{color:#1f7a47}html.light .d4-compare-schlechter span{color:#a52a2a}
.d4-compare-findings{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px}.d4-compare-findings ul{margin:0;padding-left:18px;font-size:.88rem}.d4-compare-findings p{margin:0;color:var(--d4-muted)}
.d4-compare-diff{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.7;padding:12px 14px;border-radius:10px;background:var(--d4-surface);border:1px solid var(--d4-line);max-height:28rem;overflow:auto}
.d4-compare-diff del{background:rgba(240,120,120,.18);color:inherit;text-decoration:line-through}.d4-compare-diff ins{background:rgba(110,210,150,.2);color:inherit;text-decoration:none}
.d4-sites-manage{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;justify-content:space-between;padding-top:18px;border-top:1px solid var(--d4-line)}
.d4-sites-rename{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 320px}.d4-sites-rename label{font-size:.85rem;color:var(--d4-muted);width:100%}.d4-sites-rename input{flex:1 1 200px;min-width:0}.d4-sites-rename small{width:100%;font-size:.78rem;color:var(--d4-muted)}
.d4-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;padding:28px;border:1px solid var(--d4-line);border-radius:20px;background:radial-gradient(ellipse at 0 0,var(--d4-glow),transparent 60%),var(--d4-surface);margin-bottom:32px;box-shadow:var(--d4-shadow)}
.d4-start-pick{grid-template-columns:1fr}.d4-start-head h2{font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 10px}.d4-start-head p{color:var(--d4-muted);margin:0 0 14px}.d4-start-head h3{font-size:.85rem;margin:14px 0 6px}
.d4-start-examples{margin:0 0 6px;padding-left:18px;font-size:.88rem;color:var(--d4-muted)}
.d4-start-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}.d4-start-steps a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--d4-line);color:var(--d4-ink);text-decoration:none}
.d4-start-steps a:hover{color:var(--d4-accent)}.d4-start-steps small{display:block;color:var(--d4-muted);font-size:.8rem;line-height:1.45}.d4-start-step{font-size:.75rem;font-weight:700;color:var(--d4-accent);font-variant-numeric:tabular-nums}
.d4-start-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.d4-start-choice{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--d4-line);background:var(--d4-raised);color:var(--d4-ink);cursor:pointer;min-height:44px;transition:border-color .2s,background .2s}
.d4-start-choice:hover,.d4-start-choice[aria-pressed=true]{border-color:var(--d4-accent);background:var(--d4-soft)}.d4-start-choice span{font-size:.8rem;color:var(--d4-muted)}
.d4-start-skip{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:14px 0 0;font-size:.85rem;color:var(--d4-muted)}.d4-start-skip button{background:none;border:0;color:var(--d4-accent);text-decoration:underline;cursor:pointer;min-height:36px;padding:4px 2px;font-size:.88rem}
.d4-branch-catalog{margin:0 0 24px}.d4-branch-catalog h2{font-size:1rem;margin:0 0 10px}.d4-branch-catalog>div{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.d4-branch-pick{border:1px solid var(--d4-line);border-radius:10px;background:var(--d4-surface);flex:0 1 auto;max-width:100%}.d4-branch-pick[open]{flex:1 1 100%}
.d4-branch-pick summary{cursor:pointer;padding:9px 14px;font-size:.85rem;color:var(--d4-accent);min-height:40px;display:flex;align-items:center}
.d4-branch-pick p{font-size:.85rem;color:var(--d4-muted);margin:0 14px 8px}.d4-branch-pick ol{margin:0 14px 12px;padding-left:20px;font-size:.88rem}.d4-branch-pick ol a{color:var(--d4-ink)}.d4-branch-pick ol a:hover{color:var(--d4-accent)}
@media(max-width:700px){.d4-start{grid-template-columns:1fr;padding:20px;gap:18px}.d4-run{grid-template-columns:minmax(0,1fr)}.d4-run-figure{text-align:left}.d4-site-list{grid-template-columns:minmax(0,1fr)}.d4-compare{padding:16px}}
@media(prefers-reduced-motion:reduce){.d4-start-choice{transition:none}}
/* L4: Zeit gespart */
.d4-time{border:1px solid var(--d4-line);border-radius:16px;background:var(--d4-surface);padding:22px;margin:0 0 28px;min-width:0}
.d4-time h2{font-size:1.15rem;margin:0 0 14px}.d4-time h3{font-size:.9rem;font-weight:700;color:var(--d4-muted);margin:18px 0 6px}
.d4-time-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.d4-time-figures>div{border:1px solid var(--d4-line);border-radius:12px;background:var(--d4-raised);padding:14px 16px;min-width:0}
.d4-time-figures dt{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--d4-muted)}.d4-time-figures dd{margin:0}
.d4-time-fig{font-size:1.5rem;font-weight:700;line-height:1.25;margin-top:4px;color:var(--d4-ink);overflow-wrap:anywhere}.d4-time-sub{font-size:.82rem;color:var(--d4-muted)}
.d4-time-top{list-style:none;margin:0;padding:0}.d4-time-top li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--d4-line)}.d4-time-top li:last-child{border-bottom:0}
.d4-time-name{min-width:0;overflow-wrap:anywhere}.d4-time-val{color:var(--d4-muted);font-variant-numeric:tabular-nums}
.d4-time-note,.d4-time-empty{font-size:.85rem;color:var(--d4-muted);margin:14px 0 0}.d4-time-empty{font-size:.95rem;margin:0 0 12px}
.d4-time-how{margin-top:8px}.d4-time-how summary{cursor:pointer;display:flex;align-items:center;min-height:40px;font-size:.85rem;color:var(--d4-accent)}.d4-time-how p{max-width:68ch;margin:4px 0 0;font-size:.85rem;color:var(--d4-muted)}
@media(max-width:700px){.d4-time{padding:16px}.d4-time-figures{grid-template-columns:minmax(0,1fr)}}
/* O11/O12/O14 (29.10.2026): Gegenwert in der Preistabelle, Garantie, Preis-FAQ und Hinweis nach dem Demo-Ergebnis. Nur Werkstatt-Variablen. */
.d4-gw{display:block;margin-top:4px;font-size:.85rem;color:var(--d4-muted);white-space:normal;font-variant-numeric:tabular-nums}
.d4-guarantee{margin-top:32px;padding:22px 26px;border:1px solid var(--d4-line);border-inline-start:3px solid var(--d4-accent);border-radius:14px;background:var(--d4-surface);max-width:82ch}
.d4-guarantee h2{font-size:1.3rem;margin:0 0 10px}.d4-guarantee p{margin:0 0 8px;max-width:70ch;line-height:1.6;overflow-wrap:anywhere}.d4-guarantee p:last-child{margin-bottom:0}.d4-guarantee-how{font-size:.88rem;color:var(--d4-muted)}
.d4-faq-list{max-width:80ch;margin-top:18px;border-top:1px solid var(--d4-line)}
.d4-faq{border-bottom:1px solid var(--d4-line)}.d4-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 4px;font-weight:600;color:var(--d4-ink);list-style:none;overflow-wrap:anywhere}
.d4-faq summary::-webkit-details-marker{display:none}.d4-faq summary::after{content:"+";flex:none;font-size:1.35rem;line-height:1;color:var(--d4-accent)}.d4-faq[open] summary::after{content:"\2212"}
.d4-faq summary:focus-visible{outline:2px solid var(--d4-accent);outline-offset:2px;border-radius:6px}.d4-faq-a{padding:0 4px 14px}.d4-faq-a p{margin:0 0 8px;color:var(--d4-muted);max-width:70ch;line-height:1.6;overflow-wrap:anywhere}
.d4-faq-links{font-size:.9rem}.d4-faq-mail{margin:18px 0 0;font-size:.9rem;color:var(--d4-muted)}
.d4-demo-next{margin:14px 0 0;padding:12px 14px;border:1px solid var(--d4-line);border-radius:12px;background:var(--d4-soft);font-size:.9rem;line-height:1.5;color:var(--d4-ink)}.d4-demo-next[hidden]{display:none}.d4-demo-next a{font-weight:600;color:var(--d4-accent)}
@media(max-width:700px){.d4-guarantee{padding:16px}.d4-faq summary{min-height:52px}}