/* ============================================================
   TWIZT — Info- en juridische pagina's
   ============================================================ */

.in-hero{background:var(--yellow);padding:44px 0 40px;}
.in-kruimels{font-weight:600;font-size:.85rem;color:#7a6636;margin-bottom:12px;}
.in-kruimels a{color:var(--magenta);}
.in-kruimels a:hover{text-decoration:underline;}
.in-titel{font-family:'Fredoka',sans-serif;font-weight:700;color:var(--magenta);
    font-size:clamp(1.9rem,4.5vw,3rem);margin:0;line-height:1.1;}

.in-body{background:var(--cream);padding:52px 0 70px;}
.in-content{background:#fff;border-radius:18px;padding:34px;box-shadow:0 12px 30px rgba(0,0,0,.07);
    font-weight:500;color:#41323c;line-height:1.75;}
.in-content h2{font-family:'Fredoka',sans-serif;font-weight:700;color:var(--magenta);
    font-size:1.25rem;margin:30px 0 12px;}
.in-content h2:first-child{margin-top:0;}
.in-content h3{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--ink);font-size:1.05rem;margin:22px 0 8px;}
.in-content p{margin-bottom:14px;}
.in-content ul,.in-content ol{margin:0 0 16px;padding-left:22px;}
.in-content li{margin-bottom:7px;}
.in-content a{color:var(--magenta);text-decoration:underline;}
.in-content a:hover{color:var(--teal);}
.in-content table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.92rem;}
.in-content th,.in-content td{border:1px solid #eee;padding:9px 12px;text-align:left;vertical-align:top;}
.in-content th{background:var(--cream);font-family:'Fredoka',sans-serif;font-weight:600;}
.in-datum{margin-top:26px;padding-top:14px;border-top:1px solid #eee;font-size:.85rem;color:#8a7a84;}

.in-zij{background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.07);position:sticky;top:100px;}
.in-zij h2{font-family:'Fredoka',sans-serif;font-weight:700;color:var(--magenta);text-transform:uppercase;
    font-size:.95rem;letter-spacing:.5px;margin:0 0 14px;}
.in-zij ul{list-style:none;padding:0;margin:0;}
.in-zij li{margin-bottom:9px;}
.in-zij a{color:#4a3a44;font-weight:600;font-size:.92rem;}
.in-zij a:hover,.in-zij a.actief{color:var(--magenta);}
.in-zij a.actief{text-decoration:underline;}
.in-cookie-btn{background:none;border:0;padding:0;color:#4a3a44;font-family:'Quicksand',sans-serif;
    font-weight:600;font-size:.92rem;cursor:pointer;text-align:left;}
.in-cookie-btn:hover{color:var(--magenta);}

@media(max-width:991px){
    .in-content{padding:24px;}
    .in-zij{position:static;}
}