.bladenuitlijn a{
kleur: var(–b);
tekstdecoratie: onderstrepen;
tekstdecoratiedikte: 2px;
tekstonderstrepen-afstand: 3px;
}
.blade-hoofd{
padding: 22px 18px;
achtergrond: lineair-gradiënt(135deg, var(–zacht) 0%, #ffffff 60%);
rand: 1px vast var(–rand);
hoekraad: 14px;
}
.blade-aanvaller{ margin:0 0 6px; lettergrootte: 13px; kleur: var(–gedempt);
letterspatie: .2px; }
.blade-hoofd h1{ margin:0 0 10px; lijnhoogte: 1.15; }
.blade-onderkop{
margin:0; kleur: var(–gedempt);
max-breedte: 90ch; }
.blade-waarschuwingen{ display:flex; flex-wrap:wrap; spatiëruing:8px; margin-top:14px; }
.blade-waarschuwing{
display:inline-flex; align-items:center;
rand:1px vast rgba(77,148,231,.25);
achtergrond: rgba(77,148,231,.08);
kleur:#1f3b66;
padding:6px 10px;
hoekraad:999px;
lettergrootte:13px;
}
.blade-inhoudsopgave{
margin: 16px 0 0;
rand: 1px vast var(–rand);
hoekraad: 12px;
padding: 14px 16px;
achtergrond: #fff;
}
.blade-inhoudsopgave strong{ display:block; margin-beneden: 8px; }
.blade-inhoudsopgave ul{ margin:0; padding-links: 18px; }
.blade-inhoudsopgave li{ margin: 6px 0; }
.blade-sectie{
margin-top: 18px;
padding: 18px;
achtergrond: #fff;
rand: 1px vast var(–rand);
hoekraad: 14px;
}
.blade-sectie h2{
margin-top: 0;
rand-links: 4px vast var(–b);
padding-links: 10px;
}
.blade-grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
spatiëruing: 12px;
margin-top: 10px;
}
.blade-kaart{
grid-column: span 6;
rand: 1px vast var(–rand);
hoekraad: 12px;
padding: 14px;
achtergrond: var(–zacht2);
}
.blade-kaart h3{ margin-top: 0; }
.blade-aantekening{ kleur: var(–gedempt);
lettergrootte: 14px; margin-top: 10px; }
.blade-aanroep{
margin-top: 12px;
padding: 12px 12px 12px 14px;
hoekraad: 10px;
rand: 1px vast rgba(77,148,231,.06);
achtergrond: rgba(77,148,231,.05);
}
.blade-aanroep h3{ margin-top: 0; }
.blade-form{
margin-top: 10px; }
/* Unifieerd, duidelijk klikbaar FAQ */
.blade-faq .faq-item{
margin-top: 10px;
rand: 1px vast var(–rand);
hoekraad: 14px;
achtergrond: #fff;
overflow: hidden;
}
.blade-faq .faq-item summary{
lijststijl: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
spatiëruing: 12px;
padding: 14px 14px;
lettergewicht: 700;
achtergrond: var(–zacht2);
rand-links: 4px vast var(–b);
}
.blade-faq .faq-item summary::-webkit-details-marker{ display:none; }
.blade-faq .faq-item summary:hover{ achtergrond: rgba(77,148,231,.08); }
.blade-faq .faq-q{ kleur: var(–ink); }
.blade-faq .faq-icoon{
breedte: 34px;
hoogte: 34px;
hoekraad: 10px;
rand: 1px vast rgba(77,148,231,.25);
achtergrond: rgba(77,148,231,.10);
positie: relative;
flex: 0 0 auto;
}
.blade-faq .faq-icoon::before{
inhoud:””;
positie:absolute;
links:50%;
boven:50%;
breedte:8px;
hoogte:8px;
rand-rechts:2px vast #1f3b66;
rand-beneden:2px vast #1f3b66;
transform: translate(-50%,-60%) rotate(45deg);
overgang: transform .18s gemakkelijk;
}
.blade-faq .faq-item[open] summary{ achtergrond: rgba(77,148,231,.06); }
.blade-faq .faq-item[open] .faq-icoon::before{ transform: translate(-50%,-40%) rotate(225deg); }
.blade-faq .faq-a{ padding: 0 14px 14px 18px; kleur: var(–gedempt); }
.blade-faq .faq-a p{ margin: 10px 0 0; }
@media (max-width: 860px){
.blade-kaart{ grid-column: span 12; }
.blade-sectie{ padding: 14px; }
}
