/* =========================
   BASE
   ========================= */

*,
*::before,
*::after { box-sizing: border-box; }

html, body { min-height: 100%; }

body{
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: rgba(234,242,255,.92);

  /* Eén doorlopende achtergrond */
  background:
    radial-gradient(1200px 800px at 20% 0%, rgba(25,80,160,.35), transparent 55%),
    radial-gradient(900px 600px at 80% 20%, rgba(60,140,255,.18), transparent 60%),
    #040810;

  background-repeat: no-repeat;
  background-attachment: fixed;
}

a{
  color: rgba(234,242,255,.92);
  text-decoration: none;
}
a:hover{ text-decoration: underline; }

img{ max-width: 100%; height: auto; display: block; }

.tz-container{
  width: min(1200px, 92%);
  margin-inline: auto;
}
/* ========================================
   RSFORM KALENDER - FOOTER FIX
======================================== */

/* Sta overflow toe */
.tz-content,
.tz-container,
section,
main,
article {
    overflow: visible !important;
}

/* FOOTER - FORCEER LAGERE Z-INDEX */
footer.tz-footer {
    z-index: 100 !important;
}

/* Kalender boven footer */
.ui-datepicker,
[id*="Container"][id*="cal"],
[id*="_container"][id*="cal"],
.yui-calcontainer {
    z-index: 2147483647 !important;
    position: fixed !important;
}

/* Disabled dates */
.rsform-calendar-disabled {
    opacity: 0.3 !important;
    text-decoration: line-through !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.zorg-centrales {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 16px;
}

.zorg-kolom strong {
  display: block;
  margin-bottom: 8px;
}

.zorg-kolom ul {
  margin: 0;
  padding-left: 18px;
}

/* Mobiel netjes onder elkaar */
@media (max-width: 600px) {
  .zorg-centrales {
    grid-template-columns: 1fr;
  }
}