:root{--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12}.zopf-page{--bg-page:#f5f5f0;--bg-card:#fff;--bg-card-gradient:linear-gradient(135deg,#fff,#fafafa);--bg-input:#fff;--bg-input-hover:#fafafa;--bg-product:#fafafa;--bg-notice:rgba(249,115,22,.06);--bg-bank-info:#fef9f3;--bg-total:#fff7ed;--bg-summary:#fafafa;--bg-payment:#fff;--bg-payment-hover:#fef7ed;--bg-payment-selected:linear-gradient(135deg,rgba(249,115,22,.08),rgba(234,88,12,.06));--border-card:#e5e5e5;--border-input:#d4d4d4;--border-section:#e5e5e5;--border-notice:rgba(249,115,22,.2);--border-product:#e5e5e5;--border-total:var(--orange-500);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#888;--text-placeholder:#aaa;--text-heading:var(--orange-800);--text-subheading:var(--orange-700);--text-label:#444;--text-price:var(--orange-600);--text-notice:#4a4a4a;--text-notice-strong:var(--orange-700);--text-link:var(--orange-600);--text-link-hover:var(--orange-700);--text-payment-strong:#1a1a1a;--text-payment-sub:#666;--text-summary:#4a4a4a;--text-section-hint:var(--orange-700);--text-bank:#4a4a4a;--shadow-card:0 2px 12px rgba(0,0,0,.06);--shadow-btn:0 4px 14px rgba(249,115,22,.3);--shadow-btn-hover:0 6px 20px rgba(249,115,22,.4);--focus-ring:rgba(249,115,22,.25);--error-bg:rgba(220,38,38,.06);--error-border:rgba(220,38,38,.2);--error-text:#dc2626;--qty-btn-bg:#fff;--qty-btn-color:var(--orange-600);--qty-btn-border:#d4d4d4;--qty-input-bg:#fff;--qty-input-color:#1a1a1a;--qty-input-border:#d4d4d4}.zopf-page.dark{--bg-page:#0a0a0a;--bg-card:#1a1a1a;--bg-card-gradient:linear-gradient(135deg,#1e1e1e,#141414);--bg-input:#111;--bg-input-hover:#1a1a1a;--bg-product:#111;--bg-notice:rgba(249,115,22,.08);--bg-bank-info:#111;--bg-total:rgba(249,115,22,.06);--bg-summary:#111;--bg-payment:#111;--bg-payment-hover:#1a1a1a;--bg-payment-selected:linear-gradient(135deg,rgba(249,115,22,.12),rgba(234,88,12,.08));--border-card:#2a2a2a;--border-input:#333;--border-section:#2a2a2a;--border-notice:rgba(249,115,22,.25);--border-product:#2a2a2a;--border-total:var(--orange-600);--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:#777;--text-placeholder:#555;--text-heading:var(--orange-400);--text-subheading:var(--orange-500);--text-label:var(--orange-300);--text-price:var(--orange-500);--text-notice:hsla(0,0%,100%,.8);--text-notice-strong:var(--orange-300);--text-link:var(--orange-400);--text-link-hover:var(--orange-300);--text-payment-strong:#e5e5e5;--text-payment-sub:hsla(0,0%,100%,.7);--text-summary:hsla(0,0%,100%,.8);--text-section-hint:var(--orange-300);--text-bank:hsla(0,0%,100%,.8);--shadow-card:0 4px 20px rgba(0,0,0,.4);--shadow-btn:0 4px 14px rgba(249,115,22,.35);--shadow-btn-hover:0 6px 20px rgba(249,115,22,.5);--focus-ring:rgba(249,115,22,.3);--error-bg:rgba(220,38,38,.12);--error-border:rgba(220,38,38,.3);--error-text:#f87171;--qty-btn-bg:#111;--qty-btn-color:var(--orange-500);--qty-btn-border:#333;--qty-input-bg:#111;--qty-input-color:#e5e5e5;--qty-input-border:#333}.zopf-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page);color:var(--text-primary);transition:background .3s,color .3s}.zopf-container{max-width:700px;margin:0 auto;padding:0 20px;width:100%}.zopf-header{background:linear-gradient(135deg,#171717,#0a0a0a);color:#fff;padding:2rem 0 2.5rem;text-align:center;border-bottom:4px solid var(--orange-500);position:relative}.zopf-header:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange-600),var(--orange-400),var(--orange-600))}.header-logo{width:120px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(249,115,22,.3))}.zopf-header h1{font-size:2.2rem;margin:.5rem 0;color:var(--orange-400);text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:.02em}.zopf-header .subtitle{font-size:1.1rem;color:hsla(0,0%,100%,.85);margin:0}.zopf-header .subtitle strong{color:var(--orange-300)}.theme-toggle{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background .2s,transform .2s;color:#fff;padding:0}.theme-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.back-link{display:inline-block;color:var(--text-link);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s;opacity:.9}.back-link:hover{color:var(--text-link-hover);opacity:1}.logo-link{display:inline-block;transition:transform .2s,filter .2s}.logo-link:hover{transform:scale(1.05)}.logo-link:hover .header-logo{filter:drop-shadow(0 6px 12px rgba(249,115,22,.5))}.title-link{color:var(--orange-400);text-decoration:none;transition:color .2s}.title-link:hover{color:var(--orange-300);text-decoration:underline}.inline-link{color:var(--text-link);text-decoration:none;font-weight:600;transition:color .2s}.inline-link:hover{color:var(--text-link-hover);text-decoration:underline}.footer-link{color:var(--orange-400);text-decoration:none;font-weight:600;transition:color .2s}.footer-link:hover{color:var(--orange-300);text-decoration:underline}.zopf-main{flex:1 1;padding:2rem 0}.info-card{background:var(--bg-card-gradient);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card);text-align:center;border:1px solid var(--border-card);position:relative;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange-600),var(--orange-400),var(--orange-600))}.info-card h2{color:var(--text-heading);margin:0 0 1rem;font-size:1.4rem}.info-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 1.5rem}.deadline-notice,.delivery-area-notice{display:flex;align-items:center;gap:.5rem;background:var(--bg-notice);border:1px solid var(--border-notice);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;font-size:.95rem;color:var(--text-notice);text-align:left;transition:background .3s,border-color .3s,color .3s}.deadline-notice strong,.delivery-area-notice strong{color:var(--text-notice-strong)}.deadline-icon,.delivery-icon{font-size:1.2rem;flex-shrink:0}.product-prices{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem}.product-price-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--bg-notice);border:1px solid var(--border-notice);border-radius:12px;padding:.75rem 1.25rem;transition:background .3s,border-color .3s}.product-price-item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font:inherit;color:inherit;cursor:pointer}.product-price-item-button:hover{border-color:var(--orange-400);background:var(--bg-payment-hover)}.product-price-item-button:focus-visible{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px var(--focus-ring)}.product-size{font-size:.85rem;color:var(--text-notice-strong);font-weight:500}.product-price{font-size:1.5rem;font-weight:700;color:var(--text-price)}.product-prices-title{width:100%;text-align:center;color:var(--text-subheading);font-size:1rem;font-weight:600;margin:0 0 .25rem;letter-spacing:.5px;text-transform:uppercase}.richtpreis-disclaimer{display:flex;align-items:flex-start;gap:.6rem;background:var(--bg-notice);border:1px solid var(--border-notice);border-radius:10px;padding:.85rem 1.1rem;margin-top:1rem;font-size:.88rem;color:var(--text-secondary);line-height:1.55;transition:background .3s,border-color .3s}.disclaimer-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.delivery-time-notice{display:flex;align-items:center;gap:.6rem;background:var(--bg-notice);border:1px solid var(--border-notice);border-radius:10px;padding:.75rem 1.1rem;margin-top:.75rem;font-size:.92rem;color:var(--text-secondary);transition:background .3s,border-color .3s}.delivery-time-icon{font-size:1.2rem;flex-shrink:0}.custom-price-section{background:var(--bg-notice);border:1px solid var(--border-notice);border-radius:12px;padding:1.1rem 1.25rem;margin-top:1rem;transition:background .3s,border-color .3s}.custom-price-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem}.custom-price-header label{font-weight:600;color:var(--text-subheading);font-size:.95rem}.custom-price-hint{font-size:.82rem;color:var(--text-secondary);opacity:.85}.custom-price-input-wrapper{display:flex;align-items:center;gap:.5rem}.currency-prefix{font-weight:600;color:var(--text-subheading);font-size:1rem;min-width:36px}.custom-price-input{width:100%;max-width:160px;padding:.6rem .9rem;border:2px solid var(--border-input);border-radius:8px;font-size:1.05rem;font-weight:600;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background .3s,color .3s;-moz-appearance:textfield}.custom-price-input:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px var(--focus-ring)}.custom-price-input::-webkit-inner-spin-button,.custom-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-price-note{color:var(--text-secondary);background:var(--bg-summary);border-radius:6px}.custom-price-min-warning,.custom-price-note{margin-top:.6rem;font-size:.85rem;padding:.5rem .75rem}.custom-price-min-warning{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;animation:fade-in .4s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dark .custom-price-min-warning{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.min-price-breakdown{display:block;font-size:.8rem;opacity:.75;margin-top:.3rem}.section-hint{font-size:.9rem;color:var(--text-section-hint);margin:-.5rem 0 1rem;opacity:.85}.success-card{background:var(--bg-card-gradient);border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border-card);transition:background .3s,border-color .3s}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--orange-500) 0,var(--orange-600) 100%);color:#fff;font-size:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 30px rgba(249,115,22,.3)}.success-card h2{color:var(--text-heading);margin:0 0 1rem}.success-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 2rem}.deadline-card{background:var(--bg-card-gradient);border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border-card);transition:background .3s,border-color .3s}.deadline-card-icon{font-size:3rem;margin-bottom:1rem}.deadline-card h2{color:var(--text-heading);margin:0 0 1rem}.deadline-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 .75rem}.deadline-card p strong{color:var(--text-notice-strong)}.order-form{background:var(--bg-card-gradient);border-radius:16px;padding:2rem;box-shadow:var(--shadow-card);border:1px solid var(--border-card);transition:background .3s,border-color .3s}.order-form h2{color:var(--text-heading);margin:0 0 1.5rem;text-align:center;font-size:1.75rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-section)}.form-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.form-section h3{color:var(--text-subheading);font-size:1.1rem;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:var(--text-label);font-size:.9rem;font-weight:600;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-input);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .3s,color .3s;background:var(--bg-input);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px var(--focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-placeholder)}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-row .form-group-large{flex:2 1}.zopf-products{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.zopf-product{display:flex;justify-content:space-between;align-items:center;background:var(--bg-product);border:2px solid var(--border-product);border-radius:12px;padding:1rem 1.25rem;transition:border-color .2s,background .3s}.zopf-product:hover{border-color:var(--orange-400)}.product-info{display:flex;flex-direction:column;gap:.2rem}.product-name{font-weight:600;color:var(--text-primary);font-size:1.05rem}.product-price-tag{color:var(--text-price);font-size:.9rem;font-weight:500}.quantity-selector{display:flex;align-items:center;max-width:160px}.quantity-selector input{width:56px;text-align:center;border-radius:0;border-left:none;border-right:none;border-top:2px solid var(--qty-input-border);border-bottom:2px solid var(--qty-input-border);background:var(--qty-input-bg);color:var(--qty-input-color);font-size:1.1rem;font-weight:600;padding:.5rem 0;-moz-appearance:textfield;transition:background .3s,color .3s,border-color .3s}.quantity-selector input:focus{outline:none;border-color:var(--orange-500)}.quantity-selector input::-webkit-inner-spin-button,.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-btn{width:44px;height:44px;border:2px solid var(--qty-btn-border);background:var(--qty-btn-bg);color:var(--qty-btn-color);font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quantity-btn:first-child{border-radius:10px 0 0 10px}.quantity-btn:last-child{border-radius:0 10px 10px 0}.quantity-btn:hover:not(:disabled){background:var(--orange-500);border-color:var(--orange-500);color:#fff}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.order-summary{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-summary);border:1px solid var(--border-card);border-radius:10px;padding:1rem 1.25rem;margin-top:1rem;transition:background .3s,border-color .3s}.summary-line{color:var(--text-summary);font-size:.95rem}.summary-line,.total-price{display:flex;justify-content:space-between}.total-price{align-items:center;background:var(--bg-total);padding:1rem 1.5rem;border-radius:12px;margin-top:1rem;border:2px solid var(--border-total);transition:background .3s,border-color .3s}.total-price span:first-child{color:var(--text-subheading);font-weight:600}.total-amount{font-size:1.5rem;font-weight:700;color:var(--text-price)}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{display:flex;align-items:center;cursor:pointer;padding:1rem;border:2px solid var(--border-product);border-radius:12px;transition:all .2s;background:var(--bg-payment)}.payment-option:hover{border-color:var(--orange-400);background:var(--bg-payment-hover)}.payment-option.selected{border-color:var(--orange-500);background:var(--bg-payment-selected)}.payment-option input{display:none}.payment-content{display:flex;align-items:center;gap:1rem}.payment-icon{font-size:2rem}.payment-text{display:flex;flex-direction:column}.payment-text strong{color:var(--text-payment-strong);font-size:1rem}.payment-text span{color:var(--text-payment-sub);font-size:.85rem}.bank-info{background:var(--bg-bank-info);border:1px solid var(--border-notice);border-radius:12px;padding:1rem 1.5rem;margin-top:1rem;transition:background .3s,border-color .3s}.bank-info h4{color:var(--text-subheading);margin:0 0 .5rem;font-size:.95rem}.bank-info p{color:var(--text-bank);font-size:.9rem;line-height:1.8;margin:0}.qr-payment-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--border-notice);text-align:center}.qr-code-wrapper{display:inline-block;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.qr-hint{color:var(--text-bank);font-size:.85rem;margin:.75rem 0 .25rem;line-height:1.4}.qr-amount{color:var(--text-subheading);font-size:.9rem;margin:.25rem 0 0}.qr-amount-note{color:var(--text-bank);font-size:.82rem}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--orange-500) 0,var(--orange-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);background:linear-gradient(135deg,var(--orange-400) 0,var(--orange-500) 100%)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit{width:100%;padding:1rem 2rem;font-size:1.1rem}.zopf-footer{background:#0a0a0a;border-top:2px solid var(--orange-600);color:var(--orange-300);text-align:center;padding:1.5rem 0;margin-top:auto}.zopf-footer p{margin:0;font-size:.9rem}.footer-logo{width:60px;height:auto;margin-bottom:.75rem;opacity:.8}@media (max-width:600px){.header-logo{width:90px}.zopf-header h1{font-size:1.6rem}.zopf-header .subtitle{font-size:.95rem}.theme-toggle{width:34px;height:34px;font-size:1rem;top:.75rem;right:.75rem}.form-row{flex-direction:column;gap:0}.product-prices{gap:.75rem}.product-price-item{padding:.5rem .75rem}.product-price{font-size:1.2rem}.zopf-product{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.zopf-product .quantity-selector{max-width:100%}.zopf-product .quantity-selector input{flex:1 1}.order-form{padding:1.5rem}.payment-content{gap:.75rem}.payment-icon{font-size:1.5rem}}