*{margin:0;padding:0;box-sizing:border-box}html{interpolate-size:allow-keywords}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@font-face{font-family:primary-font;src:url(./BuurtCampusArial-Bold.Hyyc7daK.woff2) format("woff2"),url(./BuurtCampusArial-Bold.DWXNTn-2.woff) format("woff"),url(./BuurtCampusArial-Bold.CBJ0UryB.ttf) format("truetype"),arial,sans-serif;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:secondary-font;src:url(./Arial-BoldMT.CvpFA_CW.woff2) format("woff2"),url(./Arial-BoldMT.DpChcfc-.ttf) format("truetype"),arial,sans-serif;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:tertiary-font;src:url(./Arial.CE5VISmi.woff2) format("woff2"),url(./Arial.DHXpgMHe.ttf) format("truetype"),arial,sans-serif;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:dyslexia-font;src:url(./OpenDyslexicAlta-Regular.bZEJE76S.otf) format("opentype");font-weight:400;font-style:normal}:root{color-scheme:light dark;--primary-color-general: light-dark(hsl(221, 23%, 76%), hsl(221, 23%, 26%));--secondary-color-general: light-dark(hsl(221, 23%, 26%), hsl(216, 23%, 91%));--tertiary-color-general: light-dark(hsl(216, 23%, 91%), hsl(221, 15%, 39%));--dm-logo-general: hsl(216, 23%, 91%);--accent-color: hsl(19, 84%, 43%);--accent-color-darker: hsl(22, 98%, 26%);--accent-color-lighter: hsl(23, 92%, 95%);--primary-color-east: light-dark(hsl(230, 39%, 31%), hsl(229, 39%, 11%));--secondary-color-east: light-dark(hsl(232, 37%, 92%), hsl(232, 37%, 92%));--tertiary-color-east: light-dark(hsl(231, 39%, 86%), hsl(230, 39%, 21%));--dm-logo-east: hsl(231, 39%, 86%);--primary-color-new-west: light-dark(hsl(74, 37%, 47%), hsl(73, 37%, 17%));--secondary-color-new-west: light-dark(hsl(71, 37%, 15%), hsl(72, 37%, 92%));--tertiary-color-new-west: light-dark(hsl(75, 46%, 95%), hsl(71, 37%, 15%));--dm-logo-new-west: hsl(75, 46%, 95%);--primary-color-south-east: light-dark(hsl(186, 85%, 21%), hsl(185, 87%, 6%));--secondary-color-south-east: light-dark(hsl(185, 45%, 91%), hsl(185, 45%, 91%));--tertiary-color-south-east: light-dark(hsl(186, 45%, 91%), hsl(186, 85%, 21%));--dm-logo-south-east: hsl(188, 44%, 93%);--primary-font: "primary-font";--secondary-font: "secondary-font";--tertiary-font: "tertiary-font";--dyslexia-font: "dyslexia-font";--xs: .5rem;--sm: 1rem;--md: 2rem;--lg: 3rem;--xl: 4rem;--xxl: 6rem;--border-radius-sm: var(--sm);--border-radius-md: 1.5rem;--border-radius-lg: var(--md);--border-dm: 1px solid var(--secondary-color-general)}:root:has([value=dyslexia-font]:checked){--primary-font: var(--dyslexia-font);--secondary-font: var(--dyslexia-font);--tertiary-font: var(--dyslexia-font)}:root:has([value=light-dl-mode]:checked){color-scheme:light}:root:has([value=light-dl-mode]:checked) header,:root:has([value=light-dl-mode]:checked) footer,:root:has([value=light-dl-mode]:checked) .article-detail{border:none}:root:has([value=dark-dl-mode]:checked){color-scheme:dark}:root:has([value=dark-dl-mode]:checked) header,:root:has([value=dark-dl-mode]:checked) footer,:root:has([value=dark-dl-mode]:checked) .article-detail,:root:has([value=dark-dl-mode]:checked) .filter{border:var(--border-dm)}:root:has([value=dark-dl-mode]:checked) .article{border:3px solid var(--secondary-color-general)}@media (prefers-color-scheme: dark){header,footer,.article-detail,#progress{border:var(--border-dm)}}body:has(main[data-district=zuidoost]),body.route-zuidoost{--primary-color-general: var(--primary-color-south-east);--secondary-color-general: var(--secondary-color-south-east);--dm-logo-general: var(--dm-logo-south-east)}body:has(main[data-district=oost]),body.route-oost{--primary-color-general: var(--primary-color-east);--secondary-color-general: var(--secondary-color-east);--dm-logo-general: var(--dm-logo-east)}body:has(main[data-district=nieuw-west]),body.route-nieuw-west{--primary-color-general: var(--primary-color-new-west);--secondary-color-general: var(--secondary-color-new-west);--dm-logo-general: var(--dm-logo-new-west)}h1,.xl{font-size:clamp(2.5rem,6vw,3.5rem);font-family:var(--primary-font)}h2,.lg{font-size:clamp(2rem,5vw,2.5rem);font-family:var(--primary-font);line-height:1}h3,.md{font-size:clamp(1.5rem,4vw,2rem)}h4,.sm{font-size:clamp(1rem,3.5vw,1.5rem)}p,a,label,span{font-family:var(--tertiary-font)}p{max-width:30rem;line-height:1.5}ul{list-style-type:none}.label-district{border:1px solid var(--secondary-color-general);background-color:var(--secondary-color-general);width:fit-content;padding:.25rem 1rem;border-radius:1rem;color:var(--tertiary-color-general)}.label-outline{border:1px solid var(--secondary-color-general);background-color:var(--tertiary-color-general);width:fit-content;padding:.25rem 1rem;border-radius:1rem;color:var(--secondary-color-general)}blockquote{display:flex;flex-direction:column;justify-content:center;justify-self:center;align-items:center;font-family:var(--secondary-font);background-color:var(--secondary-color-general);color:var(--primary-color-general);width:fit-content;padding:var(--md);border-radius:var(--lg);margin:var(--md)}article{justify-items:center}article .label-district,article .label-outline{margin-bottom:1.5rem}article .title{margin-bottom:var(--sm)}article .intro{font-family:var(--secondary-font)}article .side-title{font-family:var(--primary-font);font-size:clamp(1.5rem,4vw,2rem);writing-mode:sideways-lr;float:left;padding-top:4rem;shape-outside:polygon(0 0,0 4rem,100% 4rem,100% 100%,0 100%);margin:1rem 1rem 1rem 0;max-height:90vh;text-align:center;line-height:1}article .cover{width:70%;height:30vh;object-fit:cover;margin-top:1rem}article .body img:first-child{display:none}article .body p{padding-top:.5rem}article .body span{font:inherit!important}@media (width > 34rem){article .cover{float:right;width:30vw;margin:1rem 2rem 2rem}}@keyframes hover-effect{40%{rotate:5deg}80%{rotate:-5deg}}