@charset "UTF-8";
#page-1174{background:#f2f5f8}.results-title{font-size:1.8rem;color:#063289;margin-bottom:30px;text-align:center}.result-box{background:linear-gradient(135deg, #063289 0%, #1e3c72 100%);color:white;padding:30px;border-radius:15px;margin-bottom:25px;text-align:center}.result-box .result-label{font-size:0.9rem;opacity:0.9;margin-bottom:10px}.result-box .result-value{font-size:3rem;font-weight:bold;margin-bottom:5px}.result-box .result-secondary{font-size:1.1rem;opacity:0.85}.customer-projection{background:linear-gradient(135deg, #38b44a 0%, #20c997 100%);color:white;padding:30px;border-radius:15px;margin-bottom:25px}.customer-projection.warning{background:linear-gradient(135deg, #ffc107 0%, #ff9800 100%)}.customer-projection.danger{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%)}.customer-projection .projection-value{font-size:3.5rem;font-weight:bold;text-align:center;margin:15px 0}.customer-projection .projection-range{text-align:center;font-size:1.1rem;opacity:0.9;margin-bottom:20px}.customer-projection .timeline{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.3)}.customer-projection .timeline .timeline-item{display:flex;justify-content:space-between;padding:8px 0;font-size:0.95rem}.customer-projection .timeline .timeline-item strong{font-size:1.1rem}.customer-projection .projection-explanation{background:rgba(255, 255, 255, 0.15);padding:15px;border-radius:8px;margin-top:15px;font-size:0.9rem;line-height:1.6}.customer-projection .projection-factors{margin-top:15px;font-size:0.85rem}.customer-projection .projection-factors .factor-item{display:flex;align-items:center;gap:8px;padding:5px 0;opacity:0.9}.customer-projection .projection-factors .factor-item .factor-icon{font-size:1.1rem}.breakdown{margin-top:30px}.breakdown .breakdown-title{font-size:1.2rem;color:#063289;margin-bottom:15px;font-weight:bold}.breakdown .breakdown-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ecef;font-size:0.95rem}.breakdown .breakdown-item:last-child{border-bottom:none;padding-top:15px;margin-top:10px;border-top:2px solid #063289;font-weight:bold;font-size:1.05rem}.roi-calculator{background:white;padding:25px;border-radius:12px;margin-top:30px;box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 8px}.roi-calculator h3{color:#063289;margin-bottom:20px}.roi-calculator .input-group{margin-bottom:20px}.roi-calculator .input-group label{display:block;margin-bottom:8px;font-size:0.9rem;font-weight:500}.roi-calculator .input-group input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color 0.3s}.roi-calculator .input-group input:focus{outline:none;border-color:#063289}.roi-calculator .input-group input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.roi-calculator .roi-result{background:linear-gradient(135deg, #38b44a 0%, #20c997 100%);color:white;padding:20px;border-radius:10px;margin-top:20px;text-align:center}.roi-calculator .roi-result .roi-value{font-size:2.5rem;font-weight:bold;margin:10px 0}#c29498,#c29503{background:linear-gradient(135deg, #2e3f8d 0%, #0e1225 100%);color:white;padding:30px;margin-top:30px;border-radius:12px}#c29498 .btn-primary,#c29503 .btn-primary{background:#38b44a}.cta-section{background:linear-gradient(135deg, #2e3f8d 0%, #0e1225 100%);color:white;padding:30px;text-align:center;margin-top:30px;border-radius:10px}.cta-section .cta-button{color:white;padding:15px 40px;border-radius:12px;background:linear-gradient(135deg, #38b44a 0%, #20c997 100%);font-weight:bold;width:100%;margin-top:15px;transition:all 0.3s ease;border:1px solid white;font-size:1.1rem;cursor:pointer}.cta-section .cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.2)}.option-category{margin-bottom:40px}.option-category .category-title{font-size:1.5rem;color:#063289;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #063289}.option-category .option-card{background:white;padding:20px;margin-bottom:15px;border-radius:10px;cursor:pointer;transition:all 0.3s ease;position:relative}.option-category .option-card:hover{border-color:#063289;transform:translateY(-2px);box-shadow:0 5px 15px rgba(44, 90, 160, 0.2)}.option-category .option-card.selected{background:white;box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 8px}.option-category .option-card.selected::before{content:"✓";position:absolute;top:15px;right:15px;background:#38b44a;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold}.option-category .option-card .option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.option-category .option-card .option-header .option-name{font-weight:bold;font-size:1.1rem;color:#063289}.option-category .option-card .option-header .option-price{font-weight:bold;font-size:1.1rem;color:#063289;margin-right:2rem}@media (max-width:768px){.option-category .option-card .option-header{display:grid}}.option-category .option-card .option-description{font-size:0.95rem;margin-top:8px}.option-category .option-card .option-features{list-style:none;margin-top:10px;font-size:0.9rem}.option-category .option-card .option-features li{padding:3px 0 3px 20px;position:relative}.option-category .option-card .option-features li::before{content:"•";position:absolute;left:5px;color:#063289}.checkbox-option{display:flex;align-items:center;gap:15px;background:white;padding:15px;margin-bottom:10px;border:1px solid #e9ecef;cursor:pointer;transition:all 0.3s ease;background:linear-gradient(135deg, #f9fbff 0%, #f3f6fb 100%);border-radius:12px;box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 8px;background:white}.checkbox-option:hover{background:linear-gradient(90deg, rgba(56, 180, 74, 0.05) 0%, rgba(56, 180, 74, 0.05) 55%, rgba(6, 50, 137, 0.11) 100%);transform:translateY(-3px);box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px}.checkbox-option.selected{border:1px solid #38b44a;background:#e8f4ff;background:linear-gradient(90deg, rgba(56, 180, 74, 0.05) 0%, rgba(56, 180, 74, 0.05) 55%, rgba(6, 50, 137, 0.11) 100%)}.checkbox-option.selected .checkbox{background:#063289}.checkbox-option.selected .checkbox::after{content:"✓";color:white;font-weight:bold}.checkbox-option .checkbox{width:24px;height:24px;border:2px solid #063289;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:white}.checkbox-option .checkbox-content{flex:1}.package-selector{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-bottom:30px}.package-selector .package-btn{background:linear-gradient(135deg, #f9fbff 0%, #f3f6fb 100%);color:#063289;padding:1rem;cursor:pointer;width:100%;height:100%;text-align:center;font-weight:bold;position:relative;z-index:1;border-radius:12px;overflow:visible;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, z-index 0s linear 0.3s;box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 8px;background:white}.package-selector .package-btn:hover{background:linear-gradient(90deg, rgba(56, 180, 74, 0.05) 0%, rgba(56, 180, 74, 0.05) 55%, rgba(6, 50, 137, 0.11) 100%);transform:translateY(-3px);outline:none;box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px}.package-selector .package-btn.active{border:1px solid #38b44a;background:linear-gradient(90deg, rgba(56, 180, 74, 0.05) 0%, rgba(56, 180, 74, 0.05) 55%, rgba(6, 50, 137, 0.11) 100%);transform:translateY(-3px);outline:none;box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px}.package-selector .package-btn .package-icon{font-size:2rem;margin-bottom:5px}.package-selector .package-btn .package-name{font-weight:bold;color:#063289;margin-bottom:5px}.package-selector .package-btn .package-price-small{font-size:0.9rem;color:#666}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:20px 0;border-radius:5px;color:#856404}.warning-box strong{display:block;margin-bottom:10px;font-size:1.1rem}.info-box{background:#d1ecf1;border-left:4px solid #17a2b8;padding:20px;margin:20px 0;border-radius:5px;color:#0c5460}.info-box strong{display:block;margin-bottom:10px;font-size:1.1rem}@media (max-width:1024px){.calculator-body{grid-template-columns:1fr}.calculator-results{border-left:none;border-top:2px solid #e9ecef;position:static}.package-selector{grid-template-columns:1fr}}@media (max-width:768px){.calculator-header h1{font-size:1.8rem}.result-value{font-size:2.2rem}.projection-value{font-size:2.5rem}}#websiteInvestitionsrechner-29497-textarea-1{display:none}.form-group{margin-bottom:1rem}