.voet .voet-groep > summary{list-style:none;display:block}
.voet .voet-groep > summary::-webkit-details-marker{display:none}
.voet .voet-groep > summary::marker{content:""}
.voet .voet-groep > summary h3{margin-bottom:14px}
.voet .voet-groep > summary:focus-visible{outline:2px solid var(--accent-licht,#D9A066);outline-offset:3px;border-radius:4px}
.voet .voet-groep > summary .voet-pijl{display:none}


@media (max-width:820px){

  .hamburger{width:48px;height:48px;padding:12px 11px;margin-right:-8px}
  .nav-actie{gap:6px}
  .nav-inner{padding-top:10px;padding-bottom:10px;gap:12px}
  .nav-logo{display:flex;align-items:center;min-height:44px;flex:none}
  .nav-logo img{flex:none}
  .nav-actie .btn,.nav-actie .knop{
    min-height:44px;display:inline-flex;align-items:center;
    padding:10px 18px;font-size:14.5px}

  .nav-links a{
    display:flex;align-items:center;min-height:50px;padding:12px 2px}
  .nav-links a[aria-current="page"]:not(.btn)::after{bottom:10px}
  .nav-links.open{max-height:calc(100dvh - 100%);overflow-y:auto}

  .actie .tekstlink,.actie .textlink,
  .pt-actie .tekstlink,.sup-actie .tekstlink,.blad-actie .tekstlink,
  .acties .tekstlink,.kaart-actie .tekstlink,.cjt-ctaactie .cjt-link,
  .kamer-actie .textlink,.zingroep .meer,
  .art-delen a,.art-delen button{
    min-height:44px;display:inline-flex;align-items:center}

  p > .tekstlink:only-child,p > .textlink:only-child,
  .kaart > .tekstlink,.blok > .tekstlink,.fam > .tekstlink,
  .zaak-links > .tekstlink,.sp-kaart > .tekstlink,.huis > .tekstlink,
  .gratisstrip > .tekstlink,.boektekst > p > .tekstlink,
  .ct-gegevens li > a,.sp-contact li > a,
  .mini-actie > .tekstlink,
  .boekkaart .tekstlink,.blad-fam > .tekstlink,
  .sl-anders-weg .tekstlink,.cjt-andere li > .tekstlink,
  .verderrij .blok > .tekstlink,.huizen .huis > .tekstlink{
    min-height:44px;display:inline-flex;align-items:center}

  .kamers--stroken .kamer h2 a{display:inline-block;padding:6px 0}

  .voet a.voet-meer{padding-top:12px;padding-bottom:12px}

  .nood a{display:inline-block;padding:10px 7px;margin:-10px -3px}

  .kamerlijst li a,.zingroep li a,.kamerarchief a,
  .verschenenlijst a,.jur-inhoud a,.voet li a{
    display:block;padding-top:11px;padding-bottom:11px}
  .verschenenlijst li{padding:2px 0}
  .kamerarchief li{padding:0}

  .kruimel a{display:inline-block;padding:10px 9px;margin:-10px -9px}

  .aanpak{background-position:65% center}

  .aanpak{
    background-image:linear-gradient(90deg,rgba(14,31,46,.97) 0,rgba(14,31,46,.93) 45%,rgba(14,31,46,.70) 100%),
                     url("/beelden/praktijk-spreekkamer-924.jpg")}
  .praktijk-foto{background-image:url("/beelden/praktijk-spreekkamer-924.jpg")}

  .herkenning,.samen,.wieikben,.gratis,.meer,.zelf,.manieren,.zo,
  .vragen,.stemmen,.praktisch,.verhaal,.vak,.boeken,.rollen,.thuis,
  .sp-themas,.sp-lezingen,.sp-media,.sp-kit,.sp-bio,.sp-zaal,.sp-pers,
  .sl-reis,.sl-vraag,.sl-blok,.sl-wouter,.pt-blok,.blad-blok{
    padding-top:40px;padding-bottom:40px}
  .aanpak,.praktijk{padding-top:48px;padding-bottom:48px}
  .slot,.sp-slot,.sl-slot,.pt-slot,.blad-slot,.sup-slot,.verder{
    padding-top:36px;padding-bottom:36px}
}


@media (max-width:640px){

  .kop-foto{height:clamp(268px,72vw,330px);background-position:50% 16%}
  .kop-tekst{margin-top:0;padding-top:clamp(12px,4vw,24px);padding-bottom:clamp(30px,7vw,44px)}
  .kop .label{margin-bottom:11px;line-height:1.4}
  .kop h1{font-size:33px;line-height:1.1;margin-bottom:13px}
  .kop .onder{font-size:19px;line-height:1.36;margin-bottom:14px}
  .kop .actie{gap:11px;margin-bottom:12px}
  .kop .actie > .knop,.kop .actie > .btn{min-height:52px;padding-top:12px;padding-bottom:12px}
  .kop .kennis{margin-bottom:18px}
  .kop .wie{font-size:15.5px}

  .sl-kop-foto,.sup-kop-foto,.sp-kop-foto{max-height:300px}

  .actie > .knop,.actie > .btn,
  .blad-actie > .knop,.pt-actie > .knop,.sup-actie > .knop,
  .acties > .knop,.kaart-actie > .knop,
  .art-gratis > p > .btn,.art-blok > p > .btn,
  .duo .art-gratis .btn,.duo .art-blok .btn,
  .cj-velden .btn,.cj-velden .knop,
  .kamer-start--leeg .btn,.art-magazine .btn{
    display:flex;width:100%;justify-content:center;text-align:center;
    min-height:52px;align-items:center}
  .actie{flex-direction:column;align-items:stretch;gap:14px}
  .actie .tekstlink,.actie .textlink,
  .blad-actie .tekstlink,.pt-actie .tekstlink,.sup-actie .tekstlink,
  .acties .tekstlink,.kaart-actie .tekstlink{
    align-self:flex-start;justify-content:flex-start;text-align:left}

  .cj-veld input,.cjt-veld input{min-height:52px;font-size:16.5px}
  .cj-velden{gap:10px}
  .cj-fijn,.mag-fijn{font-size:13.5px}

  .artikel .kaartbeeld{aspect-ratio:16/9}
  .artikel-tekst{padding:18px 20px 22px}
  .artikel h3{font-size:20px}
  .artikels{gap:18px}

  .buurkamer .kamerlabel{font-size:12.5px;letter-spacing:1.6px}
  .aanpak .label{font-size:12.5px}
  .voet .fijn{font-size:13.5px;line-height:1.75}
  .art-magazine .cj-fijn,.blog-magazine .cj-fijn{font-size:13.5px}

  .jur-tabel-rol{overflow-x:visible}
  .jur-tabel thead{display:none}

  .sup-tekening{position:relative;padding-bottom:6px}
  .sup-schuifhint{display:block;margin:0 0 10px;font-size:13.5px;color:var(--bijtekst,#4A5A69)}
  .sup-schuif{
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%)}
  .sup-schuif:focus-visible{outline:2px solid var(--accent,#C17F3A);outline-offset:4px;border-radius:8px}
  .sup-tekening svg{min-width:680px}
  .sup-tekening figcaption::before{
    content:"Schuif de tekening opzij om ze helemaal te zien.";
    display:block;font-weight:500;color:var(--inkt,#0E1F2E);margin-bottom:6px}

  .voet{padding:32px 0 24px}
  .voet .voet-merk{padding-bottom:8px;margin-bottom:0;gap:12px;border-bottom:0}
  .voet .fijn{border-top:0}
  .voet .merk--voet img{height:46px}
  .voet .voet-zin{font-size:15px;line-height:1.6;max-width:32em}
  .voet a.voet-meer{display:inline-block;padding:8px 0}
  .voet .voet-sociaal{margin:2px 0 0 -11px}

  .voet .voet-rijen{display:block;margin-bottom:16px}
  .voet .voet-groep{border-top:1px solid rgba(255,255,255,.12)}
  .voet .voet-groep:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
  .voet .voet-groep > summary{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    min-height:52px;padding:6px 2px;cursor:pointer;
    -webkit-tap-highlight-color:transparent}
  .voet .voet-groep > summary h3{
    margin:0;font-size:14px;letter-spacing:1.8px;color:#fff}
  .voet .voet-groep > summary .voet-pijl{
    display:block;flex:none;width:11px;height:11px;margin-right:4px;
    border-right:2px solid var(--bijtekst-dk,#A8B3BE);
    border-bottom:2px solid var(--bijtekst-dk,#A8B3BE);
    transform:rotate(45deg) translate(-2px,-2px);
    transition:transform .2s ease}
  .voet .voet-groep[open] > summary h3{color:var(--accent-licht,#D9A066)}
  .voet .voet-groep[open] > summary .voet-pijl{
    transform:rotate(-135deg) translate(-3px,-3px)}
  .voet .voet-groep > ul{padding:2px 0 14px}
  .voet .voet-groep--vast > summary{cursor:default}
  .voet .voet-groep--vast > summary .voet-pijl{display:none}
  .voet .voet-groep--vast[open] > summary h3{color:#fff}
  .voet .voet-groep li{padding:0}
  .voet .voet-groep li a{font-size:16px}
  .voet .fijn{padding-top:18px}
  .voet .fijn a{display:inline-block;padding:10px 3px;margin:0 -3px;white-space:nowrap}

  .art-meer{padding:40px 0 48px}
  .blog-magazine{padding:38px 0}
  .brief-strook,.netverschenen + .brief-strook{padding:38px 0}
  .kamer-herken{padding:32px 0 28px}
  .kamer-buren{padding:32px 0 36px}
  .kamer-duo{padding-bottom:36px}
  .zinnen{padding:38px 0 32px}
  .lijst-slot{padding-bottom:56px}
  .jur{padding:28px 0 48px}
  .art-body{padding:30px 0 24px}
  .art-body h2{margin:1.7em 0 .5em}
  .art-uitspraak{margin-top:2em;margin-bottom:2em;padding:32px 0}
  .art-blok{padding:26px 24px}
  .art-magazine{padding:24px 22px}
}


@media (max-width:400px){
  .nav-logo img{height:38px}
  .nav-actie .btn,.nav-actie .knop{padding:10px 14px;font-size:14px}
  .kop h1{font-size:30px}
  .voet .voet-merk{grid-template-columns:1fr}
  .voet .voet-sociaal{flex-wrap:wrap}
  .art-delen-knoppen{gap:8px}
  h1,h2{overflow-wrap:break-word}
  .cjt-titel{font-size:26px}
}

@media (max-width:359px){
  :root{--pad:18px}
  .nav-inner{gap:8px}
  .nav-logo img{height:34px}
  .nav-actie{gap:2px}
  .nav-actie .btn,.nav-actie .knop{padding:10px 11px;font-size:13.5px}
  .hamburger{margin-right:-11px}
}


@media (hover:none){
  a:hover,button:hover,
  .artikel:hover,.mini:hover,.buurkamer:hover,.kamerkaart:hover,
  .kaart:hover,.zinnen a:hover,.knop:hover,.btn:hover,
  .blok:hover,.huis:hover,.fam:hover,.boekkaart:hover,
  .sp-kaart:hover,.sl-kaart:hover,.pt-kaart:hover{
    transform:none!important}
  .artikel:hover,.mini:hover,.buurkamer:hover,.kamerkaart:hover,
  .kaart:hover,.knop:hover,.btn:hover{
    box-shadow:none!important}
  .buurkamer:hover .buurbeeld img{transform:none!important}
  a,button,summary,label{-webkit-tap-highlight-color:rgba(193,127,58,.18)}
}


@media (max-width:820px){
  .cjt-antwoorden{min-height:396px;align-content:start}
  .cjt-vraagtekst{min-height:3.75em}
}
@media (max-width:359px){
  .cjt-antwoorden{min-height:421px}
  .cjt-vraagtekst{min-height:5em}
}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--marine,#0E1F2E);outline-offset:3px;border-radius:3px}
.voet a:focus-visible,.voet summary:focus-visible,
.donker a:focus-visible,.donker button:focus-visible,
.kop a:focus-visible,.aanpak a:focus-visible,
.art-blok a:focus-visible,.netverschenen a:focus-visible{
  outline-color:var(--accent-licht,#D9A066)}



@media (max-width:820px){
  .vragenrij{grid-template-columns:1fr;gap:0 0}
}

@media (max-width:820px){
  a.tekstlink,.lees a:not(.knop):not(.btn):not(.voet-meer),
  .art-tekst a:not(.knop):not(.btn),
  .herken-tekst a:not(.knop):not(.btn){
    border-bottom:0;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.18em;
    text-decoration-skip-ink:auto}
}