:root{--modelkleur: rgb(137, 102, 5);--sqlkleur: rgb(65, 114, 1);--opdrachtkleur: rgb(2, 5, 110)}ul[data-astro-cid-ghoggreg]{--col-gap: 2rem;--row-gap: 2rem;--line-w: .25rem;--algemeenkleur: #072177;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto}span[data-astro-cid-ghoggreg].model,span[data-astro-cid-ghoggreg].sql,span[data-astro-cid-ghoggreg].opdracht{color:#fff;background-color:var(--modelkleur);padding:0 1ch}span[data-astro-cid-ghoggreg].model{background-color:var(--modelkleur)}span[data-astro-cid-ghoggreg].sql{background-color:var(--sqlkleur)}span[data-astro-cid-ghoggreg].opdracht{background-color:var(--opdrachtkleur)}ul[data-astro-cid-ghoggreg]:before{content:"";grid-column:1;grid-row:1 / span 40;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:not(:last-child){margin-bottom:var(--row-gap)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content;box-shadow:3px 3px 8px #ccc;background-color:#eee}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] a[data-astro-cid-ghoggreg]{text-decoration:none;color:var(--tekstkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]{border-left:2px solid var(--achtergrondkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:hover{box-shadow:3px 3px 8px #999}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .topic[data-astro-cid-ghoggreg]{--topicH: 3rem;height:var(--topicH);margin-inline:calc(var(--inlineP) * -1);text-align:center;color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--topicH) / 2) 0 0 calc(var(--topicH) / 2)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].opdracht .topic[data-astro-cid-ghoggreg]{background-color:var(--opdrachtkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].model .topic[data-astro-cid-ghoggreg]{background-color:var(--modelkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].sql .topic[data-astro-cid-ghoggreg]{background-color:var(--sqlkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .topic[data-astro-cid-ghoggreg]:before{content:"";width:var(--inlineP);aspect-ratio:1;background:#bbb;background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%);right:0}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .topic[data-astro-cid-ghoggreg]:after{content:"";position:absolute;width:.5rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid #999;border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].opdracht .topic[data-astro-cid-ghoggreg]:after{border-color:var(--opdrachtkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].model .topic[data-astro-cid-ghoggreg]:after{border-color:var(--modelkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg].sql .topic[data-astro-cid-ghoggreg]:after{border-color:var(--sqlkleur)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .title[data-astro-cid-ghoggreg],ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .descr[data-astro-cid-ghoggreg]{background:var(--bgColor);position:relative;padding-inline:1.5rem}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .title[data-astro-cid-ghoggreg]{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:700}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .descr[data-astro-cid-ghoggreg]{padding-block-end:1.5rem;font-weight:300}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .title[data-astro-cid-ghoggreg]:before{bottom:calc(100% + .125rem)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg] .descr[data-astro-cid-ghoggreg]:before{z-index:-1;bottom:.25rem}.descr[data-astro-cid-ghoggreg]{padding:1em}@media (min-width: 40rem){ul[data-astro-cid-ghoggreg]{grid-template-columns:1fr var(--line-w) 1fr}ul[data-astro-cid-ghoggreg]:before{grid-column:2}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(odd){grid-column:1}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(2n){grid-column:3}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(2){grid-row:2/4}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(odd) .topic[data-astro-cid-ghoggreg]:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(odd) .topic[data-astro-cid-ghoggreg]:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}ul[data-astro-cid-ghoggreg] li[data-astro-cid-ghoggreg]:nth-child(odd) .topic[data-astro-cid-ghoggreg]{border-radius:0 calc(var(--topicH) / 2) calc(var(--topicH) / 2) 0}}