:root{--bg-page:#faf8f5;--bg-card:#fff;--bg-secondary:#f2ede8;--brand-500:#8b5e3c;--brand-600:#6e4a2e;--brand-700:#52361f;--brand-50:#f5ede4;--text-primary:#1c1c1e;--text-secondary:#3c3c43;--text-tertiary:#8e8e93;--text-disabled:#c7c7cc;--success:#34c759;--warning:#ff9500;--error:#ff3b30;--info:#007aff;--border-light:#00000014;--border-medium:#0000001f;--shadow-card:0 2px 12px #00000014;--shadow-popover:0 8px 32px #00000029;--shadow-modal:0 16px 48px #0000003d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.1}p{color:var(--text-secondary);line-height:1.6}a{color:var(--brand-500);text-decoration:none;transition:color .2s}a:hover{color:var(--brand-600)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:80px 0}.grid-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.grid-2col-center{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.grid-checkout{grid-template-columns:1fr 360px;align-items:start;gap:48px;display:grid}.grid-footer{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.grid-werte{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--brand-500);color:#fff}.btn-primary:hover{background-color:var(--brand-600);color:#fff}.btn-primary:active{background-color:var(--brand-700)}.btn-primary:disabled{background-color:var(--text-disabled);cursor:not-allowed}.btn-outline{color:var(--brand-500);border:1.5px solid var(--brand-500);background-color:#0000}.btn-outline:hover{background-color:var(--brand-50)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-secondary)}.input{color:var(--text-primary);background-color:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--brand-500)}.input::placeholder{color:var(--text-tertiary)}.cookie-banner{z-index:9999;background-color:var(--bg-card);width:480px;box-shadow:var(--shadow-modal);border:1px solid var(--border-light);border-radius:16px;padding:24px;animation:.3s slideUp;position:fixed;bottom:24px;left:24px;right:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.grid-3col{grid-template-columns:repeat(2,1fr)}.grid-footer{grid-template-columns:1fr 1fr;gap:32px}.grid-werte{grid-template-columns:1fr 1fr}}@media (width<=768px){.container{padding:0 16px}.section{padding:48px 0}.grid-hero,.grid-2col,.grid-2col-center{grid-template-columns:1fr;gap:32px}.grid-checkout{grid-template-columns:1fr;gap:24px}.grid-3col{grid-template-columns:repeat(2,1fr);gap:12px}.grid-werte{grid-template-columns:1fr}.grid-footer{grid-template-columns:1fr 1fr;gap:24px}.hero-image-mobile-hide{display:none!important}.hero-heading{font-size:36px!important}.section-heading{font-size:26px!important}.cookie-banner{border-radius:16px 16px 0 0;width:100%;bottom:0;left:0;right:0}}@media (width<=480px){.container{padding:0 14px}.grid-3col{grid-template-columns:repeat(2,1fr);gap:10px}.grid-footer{grid-template-columns:1fr;gap:24px}.grid-werte{grid-template-columns:1fr}.hero-heading{font-size:32px!important}.section-heading{font-size:24px!important}}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}