*{box-sizing:border-box} html{background:#e9e8e4} body{background:#e9e8e4;margin:0;color:#333;font:13px/1.5 Arial,sans-serif}#wrapper{width:902px;margin:0 auto;position:relative;}#header{height:221px;width:902px;position:relative;background:#fff;border-left:1px solid #111;border-right:1px solid #111;}#header .inside{position:relative;height:100%;}#header .logo{position:absolute;left:0;top:0;width:430px;height:39px;z-index:5}#header .logo img{width:430px;height:37px;object-fit:contain}#header .menu{position:absolute;right:7px;top:3px;z-index:10;display:flex;gap:1px;white-space:nowrap;}#header .menu a{font:14px/30px Arial,sans-serif;color:#7e7e7e;text-decoration:none;padding:0 10px}#header .menu a.active{color:#0063dc}#header .hero{position:absolute;top:39px;left:0;width:900px;height:182px;object-fit:cover;}#container{display:grid;grid-template-columns:345px 315px 240px;width:902px;min-height:530px;background:#fff;border:1px solid #111;border-top:0;}#left,#main,#right{min-width:0}#left .inside,#main .inside,#right .inside{padding:10px 9px}#left .inside{padding-left:13px}#right .inside{padding-right:13px}#main{border-left:1px solid #eee;border-right:1px solid #eee}#container h1{color:#0063dc;font-weight:700;font-size:16px;letter-spacing:1px;margin:0 0 12px}#container p{margin:0 0 12px}#container ul{padding-left:22px;margin:10px 0 14px}a{color:#0063dc}#container img{max-width:100%;height:auto}#main .ce_text img{width:100%;height:auto}#right .inside img{max-width:100%}#footer{width:902px;text-align:right;color:#666;font-size:11px;padding:7px 10px}#footer small{font-size:11px}.preview-form input,.preview-form textarea{display:block;width:100%;padding:7px;border:1px solid #bbb;margin:4px 0 8px}.preview-form label{display:block}.preview-form textarea{height:76px}.preview-form button{padding:6px 10px;background:#eee;border:1px solid #aaa}.gallery-photos img{width:30%;margin:1%}
/* Alleen moderne verbeteringen die de originele desktopindeling intact laten. */
#header .menu a:focus-visible,.lightbox-thumb:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.gallery-photos{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 24px}
.gallery-photos .lightbox-thumb{width:calc(25% - 7px);min-width:86px;height:76px;overflow:hidden;padding:0;border:2px solid #ddd;background:white;cursor:zoom-in}
.gallery-photos .lightbox-thumb img{width:100%;height:100%;object-fit:cover}
.project-title{margin:20px 0 6px;font-size:13px;color:#0063dc}
.bb-gallery .lightbox-thumb{width:31%;height:110px;border:3px solid #333}
.gallery-dialog{border:0;border-radius:4px;background:#222;box-shadow:0 10px 50px #0008;max-width:min(96vw,1100px);max-height:95vh;padding:12px}
.gallery-dialog::backdrop{background:rgba(0,0,0,.86)}
.gallery-dialog img{display:block;max-width:calc(96vw - 36px);max-height:80vh;object-fit:contain}
.gallery-dialog button{float:right;margin:0 0 10px;padding:5px 12px;border:0;background:#fff;cursor:pointer}
.legacy-form{margin-top:12px}.legacy-form .form-row{margin-bottom:8px}
.legacy-form .form-row label{display:block;font-size:12px}
.legacy-form input,.legacy-form textarea{display:block;width:100%;min-height:30px;max-width:390px;border:1px solid #bbb;background:#fff;padding:5px 8px;margin-top:3px;color:#333;font:13px Arial,sans-serif}
.legacy-form textarea{height:92px;resize:vertical}
.legacy-form button[type=submit]{padding:5px 12px;background:linear-gradient(#fff,#e9e9e9);border:1px solid #aaa;cursor:pointer}
.form-message{background:#fff;border:1px solid #aaa;padding:10px}.spam-trap{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}
#container section{min-width:0}
@media(max-width:920px){#wrapper{width:100%;max-width:902px}#header{width:100%;max-width:902px}#header .hero{width:100%;object-position:center}#container{width:100%}#footer{width:100%}#header .menu a{padding:0 6px;font-size:12px}}
@media(max-width:660px){#header{height:256px}#header .logo{top:2px;left:5px;max-width:50%;height:auto}#header .logo img{max-width:100%;height:auto}#header .menu{top:50px;left:3px;right:auto;gap:0;flex-wrap:wrap}#header .hero{top:92px;height:160px}#container,#container.two-column,#container.three-column{display:flex;flex-direction:column;min-height:0}#container section .inside{padding:14px 18px}#container section{width:100%;border:0!important}#container #main{border:0}#footer{text-align:center}.gallery-photos .lightbox-thumb{width:30%}}