/* NN Projects — theme.css
 *
 * GEGENEREERD uit build/design-export-20260728/ door _build-css.py. Niet met de hand
 * bijwerken: pas de export aan (of het script) en genereer opnieuw, anders loopt de
 * site uit de pas met het ontwerp.
 *
 * De opmaak van dit theme zit voor het grootste deel in style-attributen in de
 * templates, precies zoals de export hem aanlevert. Wat hier staat is wat niet in
 * een style-attribuut kan: @font-face, hovers, ::details-content en de breakpoints.
 */

@font-face{font-family:'Bebas Neue';src:url('../fonts/bebas-neue-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Inter';src:url('../fonts/inter-var-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Bebas Neue';src:url('../fonts/bebas-neue-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('../fonts/inter-var-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

html,body{margin:0;padding:0;background:#FFFFFF;}
body{font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#444444;}
a{color:#AB0116;text-decoration:none;}
a:hover{color:#8C0112;}
a:hover .nn-btn-arrow,button:hover .nn-btn-arrow{transform:translateX(3px);}
@keyframes nn-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
summary::-webkit-details-marker{display:none;}
details[open] .nn-chev{transform:rotate(180deg);}
.nn-svc img{transition:filter .2s;}
.nn-svc:hover img{filter:brightness(0);}
.nn-svc:hover .nn-svc-arrow{color:#fff !important;}
:root{interpolate-size:allow-keywords;}
details.nn-faq::details-content{opacity:0;block-size:0;overflow:hidden;transition:content-visibility .3s allow-discrete,opacity .3s ease,block-size .3s ease;}
details.nn-faq[open]::details-content{opacity:1;block-size:auto;}
.nn-mnav{display:none;}
details.nn-mnav::details-content{opacity:0;transform:translateY(-10px);transition:content-visibility .28s allow-discrete,opacity .28s ease,transform .28s ease;}
details.nn-mnav[open]::details-content{opacity:1;transform:translateY(0);}
@keyframes nn-tick{0%{opacity:0;transform:translateY(9px);}6%{opacity:1;transform:translateY(0);}44%{opacity:1;transform:translateY(0);}50%{opacity:0;transform:translateY(-9px);}100%{opacity:0;transform:translateY(-9px);}}
input,textarea{font-family:'Inter',sans-serif;}
input:focus,textarea:focus{outline:2px solid #AB0116;outline-offset:-1px;}
details.nn-mnav[open] .nn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
details.nn-mnav[open] .nn-burger span:nth-child(2){opacity:0;}
details.nn-mnav[open] .nn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:1080px){
.nn-nav{display:none !important;}
.nn-mnav{display:block !important;}
.nn-hcta{display:none !important;}
.nnp-home .nn-hero{min-height:520px !important;}
.nnp-dienst .nn-hero,.nnp-locatie .nn-hero,.nnp-over .nn-hero{min-height:0 !important;flex-direction:column;align-items:stretch;}
.nn-h1{font-size:clamp(44px,7.5vw,66px) !important;}
.nn-usps > div{padding:24px 20px !important;flex-direction:column;align-items:center;text-align:center;gap:14px !important;}
.nn-usps > div:first-child{padding-left:0 !important;}
.nn-usps > div:last-child{padding-right:0 !important;}
.nn-svcgrid{grid-template-columns:1fr 1fr !important;}
.nn-intro{grid-template-columns:1fr !important;}
.nn-introimg{order:-1;box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;}
.nn-recent{grid-template-columns:1fr !important;gap:24px !important;}
.nn-cta{grid-template-columns:1fr !important;gap:32px !important;}
.nn-foot{grid-template-columns:1fr 1fr !important;}
.nn-main2{grid-template-columns:1fr !important;gap:32px !important;}
.nn-regio{grid-template-columns:1fr !important;gap:24px !important;}
.nn-hero-img{position:static !important;clip-path:none !important;width:100%;height:clamp(200px,32vw,300px);}
.nn-hero-ovl{display:none !important;}
.nn-introloc{grid-template-columns:1fr !important;}
.nn-introloc .nn-imgwrap{order:-1;}
.nn-2col{grid-template-columns:1fr !important;gap:40px !important;}
.nnp-dienst .nn-imgwrap{width:100%;max-width:480px;margin:0 auto;order:-1;}
.nnp-over .nn-imgwrap{box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;order:-1;padding:0 0 64px 0 !important;}
.nn-steps{grid-template-columns:1fr 1fr !important;}
.nn-imgwrap > div{display:none !important;}
}

@media (max-width:760px){
.nn-usps{grid-template-columns:1fr !important;}
.nn-usps > div{border-right:none !important;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0 !important;}
.nnp-home .nn-hero{min-height:440px !important;}
.nn-svcgrid{grid-template-columns:1fr !important;}
.nn-svcgrid .nn-svc{border-right:none !important;align-items:center;text-align:center;}
.nn-svcgrid .nn-svc > div:first-child{flex-direction:column;gap:14px !important;}
.nn-faqcols{column-count:1 !important;}
.nn-foot{grid-template-columns:1fr !important;gap:36px !important;}
.nn-topbar{position:relative;height:20px;justify-content:center !important;}
.nn-topbar > a{position:absolute;left:0;right:0;justify-content:center !important;opacity:0;animation:nn-tick 8s ease infinite;}
.nn-topbar > a:nth-child(2){animation-delay:-4s;}
.nnp-home .nn-card{width:min(78vw,445px) !important;height:min(82vw,465px) !important;}
.nnp-contact .nn-card,.nnp-offerte .nn-card{padding:28px 22px !important;}
.nn-footbottom{flex-direction:column !important;gap:12px !important;text-align:center;}
.nn-introimg{box-sizing:border-box;width:100% !important;max-width:100% !important;padding:0 0 64px 0 !important;margin:0 !important;}
.nn-introimg > div{display:none !important;}
.nn-intro{overflow:hidden;}
.nn-hcta{display:none !important;}
details.nn-mnav[open] .nn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
details.nn-mnav[open] .nn-burger span:nth-child(2){opacity:0;}
details.nn-mnav[open] .nn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nn-fields{grid-template-columns:1fr !important;}
.nn-asidehead{height:auto !important;}
.nn-asidehead img,.nn-asidehead > div{display:none !important;}
.nn-asidehead h3{position:static !important;display:flex;align-items:center;gap:12px;margin:26px 24px 0 !important;}
.nn-asidehead h3::before{content:"";width:24px;height:3px;background:#AB0116;display:inline-block;}
.nn-asidebody{padding:20px 24px 30px !important;}
.nn-regio{padding:28px 22px !important;}
.nn-imgwrap > div{display:none !important;}
.nn-steps{grid-template-columns:1fr !important;}
.nn-projgrid{grid-template-columns:1fr !important;}
.nn-opts{grid-template-columns:1fr !important;}
.nn-steptabs{gap:10px !important;}
.nn-steptabs .nn-steplabel{display:none;}
}

/* Hover-varianten; in de export losse .nnxN-klassen op de elementen zelf. */
.nnx1:hover{color:#fff !important}
.nnx2:hover{color:#fff !important;border-bottom-color:#AB0116 !important}
.nnx3:hover{color:#fff !important;background:rgba(171,1,22,.25) !important}
.nnx4:hover{background:#AB0116 !important;color:#fff !important}
.nnx5:hover{background:#8C0112 !important;color:#fff !important}
.nnx6:hover{border-color:#fff !important;color:#fff !important}
.nnx7:hover{border-color:#201F1F !important;color:#201F1F !important}
.nnx8:hover{background:#AB0116 !important}
.nnx9:hover{background:#EFEFEF !important;color:#201F1F !important}
.nnx10:hover{color:rgba(255,255,255,.8) !important}
.nnx11:hover{background:#8C0112 !important}
.nnx12:hover{border-color:#AB0116 !important;color:#AB0116 !important}
.nnx13:hover{border-color:#201F1F !important}

.nnx14:hover{color:#fff !important}
.nnx15:hover{color:#AB0116 !important}