:root{--tekst:#4a4a4a;--grijs:#838383;--blauw:#1d5cc5;--lijn:#ccc;--achtergrond:#eee}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55;color:var(--tekst);background:var(--achtergrond)}
.site{max-width:1170px;margin:0 auto;background:#fff;box-shadow:0 0 20px 0 #a6a6a6}
img{max-width:100%;height:auto}
a{color:var(--tekst);text-decoration:underline}
a:hover,a:focus{color:var(--blauw)}
h1{font-size:26px;line-height:1.1;margin:0 0 14px;color:var(--tekst)}
h2{font-size:20px;line-height:1.3;margin:22px 0 10px;color:var(--tekst)}
p{margin:0 0 12px}
/* kop */
.site-header{display:flex;align-items:center;gap:20px;padding:15px 30px 15px 15px;background:#fff;position:relative}
.site-header .logo{display:block;flex:0 0 auto}
.main-nav{flex:1 1 auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:flex-end}
.main-nav a{display:block;padding:8px 14px;border-radius:4px;color:#555;text-decoration:none;font-weight:bold;font-size:15px}
.main-nav li.active>a,.main-nav a:hover,.main-nav a:focus{background:var(--blauw);color:#fff}
.facebook{flex:0 0 auto;display:block}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto}
.menu-toggle span{display:block;width:26px;height:3px;background:#555;margin:5px 0;border-radius:2px}
/* kopafbeelding */
.head-image{box-shadow:0 0 8px 0 #000;line-height:0}
.head-image img{display:block;width:100%;height:auto}
.head-image .ccm-image-block,.head-image .ccm-block-image{line-height:0}
/* inhoud */
.layout{display:flex;gap:30px;padding:30px}
.sidebar{flex:0 0 25%;max-width:25%}
.content{flex:1 1 auto;min-width:0}
.layout.single .content{max-width:900px;margin:0 auto}
.sidebar img{border-radius:10px;box-shadow:0 0 5px 0 #000;display:block;margin:0 0 15px}
.sub-nav{list-style:none;margin:0 0 18px;padding:0}
.sub-nav a{display:block;padding:7px 12px;border-bottom:1px solid #ddd;text-decoration:none;color:#555}
.sub-nav li.active a,.sub-nav a:hover{color:var(--blauw);font-weight:bold}
.content table{border-collapse:collapse}
.content td{vertical-align:top;padding:2px 20px 2px 0}
.content td p{margin:0}
.content ul{padding-left:20px}
.call-btn{display:none;padding:0 30px 20px}
.button{display:inline-block;background:var(--blauw);color:#fff;text-decoration:none;font-weight:bold;padding:12px 28px;border-radius:5px}
.button:hover{background:#174a9f;color:#fff}
/* voet */
.site-footer{display:flex;gap:30px;justify-content:space-between;margin:0 30px;padding:20px 0 25px;border-top:1px solid var(--lijn);font-size:13px;line-height:1.3}
.site-footer p{font-size:13px;line-height:1.3;margin:3px 0 0}
.footer-left{display:flex;gap:20px;align-items:flex-start}
.footer-right{text-align:right}
.microdata{margin-top:5px;font-size:11px;line-height:1.4}
.ccm-ui .main-nav ul{display:block}
/* mobiel */
@media (max-width:800px){
  .site-header{flex-wrap:wrap;padding:12px 15px}
  .menu-toggle{display:block}
  .main-nav{display:none;flex:0 0 100%;order:5}
  .main-nav.open{display:block}
  .main-nav ul{display:block}
  .main-nav a{padding:12px 10px;border-bottom:1px solid #eee;border-radius:0}
  .facebook{order:4}
  .layout{flex-direction:column;padding:20px 15px;gap:20px}
  .sidebar{flex:1 1 auto;max-width:none;order:2}
  .content{order:1}
  .call-btn{display:block;padding:0 15px 20px}
  .site-footer{flex-direction:column;margin:0 15px}
  .footer-right{text-align:left}
}
/* fotogalerij (Accesoires): vijf per rij, zoals op de oude site */
.deluxe_image_gallery_container{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 20px}
.deluxe_image_gallery_image{width:calc(20% - 10px)!important;min-width:110px}
.deluxe_image_gallery_image>div{height:auto!important}
.deluxe_image_gallery_image img{display:block;width:100%;height:auto;border-radius:6px}
.deluxe_image_gallery_caption{display:none!important}
.content img{max-width:100%;height:auto}