*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2c5f2d;--primary-dark:#1f4620;--primary-light:#4a7c59;--accent:#ffa500;--text:#333;--text-light:#555;--bg:#ffffff;--bg-light:#f9f9f9;--border:#e0e0e0;--success:#4caf50;--warning:#fff3cd}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;color:var(--text);background:var(--bg)}.container{max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto;display:block}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:white;padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);min-height:95px}@media (max-width:768px){.header{min-height:75px}.hero{background-image:url('../images/hero-balcony-mobile.webp')}}.header-content{display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:bold;color:white;text-decoration:none}.main-nav{display:flex;gap:30px;align-items:center}.main-nav a{color:white;text-decoration:none;font-weight:500;transition:opacity 0.3s}.main-nav a:hover{opacity:0.8}.nav-cta{background:white;color:var(--primary) !important;padding:8px 20px;border-radius:20px;font-weight:bold}.mobile-menu-toggle{display:none;background:none;border:none;color:white;font-size:1.8rem;cursor:pointer}.mobile-menu{display:none;background:var(--primary-dark);padding:20px}.mobile-menu a{display:block;color:white;text-decoration:none;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.hero{position:relative;min-height:600px;background:url('../images/hero-balcony.webp') center/cover no-repeat;display:flex;align-items:center;color:white}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(44,95,45,0.9) 0%,rgba(74,124,89,0.85) 100%)}.hero-container{position:relative;z-index:1;padding:80px 20px}.hero-text{max-width:700px}.hero h1{font-size:3rem;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-bottom:40px;padding:30px 0;border-top:2px solid rgba(255,255,255,0.3);border-bottom:2px solid rgba(255,255,255,0.3)}.stat-item{text-align:center}.stat-item strong{display:block;font-size:2rem;margin-bottom:5px}.stat-item span{font-size:0.9rem;opacity:0.9}.btn-hero{background:white;color:var(--primary);padding:18px 40px;font-size:1.2rem;font-weight:bold;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.hero-content{display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center}.hero-cta-box{background:white;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.hero-cta-box .btn-hero{width:100%;margin-bottom:15px}.hero-cta-box small{display:block;margin-top:8px;font-size:14px}.hero-note{color:#555;font-size:14px;margin-top:10px}.info-section{background:#f8f9fa;padding:60px 20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.info-card{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center}.info-icon{font-size:48px;margin-bottom:15px}.info-card h3{font-size:20px;margin-bottom:10px;color:#2c5f2d}.info-card p{color:#555;line-height:1.6}.faq-section{padding:60px 20px;background:white}.faq-section h2{text-align:center;margin-bottom:40px;color:#2c5f2d}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.faq-item{background:#f8f9fa;padding:25px;border-radius:10px;border-left:4px solid #4caf50}.faq-item h3{font-size:18px;margin-bottom:12px;color:#333}.faq-item p{color:#555;line-height:1.7}.faq-item a{color:#2c5f2d;text-decoration:underline}.stats-section{background:#2c5f2d;color:white;padding:50px 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:900px;margin:0 auto}.stat-card{text-align:center}.stat-number{font-size:48px;font-weight:bold;color:#8dd88f;margin-bottom:10px}.stat-label{font-size:16px;opacity:0.9}.cta-button-large{display:inline-block;background:linear-gradient(135deg,#4caf50 0%,#2c5f2d 100%);color:white;padding:20px 40px;border-radius:50px;font-size:22px;font-weight:bold;text-decoration:none;box-shadow:0 4px 15px rgba(76,175,80,0.4);transition:all 0.3s ease}.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,0.6)}.cta-button-large small{display:block;font-size:14px;margin-top:5px;opacity:0.9}.section-title{font-size:2.5rem;text-align:center;margin-bottom:50px;color:var(--primary)}.benefits-section{padding:80px 20px;background:var(--bg-light)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.benefit-card{background:white;padding:40px 30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);text-align:center;transition:transform 0.3s,box-shadow 0.3s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary)}.ratgeber-section{padding:80px 20px;background:white}.ratgeber-content{max-width:800px;margin:0 auto}.ratgeber-content h2{font-size:2.5rem;margin-bottom:20px;color:var(--primary)}.ratgeber-content h3{font-size:1.8rem;margin-top:40px;margin-bottom:20px;color:var(--primary-dark)}.lead{font-size:1.2rem;line-height:1.8;color:var(--text-light);margin-bottom:30px}.info-box,.warning-box,.cta-box{padding:25px;border-radius:8px;margin:30px 0}.info-box{background:#e8f5e9;border-left:5px solid var(--success)}.warning-box{background:var(--warning);border-left:5px solid var(--accent)}.cta-box{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:white;text-align:center}.info-box h3,.warning-box strong{margin-bottom:15px;display:block}.info-box ul{margin:15px 0 0 20px}.info-box li{margin-bottom:10px}.price-table{background:var(--bg-light);border-radius:8px;overflow:hidden;margin:30px 0}.price-row{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border)}.price-row.highlight{background:#e8f5e9;font-weight:bold}.price-note{font-size:0.9rem;font-style:italic;color:var(--text-light);margin-top:10px}.content-image{margin:30px 0;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:30px 0}.step-card{background:white;border:2px solid var(--border);border-radius:8px;padding:25px;position:relative}.step-number{position:absolute;top:-15px;left:20px;width:40px;height:40px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:bold}.step-card h4{margin:10px 0 15px 0;color:var(--primary);font-size:1.3rem}.amazon-section{padding:60px 20px;background:linear-gradient(135deg,#fff8e6 0%,#fff3d0 100%);text-align:center;border-top:3px solid #ff9900;border-bottom:3px solid #ff9900}.amazon-section h2{color:#b35c00;margin-bottom:12px;font-size:28px}.amazon-section p{color:#555;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto;font-size:16px}.amazon-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.btn-amazon-large{display:inline-block;background:linear-gradient(135deg,#ff9900 0%,#e47911 100%);color:white !important;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:bold;text-decoration:none !important;transition:all 0.3s;box-shadow:0 4px 12px rgba(228,121,17,0.3)}.btn-amazon-large:hover{background:linear-gradient(135deg,#e47911 0%,#c7660e 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(228,121,17,0.5);color:white !important}.shared-amazon-cta{background:linear-gradient(135deg,#ff9900 0%,#e47911 100%);color:white;padding:35px 30px;border-radius:16px;text-align:center;margin:30px 0}.shared-amazon-cta h3{margin-bottom:10px}.shared-amazon-cta p{margin-bottom:15px;opacity:0.95}.shared-amazon-cta .amazon-disclaimer{color:rgba(255,255,255,0.7);margin-top:10px}.result-amazon-cta{background:linear-gradient(135deg,#ff9900 0%,#e47911 100%);color:white;padding:30px 25px;border-radius:12px;text-align:center;margin:25px 0}.result-amazon-cta h4{margin-bottom:8px;font-size:20px}.result-amazon-cta p{margin-bottom:15px;opacity:0.95}.result-amazon-cta .btn-amazon{display:inline-block;background:white;color:#e47911;padding:12px 30px;border-radius:50px;font-size:16px;font-weight:bold;text-decoration:none;transition:all 0.3s}.result-amazon-cta .btn-amazon:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.result-amazon-cta .amazon-disclaimer{display:block;color:rgba(255,255,255,0.7);font-size:11px;margin-top:10px;font-style:italic}.legal-section{padding:80px 20px;background:var(--bg-light)}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.legal-card{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.legal-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary)}.legal-card a{color:var(--primary);text-decoration:none;font-weight:bold;margin-top:15px;display:inline-block}.legal-card a:hover{text-decoration:underline}.calculator-intro{max-width:700px;margin:0 auto 40px;text-align:center}.btn-start-wizard{display:block;margin:0 auto;background:var(--primary);color:white;padding:18px 50px;font-size:1.2rem;font-weight:bold;border:none;border-radius:50px;cursor:pointer;transition:transform 0.3s,background 0.3s}.btn-start-wizard:hover{background:var(--primary-dark);transform:translateY(-3px)}.footer{background:#222;color:#ccc;padding:60px 20px 30px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-col h4{color:white;margin-bottom:20px;font-size:1.2rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#ccc;text-decoration:none;transition:color 0.3s}.footer-col a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid #444;padding-top:30px;text-align:center}.disclaimer{font-size:0.85rem;margin-top:15px;opacity:0.8}.wizard-container{padding:60px 20px;background:white}@media (max-width:768px){.main-nav{display:none}.mobile-menu-toggle{display:block}.hero h1{font-size:2rem}.hero-content{grid-template-columns:1fr}.hero-subtitle{font-size:1.1rem}.faq-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.live-preview{position:static;width:100%;margin-top:30px}}.cta-box-advanced{background:linear-gradient(135deg,#1f4620 0%,#2c5f2d 100%);color:white;padding:50px 40px;border-radius:16px;text-align:center;margin:50px 0;box-shadow:0 10px 40px rgba(44,95,45,0.3)}.cta-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.cta-box-advanced h3{font-size:2rem;margin-bottom:15px;color:white}.cta-box-advanced p{font-size:1.1rem;margin-bottom:30px;opacity:0.95;max-width:600px;margin-left:auto;margin-right:auto}.btn-cta-advanced{display:inline-flex;align-items:center;gap:12px;background:white;color:var(--primary);padding:18px 40px;border-radius:50px;font-size:1.2rem;font-weight:bold;text-decoration:none;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn-cta-advanced:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,0,0,0.3)}.calculator-promo{padding:100px 20px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:white}.calculator-promo-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calculator-promo-text h2{font-size:2.5rem;margin-bottom:20px}.calculator-features{list-style:none;margin:30px 0}.calculator-features li{font-size:1.1rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.2)}.btn-calculator-start{display:inline-flex;align-items:center;gap:12px;background:white;color:var(--primary);padding:18px 40px;border-radius:50px;font-size:1.2rem;font-weight:bold;text-decoration:none;margin-top:20px;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn-calculator-start:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,0,0,0.3)}.calculator-promo-image img{max-width:100%;width:100%;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.3))}.wizard-page{padding:60px 20px 100px;background:var(--bg-light);min-height:100vh}.wizard-header{text-align:center;margin-bottom:50px}.wizard-header h1{font-size:2.5rem;color:var(--primary);margin-bottom:10px}.wizard-subtitle{font-size:1.2rem;color:var(--text-light)}.wizard-content{display:grid;grid-template-columns:1fr 320px;gap:40px;margin-top:40px}.wizard-steps{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.wizard-step{display:none;padding:40px}.wizard-step.active{display:block;animation:fadeInUp 0.4s}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:30px;border-bottom:2px solid var(--border);padding-bottom:20px}.step-badge{display:inline-block;background:var(--primary);color:white;padding:6px 14px;border-radius:20px;font-size:0.9rem;font-weight:bold;margin-bottom:10px}.step-header h2{font-size:1.8rem;color:var(--primary-dark)}.step-body{margin-bottom:30px}.step-footer{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-input,.form-select{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color 0.3s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary)}.form-range{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none}.form-range::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--primary);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.value-display{color:var(--primary);font-weight:bold}.instruction-box{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.result-box{background:#e8f5e9;border-left:4px solid var(--success);padding:15px;border-radius:6px;margin-top:15px}.warning-box{background:var(--warning);border-left:4px solid var(--accent);padding:15px;border-radius:6px;margin-top:15px}.btn-primary,.btn-secondary,.btn-back{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(44,95,45,0.3)}.btn-secondary{background:var(--bg-light);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-back{background:#999;color:white}.btn-option{display:flex;flex-direction:column;align-items:center;gap:10px;background:white;border:2px solid var(--primary);color:var(--primary);padding:30px 20px;border-radius:12px;flex:1;min-width:180px;transition:all 0.3s}.btn-option:hover{background:var(--primary);color:white}.option-icon{font-size:2.5rem}.orientation-options{display:flex;gap:20px;margin-bottom:30px}.live-preview{position:sticky;top:100px;background:white;padding:25px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);height:fit-content}.live-preview h3{margin-bottom:20px;color:var(--primary);font-size:1.3rem}.preview-card{background:var(--bg-light);padding:20px;border-radius:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.preview-item:last-child{border-bottom:none}.preview-label{color:var(--text-light);font-size:0.95rem}.preview-value{color:var(--primary);font-size:1.3rem;font-weight:bold}.benefits-section{background:url('../images/bg-benefits.webp') center/cover,var(--bg-light)}.ratgeber-section{background:url('../images/bg-ratgeber.webp') center/cover,white}@media (max-width:968px){.wizard-content{grid-template-columns:1fr}.live-preview{position:static}.calculator-promo-content{grid-template-columns:1fr;gap:30px}.calculator-promo-image{max-width:300px;margin:0 auto}.calculator-promo-image img{max-width:100%}.faq-section .container{padding:0}.faq-section{padding:60px 15px}.form-row{grid-template-columns:1fr}.orientation-options{flex-direction:column}}.step-description{color:var(--text-light);font-size:1rem;margin-top:5px}.form-hint{display:block;font-size:0.85rem;color:var(--text-light);margin-top:5px}.instruction-visual{background:var(--bg-light);padding:30px;border-radius:12px;margin-bottom:30px}.instruction-image{max-width:100%;border-radius:8px;margin-bottom:20px}.instruction-text h4{color:var(--primary);margin-bottom:15px}.instruction-text ol{margin:15px 0 15px 25px}.instruction-text li{margin-bottom:10px;line-height:1.6}.hint-text{background:white;padding:15px;border-radius:6px;margin-top:15px;border-left:4px solid var(--primary)}.orientation-display{text-align:center;padding:30px;background:var(--bg-light);border-radius:12px;margin-top:20px}.compass-visual{position:relative;width:150px;height:150px;margin:0 auto 15px;background:white;border-radius:50%;border:3px solid var(--primary)}.compass-arrow{position:absolute;top:10px;left:50%;width:4px;height:60px;background:var(--accent);transform-origin:bottom center;margin-left:-2px;transition:transform 0.3s}.compass-arrow::before{content:'▲';position:absolute;top:-10px;left:-6px;color:var(--accent);font-size:1.2rem}.config-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.config-card{cursor:pointer}.config-card input[type="radio"]{display:none}.config-card label{display:block;background:white;border:3px solid var(--border);border-radius:12px;padding:25px 15px;text-align:center;transition:all 0.3s;cursor:pointer}.config-card input[type="radio"]:checked+label{border-color:var(--primary);background:#e8f5e9}.config-icon{font-size:3rem;margin-bottom:10px}.config-card h4{font-size:1.1rem;margin-bottom:8px;color:var(--text)}.config-price{font-size:1.3rem;font-weight:bold;color:var(--primary);margin-bottom:8px}.config-badge{display:inline-block;background:var(--primary);color:white;padding:4px 12px;border-radius:12px;font-size:0.75rem}.radio-visual-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.radio-card{cursor:pointer}.radio-card input[type="radio"]{display:none}.radio-content{background:white;border:2px solid var(--border);border-radius:10px;padding:20px 10px;text-align:center;transition:all 0.3s}.radio-card input[type="radio"]:checked~.radio-content{border-color:var(--primary);background:#e8f5e9}.radio-icon{font-size:2.5rem;display:block;margin-bottom:8px}.radio-content strong{display:block;margin-bottom:5px;color:var(--text)}.radio-content small{display:block;color:var(--text-light);font-size:0.85rem}.range-labels{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--text-light);margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type="checkbox"]{width:20px;height:20px;cursor:pointer}.cost-breakdown{background:var(--bg-light);padding:20px;border-radius:8px;margin:20px 0}.cost-breakdown h4{margin-bottom:15px;color:var(--primary)}.cost-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.cost-item.total{border-top:2px solid var(--primary);border-bottom:none;margin-top:10px;font-size:1.1rem}.loading-state{text-align:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.result-summary{padding:30px;background:var(--bg-light);border-radius:12px;margin-bottom:30px}.result-hero{text-align:center;padding:40px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:white;border-radius:12px;margin-bottom:30px}.result-main-value{font-size:4rem;font-weight:bold;margin:20px 0}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.result-card{background:white;padding:25px;border-radius:12px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.result-icon{font-size:2.5rem;display:block;margin-bottom:10px}.result-card strong{display:block;font-size:1.5rem;color:var(--primary);margin-bottom:5px}.result-card small{color:var(--text-light)}.result-explanation{background:white;padding:25px;border-radius:8px;border-left:4px solid var(--primary)}.pdf-section{background:white;padding:30px;border-radius:12px;border:2px solid var(--primary)}.pdf-section h3{color:var(--primary);margin-bottom:15px}.pdf-features{margin:20px 0;list-style:none}.pdf-features li{padding:8px 0;font-size:1.05rem}.btn-download{display:inline-flex;align-items:center;gap:10px;background:var(--primary);color:white;padding:18px 40px;border:none;border-radius:8px;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:all 0.3s;margin-top:20px}.btn-download:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(44,95,45,0.3)}.footer-info-section{padding:40px 0;border-bottom:1px solid #444;margin-bottom:40px}.footer-info-section h3{color:white;font-size:1.8rem;margin-bottom:30px;text-align:center}.footer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.footer-info-card{background:#2a2a2a;padding:25px;border-radius:8px;border-left:4px solid var(--primary-light)}.footer-info-card h4{color:white;font-size:1.2rem;margin-bottom:12px}.footer-info-card p{font-size:0.95rem;line-height:1.6;margin-bottom:15px;color:#ccc}.footer-link{color:#8dd88f;text-decoration:none;font-weight:600;transition:color 0.3s}.footer-link:hover{color:white}.footer-links-section{margin-bottom:30px}.step-tabs{display:flex;justify-content:space-between;margin:30px 0;gap:10px;overflow-x:auto}.step-tab{flex:1;min-width:100px;background:white;border:2px solid var(--border);border-radius:8px;padding:12px 8px;cursor:pointer;transition:all 0.3s;text-align:center}.step-tab:disabled{opacity:0.5;cursor:not-allowed}.step-tab.active{border-color:var(--primary);background:#e8f5e9}.tab-number{display:block;width:30px;height:30px;background:var(--border);color:white;border-radius:50%;margin:0 auto 5px;line-height:30px;font-weight:bold}.step-tab.active .tab-number{background:var(--primary)}.tab-label{display:block;font-size:0.85rem;color:var(--text)}.share-box{background:#e3f2fd;padding:20px;border-radius:8px;margin-bottom:25px}.share-box h4{margin-bottom:10px;color:var(--primary)}.share-url-box{display:flex;gap:10px;margin-top:10px}.share-url-box input{flex:1;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:0.9rem}.btn-copy{background:var(--primary);color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:bold}.method-note{font-size:0.85rem;color:var(--text-light);margin-top:15px}@media (max-width:768px){.step-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px}.step-tabs::-webkit-scrollbar{display:none}.step-tab{min-width:56px;padding:8px 4px;flex-shrink:0}.tab-number{width:26px;height:26px;line-height:26px;font-size:0.8rem}.tab-label{font-size:0.65rem}.wizard-page{padding:30px 10px 60px}.wizard-header{margin-bottom:25px}.wizard-header h1{font-size:1.6rem}.wizard-subtitle{font-size:1rem}.wizard-step{padding:20px 15px}.result-hero{padding:25px 15px}.result-main-value{font-size:2.5rem}.result-grid{grid-template-columns:repeat(2,1fr);gap:10px}.result-card{padding:15px 10px}.result-card strong{font-size:1.2rem}.result-icon{font-size:1.8rem}.result-summary{padding:15px}.result-explanation{padding:15px}.pdf-section{padding:20px 15px}.share-url-box{flex-direction:column}.share-box{padding:15px}.live-preview{padding:15px}.preview-value{font-size:1.1rem}.radio-visual-group{grid-template-columns:repeat(2,1fr)}}.current-config{background:var(--bg-light);padding:20px;border-radius:8px;margin:20px 0;border-left:4px solid var(--primary)}.current-config h4{margin-bottom:15px;color:var(--primary)}.loading-inline{display:flex;align-items:center;gap:10px;padding:15px}.spinner-small{width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite}.location-confirm{background:#e8f5e9;border-left:4px solid var(--success);padding:20px;border-radius:8px;margin-bottom:25px}.location-confirm h4{color:var(--primary);margin-bottom:10px}.location-details p{margin:8px 0;line-height:1.6}.location-details strong{color:var(--text);min-width:120px;display:inline-block}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-edit{background:white;border:2px solid var(--primary);color:var(--primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;font-weight:600;transition:all 0.3s}.btn-edit:hover{background:var(--primary);color:white}.location-edit{padding:20px;background:#f0f8ff;border-radius:8px;margin-top:15px}.location-edit .btn-secondary{margin-right:10px;margin-top:15px}.share-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);padding:25px;border-radius:12px;margin-bottom:25px;border-left:5px solid var(--success)}.share-box h4{margin-bottom:10px;color:var(--primary-dark)}.share-url-box{display:flex;gap:10px;margin-top:15px}.share-url-box input{flex:1;padding:12px;border:2px solid var(--success);border-radius:8px;font-size:0.95rem;background:white}.btn-copy{background:var(--success);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:bold;white-space:nowrap;transition:all 0.3s}.btn-copy:hover{background:#388e3c;transform:translateY(-2px)}.share-hint{display:block;margin-top:10px;color:var(--text-light);font-size:0.85rem}#azimuthManual::-webkit-inner-spin-button{opacity:1}.social-share-section{margin-top:40px;padding-top:30px;border-top:2px solid var(--border)}.social-share-section h4{color:var(--primary);margin-bottom:15px;font-size:1.3rem}.share-message{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);padding:20px;border-radius:8px;text-align:center;font-size:1.1rem;margin-bottom:20px;border-left:5px solid var(--success)}.share-message strong{color:var(--primary);font-size:1.3rem}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.btn-social{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;transition:all 0.3s}.btn-social:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.btn-facebook{background:#1877f2}.btn-twitter{background:#1da1f2}.btn-whatsapp{background:#25d366}.btn-linkedin{background:#0077b5}.btn-copy{background:#555}@media (max-width:768px){.social-buttons{grid-template-columns:1fr 1fr}}.breadcrumbs{background:#f5f5f5;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:0.9rem;display:flex;align-items:center;gap:10px}.breadcrumbs a{color:var(--primary);text-decoration:none;font-weight:600}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span:not(:last-child){color:#767676}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.preview-note{background:#fff3cd;padding:10px;border-radius:6px;margin-bottom:15px;border-left:3px solid #ffc107}.preview-note small{color:#856404}.wizard-step#step7~.sidebar .live-preview{display:none !important}body.step-7 .live-preview{display:none !important}.step-help{background:#e8f5e9;border-left:4px solid #4caf50;padding:15px 20px;margin:20px 0;border-radius:6px;font-size:14px;line-height:1.6}.step-help strong{color:#2c5f2d}.step-help ul{margin:10px 0;padding-left:20px}.step-help li{margin:5px 0}.step-help small{color:#555;display:block;margin-top:10px}.shade-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:20px 0}.shade-option{cursor:pointer}.shade-option input[type="radio"]{display:none}.shade-card{background:#f8f9fa;border:2px solid #ddd;border-radius:12px;padding:20px 15px;text-align:center;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;justify-content:center}.shade-option:hover .shade-card{border-color:#4caf50;background:#f1f8f1;transform:translateY(-3px)}.shade-option input[type="radio"]:checked+.shade-card{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);box-shadow:0 4px 12px rgba(76,175,80,0.3)}.shade-icon{font-size:42px;margin-bottom:10px;line-height:1}.shade-title{font-size:16px;font-weight:bold;color:#2c5f2d;margin-bottom:5px}.shade-description{font-size:12px;color:#555;line-height:1.4}.slider-container{display:flex;align-items:center;gap:20px;margin:15px 0}#tiltSlider{flex:1;height:8px;border-radius:5px;background:linear-gradient(to right,#4caf50 0%,#2c5f2d 100%);outline:none;-webkit-appearance:none}#tiltSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:white;border:3px solid #4caf50;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:all 0.3s}#tiltSlider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px rgba(76,175,80,0.4)}#tiltSlider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:white;border:3px solid #4caf50;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:all 0.3s}#tiltSlider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px rgba(76,175,80,0.4)}.slider-value{min-width:60px;padding:8px 15px;background:#2e7d32;color:white;border-radius:20px;font-size:18px;font-weight:bold;text-align:center;box-shadow:0 2px 8px rgba(76,175,80,0.3)}.help-text{background:#e8f5e9;border-left:4px solid #4caf50;padding:12px 15px;border-radius:6px;margin:15px 0;font-size:14px;line-height:1.6}.step-help{background:#e8f5e9;border-left:4px solid #4caf50;padding:15px 20px;border-radius:6px;margin:20px 0;font-size:14px;line-height:1.6}.step-help strong{color:#2c5f2d}@media (max-width:768px){.shade-options{grid-template-columns:repeat(2,1fr);gap:12px}.shade-icon{font-size:36px}.shade-title{font-size:14px}.shade-description{font-size:11px}.slider-container{flex-direction:column;align-items:stretch}.slider-value{text-align:center}}.calculation-details{background:#f8f9fa;padding:30px;border-radius:12px;margin:30px 0}.calculation-details h4{margin-bottom:25px;color:#2c5f2d}.calc-section{background:white;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #4caf50}.calc-section h5{margin-bottom:15px;color:#2c5f2d}.calc-formula{background:#e8f5e9;padding:15px;border-radius:6px;margin:10px 0;font-family:'Courier New',monospace}.calc-formula code{color:#2c5f2d;font-weight:bold;font-size:16px}.calc-note{margin-top:10px;color:#555;font-size:14px;line-height:1.6}.shared-result-page{padding:60px 20px;background:white}.shared-header{text-align:center;margin-bottom:40px}.shared-header h1{font-size:36px;color:#2c5f2d;margin-bottom:10px}.shared-header p{color:#555;font-size:16px}.shared-actions{display:flex;gap:15px;justify-content:center;margin-top:40px;flex-wrap:wrap}.btn-large{padding:15px 30px;font-size:18px;border-radius:10px;text-decoration:none;display:inline-block;transition:all 0.3s}.btn-primary.btn-large{background:linear-gradient(135deg,#4caf50 0%,#2c5f2d 100%);color:white;border:none}.btn-primary.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,0.4)}.btn-secondary.btn-large{background:white;color:#2c5f2d;border:2px solid #2c5f2d}.btn-secondary.btn-large:hover{background:#f1f8f1;transform:translateY(-2px)}@media (max-width:768px){.shared-actions{flex-direction:column}.btn-large{width:100%}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(44,95,45,0.98);color:white;padding:20px;box-shadow:0 -4px 20px rgba(0,0,0,0.3);z-index:99999;transform:translateY(100%);transition:transform 0.3s ease}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-consent-content p{margin:0;line-height:1.6;flex:1}.cookie-consent-content a{color:#b8f0ba;text-decoration:underline}.cookie-consent-actions{display:flex;gap:10px}.btn-accept,.btn-decline{padding:12px 24px;border:none;border-radius:6px;font-weight:bold;cursor:pointer;transition:all 0.3s}.btn-accept{background:#2e7d32;color:white}.btn-accept:hover{background:#256428}.btn-decline{background:white;color:#2c5f2d}.btn-decline:hover{background:#f1f1f1}@media (max-width:768px){.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-actions{flex-direction:column;width:100%}.btn-accept,.btn-decline{width:100%}}.error-404-page{padding:100px 20px;background:var(--bg-light);min-height:60vh;display:flex;align-items:center}.error-404-content{text-align:center;max-width:500px;margin:0 auto}.error-404-code{font-size:120px;font-weight:900;color:var(--primary-light);line-height:1;opacity:0.3;margin-bottom:10px}.error-404-content h1{font-size:1.8rem;color:var(--text);margin-bottom:15px}.error-404-content p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:30px}.error-404-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.error-404-code{font-size:80px}.error-404-actions{flex-direction:column}.error-404-actions a{width:100%;text-align:center}}.static-page{padding:80px 20px;background:white;min-height:60vh}.static-content{max-width:900px;margin:0 auto}.static-content h1{font-size:42px;color:#2c5f2d;margin-bottom:20px}.static-content h2{font-size:28px;color:#2c5f2d;margin:40px 0 20px}.static-content h3{font-size:20px;color:#333;margin:30px 0 15px}.static-content p{line-height:1.8;margin-bottom:20px}.static-content ul{margin:20px 0;padding-left:30px}.static-content li{margin-bottom:10px;line-height:1.7}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:40px 0}.contact-card{background:#f8f9fa;padding:30px;border-radius:12px;border-left:4px solid #4caf50}.contact-card h3{margin-top:0}.expert-bio{display:grid;grid-template-columns:200px 1fr;gap:40px;margin:40px 0;padding:40px;background:#f8f9fa;border-radius:12px}.expert-placeholder{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#4caf50 0%,#2c5f2d 100%);color:white;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:bold}.expert-title{color:#2c5f2d;font-weight:bold;margin-bottom:15px}.expert-credentials{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{background:#2e7d32;color:white;padding:6px 12px;border-radius:20px;font-size:13px}.why-us-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:40px 0}@media (max-width:768px){.why-us-grid{grid-template-columns:1fr}}.why-card{background:#f8f9fa;padding:30px;border-radius:12px;text-align:center}.why-icon{font-size:48px;margin-bottom:15px}.cookie-table{width:100%;border-collapse:collapse;margin:30px 0}.cookie-table th,.cookie-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.cookie-table th{background:#2c5f2d;color:white}.cookie-table code{background:#f8f9fa;padding:2px 6px;border-radius:4px}.footer-info-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.footer-expert{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.2)}@media (max-width:768px){.expert-bio{grid-template-columns:1fr;text-align:center}.expert-placeholder{margin:0 auto}.footer-info-grid{grid-template-columns:1fr}.footer-info-section h3{font-size:1.3rem}.footer-info-card{padding:18px 15px}.footer-grid{grid-template-columns:1fr;gap:25px}}.author-card{background:#f8f9fa;border-radius:12px;overflow:hidden;margin:40px 0}.author-card.author-top,.author-card.author-bottom{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:30px}.author-card.author-sidebar{padding:20px}.author-photo img{width:180px;height:180px;border-radius:50%;object-fit:cover}.author-card.author-sidebar .author-photo img{width:100%;height:auto;border-radius:8px}.author-name{font-size:24px;color:#2c5f2d;margin:0 0 5px 0}.author-title{color:#2c7d2f;font-weight:600;margin:0 0 15px 0;font-size:16px}.author-bio{line-height:1.7;color:#555;margin-bottom:15px}.author-credentials{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.badge{background:#2e7d32;color:white;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.author-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.social-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:white;border:2px solid #e0e0e0;border-radius:8px;color:#2c5f2d;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s}.social-link:hover{border-color:#4caf50;background:#f1f8f1;transform:translateY(-2px)}.social-link svg{flex-shrink:0}@media (max-width:768px){.author-card.author-top,.author-card.author-bottom{grid-template-columns:1fr;text-align:center}.author-photo img{margin:0 auto}.author-credentials{justify-content:center}.author-social{justify-content:center}}.article-author-section{background:white;padding:40px 20px}.article-author-section .container{max-width:900px}.author-card .social-link{color:#2c5f2d;border-color:#2c5f2d}.author-card .social-link:hover{color:#4caf50;border-color:#4caf50;background:#f1f8f1}.author-card a{color:inherit !important;text-decoration:none !important}.logo a{display:flex;align-items:center;gap:12px}.logo-img{height:65px;object-fit:contain}@media (max-width:768px){.logo-img{height:45px}.logo span{font-size:16px}}.article-main table{width:100%;border-collapse:collapse;margin:2rem 0;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.article-main thead{background:linear-gradient(135deg,#2c5f2d 0%,#3a7a3c 100%);color:white}.article-main thead th{padding:1rem;text-align:left;font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px}.article-main tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color 0.2s}.article-main tbody tr:nth-child(even){background-color:#f8f9fa}.article-main tbody tr:nth-child(odd){background-color:#ffffff}.article-main tbody tr:hover{background-color:#e8f5e9}.article-main tbody td{padding:1rem;color:#333;font-size:0.95rem;line-height:1.6}.article-main tbody td:first-child{font-weight:500;color:#2c5f2d}.article-main tbody td strong{color:#2c5f2d;font-weight:600}.article-main .table-wrapper{overflow-x:auto;margin:2rem 0;-webkit-overflow-scrolling:touch}.article-main .table-wrapper table{margin:0}.article-main table.comparison-table tbody td{text-align:center}.article-main table.comparison-table tbody td:first-child{text-align:left}.article-main table.price-table tbody td:last-child{font-weight:600;color:#2c5f2d;font-size:1.1rem}.article-main table.data-table tbody tr:hover{background-color:#fff9e6}.article-main table.data-table tbody td{border-right:1px solid #e0e0e0}.article-main table.data-table tbody td:last-child{border-right:none}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2rem 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.article-main table{width:100%;min-width:600px;border-collapse:collapse;margin:0;background:white}.article-main thead{background:linear-gradient(135deg,#2c5f2d 0%,#3a7a3c 100%);color:white}.article-main thead th{padding:1rem;text-align:left;font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.article-main tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color 0.2s}.article-main tbody tr:nth-child(even){background-color:#f8f9fa}.article-main tbody tr:nth-child(odd){background-color:#ffffff}.article-main tbody tr:hover{background-color:#e8f5e9}.article-main tbody td{padding:1rem;color:#333;font-size:0.95rem;line-height:1.6}.article-main tbody td:first-child{font-weight:500;color:#2c5f2d}.article-main tbody td strong{color:#2c5f2d;font-weight:600}@media (max-width:768px){.table-responsive{overflow-x:visible;margin:1rem 0;border-radius:0;box-shadow:none}.table-responsive::after{display:none}.article-main table{display:block;min-width:0;width:100%;font-size:0.85rem;border:none;box-shadow:none}.article-main thead{display:none}.article-main tbody,.article-main tbody tr{display:block}.article-main tbody tr{margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:white;box-shadow:0 2px 4px rgba(0,0,0,0.08)}.article-main tbody tr:nth-child(even),.article-main tbody tr:nth-child(odd){background:white}.article-main tbody tr:hover{background:white}.article-main tbody td{display:flex;justify-content:space-between;align-items:flex-start;padding:0.5rem 0;border:none;text-align:left;gap:1rem}.article-main tbody td::before{content:attr(data-label);font-weight:600;color:#2c5f2d;flex-shrink:0;min-width:40%}.article-main tbody td:not(:last-child){border-bottom:1px solid #f0f0f0;padding-bottom:0.5rem;margin-bottom:0.5rem}.article-main tbody td:first-child{font-weight:600;font-size:1rem;color:#2c5f2d;padding-bottom:0.75rem;margin-bottom:0.75rem;border-bottom:2px solid #4caf50}}.article-main table.comparison-table tbody td{text-align:center}.article-main table.comparison-table tbody td:first-child{text-align:left}.article-main table.price-table tbody td:last-child{font-weight:600;color:#2c5f2d;font-size:1.1rem}.app-promo-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);text-align:center}.app-promo-link{display:inline-block;transition:transform 0.2s ease,opacity 0.2s ease}.app-promo-link:hover{transform:scale(1.05);opacity:0.9}.google-play-badge{height:48px;width:auto}.android-app-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#f8f8f8;box-shadow:0 2px 12px rgba(0,0,0,0.15);border-bottom:1px solid #e0e0e0}.android-banner-content{display:flex;align-items:center;gap:10px;padding:8px 12px;max-width:600px;margin:0 auto}.android-banner-close{background:none;border:none;font-size:22px;color:#767676;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.android-banner-icon{flex-shrink:0}.android-banner-text{flex:1;min-width:0;line-height:1.3}.android-banner-text strong{display:block;font-size:14px;color:#333}.android-banner-text small{font-size:12px;color:#595959}.android-banner-btn{flex-shrink:0;background:#2e7d32;color:#fff;text-decoration:none;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600}.android-banner-btn:hover{background:#388e3c}@media (max-width:768px){.google-play-badge{height:42px}}