@import "https://fonts.googleapis.com/css2?family=Bungee&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{box-sizing:border-box;font-size:16px}body{font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Bungee,sans-serif;font-weight:400}a{font-family:Inter,sans-serif}button{border:none;border-radius:30px;padding:14px 25px;font-family:Inter,sans-serif}.pagina-laden{justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.pagina-laden-blok{background:orange;border-radius:3px;width:14px;height:14px;animation:1.2s ease-in-out infinite pulseer}.pagina-laden-blok:first-child{animation-delay:0s}.pagina-laden-blok:nth-child(2){animation-delay:.2s}.pagina-laden-blok:nth-child(3){animation-delay:.4s}.pagina-laden-blok:nth-child(4){animation-delay:.6s}@keyframes pulseer{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(2.2)}}.footer{background:#f5f5f5;width:100%;margin-top:60px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:95%;margin:0 auto;padding:60px 0 40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{color:#000;text-decoration:none}.footer-logo h2{font-size:1.3rem;font-weight:600}.footer-slogan{color:#666;max-width:280px;font-size:.95rem;line-height:1.7}.footer-socials{gap:12px;display:flex}.social-icon{color:#000;background:#fff;border:.5px solid #ddd;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s,border-color .2s;display:flex}.social-icon:hover{color:orange;border-color:orange}.footer-col{flex-direction:column;gap:16px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:#333;font-size:.9rem;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li a{color:#555;font-size:.95rem;text-decoration:none;transition:color .15s}.footer-col ul li a:hover,.footer-col ul li a.active{color:orange}.footer-contact{flex-direction:column;gap:14px;display:flex}.footer-contact li{flex-direction:column;gap:2px;display:flex}.contact-label{color:#aaa;letter-spacing:.05em;font-size:.9rem;font-weight:800}.footer-contact a,.footer-contact span{color:#555;font-size:.95rem;text-decoration:none;transition:color .15s}.footer-contact a:hover{color:orange}.footer-bottom{border-top:1px solid #ddd;justify-content:space-between;max-width:95%;margin:0 auto;padding:20px 0;display:flex}.footer-bottom a{color:orange}.footer-bottom p{color:#aaa;font-size:.85rem}@media (width<=1024px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-inner{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}.footer-brand{text-align:center;grid-column:auto}.footer-slogan{max-width:100%}.footer-socials{justify-content:center}.footer-col{text-align:center;align-items:center}.footer-col ul,.footer-contact li{align-items:center}.footer-bottom{text-align:center;flex-direction:column;gap:16px;padding:20px 16px;display:flex}}.cookie-banner{z-index:999;background:#fff;border:.5px solid #eee;border-radius:16px;width:calc(100% - 48px);max-width:780px;animation:.35s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cookie-inner{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.cookie-tekst{flex:1;align-items:flex-start;gap:14px;display:flex}.cookie-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.cookie-titel{color:#333;margin-bottom:4px;font-size:.95rem;font-weight:500}.cookie-beschrijving{color:#666;font-size:.85rem;line-height:1.6}.cookie-link{color:orange;text-decoration:none}.cookie-link:hover{text-decoration:underline}.cookie-knoppen{flex-shrink:0;gap:10px;display:flex}.cookie-weiger-btn{color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ddd;border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .15s,color .15s}.cookie-weiger-btn:hover{color:#333;border-color:#aaa}.cookie-accepteer-btn{color:#000;cursor:pointer;white-space:nowrap;background:orange;border:none;border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;transition:opacity .15s}.cookie-accepteer-btn:hover{opacity:.85}@media (width<=600px){.cookie-inner{flex-direction:column;gap:16px}.cookie-knoppen{display:flex}.cookie-weiger-btn,.cookie-accepteer-btn{text-align:center;flex-direction:column;display:flex}}.offerte-hero{background:#f5f5f5;border-radius:30px;align-items:center;width:100%;max-width:95%;min-height:260px;margin:20px auto;padding:60px;display:flex}.offerte-hero-content{flex-direction:column;gap:16px;max-width:600px;display:flex}.offerte-hero-content h1{font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600}.offerte-hero-content p{color:#555;font-size:1.05rem;line-height:1.8}.offerte-section{width:100%;max-width:95%;margin:40px auto 80px}.offerte-inner{flex-direction:column;gap:32px;max-width:680px;margin:0 auto;display:flex}.offerte-stappen-indicator{justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.offerte-stappen-indicator:before{content:"";z-index:0;background:#eee;height:2px;position:absolute;top:20px;left:8%;right:8%}.stap-indicator{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.stap-cirkel{color:#aaa;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:flex}.stap-indicator.actief .stap-cirkel{color:#fff;background:orange}.stap-indicator.klaar .stap-cirkel{color:#fff;background:#27ae60}.stap-naam{color:#aaa;white-space:nowrap;font-size:.78rem}.stap-indicator.actief .stap-naam{color:orange;font-weight:500}.stap-indicator.klaar .stap-naam{color:#27ae60}.offerte-form-card{background:#f5f5f5;border-radius:24px;flex-direction:column;gap:28px;padding:40px;display:flex}.offerte-stap{flex-direction:column;gap:24px;display:flex}.offerte-stap h2{font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:600}.offerte-stap p{color:#666;margin-top:-16px;font-size:.95rem}.offerte-velden{flex-direction:column;gap:16px;display:flex}.offerte-row{gap:16px;display:flex}.offerte-groep{flex-direction:column;flex:1;gap:6px;display:flex}.offerte-groep.flex-1{flex:1}.offerte-groep.flex-2{flex:2}.offerte-groep.flex-3{flex:3}.offerte-groep label{color:#333;font-size:.88rem;font-weight:500}.offerte-groep input,.offerte-groep textarea{color:#333;resize:none;background:#fff;border:1.5px solid #ddd;border-radius:10px;padding:12px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.offerte-groep input:focus,.offerte-groep textarea:focus{border-color:orange;outline:none}.daktype-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.daktype-kaart{cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-family:Inter,sans-serif;transition:border-color .2s,background .2s;display:flex}.daktype-kaart:hover{border-color:orange}.daktype-kaart.actief{background:#fff8f0;border-color:orange}.daktype-icon{font-size:1.4rem}.daktype-label{color:#333;text-align:center;font-size:.78rem}.urgentie-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.urgentie-kaart{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #ddd;border-radius:12px;flex-direction:column;gap:4px;padding:16px;font-family:Inter,sans-serif;transition:border-color .2s,background .2s;display:flex}.urgentie-kaart:hover{border-color:var(--urgentie-kleur)}.urgentie-kaart.actief{border-color:var(--urgentie-kleur);background:#fafafa}.urgentie-label{color:#333;font-size:.95rem;font-weight:500}.urgentie-kaart.actief .urgentie-label{color:var(--urgentie-kleur)}.urgentie-omschrijving{color:#aaa;font-size:.82rem}.foto-upload{flex-direction:column;gap:10px;display:flex}.foto-input{display:none}.foto-upload-label{cursor:pointer;background:#fff;border:1.5px dashed #ddd;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:28px;transition:border-color .2s;display:flex}.foto-upload-label:hover{border-color:orange}.foto-upload-icon{font-size:1.8rem}.foto-upload-label span{color:#555;font-size:.9rem}.foto-upload-hint{color:#aaa;font-size:.78rem}.foto-count{color:#27ae60;font-size:.88rem;font-weight:500}.offerte-samenvatting{background:#fff;border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.offerte-samenvatting h3{font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:600}.samenvatting-rijen{flex-direction:column;gap:10px;display:flex}.samenvatting-rij{border-bottom:.5px solid #eee;justify-content:space-between;padding-bottom:10px;font-size:.9rem;display:flex}.samenvatting-rij span:first-child{color:#aaa}.samenvatting-rij span:last-child{color:#333;text-align:right;font-weight:500}.offerte-navigatie{justify-content:flex-end;gap:12px;display:flex}.offerte-vorige-btn{color:#555;cursor:pointer;background:0 0;border:1.5px solid #ddd;border-radius:10px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .15s}.offerte-vorige-btn:hover{border-color:#aaa}.offerte-volgende-btn,.offerte-verstuur-btn{color:#fff;cursor:pointer;background:orange;border:none;border-radius:10px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:opacity .2s}.offerte-volgende-btn:hover,.offerte-verstuur-btn:hover{opacity:.85}.offerte-bedankt{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:500px;margin:60px auto 80px;display:flex}.bedankt-icon{color:#fff;background:#27ae60;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;display:flex}.offerte-bedankt h2{font-family:Oswald,sans-serif;font-size:2rem;font-weight:600}.offerte-bedankt p{color:#555;font-size:1rem;line-height:1.7}.spoed-melding{color:#e74c3c;background:#fdf0f0;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:500}@media (width<=768px){.offerte-hero{border-radius:20px;padding:32px 24px}.offerte-form-card{padding:24px 20px}.offerte-row{flex-direction:column}.daktype-grid{grid-template-columns:repeat(2,1fr)}.stap-naam{display:none}}.weer-banner{z-index:300;width:100%;padding:12px 20px;animation:.35s cubic-bezier(.4,0,.2,1) slideDown;position:sticky;top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.weer-banner-storm{background:#e74c3c}.weer-banner-wind{background:#f39c12}.weer-banner-onweer{background:#8e44ad}.weer-banner-hitte{background:#d6c66e}.weer-banner-inner{align-items:center;gap:12px;max-width:95%;margin:0 auto;display:flex}.weer-banner-icon{flex-shrink:0;font-size:1.2rem}.weer-banner-tekst{color:#fff;flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.weer-banner-btn{color:#333;white-space:nowrap;background:#fff;border-radius:20px;flex-shrink:0;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s}.weer-banner-btn:hover{opacity:.85}.weer-banner-sluit{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1rem;transition:color .15s}.weer-banner-sluit:hover{color:#fff}@media (width<=768px){.weer-banner-inner{flex-wrap:wrap;gap:8px}.weer-banner-tekst{flex:200px}}.navbar{z-index:200;background-color:#000;border-radius:40px;flex-direction:row;justify-content:space-between;align-items:center;width:95%;height:95px;margin:30px auto;padding:20px;display:flex}.mobiel-sluit-btn{width:100px;margin:0 auto}.mobiel-sluit-btn:hover{border:1px solid #f39c12}.nav-logo img{width:auto;height:98px}.nav-links{flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.nav-links a{color:#fff;font-size:.95rem;text-decoration:none}.nav-links a:hover{color:orange}.nav-links a.active{color:orange;cursor:pointer;font-weight:600;text-decoration:underline}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:#fff;cursor:pointer;padding:4px 0;font-size:.95rem}.nav-dropdown-trigger.active{color:orange;font-weight:600}.dropdown-menu{z-index:100;background:#000;border-radius:12px;flex-direction:column;gap:2px;min-width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 20px);left:0;box-shadow:0 8px 24px #0000001a}.dropdown-item{color:#000;border-radius:8px;padding:10px 14px;font-size:.95rem;text-decoration:none;transition:background .15s}.dropdown-item:hover{color:orange;background:#000}.dropdown-item.active{color:orange;font-weight:600}.nav-button{color:#fff;cursor:pointer;white-space:nowrap;background:orange;border:none;border-radius:20px;padding:10px 24px;font-family:Bungee,sans-serif;font-size:.88rem;font-weight:500;transition:opacity .2s}.nav-button:hover{opacity:.85}.hamburger{cursor:pointer;background:#ffffff26;border:none;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobiel-menu{z-index:150;background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:85vh;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 32px #0000001a}.mobiel-menu.open{transform:translateY(0)}.mobiel-menu-inner{flex-direction:column;gap:4px;height:100%;padding:24px 28px 40px;display:flex}.mobiel-link{color:#000;border-bottom:.5px solid #eee;padding:14px 0;font-size:1.1rem;font-weight:400;text-decoration:none;transition:color .15s}.mobiel-link:hover,.mobiel-link.active{color:orange;font-weight:500}.mobiel-dropdown{border-bottom:.5px solid #eee}.mobiel-dropdown-trigger{color:#000;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-family:Inter,sans-serif;font-size:1.1rem;display:flex}.pijl{color:#aaa;font-size:1.2rem;transition:transform .25s;display:inline-block}.pijl.open{transform:rotate(90deg)}.mobiel-dropdown-items{flex-direction:column;gap:4px;padding:4px 0 12px 16px;display:flex}.mobiel-dienst-link{color:#555;padding:8px 0;font-size:.95rem;text-decoration:none;transition:color .15s}.mobiel-dienst-link:hover,.mobiel-dienst-link.active{color:orange}.mobiel-offerte-btn{color:#fff;cursor:pointer;background:orange;border:none;border-radius:12px;margin-top:auto;padding:14px;font-size:1rem;font-weight:500;transition:opacity .2s}.mobiel-offerte-btn:hover{opacity:.85}.menu-overlay{z-index:140;background:#0006;position:fixed;inset:0}@media (width<=768px){.nav-links{display:none}.navbar{margin:20px auto 10px;padding:20px 28px}.nav-button{display:none}.hamburger{display:flex}.nav-logo{position:absolute;left:50%;transform:translate(-50%)}}.chatbot-knop{color:#fff;cursor:pointer;z-index:500;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;padding:0;font-size:1.6rem;transition:transform .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #00000040}.chatbot-knop:hover{transform:scale(1.08)}.chatbot-knop.open{background:#333;font-size:1.2rem}.chatbot-venster{z-index:499;opacity:0;pointer-events:none;background:#fff;border-radius:20px;flex-direction:column;width:360px;height:520px;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:fixed;bottom:100px;right:28px;overflow:hidden;transform:scale(.95)translateY(10px);box-shadow:0 8px 40px #00000026}.chatbot-venster.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.chatbot-header{background:#1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-bericht-avatar{flex-shrink:0}.chatbot-naam{color:#fff;font-size:.9rem;font-weight:600;display:block}.chatbot-status{color:#aaa;align-items:center;gap:5px;font-size:.75rem;display:flex}.chatbot-status-dot{background:#27ae60;border-radius:50%;width:7px;height:7px}.chatbot-header-acties{gap:8px;display:flex}.chatbot-reset-btn,.chatbot-sluit-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;transition:color .15s,background .15s}.chatbot-reset-btn:hover,.chatbot-sluit-btn:hover{color:#fff;background:#ffffff1a}.chatbot-berichten{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chatbot-bericht{align-items:flex-end;gap:8px;display:flex}.chatbot-bericht.user{flex-direction:row-reverse}.chatbot-bericht-avatar{color:#fff;background:orange;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.chatbot-bericht-tekst{border-radius:14px;max-width:75%;padding:10px 14px;font-size:.88rem;line-height:1.6}.chatbot-bericht.assistant .chatbot-bericht-tekst{color:#333;background:#f5f5f5;border-bottom-left-radius:4px}.chatbot-bericht.user .chatbot-bericht-tekst{color:#fff;background:orange;border-bottom-right-radius:4px}.chatbot-typing{align-items:center;gap:4px;padding:12px 16px;display:flex}.chatbot-typing span{background:#aaa;border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.chatbot-snelle-vragen{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.chatbot-snelle-vraag{color:#555;cursor:pointer;background:0 0;border:1.5px solid #ddd;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.82rem;transition:border-color .15s,color .15s}.chatbot-snelle-vraag:hover{color:orange;border-color:orange}.chatbot-input-rij{border-top:.5px solid #eee;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.chatbot-input{border:1.5px solid #ddd;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.chatbot-input:focus{border-color:orange}.chatbot-stuur-btn{color:#fff;cursor:pointer;background:orange;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;transition:opacity .2s;display:flex}.chatbot-stuur-btn:hover{opacity:.85}.chatbot-stuur-btn:disabled{opacity:.4;cursor:not-allowed}.chatbot-footer{border-top:.5px solid #eee;flex-shrink:0;padding:10px 16px}.chatbot-voortgang{background:#eee;flex-shrink:0;height:3px}.chatbot-voortgang-balk{background:orange;height:100%;transition:width .3s}.chatbot-inline-link{color:orange;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.chatbot-keuze-grid{grid-template-columns:1fr 1fr;gap:8px;padding:4px 0;display:grid}.chatbot-keuze-lijst{flex-direction:column;gap:8px;padding:4px 0;display:flex}.chatbot-keuze-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #ddd;border-radius:10px;padding:10px 8px;font-family:Inter,sans-serif;font-size:.82rem;transition:border-color .15s,color .15s}.chatbot-keuze-btn:hover{color:orange;border-color:orange}.chatbot-keuze-btn-full{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #ddd;border-radius:10px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .15s,color .15s}.chatbot-keuze-btn-full:hover{color:orange;border-color:orange}.chatbot-keuze-btn-verstuur{color:#fff;cursor:pointer;text-align:center;background:orange;border:none;border-radius:10px;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:opacity .2s}.chatbot-keuze-btn-verstuur:hover{opacity:.85}.chatbot-keuze-btn-verstuur:disabled{opacity:.6;cursor:not-allowed}.chatbot-bel-link{color:#555;font-size:.82rem;text-decoration:none;transition:color .15s}.chatbot-bel-link:hover{color:orange}@media (width<=480px){.chatbot-venster{width:calc(100vw - 32px);height:480px;bottom:90px;right:16px}.chatbot-knop{bottom:16px;right:16px}.chatbot-stuur-btn{height:inherit}}