*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#17243b;font:15px/1.6 system-ui,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:26px 30px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7ef}.brand{font-size:23px;font-weight:750;text-decoration:none;color:#17243b}.brand:first-letter{color:#5268e9}.pill{background:#e9edf8;padding:5px 14px;border-radius:30px;font-size:12px;color:#536178}.demo{background:#fff4d8;color:#77580e;border:1px solid #ebd9a8;border-radius:10px;padding:11px 16px;font-size:13px;margin:4px 0 44px}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:30px 0 60px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#586be0}h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-2px;margin:18px 0}h2{font-size:25px;letter-spacing:-.6px;margin:14px 0 4px}.intro{color:#667389;font-size:17px;max-width:480px}.feature{margin-top:17px;color:#526079}.panel{background:white;border:1px solid #e1e7ef;border-radius:20px;padding:32px;box-shadow:0 15px 55px #263b5b09}.panel p{color:#6b778a}.icon{display:inline-grid;place-items:center;background:#edf0ff;color:#5268e9;width:48px;height:48px;border-radius:13px;font-size:27px}label{display:block;font-size:13px;font-weight:650;margin:20px 0 7px}input{width:100%;border:1px solid #d6dfea;border-radius:9px;padding:13px 14px;font:inherit;color:inherit;background:white}input:focus-visible,button:focus-visible{outline:3px solid #a4b1ff;outline-offset:2px}button{border:0;border-radius:9px;background:#5268e9;color:white;padding:13px 20px;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:default}#loginButton{width:100%;margin-top:24px;display:flex;justify-content:space-between}.hint{font-size:12px;text-align:center;margin-bottom:0}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-head h1{font-size:42px}.secondary{background:white;border:1px solid #d6dfea;color:#47566c}.text{background:none;color:#5268e9;padding:8px}.toolbar{display:flex;gap:14px;align-items:center;margin:25px 0}.toolbar input{max-width:390px;margin-right:auto}.toolbar span{color:#667389;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;background:white;border:1px solid #dde4ed;border-radius:14px;padding:22px;cursor:pointer;position:relative;margin:0;min-height:170px}.card.active{border-color:#667aea;box-shadow:0 0 0 1px #667aea;background:#fcfcff}.card input{width:21px;height:21px;accent-color:#5268e9;position:absolute;right:21px;top:22px}.card .tag{font-size:11px;color:#6877b1;letter-spacing:1px;text-transform:uppercase}.card h3{margin:18px 0 6px;font-size:18px}.card p{margin:0;color:#758096;font-size:13px;font-weight:400}.savebar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf1f7;border-radius:13px;padding:22px;margin:28px 0}.savebar p{color:#718096;font-size:12px;margin:3px 0}.actions{display:flex;gap:10px}#status{min-height:24px;color:#384cb0}#status.error{color:#b33d3d}footer{display:flex;justify-content:space-between;color:#8a95a7;font-size:12px;border-top:1px solid #e1e7ef}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}.login{grid-template-columns:1fr;gap:28px;padding-top:0}.demo{margin-bottom:25px}.cards{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.savebar{align-items:stretch;flex-direction:column}.editor-head h1{font-size:34px}.actions button{flex:1}}@media(max-width:440px){.cards{grid-template-columns:1fr}.panel{padding:24px}.pill{font-size:10px}.brand{font-size:20px}}
/* Schwarzes Kundendesign */
:root{color-scheme:dark}body{background:#08090c;color:#f3f4f8}header,footer{border-color:#282b34}.brand{color:#f3f4f8}.pill{background:#20232d;color:#c4c9d6}.panel{background:#111318;border-color:#2b2e38;box-shadow:0 15px 55px #0004}.panel p,.intro,.feature{color:#b6bdcc}.eyebrow{color:#98a5ff}.icon{background:#242943;color:#a2adff}input{background:#0b0d12;border-color:#343947;color:#f3f4f8}input::placeholder{color:#929bac}button{background:#6575f2;color:white}.secondary{background:#191c24;border-color:#343947;color:#e0e4ee}.text{background:none;color:#a6b0ff}.toolbar span{color:#b6bdcc}.card{background:#111318;border-color:#303541}.card.active{background:#191d30;border-color:#8995ff;box-shadow:0 0 0 1px #8995ff}.card .tag{color:#a7b2ee}.card p{color:#b6bdcc}.savebar{background:#151820}.savebar p{color:#b6bdcc}#status{color:#a8b7ff}#status.error{color:#ff9999}footer{color:#9aa3b4}.demo{background:#282213;color:#ecd494;border-color:#554629}
.typing-heading{min-height:3.4em;max-width:530px}.typing-cursor{font-weight:400;color:#98a5ff;animation:cursor-blink .85s step-end infinite}@keyframes cursor-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.typing-cursor{display:none}}@media(max-width:760px){.typing-heading{min-height:2.3em}}
/* Schwarz, Weiß und Gold */
body{background:#000;color:#fff}header,footer{border-color:#332b1b}.brand{color:#fff}.brand:first-letter{color:#e6be64}.pill{background:#211c12;color:#e6be64}.panel{background:#0c0c0c;border-color:#443820}.panel p,.intro,.feature{color:#e1e1e1}.eyebrow{color:#e6be64}.icon{background:#251e10;color:#e6be64}input{background:#050505;border-color:#57492c;color:#fff}input::placeholder{color:#aaa}input:focus-visible,button:focus-visible{outline-color:#e6be64}button{background:#e6be64;color:#161006}button:hover:not(:disabled){background:#f3d38d}.secondary{background:#111;border-color:#806939;color:#e6be64}.secondary:hover:not(:disabled){background:#292112}.text{background:none;color:#e6be64}.text:hover:not(:disabled){background:#251e10}.toolbar span{color:#ddd}.card{background:#0c0c0c;border-color:#443820}.card.active{background:#19150c;border-color:#e6be64;box-shadow:0 0 0 1px #e6be64}.card input{accent-color:#e6be64}.card .tag{color:#e6be64}.card p{color:#ddd}.savebar{background:#14110b;border:1px solid #443820}.savebar p{color:#ddd}#status{color:#e6be64}#status.error{color:#ff9999}footer{color:#c5b58f}.typing-cursor{color:#e6be64}.demo{background:#211a0b;color:#f0d694;border-color:#665127}
.actions{flex-wrap:wrap}#download{background:#111;color:#e6be64;border:1px solid #e6be64}.savebar{flex-wrap:wrap}
/* Kompakte Bouquet-Buttons */
.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.card.bouquet-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;text-align:left;font-size:14px;line-height:1.4;font-weight:600;color:#fff;border-radius:10px;box-shadow:none}
.card.bouquet-button:hover:not(:disabled){background:#251e10;border-color:#e6be64}
.card.bouquet-button.active{background:#251e10;border-color:#e6be64;color:#f3d38d}
.bouquet-name{overflow-wrap:anywhere}.selection-mark{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#17140d;color:#e6be64;font-size:18px}.active .selection-mark{background:#e6be64;color:#161006}
@media(max-width:440px){.cards{grid-template-columns:1fr}.card.bouquet-button{min-height:52px}}
.account-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.account-overview>div{padding:14px 16px;border:1px solid #443820;border-radius:10px;background:#0c0c0c}.account-overview span{display:block;color:#bbb;font-size:12px}.account-overview strong{display:block;margin-top:5px;color:#f3d38d;font-size:16px}@media(max-width:760px){.account-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Noch kompaktere Auswahl */
.cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px;align-items:start}
.card.bouquet-button{height:46px;min-height:46px;padding:7px 10px;font-size:12px;line-height:1.25;gap:8px;border-radius:7px}
.bouquet-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.selection-mark{flex-basis:18px;width:18px;height:18px;font-size:14px;border-radius:4px}
@media(max-width:440px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card.bouquet-button{height:46px;min-height:46px;font-size:11px;padding:6px 8px}}