@charset "UTF-8";
/* Originale Markenwerte, lokal ausgelieferte Schriften. Keine Dauereffekte. */
@font-face{font-family:Geist;src:url('assets/geist-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('assets/geist-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('assets/geist-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/jetbrains-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--navy:#1B2053;--ink:#0F1340;--ink-2:#0A0E33;--ink-3:#181D55;--paper:#fff;--paper-2:#F5F6FA;--muted:#5A5F7E;--turq:#4FC3E8;--magenta:#C13FB6;--violet:#7A5CFF;--line:rgba(10,11,46,.12);--line-dark:rgba(255,255,255,.18);--grad:linear-gradient(105deg,#4FC3E8 0%,#6FA8E8 35%,#9B6FD4 70%,#C13FB6 100%);--error:#B32643;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,system-ui,sans-serif;font-size:16px;line-height:1.6;font-feature-settings:'ss01' on,'cv11' on;-webkit-font-smoothing:antialiased}
button,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,summary{cursor:pointer}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.025em;text-wrap:balance}
textarea{width:100%;resize:vertical;border:1px solid #B8BCD0;border-radius:14px;padding:14px 16px;background:var(--paper-2);color:var(--ink);line-height:1.5;min-height:88px;display:block;font-size:16px}textarea::placeholder{color:#666B85;opacity:1}textarea:focus{outline:3px solid #B6B0F5;outline-offset:2px;border-color:var(--navy);background:#fff}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}::selection{background:var(--turq);color:var(--ink)}[hidden]{display:none!important}
.wrap{max-width:1360px;margin:0 auto;padding-left:40px;padding-right:40px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;padding-bottom:24px}.brand{display:flex;align-items:center;gap:26px;text-decoration:none}.brand img{display:block;width:180px;height:auto}.brand>span{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:26px}.header-link{font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:16px}.header-link:hover{color:#5742B6}
.hero-surface{background:radial-gradient(ellipse 55% 65% at 6% 0%,#F5E6F2,transparent 70%),radial-gradient(ellipse 55% 70% at 94% 15%,#E3EFFB,transparent 72%),radial-gradient(ellipse 65% 65% at 48% 85%,#EAF7F3,transparent 72%),#FCFCFE;border-top:1px solid var(--line)}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:64px;padding-top:72px;padding-bottom:76px}.eyebrow,.visual-label,.tiny-label,.format-tag{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.04em;line-height:1.65;text-transform:uppercase}.eyebrow{margin:0 0 20px}.hero .eyebrow{max-width:580px;font-size:11px;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:var(--magenta);border-radius:50%;margin-right:6px}
h1{font-size:clamp(48px,5.6vw,80px);line-height:1;margin-bottom:28px;color:#070C2C}h1 span{color:var(--navy);text-decoration:underline;text-decoration-color:#C4B1E7;text-decoration-thickness:4px;text-underline-offset:10px}.hero-text{font-size:18px;color:#3A3F63;max-width:560px;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;text-decoration:none;border-radius:999px;font-weight:500;font-size:15px;line-height:1.4;padding:18px 28px;min-height:56px;transition:background .18s,box-shadow .18s,color .18s}.primary{background:var(--ink);color:#fff;box-shadow:0 12px 30px -20px #7A5CFF}.primary:hover{background:#27265F;box-shadow:0 12px 32px -18px #7A5CFF}.accent{background:#fff;color:var(--ink)}.accent:hover{background:#E6F4FE}.hero-note{font-size:12px;color:var(--muted);margin:16px 0 0}
.scope-visual{position:relative;background:#ffffffbd;border:1px solid #fff;border-radius:var(--radius);padding:28px;box-shadow:0 30px 70px -30px rgba(10,11,46,.14)}.visual-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:24px;color:var(--muted)}.workflow-track{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.workflow-node{background:#fff;padding:12px 10px;border-radius:999px;color:var(--muted);border:1px solid var(--line)}.workflow-node.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.selection-line{height:28px;border-left:1px dashed #8C91B0;width:1px;margin:auto}.focus-card{padding:28px;background:var(--navy);color:#fff;border-radius:18px;position:relative;overflow:hidden}.focus-card:before,.result-panel:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}.tiny-label{font-size:10px;display:block;margin-bottom:20px;color:#C8CBE3}.focus-card strong{display:block;font-size:32px;letter-spacing:-.025em;line-height:1.12;font-weight:500;margin-bottom:28px}.focus-card em{font-family:'Instrument Serif',Georgia,serif;font-size:1.13em;font-weight:400;color:#E5DAF2}.mini-flow{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px}.mini-flow span:nth-child(odd){background:#ffffff12;border:1px solid var(--line-dark);padding:7px 12px;border-radius:999px}
.example-strip{padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.example-heading{display:flex;gap:18px;align-items:center}.mini-icon{background:var(--grad);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:24px;flex-shrink:0;color:var(--ink)}.example-heading .eyebrow{font-size:10px;margin-bottom:6px}.example-heading h2{font-size:20px;line-height:1.25;margin:0}.example-strip details{margin-left:64px;margin-top:10px}summary{font-size:14px;font-weight:500;list-style:none;display:flex;align-items:center;gap:12px;min-height:44px}summary::-webkit-details-marker{display:none}summary:before{content:'+';font-size:24px;font-weight:400;width:18px;flex-shrink:0}details[open]>summary:before{content:'−'}.example-content{font-size:15px;max-width:960px;padding-top:14px;color:#3A3F63}.example-content p:last-child{margin-bottom:0}.photo-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0;font-size:12px}.photo-flow span{background:#EEF0FA;padding:9px 14px;border-radius:999px}.photo-flow b{font-weight:400}
.workshop{padding-top:64px;padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:14px;color:var(--muted)}.section-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.06;margin-bottom:0;max-width:660px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 3px}.example-picker{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:28px;font-size:13px}.example-picker>span:first-child{margin-right:4px;color:var(--muted)}.chip{background:transparent;border:1px solid #C8CBDC;border-radius:999px;padding:10px 17px;font-size:13px;color:var(--ink);min-height:44px;transition:background .18s,border-color .18s}.chip:hover,.chip[aria-pressed=true]{background:#EDEBFC;border-color:#A499E1}#example-status{flex-basis:100%;min-height:0}#example-status:empty{display:none}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}.question-card{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:18px}.step-number{color:#737998;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:28px;flex-shrink:0}.question-content{flex:1;min-width:0}label,.question-content h3{display:block;font-size:20px;font-weight:500;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.field-help{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:14px}.field-error{color:var(--error);font-size:13px;margin:9px 0 0}.field-error:before{content:'↳ ';font-weight:600}textarea[aria-invalid=true]{border:2px solid var(--error)}.scope-tip{font-size:12px;line-height:1.65;color:var(--muted);margin:13px 0 0}.scope-tip span{margin-right:4px;color:#6751AA}.io-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.sub-label{font-size:14px;margin-bottom:8px;letter-spacing:0}.io-fields .field-help{font-size:12px;min-height:38px;margin-bottom:12px}.io-fields textarea{font-size:15px}
.optional-details{padding:12px 24px;border:1px solid var(--line);border-radius:18px;font-size:13px;background:var(--paper-2)}.optional-details summary{font-size:14px;flex-wrap:wrap;gap:8px}.optional-details summary>span{color:var(--muted);font-size:12px;font-weight:400;margin-left:auto}.optional-details>div{padding:20px 0 10px}.optional-details textarea{font-size:16px;margin-bottom:24px;background:#fff}.optional-details textarea:last-child{margin-bottom:0}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}.small{font-size:12px;color:var(--muted)}.form-actions .small{margin:12px 0 0}.text-button{color:var(--muted);font-size:13px;background:transparent;padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.data-note{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0;max-width:640px}
.result-panel{background:var(--navy);color:#fff;padding:32px;border-radius:var(--radius);position:sticky;top:24px;overflow:hidden}.result-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:26px}.result-header .eyebrow{color:#CBCDE5;font-size:10px;margin:0}.format-tag{font-size:9px;border:1px solid #777EA5;color:#D7E6FF;padding:4px 8px;border-radius:999px}.result-panel h2{font-size:36px;line-height:1.06;margin-bottom:28px}.empty-prompt{border:1px solid #616B9E;border-radius:16px;padding:24px;background:#ffffff06;margin-bottom:24px}.empty-prompt span{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;color:#AEE2F9;margin:0 0 17px}.empty-prompt i{display:block;background:#ffffff23;border-radius:3px;height:5px;width:90%;margin:0 0 13px}.empty-prompt i:nth-child(3){width:70%}.empty-prompt i:nth-child(4){width:52%;margin-bottom:25px}.empty-prompt i:last-child{width:65%}.result-panel p{font-size:14px;line-height:1.7}#result-empty .small{color:#C2C6E0;font-size:12px}.result-limit{border-top:1px solid var(--line-dark);padding-top:20px;margin:24px 0 0!important;color:#C2C6E0;font-size:12px!important}.result-intro{font-size:13px!important;margin-bottom:18px;color:#E0E2F3}#prompt-output{background:var(--ink);border-color:#6775AB;color:#EFF2FF;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.75;height:350px;min-height:160px;white-space:pre-wrap;overflow-wrap:anywhere}#prompt-output:focus{outline-color:#9CBDEA;background:var(--ink)}.result-buttons{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:22px}.result-buttons .button{font-size:14px;width:100%;gap:20px}.light{color:#D6DAF0}.copy-status{color:#ADE3F8;font-size:12px!important;margin:6px 0 0;min-height:20px}.step-suggestions{margin-bottom:16px}.step-suggestions>p{font-size:12px;color:var(--muted);margin-bottom:8px}#step-chips{display:flex;flex-wrap:wrap;gap:7px}#step-chips button{font-size:12px;padding:10px 13px;max-width:100%;overflow-wrap:anywhere;text-align:left}
.next-section{background:var(--paper-2);padding:64px 0 44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-section .eyebrow{margin-bottom:14px;color:var(--muted)}.next-section h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;margin-bottom:38px;max-width:850px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.next-number{display:grid;place-items:center;width:38px;height:38px;background:var(--navy);color:#fff;border-radius:50%;font-family:'JetBrains Mono',monospace;font-size:12px;margin-bottom:20px}.next-grid h3{font-size:20px;line-height:1.25;margin-bottom:14px}.next-grid p{font-size:14px;line-height:1.75;color:#4B5070}.next-grid blockquote{margin:20px 0 0;padding:16px 18px;background:#fff;border-left:2px solid #A887D3;border-radius:0 14px 14px 0;font-size:13px;line-height:1.7}.next-note{font-size:12px;color:var(--muted);padding-top:28px;margin:28px 0 0;border-top:1px solid var(--line)}
.sources{padding-top:28px;padding-bottom:28px}.sources summary{font-size:15px}.sources summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:auto}.sources-content{padding-top:20px;font-size:14px;max-width:1060px}.sources-content ol{padding-left:23px;display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}.sources-content li{padding-left:6px}.sources-content li>a{font-weight:500}.sources-content li>p{margin:8px 0 0;line-height:1.7;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--navy);color:#fff;padding:12px 20px;border-radius:999px}.skip-link:focus{top:10px}.noscript{padding:20px;background:#F3E6F1;position:fixed;bottom:0;left:0;right:0;font-size:14px}
@media(max-width:1100px){.hero{gap:36px}h1{font-size:clamp(48px,5.6vw,64px)}.scope-visual{padding:22px}.focus-card{padding:24px}.focus-card strong{font-size:29px}.builder-grid{gap:24px}.question-card{padding:24px;gap:16px}.io-fields{grid-template-columns:1fr}.io-fields .field-help{min-height:0}.result-panel{padding:28px}.result-panel h2{font-size:32px}}
@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.brand>span{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:48px}.hero-copy{max-width:700px}h1{font-size:clamp(42px,7.7vw,68px)}.hero-text{font-size:17px;max-width:610px}.scope-visual{max-width:550px;width:100%;padding:28px}.focus-card strong{font-size:32px}.builder-grid{grid-template-columns:1fr;gap:28px}.result-panel{position:relative;padding:32px}.result-panel h2 br{display:none}.io-fields{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}.next-grid{gap:24px}.next-grid h3{font-size:18px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.site-header{padding-top:18px;padding-bottom:18px;gap:18px}.brand img{width:145px}.header-link{font-size:12px;line-height:1.3;max-width:126px;gap:9px}.hero{padding-top:36px;padding-bottom:36px;gap:30px}.hero .eyebrow{font-size:10px;max-width:350px;margin-bottom:24px}h1{font-size:clamp(38px,10.3vw,58px);line-height:1.06;margin-bottom:28px}h1 span{text-decoration-thickness:3px;text-underline-offset:6px}.hero-text{font-size:16px;margin-bottom:24px}.hero-note{font-size:12px;line-height:1.7;max-width:310px}.button{padding:16px 24px;min-height:52px;font-size:14px;gap:18px}.scope-visual{padding:22px;border-radius:22px}.visual-label{font-size:9px;margin-bottom:18px}.workflow-track{font-size:10px;gap:6px}.workflow-node{padding:10px 8px}.selection-line{height:22px}.focus-card{padding:24px}.focus-card strong{font-size:28px;margin-bottom:24px}.focus-card em{font-size:1.14em}.mini-flow{font-size:11px}.mini-flow span:nth-child(odd){padding:6px 10px}.scope-visual>p{font-size:11px;margin-top:16px}.example-strip{padding-top:24px;padding-bottom:22px}.example-heading{gap:14px}.mini-icon{width:40px;height:40px}.example-heading .eyebrow{font-size:9px}.example-heading h2{font-size:17px;line-height:1.3}.example-strip details{margin-left:0;margin-top:14px}.example-content{font-size:14px}.workshop{padding-top:40px;padding-bottom:44px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:10px}.section-heading h2{font-size:34px}.section-heading>p{font-size:13px}.example-picker{gap:8px;font-size:12px;margin-bottom:24px}.example-picker>span:first-child{flex-basis:100%;margin-bottom:2px}.chip{font-size:12px;padding:10px 14px}.question-card{padding:22px 18px;gap:13px;margin-bottom:16px;border-radius:20px}.step-number{font-size:11px}.question-content label,.question-content h3{font-size:18px}.field-help{font-size:12px}.io-fields{grid-template-columns:1fr;gap:22px}.io-fields label{font-size:14px}.io-fields textarea{font-size:16px}.optional-details{padding:10px 18px}.optional-details summary{font-size:13px}.optional-details summary>span{font-size:11px}.form-actions{gap:12px;align-items:flex-start}.form-actions .button{font-size:13px;gap:12px;padding:16px 20px}.text-button{font-size:12px}.result-panel{padding:28px 24px;border-radius:22px}.result-panel h2{font-size:32px}#prompt-output{font-size:12px;height:360px}.result-buttons .button{font-size:14px}.next-section{padding-top:40px;padding-bottom:32px}.next-section .eyebrow{font-size:10px}.next-section h2{font-size:34px;margin-bottom:32px}.next-grid{grid-template-columns:1fr;gap:28px}.next-grid article{display:grid;grid-template-columns:38px 1fr;gap:0 16px}.next-number{grid-row:1/4;margin-bottom:0}.next-grid h3{margin:5px 0 10px;font-size:19px}.next-grid p,.next-grid blockquote{grid-column:2;margin-bottom:0}.next-note{margin-top:28px;padding-top:24px}.sources summary{font-size:14px;flex-wrap:wrap;gap:8px}.sources summary span{font-size:11px}.sources-content{font-size:13px}.sources-content ol{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:7px;font-size:11px}}
@media(max-width:370px){.wrap{padding-left:18px;padding-right:18px}.brand img{width:126px}.header-link{font-size:11px;max-width:118px}h1{font-size:36px}.scope-visual{padding:18px}.workflow-track{font-size:9px;gap:4px}.workflow-node{padding:9px 6px}.focus-card{padding:22px 18px}.focus-card strong{font-size:26px}.question-card{padding:20px 14px;gap:10px}.section-heading h2,.next-section h2{font-size:30px}.form-actions{gap:8px}.form-actions .button{font-size:12px;padding:16px 15px;gap:8px}.optional-details summary>span{margin-left:26px}.result-header .eyebrow{font-size:9px}.format-tag{font-size:8px}.result-panel{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.chip{transition:none}}

.photo-demo{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0 14px;padding:28px 32px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}.photo-demo>div{max-width:750px}.photo-demo .eyebrow{font-size:10px;margin:0 0 8px;color:var(--muted)}.photo-demo h3{font-size:26px;line-height:1.2;margin:0 0 12px}.photo-demo p:last-child{font-size:14px;line-height:1.7;color:#3A3F63;margin:0}.photo-demo .button{flex-shrink:0;white-space:nowrap}.example-strip details{margin-left:0}
@media(max-width:900px){.photo-demo{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:600px){.photo-demo{padding:24px 22px;margin-top:20px}.photo-demo h3{font-size:23px}.photo-demo p:last-child{font-size:13px}}