*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#2D3436;background:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden;}::selection{background:#08648d;color:#fff;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.hidden{display:none !important;}:root{--primary:#08648d;--primary-dark:#065a7a;--accent:#91bf21;--accent-dark:#7da81b;--dark:#2D3436;--gray-bg:#f5f5f7;--gray-100:#f0f0f2;--gray-200:#e5e5ea;--gray-400:#8e8e93;--gray-600:#636366;--error:#ff3b30;--success:#34c759;--radius:16px;--radius-sm:10px;--shadow:0 2px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--transition:0.25s ease;}.funnel-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);}.funnel-header-inner{max-width:720px;margin:0 auto;padding:0 1.25rem;height:60px;display:flex;align-items:center;justify-content:space-between;}.funnel-logo img{height:32px;width:auto;}.funnel-phone{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:0.875rem;font-weight:600;text-decoration:none;transition:opacity var(--transition);}.funnel-phone:hover{opacity:0.7;}.funnel-main{min-height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.25rem 4rem;}.funnel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr;gap:2rem;}.funnel-container{width:100%;max-width:640px;}.funnel-sidebar{display:none;order:-1;}.sidebar-cta{background:#f8f9fa;border-radius:1rem;padding:1.75rem;margin-bottom:1.25rem;}.sidebar-google-rating{display:flex;align-items:center;gap:0.5rem;background:#f8f9fa;border-radius:0.75rem;padding:1rem 1.25rem;text-decoration:none;transition:background 0.2s;}.sidebar-google-rating:hover{background:#f0f1f2;}@media (min-width:1024px){.funnel-layout{grid-template-columns:320px 1fr;gap:3rem;align-items:center;}.funnel-sidebar{display:block;order:-1;}.funnel-container{order:1;}}.progress-wrap{margin-bottom:2.5rem;}.progress-bar{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;background:var(--accent);border-radius:2px;width:12.5%;transition:width 0.5s ease;}.progress-label{font-size:0.75rem;color:var(--gray-400);margin-top:0.5rem;text-align:right;}.funnel-step{display:none;animation:fadeUp 0.4s ease;}.funnel-step.active{display:block;}@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.step-header{text-align:center;margin-bottom:2rem;}.step-title{font-size:1.75rem;font-weight:800;color:var(--dark);letter-spacing:-0.02em;margin-bottom:0.5rem;}.step-subtitle{font-size:1rem;color:var(--gray-600);}.step-trust{text-align:center;font-size:0.8rem;color:var(--gray-400);margin-top:1.5rem;}.cards-grid{display:grid;gap:0.75rem;}.cards-grid.cols-2{grid-template-columns:repeat(2,1fr);}.cards-grid.cols-3{grid-template-columns:repeat(3,1fr);}.cards-grid.cols-4{grid-template-columns:repeat(4,1fr);}@media (max-width:768px){.cards-grid.cols-4{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.cards-grid.cols-3{grid-template-columns:repeat(2,1fr);}.cards-grid.cols-4{grid-template-columns:repeat(2,1fr);}}.option-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.5rem;padding:1.5rem 1rem;border-radius:var(--radius);background:var(--gray-bg);border:2px solid transparent;cursor:pointer;transition:all var(--transition);font-family:inherit;min-height:44px;}.option-card:hover{border-color:var(--primary);background:#fff;box-shadow:var(--shadow);}.option-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.option-card.selected{border-color:var(--primary);background:#eaf4f9;box-shadow:0 0 0 1px var(--primary);}.option-card.compact{padding:1.25rem 0.75rem;}.card-icon{color:var(--primary);margin-bottom:0.25rem;}.card-material-img{width:100%;max-height:120px;object-fit:contain;border-radius:8px;}.card-label{font-weight:700;font-size:0.95rem;color:var(--dark);}.card-desc{font-size:0.8rem;color:var(--gray-600);line-height:1.4;}.material-card .card-desc{min-height:2.2em;}.material-icon{width:72px;height:72px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,0.12);background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,0.55),0 6px 14px rgba(15,23,42,0.12);}.material-icon svg{width:34px;height:34px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.material-icon-pvc{color:#334155;background:linear-gradient(145deg,#f8fafc 0%,#dce6f2 100%);}.material-icon-wood{color:#8b5a3c;background:linear-gradient(145deg,#fff7ed 0%,#fde7cf 100%);}.material-icon-hybrid{color:#5b6470;background:linear-gradient(90deg,#fdecd8 0 50%,#e5edf7 50% 100%);}.material-icon-alu{color:#3f4d5a;background:linear-gradient(145deg,#eef2f7 0%,#cfd8e3 100%);}.material-icon-unknown{color:#1d4ed8;background:linear-gradient(145deg,#eef2ff 0%,#dbeafe 100%);}.step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;gap:1rem;}.btn-back,.btn-next,.btn-submit{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:0.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);min-height:44px;text-decoration:none;}.btn-back{background:transparent;border:none;color:var(--gray-600);padding:0.75rem 1rem;}.btn-back:hover{color:var(--dark);}.btn-next{background:var(--primary);color:#fff;border:none;padding:0.75rem 1.5rem;box-shadow:0 2px 8px rgba(8,100,141,0.25);}.btn-next:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(8,100,141,0.3);}.btn-next:disabled{opacity:0.4;pointer-events:none;}.btn-submit{background:var(--accent);color:#fff;border:none;padding:0.75rem 2rem;font-size:1rem;box-shadow:0 2px 12px rgba(145,191,33,0.3);}.btn-submit:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 20px rgba(145,191,33,0.4);}.btn-submit:disabled{opacity:0.4;pointer-events:none;}.foerder-check{background:var(--gray-bg);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;margin-bottom:1.25rem;}.foerder-check-head{margin-bottom:0.75rem;}.foerder-check-title{font-size:1rem;font-weight:800;color:var(--dark);line-height:1.3;}.foerder-check-subtitle{font-size:0.85rem;color:var(--gray-600);margin-top:0.25rem;}.btn-foerder-check{width:100%;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:0.9rem;font-weight:700;padding:0.7rem 1rem;cursor:pointer;transition:all var(--transition);min-height:44px;}.btn-foerder-check:hover{background:var(--primary-dark);}.btn-foerder-check:disabled{opacity:0.65;cursor:wait;}.foerder-progress{width:100%;height:8px;border-radius:999px;background:#dfe3e8;overflow:hidden;margin-top:0.75rem;}.foerder-progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f97316 0%,#eab308 45%,#22c55e 100%);transition:width 0.2s linear;}.foerder-progress-text{font-size:0.8rem;color:var(--gray-600);margin-top:0.5rem;}.foerder-ampel{display:flex;align-items:center;justify-content:center;gap:0.65rem;margin-top:0.7rem;}.ampel-dot{width:18px;height:18px;border-radius:50%;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}.ampel-dot.active{transform:scale(1.08);box-shadow:0 0 0 4px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.18);}.dot-red.active{background:#ef4444;}.dot-yellow.active{background:#f59e0b;}.dot-green.active{background:#22c55e;}.foerder-result{margin-top:0.75rem;border-radius:12px;padding:0.7rem 0.8rem;font-size:0.85rem;line-height:1.45;border:1px solid transparent;}.foerder-result.level-red{color:#9f1239;background:#fff1f2;border-color:#fecdd3;}.foerder-result.level-yellow{color:#92400e;background:#fffbeb;border-color:#fde68a;}.foerder-result.level-green{color:#166534;background:#f0fdf4;border-color:#bbf7d0;}.foerder-result strong{font-weight:800;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}.form-group.full{grid-column:1 / -1;}@media (max-width:480px){.form-grid{grid-template-columns:1fr;}}.form-group{display:flex;flex-direction:column;}.input-label{font-size:0.8rem;font-weight:600;color:var(--gray-600);margin-bottom:0.35rem;}.section-label{font-size:0.95rem;font-weight:700;color:var(--dark);margin:1.5rem 0 0.75rem;}.form-input,.form-textarea{width:100%;padding:0.75rem 1rem;font-family:inherit;font-size:1rem;border:2px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-bg);color:var(--dark);transition:all var(--transition);outline:none;}.form-input:focus,.form-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(8,100,141,0.1);}.form-input.error,.form-textarea.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(255,59,48,0.1);}.form-input.valid{border-color:var(--success);}.form-textarea{resize:vertical;min-height:60px;}.field-error{font-size:0.78rem;color:var(--error);margin-top:0.25rem;min-height:0;transition:all var(--transition);}.other-input{margin-top:1rem;animation:fadeUp 0.3s ease;}.site-toggle{margin-top:1.5rem;}.toggle-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.9rem;color:var(--dark);}.toggle-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary);}.site-fields{animation:fadeUp 0.3s ease;}.consent-wrap{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);}.consent-label{display:flex;align-items:flex-start;gap:0.5rem;cursor:pointer;font-size:0.85rem;color:var(--gray-600);line-height:1.5;}.consent-label input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);flex-shrink:0;}.consent-label a{color:var(--primary);text-decoration:underline;}.upload-area{margin-top:1.5rem;animation:fadeUp 0.3s ease;}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:2.5rem 1.5rem;border:2px dashed var(--gray-200);border-radius:var(--radius);background:var(--gray-bg);cursor:pointer;transition:all var(--transition);text-align:center;color:var(--gray-400);}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:#eaf4f9;color:var(--primary);}.dropzone-text{font-size:0.9rem;color:var(--gray-600);}.dropzone-link{color:var(--primary);font-weight:600;text-decoration:underline;}.dropzone-hint{font-size:0.75rem;color:var(--gray-400);}.upload-hint{font-size:0.8rem;color:var(--gray-400);margin-top:0.5rem;text-align:center;}.file-list{margin-top:0.75rem;display:flex;flex-direction:column;gap:0.5rem;}.file-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;background:var(--gray-bg);border-radius:var(--radius-sm);font-size:0.8rem;}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dark);}.file-size{color:var(--gray-400);margin:0 0.75rem;flex-shrink:0;}.file-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.1rem;padding:0 4px;line-height:1;}.app-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;}.app-badge{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--dark);color:#fff;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition);}.app-badge:hover{opacity:0.85;transform:translateY(-1px);}.app-badge small{display:block;font-size:0.65rem;opacity:0.7;}.app-badge strong{display:block;font-size:0.9rem;}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.qr-box{width:120px;height:120px;border:2px dashed var(--gray-200);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-weight:700;font-size:1.5rem;}.qr-text{font-size:0.8rem;color:var(--gray-400);}.summary{background:var(--gray-bg);border-radius:var(--radius);padding:1.5rem;}.summary-section{margin-bottom:1.25rem;}.summary-section:last-child{margin-bottom:0;}.summary-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-400);margin-bottom:0.25rem;}.summary-value{font-size:0.95rem;color:var(--dark);font-weight:500;}.summary-divider{height:1px;background:var(--gray-200);margin:1rem 0;}.thank-you{text-align:center;padding:2rem 0;}.ty-icon{color:var(--success);margin-bottom:1.5rem;}.ty-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap;}.btn-submit.loading{pointer-events:none;opacity:0.7;}.btn-submit.loading::after{content:'';width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite;margin-left:8px;}@keyframes spin{to{transform:rotate(360deg);}}@media (min-width:640px){.funnel-main{padding:3rem 2rem 5rem;}.step-title{font-size:2rem;}.option-card{padding:2rem 1.25rem;}}@media (min-width:768px){.funnel-header-inner{max-width:720px;}}@media print{.funnel-header,.step-nav,.progress-wrap{display:none !important;}}