/* Bakens voor Succes · boekroutes (gedrukt tegenover gratis eBoek voor studenten) en formulieren (studenten, sessies) */

/* twee routes in het boekblok */
.routes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.route{border-radius:16px;padding:22px;border:1px solid rgba(4,25,45,.14);background:rgba(255,255,255,.6);display:flex;flex-direction:column;gap:8px}
.route b{font:700 22px/1.2 Outfit;color:var(--nacht)}
.route p{color:#5A6878;font-size:14px;margin:0 0 8px}
.route .btn{align-self:flex-start;margin-top:auto}
.route .shops{margin-top:auto}
.route .shops .btn{padding:12px 16px}
.route-gratis{background:var(--nacht);border-color:var(--nacht)}
.route-gratis b{color:var(--papier)}
.route-gratis p{color:rgba(244,241,236,.75)}
.tag{align-self:flex-start;font:600 11px/1 "Plus Jakarta Sans";letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:rgba(4,25,45,.08);color:var(--nacht)}
.route-gratis .tag{background:var(--rood);color:#fff}
@media (max-width:640px){.routes{grid-template-columns:1fr}}

/* eBoek-formulier op de donkere kaart */
.formkaart{align-items:start}
.formkaart ul{margin-top:24px}
.eb-form{position:relative;z-index:1;display:grid;gap:14px;background:rgba(244,241,236,.06);border:1px solid rgba(244,241,236,.14);border-radius:18px;padding:24px}
.eb-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--papier)}
.eb-form small{font-weight:400;color:rgba(244,241,236,.6)}
.eb-form input:not([type=radio]):not([type=checkbox]),.eb-form textarea{font:500 16px/1.4 "Plus Jakarta Sans";padding:12px 14px;border-radius:10px;border:1px solid rgba(244,241,236,.45);background:rgba(2,14,26,.55);color:var(--papier);width:100%;resize:vertical}
.eb-form input:focus-visible,.eb-form textarea:focus-visible{outline:2px solid #F26B67;outline-offset:1px}
.eb-form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.eb-form legend{font-size:14px;font-weight:600;margin-bottom:8px;width:100%}
.eb-form .keuze,.eb-form .akkoord{display:flex;align-items:center;gap:8px;font-weight:500}
.eb-form .akkoord{align-items:flex-start;font-size:13px;line-height:1.5;color:rgba(244,241,236,.8)}
.eb-form .akkoord input{margin-top:3px;flex:none}
.eb-form .akkoord a{color:var(--papier)}
.eb-form input[type=radio],.eb-form input[type=checkbox]{accent-color:var(--rood);width:18px;height:18px}
.eb-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.licht .formkaart .eb-knop{background:var(--rood);border:0;color:#fff;margin-top:4px;justify-content:center;font-size:16px;padding:17px 20px}
.licht .formkaart .eb-knop:hover{background:#A31F1F}
.eb-form [hidden]{display:none!important}
.licht .formkaart .eb-download{background:var(--rood);border:0;color:#fff;justify-content:center;font-size:16px;padding:17px 20px}
.eb-knop[disabled]{opacity:.6;pointer-events:none}
.eb-status{margin:0;font-size:14px;min-height:1.4em;color:rgba(244,241,236,.85)}
.eb-status.fout{color:#FF8A86;font-weight:600}
.eb-status:focus{outline:none}
.veld-fout{display:block;margin-top:-6px;font-size:13px;font-weight:600;color:#FF8A86}
.eb-form [aria-invalid=true]{border-color:#FF8A86!important}
.eb-form ::placeholder{color:rgba(244,241,236,.6)}
.cf-turnstile{min-height:65px}
.eb-status a{color:var(--papier);font-weight:700}
@media (max-width:640px){.eb-form{padding:18px}}