/* VORN 4.0: taalschakelaar, kleine interfaceverbeteringen */
.site-languages{display:flex;align-items:center;gap:7px;border:1px solid #3c3e46;background:#16171c;padding:6px 9px;white-space:nowrap;flex-shrink:0}
.language-choice{background:transparent;border:0;color:#8b909a;font:800 12px/1.2 Inter,Arial,sans-serif;padding:6px;cursor:pointer;transition:color .15s}
.language-choice:hover,.language-choice.is-active{color:#fff}
.language-choice.is-active{background:#d51c32;box-shadow:0 0 18px rgba(230,32,55,.18)}
.language-divider{color:#575c67;font-size:12px}
.hero-visual .hero-logo{width:min(100%,580px)}
.site-header{z-index:100}
.nav-main a{white-space:nowrap}
@media(max-width:1120px){.nav{gap:14px}.nav-actions{gap:9px}.nav-main{gap:10px}.nav-main a{font-size:10px}.brand{font-size:28px}.brand-logo{width:49px;height:52px}.nav-join{padding:13px}}
@media(max-width:850px){.nav-actions{margin-left:auto;gap:10px}.site-languages{padding:3px 5px}.language-choice{font-size:11px;padding:6px}}
@media(max-width:620px){.nav{gap:8px}.brand{font-size:27px}.brand-logo{width:37px;height:39px}.nav-join{display:none}.site-languages{gap:3px;padding:3px}.language-choice{padding:7px 5px}.nav-actions{gap:7px}.mobile-menu-btn{width:37px;height:36px}.hero-visual{right:-65px;opacity:.92}.hero-logo{max-width:96%}}
@media(max-width:370px){.brand{font-size:23px}.brand-logo{width:31px}.nav-actions{gap:4px}}
/* Op telefoon: toon het logo ONDER de tekst, zodat de tekst altijd leesbaar is. */
@media(max-width:620px){
 .hero{min-height:0}
 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}
 .hero-content{padding:54px 0 8px}
 .hero-visual{position:relative;inset:auto;top:auto;right:auto;width:100%;height:265px;min-height:0;opacity:1;overflow:hidden}
 .hero-visual .hero-logo{width:min(100%,360px);height:auto;max-height:260px;object-fit:contain;opacity:1}
 .hero-visual .radar,.hero-visual:before,.hero-visual .radar-horizontal,.hero-visual .radar-vertical{opacity:.15}
 .hero-visual .visual-label{display:none}
 .hero h1{margin:25px 0 25px}
 .hero-description{max-width:100%}
 .hero-countries{margin-top:26px}
}