/* Interactieve productvarianten in de volledig statische demo. */
.kiezer { border: 0; border-top: 1px solid var(--line); margin: 20px 0 0; padding: 16px 0 0; }
.kiezer legend { color: #40536b; font-size: .82rem; font-weight: 800; padding: 0; }
.chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.chip { background: white; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; font: inherit; font-size: .82rem; padding: 7px 10px; }
.chip.actief { background: var(--ink); border-color: var(--ink); color: white; }
.schakel { color: #40536b; display: block; font-size: .9rem; margin-top: 9px; }
.kiosk[data-layout='lijst'] #now-block { display: none; }
.kiosk[data-layout='lijst'] #lessen { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); }
.kiosk[data-layout='lijst'] #lessen li { background: #ffffff10; border: 0; padding: 10px; }
.kiosk[data-layout='split'] #rooster { column-gap: 20px; display: grid; grid-template-columns: .65fr 1fr; }
.kiosk[data-layout='split'] #rooster > .eyebrow, .kiosk[data-layout='split'] #rooster > h3, .kiosk[data-layout='split'] #rooster > .nu { grid-column: 1; }
.kiosk[data-layout='split'] #lessen { border-top: 0; grid-column: 2; grid-row: 1 / 5; }
.kiosk[data-layout='toegankelijk'] { letter-spacing: .035em; }
.kiosk.contrast { background: #000; border: 3px solid #fff; color: #fff; }
.kiosk.contrast .kiosk-kop { border-color: #fff; }
.kiosk.contrast .nu, .kiosk.contrast .eyebrow { color: #ffe600 !important; }
.kiosk.contrast .status { border-color: #ffe600; }
.kiosk.groot { font-size: 1.17em; }
.toegang { border-top: 1px solid var(--line); display: grid; gap: 50px; grid-template-columns: .8fr 1.2fr; }
.inleiding { color: var(--muted); max-width: 38ch; }
.rollen, .idee-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.rollen article, .idee-grid article { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 17px; }
.rollen span { color: var(--blue); display: block; font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.rollen b, .idee-grid b { display: block; font-size: 1.05rem; margin-top: 5px; }
.rollen p, .idee-grid p { color: var(--muted); font-size: .9rem; margin-bottom: 0; }
.ideeën { border-top: 1px solid var(--line); }
.idee-grid { grid-template-columns: repeat(3, 1fr); margin-top: 28px; }
@media (max-width: 760px) {
  .toegang, .rollen, .idee-grid { grid-template-columns: 1fr; }
  .kiosk[data-layout='lijst'] #lessen, .kiosk[data-layout='split'] #rooster { display: block; }
  .kiosk[data-layout='split'] #lessen { border-top: 1px solid #ffffff2b; }
  .kiezer { margin-top: 16px; }
}