/*
Theme Name: Hoogeslag.nu Definitief
Description: Bewerkbare WordPress reconstructie van hoogeslag.nu, met originele taalnavigatie en doorlopende witte pagina.
Version: 1.0
*/
*{box-sizing:border-box}
html{overflow-y:scroll}
body{margin:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;background:#f7cc65;color:#000;text-align:justify}
.site{width:1060px;min-height:756px;margin:-8px auto 0;background:#fff;position:relative;display:flow-root}
.topbar{height:60px;width:1060px;padding-top:10px;display:flex;flex-direction:row-reverse;align-items:flex-start}
.topbar a{display:block}.topbar img{display:block;height:auto;border:0;padding-left:10px;padding-right:10px}
.topbar a.lang-fr img,.topbar a.lang-en img{width:70px} /* 50px image + 20px padding, matching original inline CSS */
.topbar a.lang-nl img{width:90px} /* 70px image + 20px padding: Dutch was intentionally larger in the original */
.hero{clear:both;position:relative;width:1060px;height:200px;font-size:10px}
.flags-stage{position:relative;float:left;width:400px;margin-left:11px;min-height:180px}
.flags-stage img{max-width:190px;max-height:140px;margin-top:15px;object-fit:contain}
.logo-link{position:relative;float:left;width:360px;margin-left:40px;display:block;text-align:left}
.logo{width:300px;height:auto;display:block;margin:0}
.breed1{clear:both;height:20px;width:1060px;background:#fff}
.layout{clear:both;width:1060px;position:relative;display:flow-root;background:#fff;min-height:390px}
.nav{position:relative;float:left;width:180px;text-align:right;margin:0;padding:0}
.nav a{display:block;margin:0 0 19px;color:blue;text-decoration:underline}.nav a:visited{color:blue}.nav a:hover{color:red}
.content{width:860px;position:relative;float:left;padding:0;margin:0;left:20px;top:-40px;background:#fff}
.content-inner{width:700px;margin-left:50px;margin-right:10px;padding:0}
.content h1{font-size:24px;line-height:1.15;margin:0 0 14px;font-weight:bold;text-align:left}
.content p{margin:0 0 10px}.content ul{margin-top:4px;margin-bottom:10px}.content a{color:blue;text-decoration:underline}.content a:visited{color:blue}.content a:hover{color:red}
.content img{height:auto;max-width:100%}.content img.alignleft,.content img[align="left"]{float:left;margin:0 10px 10px 0}
.breed2{clear:both;height:0;width:1060px;background:#fff}
.footer{clear:both;width:1060px;height:50px;position:relative;top:-20px;left:0;background:#fff;font-style:italic;font-size:10px;display:block}
.footer-left{position:relative;float:left;width:350px;text-align:left;margin-top:10px;left:245px;white-space:nowrap}
.footer-mid{position:relative;float:left;width:250px;text-align:left;margin-top:10px;left:195px;white-space:nowrap}
.footer-right{position:relative;float:right;width:130px;text-align:right;margin-top:10px;right:100px;white-space:nowrap}.footer a{color:blue;text-decoration:underline}
@media(max-width:1080px){body{background:#fff}.site,.topbar,.hero,.breed1,.layout,.breed2,.footer{width:100%}.content{width:calc(100% - 200px)}.content-inner{width:auto;max-width:700px}.footer-left,.footer-mid,.footer-right{left:auto;right:auto}}
@media(max-width:700px){.site{margin:0}.topbar{height:55px}.hero{height:170px}.flags-stage{display:none}.logo-link{float:none;margin-left:20px;width:min(300px,80vw)}.logo{width:100%}.breed1{height:10px}.layout{display:block;min-height:0}.nav{float:none;width:auto;text-align:left;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 20px 20px}.nav a{margin:0}.content{float:none;width:auto;left:0;top:0;margin:0 20px}.content-inner{margin:0;max-width:none}.footer{top:0;height:auto;padding:20px;text-align:center}.footer-left,.footer-mid,.footer-right{float:none;width:auto;text-align:center;margin:5px 0;white-space:normal}}