/* BurnoutCoach lichte stijl - overschrijft het donkere thema, laad na de andere stijlen */
html body{background:#FBF8F3}
html body{color:#3F5A61}
html body h1,html body h2,html body h3,html body h4{color:#12333A!important}
html body h1 em,html body h2 em{color:#C46A00!important}
html body p{color:#3F5A61}
html body a{color:#8A4B00}
html body ::selection{background:#F4A62A;color:#12333A}
html body section{background:#FBF8F3!important}
html body #herkenning,html body #aanpak,html body #faq{background:#EAF1EC!important}
html body section p.section-sub{color:#3F5A61}
html body .section-label,html body .tldr strong{color:#8A4B00!important}
/* knoppen */
html body .btn-primary,html body .btn,html body .cta-card .btn-primary{background:#F4A62A!important;color:#12333A!important;box-shadow:0 8px 22px rgba(244,166,42,.28)}
html body .btn-primary:hover,html body .btn:hover{background:#12333A!important;color:#fff!important}
html body .btn-outline{border-color:#12333A!important;color:#12333A!important}
html body .btn-outline:hover{background:#12333A!important;color:#fff!important}
html body nav .btn,html body .nav-cta{background:#F4A62A!important;color:#12333A!important;box-shadow:none}
html body nav .btn[style],html body nav .btn:first-of-type[style]{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 2px #fff}
html body nav .nav-cta:hover,html body nav .btn:hover{background:#fff!important;color:#12333A!important}
/* hero home: foto met lichte laag */
html body #burnoutcoachdeventer::after{background:linear-gradient(180deg,rgba(251,248,243,.82),rgba(251,248,243,.7) 45%,rgba(251,248,243,.9))}
html body #burnoutcoachdeventer h1,html body #burnoutcoachdeventer .hero-sub,html body #burnoutcoachdeventer .hero-tagline,html body #burnoutcoachdeventer .hero-badge{text-shadow:none}
html body #burnoutcoachdeventer h1{color:#12333A!important}
html body .hero-badge{color:#8A4B00!important}
html body .hero-sub{color:#3F5A61!important}
html body .hero-tagline{color:#12333A!important}
html body .hero-stats{border-top-color:#E7E0D3}
html body .hero-stats .stat{border-left-color:#E7E0D3}
html body .stat strong{color:#12333A!important}
html body .stat span{color:#3F5A61!important}
html body #burnoutcoachdeventer .hero-coach .nm{color:#12333A;text-shadow:none}
html body #burnoutcoachdeventer .hero-coach .rl{color:#8A4B00;text-shadow:none}
html body #burnoutcoachdeventer .hero-coach img{border-color:#F4A62A;box-shadow:0 6px 16px rgba(18,51,58,.25)}
html body #burnoutcoachdeventer .hero-video .thumb{border-color:#F4A62A}
html body #burnoutcoachdeventer .hero-video .lbl{background:#F4A62A;color:#12333A}
html body #burnoutcoachdeventer .hero-online{background:#fff;border-color:#F4A62A;color:#8A4B00}
html body #burnoutcoachdeventer .hero-online:hover{background:#FBF8F3}
html body #burnoutcoachdeventer .hero-ebook span{background:#F4A62A;color:#12333A}
/* blokken */
html body .herken-item{background:#fff!important;color:#12333A!important;border-left-color:#F4A62A!important;box-shadow:0 6px 20px rgba(18,51,58,.07)}
html body .dienst-card{background:#fff!important;border-color:#E7E0D3!important;box-shadow:0 6px 20px rgba(18,51,58,.07)}
html body .dienst-card:hover{border-color:#F4A62A!important}
html body .dienst-card::before{color:#12333A}
html body .methode-step{border-top-color:#E7E0D3}
html body .methode-num{color:#C46A00!important}
html body .faq details,html body #faq details.faq{background:#fff!important;border:1px solid #E7E0D3;border-left:4px solid #F4A62A!important;color:#3F5A61}
html body .faq summary,html body #faq details.faq summary{color:#12333A!important}
html body .faq summary::marker{color:#C46A00}
html body .blog-list a{background:#fff!important;color:#12333A!important;border-left-color:#F4A62A!important;box-shadow:0 6px 20px rgba(18,51,58,.07)!important}
html body .blog-list a:hover{color:#8A4B00!important}
html body .contact-item strong{color:#8A4B00!important}
html body .contact-item p,html body .contact-item a{color:#12333A!important}
html body .over-visual p,html body .over-visual h3{color:#12333A!important}
html body .walkimg{box-shadow:0 14px 36px rgba(18,51,58,.18)}
/* subpagina's */
html body .hero{background:#EAF1EC!important;border-bottom:1px solid #E7E0D3}
html body .crumb,html body .crumb a{color:#4A6168!important}
html body .crumb a:hover{color:#8A4B00!important}
html body .lead{color:#3F5A61!important}
html body main p,html body ul.l,html body main li{color:#3F5A61!important}
html body main h2,html body main h3{color:#12333A!important}
html body main a{color:#8A4B00}
html body main a.btn,html body main .btn{color:#12333A!important}
html body .tldr,html body .note{background:#fff!important;border-left-color:#F4A62A!important;color:#12333A!important;box-shadow:0 6px 20px rgba(18,51,58,.07)}
html body .tldr p,html body .note p{color:#12333A!important}
html body .note strong{color:#8A4B00}
html body .cta h2,html body .cta p,html body .cta p a[style]{color:#12333A!important}
html body .cta .btn{background:#12333A!important;color:#fff!important}
html body .cta .btn:hover{background:#000!important}
html body .rel{background:#EAF1EC!important;border-color:#E7E0D3}
html body .rel a{color:#12333A!important}
html body .rel a:hover{color:#8A4B00!important}
html body .cards a{background:#fff!important;border-left-color:#F4A62A!important;box-shadow:0 6px 20px rgba(18,51,58,.07)}
html body .cards b{color:#12333A!important}
html body .cards span{color:#3F5A61!important}
html body .author{background:#EAF1EC!important;border-color:#E7E0D3}
html body .author strong{color:#12333A!important}
html body .author p{color:#3F5A61!important}
html body .small{color:#4A6168!important}
html body #burnoutcoachdeventer .hero-content h1,html body #burnoutcoachdeventer .hero-content .hero-sub,html body #burnoutcoachdeventer .hero-content .hero-tagline,html body #burnoutcoachdeventer .hero-content .hero-badge{text-shadow:none}
html body .brandname b{color:#F4A62A}
html body #burnoutcoachdeventer{border-bottom-color:#E7E0D3}
html body .over-visual,html body .cta-card,html body .cta,html body .contact-ico,html body .author .av,html body .dienst-card::after{background:#F4A62A!important}
html body #wandelen .walkcap em{color:#F4A62A}
html body footer .footer-col h4{color:#F4A62A!important}
html body footer a:hover,html body footer .footer-col ul li a:hover{color:#F4A62A!important}
html body .footer-brand strong{color:#fff!important}
/* oefenpanelen blijven donker */
html body section.adem,html body .adem{background:#0b2329!important;border:1px solid rgba(255,255,255,.12);color:#fff}
html body .adem h2,html body .adem h3,html body .adem legend,html body .adem b,html body .adem strong{color:#fff!important}
html body .adem p,html body .adem small,html body .adem span,html body .adem label,html body .adem li{color:rgba(255,255,255,.85)}
html body .adem a{color:#F4A62A}
html body .adem-cue{color:#fff}
html body .adem-btns .btn,html body .adem .btn{background:#F4A62A!important;color:#12333A!important}
html body .adem,html body section.adem{--y:#F4A62A;--yd:#E0951A}
html body .adem .pk-hint,html body .adem .adem-fine,html body .adem .adem-tnote{color:rgba(255,255,255,.72)!important}
/* oefeningenkaarten en e-boekformulier */
html body .oc{background:#fff!important;border:1px solid #E7E0D3!important;box-shadow:0 6px 20px rgba(18,51,58,.07);color:#12333A!important}
html body .oc:hover{border-color:#F4A62A!important}
html body .oc b{color:#12333A!important}
html body .oc p{color:#3F5A61!important}
html body .oc-t,html body .oc-go{color:#8A4B00!important}
html body .ebf{background:#fff!important;border:1px solid #E7E0D3;border-top:4px solid #F4A62A;box-shadow:0 6px 20px rgba(18,51,58,.07)}
html body .ebf h2{color:#12333A!important}
html body .ebf p,html body .ebf .ck span,html body .ebf .fine{color:#3F5A61!important}
html body .ebf label{color:#12333A}
html body .ebf input[type=text],html body .ebf input[type=email]{border-color:#C9D8D0;color:#12333A}
html body .ebf button{background:#F4A62A;color:#12333A}
html body .ebf button:hover{background:#12333A;color:#fff}
html body .ebf .ck input{accent-color:#F4A62A}
html body .ebl li{border-bottom-color:#E7E0D3}
html body .ebl li:before{background:#F4A62A;color:#12333A}
/* één oranje: geel (--y) overal oranje */
html:root,html body{--y:#F4A62A}
html body nav ul li a:hover,html body nav a:hover,html body footer a:hover,html body .footer-col ul li a:hover{color:#F4A62A!important}
html body .blog-list a:hover,html body .crumb a:hover,html body .rel a:hover{color:#C46A00!important}
/* footer: kolommen */
@media(min-width:861px){html body footer .footer-grid{grid-template-columns:repeat(5,1fr)!important;gap:32px!important}html body footer .footer-brand{grid-column:1/-1}html body footer .footer-brand p{max-width:640px}}
@media(max-width:860px){html body footer .footer-grid{grid-template-columns:1fr 1fr!important}html body footer .footer-brand{grid-column:1/-1}}
html body footer .footer-col ul li{font-size:.88rem;color:rgba(255,255,255,.75)}
/* oefeningen op video/foto: tekst wit + schaduw, één oranje */
html body section.adem .adem-cue,html body section.adem p.adem-cue,html body section.adem .med-cue,html body section.adem .adem-left,html body .adem .adem-stage p{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 14px rgba(0,0,0,.7)}
html body .adem-circle{background:radial-gradient(circle at 50% 40%,rgba(255,196,80,.97),rgba(244,166,42,.85))!important;box-shadow:0 0 50px rgba(244,166,42,.35)!important}
/* skyline Deventer in footer: rechtsboven, boven Regio en Contact */
@media(min-width:861px){html body footer .footer-brand{grid-column:1/3!important}html body footer .footer-skyline{grid-column:3/-1;grid-row:1;align-self:end;margin:0;opacity:.9}}
@media(max-width:860px){html body footer .footer-skyline{grid-column:1/-1;margin:0 0 6px;opacity:.9}}
html body .footer-skyline svg{display:block;width:100%;height:auto;max-height:130px}
html body .footer-skyline svg{stroke-width:3}
html body #burnoutcoachdeventer .hero-bg{object-position:70% 50%!important}
@media(min-width:1101px){html body #burnoutcoachdeventer .hero-bg{top:auto!important;bottom:0!important;height:min(100%,46vw)!important;object-position:74% 50%!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%);mask-image:linear-gradient(to bottom,transparent,#000 14%)}}

/* footer skyline subtiel */
html body footer .footer-skyline{opacity:.22!important}
html body footer .footer-skyline svg{width:62%!important;height:auto!important;margin:0 auto!important;display:block!important}
