/* Typepagina's: hero = tekst links, sfeerfoto rechts op staal; daarna de leeskolom uit montage.css */
main h2 { line-height: 1.12; }
.kop-knop { min-height: 40px; padding: 0 16px; font-size: 12.5px; }
.type-hero .in { max-width: 1240px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.type-tekst { display: grid; gap: 20px; }
.type-foto { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.type-prijs { color: var(--kalk) !important; font-size: 20px; }
.type-prijs b { font-family: var(--display); font-size: 34px; font-weight: 800; }
.type-prijs span { display: block; color: var(--op-donker); font-size: 15px; }
.type-feiten { margin-top: 0; }
.type-feiten div { background: #F3EFE8; }
.type-feiten b { color: var(--staal); }
.type-feiten span { color: var(--grafiet); }
.faq { display: grid; gap: 8px; max-width: 760px; }
.faq details { background: #F3EFE8; border: 1px solid var(--lijn); padding: 14px 18px; }
.faq summary { font-weight: 700; cursor: pointer; }
.faq details p { margin-top: 8px; }
footer a { color: inherit; }
@media (max-width: 860px) { .type-hero .in { grid-template-columns: 1fr; } .type-foto { aspect-ratio: 4 / 3; } .kop-knop { display: none; } }