/* Labelcheck (oktober 2026): eigen stylesheet voor /labelcheck, /en/label-check en de bedankpagina's.
   Basis = de opmaak van /energielabel-berekenen (zelfde kop, hero, content, FAQ, CTA en footer),
   aangevuld met het formulier en de uploadvakken (naar het voorbeeld van /uploaden). */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;color:#333;line-height:1.6;font-size:16px;background:#fff}
header{background:#fff;padding:0 40px;height:72px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.logo{text-decoration:none;font-size:1.4rem;font-weight:700}.logo .g{color:#27ae60}.logo .b{color:#0099CC}
nav a{color:#555;text-decoration:none;margin-left:28px;font-size:1rem;font-weight:500}nav a:hover{color:#0099CC}
.hero{background:linear-gradient(150deg,#e5f4fb 0%,#f2faff 100%);padding:70px 32px 60px;text-align:center}
.hero h1{font-size:2.5rem;color:#0a3550;margin-bottom:14px;font-weight:700;line-height:1.25}
.hero .sub{color:#27ae60;font-size:1.25rem;margin-bottom:22px;font-weight:600}
.btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.btn1{background:#0099CC;color:#fff;padding:16px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem}
.btn1:hover{background:#0077a8}
.btn2{background:#fff;color:#0099CC;border:2px solid #0099CC;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem}
.beloftes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0 4px;list-style:none}
.beloftes li{background:#fff;border:1px solid #cfe6f0;border-radius:30px;padding:9px 18px;font-weight:600;color:#0a3550;font-size:.98rem}
.beloftes li b{color:#0099CC}
.hero .klein{font-size:.9rem;color:#555;max-width:640px;margin:12px auto 0}
.content{max-width:800px;margin:0 auto;padding:50px 32px}
.content h2{color:#0099CC;font-size:1.5rem;font-weight:600;margin:36px 0 12px}
.content h2:first-child{margin-top:0}
.content h3{color:#0a3550;font-size:1.15rem;font-weight:600;margin:24px 0 8px}
.content p{color:#444;line-height:1.8;margin-bottom:14px;font-size:1rem}
.content ul{padding-left:24px;line-height:1.9;color:#444;font-size:1rem;margin-bottom:14px}
.content a{color:#0099CC}
.stappen{counter-reset:stap;list-style:none;padding:0 !important;margin:18px 0}
.stappen li{position:relative;padding:0 0 22px 62px;counter-increment:stap}
.stappen li:before{content:counter(stap);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#0099CC;color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 8px}
.kaart{background:#f6fbfd;border:1px solid #d7ecf5;border-radius:10px;padding:18px 18px 8px}
.kaart h3{margin-top:0 !important}
.kaart p{font-size:.96rem}
.let-op{background:#fff8e6;border-left:4px solid #FFB400;padding:14px 18px;border-radius:6px;margin:18px 0;color:#555}
.let-op p{margin:0 0 8px}.let-op p:last-child{margin:0}
.faq{margin:14px 0}
.faq details{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:600;color:#0a3550;background:#fff;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';float:right;color:#0099CC;font-size:1.3rem;line-height:1}
.faq details[open] summary:after{content:'\2212'}
.faq .ans{padding:0 18px 16px;color:#444;line-height:1.8}
.cta{background:linear-gradient(135deg,#0099CC,#0077a8);color:#fff;text-align:center;padding:64px 32px}
.cta h2{font-size:1.8rem;font-weight:700;margin-bottom:14px}
.cta p{margin-bottom:28px;opacity:.92;font-size:1.05rem}
.cbtn1{background:#fff;color:#0099CC;padding:16px 36px;border-radius:6px;text-decoration:none;font-weight:600;margin:6px;display:inline-block;font-size:1rem}
.cbtn2{border:2px solid #fff;color:#fff;padding:14px 36px;border-radius:6px;text-decoration:none;font-weight:600;margin:6px;display:inline-block;font-size:1rem}
footer{background:#2d2d2d;color:#ccc;text-align:center;padding:36px 24px;font-size:.9rem;border-top:3px solid #0099CC}
footer p{margin:7px 0}footer strong{color:#fff}footer a{color:#ccc;text-decoration:none}footer a:hover{color:#0099CC}
.breadcrumb{max-width:800px;margin:0 auto;padding:18px 32px 0;font-size:.85rem;color:#888}
.breadcrumb a{color:#0099CC;text-decoration:none}

/* ---- Formulier ---- */
.lc-form-wrap{background:#f6fbfd;border-top:1px solid #d7ecf5;border-bottom:1px solid #d7ecf5}
.lc-form-wrap .content{padding-top:46px;padding-bottom:46px}
.lc-blok{background:#fff;border:1px solid #d7ecf5;border-radius:10px;padding:22px 22px 10px;margin:0 0 18px}
.lc-blok>h3{margin:0 0 4px !important;font-size:1.12rem}
.lc-blok>.uitleg{font-size:.92rem;color:#666;margin-bottom:14px}
.lc-rij{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.lc-veld{flex:1 1 200px;margin-bottom:14px;min-width:0}
.lc-veld.smal{flex:0 1 140px}
.lc-veld label,.lc-veld .lbl{font-weight:600;color:#0a3550;display:block;margin-bottom:6px;font-size:.95rem}
.lc-veld .opt{font-weight:400;color:#888;font-size:.85rem}
.lc-veld input[type=text],.lc-veld input[type=email],.lc-veld input[type=tel],.lc-veld input[type=number],.lc-veld input[type=search],.lc-veld select,.lc-veld textarea{width:100%;padding:11px 13px;border:1px solid #c7d3da;border-radius:6px;font:inherit;font-size:1rem;background:#fff;color:#333}
.lc-veld textarea{min-height:84px;resize:vertical}
.lc-veld input:focus,.lc-veld select:focus,.lc-veld textarea:focus{outline:2px solid #0099CC;outline-offset:0;border-color:#0099CC}
.lc-veld .hint{display:block;font-size:.85rem;color:#777;margin-top:5px}
.lc-veld.fout input,.lc-veld.fout select,.lc-veld.fout textarea{border-color:#c0392b}
.vinken{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:14px}
.vinken label{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #cfe6f0;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:500;color:#333;font-size:.97rem}
.vinken label:hover{border-color:#0099CC}
.vinken input{width:18px;height:18px;accent-color:#0099CC}
.vinken label.aan{border-color:#0099CC;background:#e5f4fb;color:#0a3550;font-weight:600}
.maatregel{border-left:4px solid #0099CC;background:#f9fcfe;border-radius:0 8px 8px 0;padding:14px 16px 2px;margin:0 0 14px}
.maatregel h4{color:#0a3550;font-size:1rem;margin-bottom:10px}
.maatregel[hidden]{display:none}
.dropzone{border:2px dashed #0099CC;border-radius:10px;padding:18px 16px;text-align:center;background:rgba(0,153,204,0.04);transition:background .2s,border-color .2s;cursor:pointer;margin-bottom:8px}
.dropzone.over{background:rgba(40,167,69,0.10);border-color:#27ae60}
.dropzone p{margin:0 0 10px;color:#333;font-size:.98rem}
.dropzone .knoppen{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.dropzone input[type=file]{display:none}
.knop{display:inline-block;background:#0099CC;color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;font-size:.95rem;text-decoration:none}
.knop:hover{background:#007fa8;color:#fff}
.knop.groen{background:#27ae60}.knop.groen:hover{background:#218838}
.knop.licht{background:#fff;color:#0099CC;border:1px solid #0099CC}
.knop.licht:hover{background:rgba(0,153,204,0.06)}
.bestanden{margin:0 0 14px}
.bestand{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e3edf2;border-radius:6px;margin-top:6px;font-size:.92rem;background:#fff}
.bestand .naam{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bestand .mb{color:#888;white-space:nowrap;font-size:.85rem}
.bestand button{background:none;border:0;color:#c0392b;cursor:pointer;font-size:.88rem;font-weight:600;padding:2px 4px}
.totaal{font-size:.88rem;color:#666;margin:-4px 0 14px}
.totaal.te-veel{color:#c0392b;font-weight:600}
.melding{border-radius:8px;padding:12px 14px;margin:10px 0 14px;font-size:.96rem;line-height:1.6}
.melding[hidden]{display:none}
.melding.geel{background:#fff4e5;border:1px solid #f5c37a;color:#7a4b00}
.melding.rood{background:#fdecea;border:1px solid #f1a9a0;color:#7a1f14}
.melding.groen{background:#eaf7ee;border:1px solid #a3d9b1;color:#1e5631}
.melding.blauw{background:#e5f4fb;border:1px solid #b6dcec;color:#0a3550}
.melding .knop{margin-top:10px}
.draaier{display:inline-block;width:16px;height:16px;border:3px solid #b6dcec;border-top-color:#0099CC;border-radius:50%;animation:lcdraai 0.9s linear infinite;vertical-align:-3px;margin-right:8px}
.draaier.groot{width:34px;height:34px;border-width:4px;vertical-align:middle}
@keyframes lcdraai{to{transform:rotate(360deg)}}
.akkoord label{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:.96rem;color:#333;cursor:pointer;line-height:1.55}
.akkoord input{width:18px;height:18px;margin-top:3px;flex:0 0 auto;accent-color:#0099CC}
.betaal{text-align:center;padding:8px 0 4px}
.betaalknop{background:#27ae60;color:#fff;border:0;border-radius:8px;padding:17px 34px;font:inherit;font-size:1.12rem;font-weight:700;cursor:pointer;min-width:280px;max-width:100%}
.betaalknop:hover{background:#218838}
.betaalknop:disabled{background:#a9c7b3;cursor:not-allowed}
.nog-nodig{text-align:left;font-size:.9rem;color:#666;margin:12px auto 0;max-width:520px}
.nog-nodig ul{padding-left:20px;line-height:1.7;margin:4px 0 0}
.voortgang{height:10px;background:#e0e8ec;border-radius:5px;overflow:hidden;margin:14px auto 6px;max-width:420px}
.voortgang i{display:block;height:100%;width:0;background:#27ae60;transition:width .2s}
.voortgang-tekst{font-size:.9rem;color:#555}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.ketelzoek{margin-bottom:8px}

/* ---- Bedankpagina ---- */
.stand-kaart{background:#fff;border:1px solid #d7ecf5;border-radius:14px;padding:34px 28px;max-width:640px;margin:0 auto;box-shadow:0 4px 18px rgba(0,0,0,0.06);text-align:center}
.stand-kaart h1{font-size:1.8rem;color:#0a3550;margin:14px 0 10px;line-height:1.3}
.stand-kaart p{color:#444;line-height:1.75;margin-bottom:12px}
.stand-kaart .icoon{font-size:2.6rem;line-height:1}
.stand-kaart .contact{font-size:.93rem;color:#666;margin-top:18px}
.stand-kaart .contact a{color:#0099CC}

@media(max-width:700px){
  header{padding:0 16px}
  nav{display:none}
  .hero{padding:46px 16px 40px}
  .hero h1{font-size:1.65rem}
  .hero .sub{font-size:1.08rem}
  .content{padding:36px 16px}
  .breadcrumb{padding:14px 16px 0}
  .lc-blok{padding:18px 14px 6px}
  .betaalknop{min-width:0;width:100%}
  .stand-kaart{padding:26px 16px}
  .cta{padding:48px 16px}
}

/* Garantie op de uitslag (Mark 17-10-2026: prominent) */
.garantie{background:#eafaf1;border:2px solid #27ae60;border-radius:12px;padding:16px 20px;max-width:640px;margin:18px auto 0;text-align:left;color:#1d4d33;line-height:1.6}
.garantie strong{color:#1e8449;font-size:1.08rem}
.garantie p{margin:6px 0 0}
.garantie-kort{font-size:.92rem;color:#1e8449;margin:12px auto 0;max-width:520px;line-height:1.5}

/* SEO/GEO (17-10-2026): kort antwoord bovenaan en auteursregel */
.kort-antwoord{background:#f2faff;border-left:4px solid #0099CC;border-radius:8px;padding:18px 22px;margin:0 0 30px}
.kort-antwoord h2{margin-top:0}
.kort-antwoord ul{margin:10px 0 0 20px}
.kort-antwoord li{margin:4px 0}
.byline{font-size:.85rem;color:#555;margin:.3rem 0 0}
.byline a{color:#0099CC}