.angebot-page{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.angebot-wrapper{background:#fff;border:1px solid #1d4ed814;border-radius:24px;width:100%;max-width:820px;padding:36px;box-shadow:0 20px 60px #00000014,0 2px 10px #1d4ed814}.angebot-header{margin-bottom:28px}.angebot-kicker{letter-spacing:1.5px;text-transform:uppercase;color:#1d4ed8;margin:0 0 10px;font-size:13px;font-weight:700}.angebot-header h1{color:#1d4ed8;margin:0 0 12px;font-size:clamp(30px,5vw,46px);line-height:1.1}.angebot-description{color:#475569;max-width:620px;margin:0;font-size:16px;line-height:1.7}.step-indicator{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.step-badge{color:#1e3a8a;background:#e0e7ff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s}.step-badge.active{color:#fff;background:#1d4ed8;box-shadow:0 8px 24px #1d4ed84d}.contact-form{width:100%}.form-step{animation:.3s fadeIn}.form-step h2{color:#0f172a;margin:0 0 20px;font-size:24px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option-card{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:18px;min-height:74px;padding:18px;font-size:15px;font-weight:600;transition:all .25s}.option-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.option-card.selected{color:#1d4ed8;background:#eef2ff;border-color:#1d4ed8}.summary-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:18px}.summary-box p{color:#334155;margin:0 0 8px;line-height:1.6}.input-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.input-group label{color:#334155;font-size:14px;font-weight:600}.input-group input,.input-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 4px #1d4ed826}.input-group textarea{resize:vertical;min-height:140px}.form-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;display:flex}.form-actions-right{justify-content:flex-end}.btn{cursor:pointer;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .25s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 10px 25px #1d4ed84d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #1d4ed866}.btn-secondary{color:#1d4ed8;background:#e0e7ff}.btn-secondary:hover{background:#c7d2fe}.status-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.25s fadeOverlay;display:flex;position:fixed;inset:0}.status-modal{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:460px;padding:32px 28px;animation:.28s scaleIn;box-shadow:0 25px 80px #0f172a38}.status-modal.success{border:1px solid #1d4ed81f}.status-modal.error{border:1px solid #dc26261f}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:30px;font-weight:700;display:flex}.status-modal.success .status-icon{color:#1d4ed8;background:#dbeafe}.status-modal.error .status-icon{color:#dc2626;background:#fee2e2}.status-modal h3{color:#0f172a;margin:0 0 10px;font-size:28px;line-height:1.1}.status-modal p{color:#475569;margin:0 0 24px;font-size:16px;line-height:1.7}.status-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:14px;min-width:170px;padding:14px 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px #1d4ed847}.status-button:hover{transform:translateY(-2px);box-shadow:0 16px 35px #1d4ed857}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.contact-page{padding:24px 14px}.contact-wrapper{border-radius:18px;padding:24px 18px}.option-grid,.frequency-grid{grid-template-columns:1fr}.form-actions,.form-actions-right{flex-direction:column}.btn{width:100%}.step-badge{text-align:center;width:100%}.status-modal{border-radius:20px;max-width:100%;padding:26px 20px}.status-modal h3{font-size:24px}.status-modal p{font-size:15px}.status-button{width:100%}}