*{box-sizing:border-box} :root{--ink:#171717;--muted:#777;--lime:#c7f36b;--paper:#f5f5f0;--line:#e5e5de} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif} a{color:inherit;text-decoration:none}.announcement{background:var(--lime);text-align:center;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.17em}.announcement span{padding:0 10px}.header{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:700 20px "Space Grotesk";letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--lime);border-radius:10px;font-size:21px}.brand-accent{color:#82a936}.header nav{display:flex;gap:30px;font-size:13px;font-weight:700}.header nav a:hover,.footer a:hover{color:#789d2f}.cart-button{background:var(--ink);color:white;border:0;border-radius:30px;padding:12px 17px;font:700 12px "DM Sans";cursor:pointer}.cart-button span{background:var(--lime);color:var(--ink);padding:3px 7px;border-radius:20px;margin-left:8px}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{min-height:610px;padding:75px 9vw 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#7d9e3c}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cb83c;margin-right:8px}.hero h1,.section h2,.feature-copy h2,.custom-section h2{font:700 clamp(62px,8vw,112px)/.88 "Space Grotesk";letter-spacing:-.09em;margin:22px 0}.hero h1 span,.section h2 span,.feature-copy h2 span{color:#8db53c}.hero-lead{max-width:440px;color:#656565;line-height:1.75;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 21px;border-radius:4px;font-size:12px;font-weight:800;border:0;cursor:pointer}.primary{background:var(--lime);color:#171717}.primary:hover{background:#b5e650;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #aaa;padding-bottom:4px}.hero-note{margin-top:48px;font-size:11px;color:#888}.hero-note span{color:#8db53c;font-size:18px;margin-right:8px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d7ddc9;border-radius:50%;width:390px;height:390px;transform:rotate(-25deg)}.orbit-two{width:320px;height:460px;transform:rotate(50deg);border-color:#e1e5d9}.hero-product{position:relative;width:270px;height:310px;background:linear-gradient(145deg,#d6f39b,#92b83f);border-radius:48% 48% 25px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:22px 25px 0 #e4e9d9,0 35px 60px #a7b58c55;transform:rotate(5deg)}.product-emoji{font-size:125px;filter:drop-shadow(10px 15px 5px #52721d55)}.hero-product-label{font:700 12px "Space Grotesk";letter-spacing:.12em;text-align:center}.hero-product-label small{display:block;font:600 8px "DM Sans";letter-spacing:.17em;margin-top:7px}.hero-sticker{position:absolute;z-index:2;right:4%;top:10%;background:#171717;color:var(--lime);width:91px;height:91px;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 14px/1.1 "Space Grotesk";transform:rotate(12deg)}.floating-chip{position:absolute;background:white;padding:12px 16px;border-radius:5px;box-shadow:0 8px 25px #0000000d;font-size:11px;font-weight:800}.chip-one{left:2%;top:22%;transform:rotate(-8deg)}.chip-two{right:0;bottom:16%;transform:rotate(5deg)}.ticker{background:#171717;color:white;overflow:hidden;white-space:nowrap;padding:16px 0;font:700 12px "Space Grotesk";letter-spacing:.15em}.ticker div{word-spacing:12px;text-align:center}.ticker b{color:var(--lime);padding:0 15px}.section{padding:100px 9vw}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section h2,.feature-copy h2{font-size:clamp(48px,6vw,76px);margin:18px 0 0}.section-heading>p{max-width:330px;color:#777;line-height:1.7;font-size:13px;margin-bottom:7px}.filters{display:flex;gap:8px;margin:40px 0 25px;flex-wrap:wrap}.filter{border:1px solid #ddd;background:transparent;border-radius:30px;padding:10px 17px;font:700 11px "DM Sans";cursor:pointer}.filter.active,.filter:hover{background:#171717;color:white;border-color:#171717}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;padding:12px;border-radius:7px;position:relative;transition:.2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000b}.product-visual{height:205px;border-radius:4px;display:grid;place-items:center;position:relative;overflow:hidden}.product-visual:after{content:"";position:absolute;width:145px;height:145px;border:1px solid #0000000b;border-radius:50%}.product-visual span{font-size:85px;filter:drop-shadow(7px 10px 5px #00000020);z-index:1}.product-info{padding:15px 4px 5px}.product-category{font-size:9px;letter-spacing:.15em;color:#8b9f63;font-weight:800}.product-info h3{font:700 15px "Space Grotesk";margin:8px 0}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.price{font-weight:800;font-size:14px}.add-button{border:0;background:var(--lime);width:32px;height:32px;border-radius:50%;font-size:19px;cursor:pointer}.demo-note{font-size:10px;color:#999;margin-top:18px}.feature-band{background:#e8eddf;padding:85px 12vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-art{height:300px;position:relative;display:grid;place-items:center}.big-cube{width:210px;height:210px;border-radius:35px;background:linear-gradient(140deg,#c9f27b,#86a83e);display:grid;place-items:center;font-size:115px;color:#fff;box-shadow:20px 25px 0 #d2dcc5,0 30px 55px #667c3a44;transform:rotate(-12deg)}.small-cube{position:absolute;right:10%;bottom:4%;background:#171717;color:var(--lime);padding:17px;border-radius:12px;font:700 22px "Space Grotesk";transform:rotate(10deg)}.feature-copy h2{font-size:clamp(45px,5vw,65px)}.feature-copy p,.custom-inner p{color:#656b5e;line-height:1.8;font-size:14px;max-width:470px;margin:25px 0}.feature-points{display:grid;gap:12px;font-size:12px;font-weight:700}.feature-points span:first-letter{color:#85a93d}.custom-section{background:#171717;color:white;padding:90px 12vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.custom-section h2{font-size:clamp(55px,7vw,88px)}.custom-section h2 span{color:var(--lime)}.custom-inner p{color:#aaa}.light{background:var(--lime);margin-top:10px}.custom-symbol{font:700 170px/.8 "Space Grotesk";letter-spacing:-.1em;color:#292929;transform:rotate(-15deg);padding-right:5vw}.custom-symbol span{color:#414b31;font-size:95px}.contact-section{display:grid;grid-template-columns:1fr 1fr;align-items:center}.contact-card{border-left:2px solid var(--lime);padding:10px 0 10px 30px}.contact-card p{color:#777;line-height:1.8;font-size:14px;max-width:400px}.contact-email{font:700 19px "Space Grotesk";display:inline-block;margin:10px 0}.contact-card small{display:block;color:#999;font-size:10px}.footer{background:white;border-top:1px solid var(--line);padding:28px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#888}.footer>div{display:flex;gap:20px}.cart-backdrop{position:fixed;inset:0;background:#0008;z-index:19;opacity:0;pointer-events:none;transition:.25s}.cart-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,100%);background:white;z-index:20;padding:25px;display:flex;flex-direction:column;transform:translateX(105%);transition:.3s}.cart-open .cart-backdrop{opacity:1;pointer-events:auto}.cart-open .cart-drawer{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.cart-head h3{font:700 22px "Space Grotesk";margin:0}.cart-head button{background:none;border:0;font-size:20px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:15px 0}.empty-cart{color:#999;font-size:13px;line-height:1.6}.cart-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line strong{display:block;margin-bottom:5px}.cart-line button{border:0;background:none;color:#888;cursor:pointer}.cart-bottom{border-top:1px solid var(--line);padding-top:17px}.cart-total{display:flex;justify-content:space-between;font-size:14px}.cart-bottom p,.cart-bottom small{font-size:10px;color:#888;line-height:1.5}.checkout{width:100%;margin:12px 0}.menu-open nav{display:flex!important}
@media(max-width:850px){.header{padding:0 5vw}.header nav{gap:15px}.hero{padding:60px 7vw;grid-template-columns:1fr}.hero-art{height:370px}.hero-copy{text-align:center}.hero-lead{margin:auto}.hero-actions{justify-content:center}.hero-note{margin-top:25px}.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:75px 7vw}.feature-band{padding:70px 8vw;gap:25px}.custom-section{padding:75px 8vw}.custom-symbol{font-size:120px}.section-heading{align-items:start;flex-direction:column}.section-heading>p{margin:0}.footer{padding:25px 5vw;gap:18px;flex-wrap:wrap}}
@media(max-width:600px){.header{height:65px}.header nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;padding:20px 7vw;flex-direction:column;box-shadow:0 10px 15px #0000000d}.menu-toggle{display:block}.cart-button{padding:10px 12px;font-size:10px}.hero{padding-top:55px}.hero h1{font-size:76px}.hero-art{height:330px}.orbit{width:290px;height:290px}.orbit-two{height:340px;width:250px}.hero-product{width:220px;height:250px}.product-emoji{font-size:95px}.hero-sticker{right:0;top:4%;width:75px;height:75px;font-size:11px}.chip-one{left:0}.chip-two{right:0}.product-grid{gap:10px}.product-visual{height:150px}.product-visual span{font-size:65px}.product-info h3{font-size:13px}.feature-band{grid-template-columns:1fr}.feature-art{height:230px}.big-cube{width:160px;height:160px;font-size:85px}.feature-copy h2{font-size:52px}.custom-section{padding:70px 8vw}.custom-symbol{display:none}.contact-section{grid-template-columns:1fr;gap:25px}.footer{flex-direction:column;align-items:flex-start}.footer>div{margin-top:5px}}

/* ===== KI-Designstudio ===== */
.ai-section{background:#171717;color:#fff;padding:100px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ai-intro h2{font:700 clamp(48px,6vw,80px)/.9 "Space Grotesk";letter-spacing:-.08em;margin:20px 0}.ai-intro h2 span{color:var(--lime)}
.ai-intro p{color:#aaa;line-height:1.8;font-size:14px;max-width:440px}
.ai-steps{display:grid;gap:10px;margin-top:28px;font:700 12px "Space Grotesk";letter-spacing:.1em;color:var(--lime)}
.ai-card{background:#fff;color:var(--ink);border-radius:10px;padding:26px;display:grid;gap:14px}
.ai-card-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ai-card-head strong{display:block;font:700 14px "Space Grotesk";letter-spacing:.06em}.ai-card-head small{font-size:9px;letter-spacing:.15em;color:#888}
.ai-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);font-size:20px}
.ai-status{margin-left:auto;background:var(--ink);color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.14em;padding:5px 9px;border-radius:20px}
.ai-card label{display:grid;gap:7px;font-size:12px;font-weight:700}
.ai-card textarea,.ai-card input,.ai-card select{font:500 14px "DM Sans";padding:12px;border:1px solid #d8d8d0;border-radius:5px;background:#fafaf7;width:100%;resize:vertical}
.ai-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-submit{width:100%}
.ai-disclaimer{font-size:10px;color:#888;line-height:1.5;margin:0}
.ai-result{display:none;background:#f1f7e3;border-left:3px solid #8db53c;padding:14px;font-size:13px;line-height:1.6}
.ai-result.show{display:grid;gap:6px}.ai-result.warn{background:#fff3cd;border-color:#d6a500}
.ai-result p{margin:0;color:#555}.ai-result small{color:#888}

/* ===== Verbesserungen ===== */
:focus-visible{outline:3px solid #6f9a1f;outline-offset:3px}
.qty{display:flex;align-items:center;gap:10px;margin-top:8px}
.qty button{width:26px;height:26px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:15px;line-height:1;color:var(--ink)}
.qty button:hover{background:var(--lime)}
#cart-count.pop{animation:pop .3s}@keyframes pop{50%{transform:scale(1.4)}}
.add-button{transition:transform .15s}.add-button:hover{transform:scale(1.12)}
.menu-open nav{display:flex!important}
@media(max-width:850px){.ai-section{grid-template-columns:1fr;padding:75px 7vw;gap:40px}.header nav a{white-space:nowrap}}
@media(max-width:600px){.ai-fields{grid-template-columns:1fr}.ai-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}