.fragment-overzicht-kop { margin-bottom: 48px; }
.fragment-overzicht-kop h1 { font-size: clamp(64px, 10vw, 112px); color: var(--rood); margin-bottom: 24px; }
.fragment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.fragment-kaart { border-top: 8px solid var(--inkt); }
.fragment-link { text-decoration: none; }
.fragment-kaart img { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; }
.fragment-kaart h2 { margin: 24px 0 16px; }
.fragment-kaart > .link { margin-top: 16px; }
.fragment { max-width: 1000px; margin: auto; padding: 48px var(--marge) 80px; }
.fragment-kop { max-width: 720px; margin: auto; }
.fragment-kop > .link { margin-bottom: 32px; }
.fragment-kop h1 { font-size: clamp(48px, 8vw, 88px); color: var(--rood); overflow-wrap: anywhere; }
.fragment-beeld { width: 100%; max-width: 800px; margin: 32px auto 40px; }
.fragment-tekst, .fragment-eind { max-width: 680px; margin: auto; }
.fragment-tekst { font-size: clamp(19px, 2vw, 22px); line-height: 1.8; }
.fragment-tekst p + p { margin-top: 1.5em; }
.fragment-eind { margin-top: 48px; padding-top: 24px; border-top: 4px solid var(--inkt); }
.fragment-eind .links { margin-top: 16px; }
@media (max-width: 640px) { .fragment-grid { grid-template-columns: 1fr; gap: 48px; } .fragment { padding-top: 24px; } }