:root{
  --site-max-width: 1100px;
  --logo-scale: 1.5; /* 1.0 = origineel, 1.5 = +50% */
  --logo-base-width: 240px; /* pas aan als je een andere uitgangsbreedte wilt */
}

*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#222}
.site-header{display:flex;flex-direction:column;align-items:center;padding:24px;background:#f5f5f5}
.logo-wrapper{display:flex;align-items:center;justify-content:center; /* behoud ruimte voor geschaald logo */
  width: calc(var(--logo-base-width) * var(--logo-scale));
  height: auto;
}
.logo{display:block;max-width:100%;height:auto; /* dit schaalt het beeld proportioneel */
  transform: scale(var(--logo-scale));
  transform-origin: center center;
  /* voorkom dat het logo scherpe randen krijgt of onverwacht layout-shift: */
  image-rendering: -webkit-optimize-contrast;
}

.main-nav{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 18px;text-decoration:none;border-radius:6px;background:#c9b037;color:#111;font-weight:600}
.content{max-width:var(--site-max-width);margin:40px auto;padding:0 16px}
.site-footer{text-align:center;padding:18px 0;background:#fafafa;color:#666}