:root {
  --colorP: #407395;
  --colorPd: #275460;
  --colorS: #77695a;
  --colorSd: #282624;
  --colorT: #594972;
  --colorTd: #3e2c5a;
  --colorBlack: var(--colorSd);
  --colorWhite: #ffffff;
  --colorGrey: #d2cec999;
  --fontP: 'Quicksand', sans-serif;
  --fontS: var(--fontP);
  --siteWidth: 1000px;
  --gap: 15px;
}

:root body {
  --wp--style--block-gap: var(--gap);
  --gap2x: calc(2 * var(--gap));
  --gap3x: calc(3 * var(--gap));
  --gap4x: calc(4 * var(--gap));
}

html { font-weight: 400; font-size: 16px; line-height: 1.55; }
a { color: var(--colorP); }
a:hover { color: var(--colorPd); }
h2+h4 { margin-top: 0; }

.wrap { padding-left: var(--gap); padding-right: var(--gap); }
.width70 { max-width: max(70%, 575px); margin-left: auto; margin-right: auto; }
.alignfull { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; width: 100vw; max-width: 100vw; }

.maxw400 figure, .maxw400 .wp-block-group__inner-container { max-width: 400px; }
.maxw400 .wp-block-group__inner-container { margin: 0 auto; }

.site-header { background: #000; border: none; color: var(--colorWhite); }
.site-header .nav-menu { background: #000; }
.site-header svg path { fill: #FFF; }
.search-toggle:hover, .search-toggle.active, .menu-toggle:hover, .menu-toggle.active { background: transparent; border: 2px solid var(--greyCustomColor); }
.title-area .site-title .icon { max-width: 220px; }

.banner { background: var(--colorBlack); background-position: center; background-size: cover; position: relative; }
.banner .wrap.align-wide { max-width: calc(var(--siteWidth) * 1.5); min-height: 100%; background-position: center; background-size: cover; position: relative; }
:not(.home)>.banner::before { backdrop-filter: blur(15px); content: ""; position: absolute; width: 100%; height: 100%; top: 0; background: #0009; }

.banner .helper.center { left: 50%; top: 50%; position: absolute; height: 0; transform-origin: 50%; transform: translate(-50%, -50%); width: 60vw; max-width: 800px; padding-bottom: 9%; }
.banner .helper img, .banner .helper svg { transform-origin: 50% 50%; max-width: unset; max-height: unset; }
.banner .helper .mask.swirl { transform: translate(-50%, -50%) scale(0.5); -webkit-mask-size: 50vw; padding: 10vw; left: 5%; top: 53%; }
.banner .helper .mask { -webkit-mask-image: url("../img/mask.png"); -webkit-mask-size: 40vw; position: absolute; top: 50%; left: 7%; transform: translate(-50%, -50%); height: 40vw; width: 40vw; }
.banner .helper .icon-OddLinedThin { width: 60vw; max-width: 800px; transform: translate(0%,0%); position: absolute; top: 0; left: 0; }
.banner .helper .mask.small { transform: translate(-50%, -50%) scale(0.6); transform-origin: 50% 50%; }
.banner .helper .mask.medium { height: 40vw; width: 40vw; }
.banner .mask.large { width: 70vw; height: 70vw; position: absolute; top: 30%; }

.banner .icon-swirl { width: 50%; opacity: 0.12; height: 50%; position: absolute; animation: rotation 60s linear 0s normal infinite; }
.banner .circle { width: 100%; height: 100%; left: 0; top: 0; }
.banner .circle.small { opacity: 0.1; animation: rotation 180s linear 0s reverse infinite; }
.banner .circle.medium { opacity: 0.05; animation: rotation 240s linear 0s normal infinite; }
.banner .circle.large { width: 70vw; height: 70vw; opacity: 0.03; left: 25%; top: 100%; animation: rotation 300s linear 0s reverse infinite; }
.banner .helper .icon-swirl { transform-origin: 60% 45%; }

.home .banner { background-color: #334; height: min(800px, 70vh); max-height: 70vw; background-size: cover; flex: 0 0 auto; background-position: 50%; }
.home .banner::before { content: ""; background-image: url("../img/fog.png"); background-size: 200%; background-repeat: repeat-x; position: absolute; top: 50%; left: 0; width: 100%; height: 50%; animation: fog 60s linear 0s normal infinite; opacity: 0.5; }

.site-footer::after, .banner { mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="uuid-51c78fc3-e6f7-49cc-b6f3-c2c34af34291" viewBox="0 0 800 30"><g id="uuid-02de4416-ebe0-4236-80ed-cbcb9456f19e"><path d="M796.47,6.36c-2.46-1.16-3.88-2.38-6.73-2.52-6.88-.34-13.83,1.27-20.5,2.61-15.13,3.04-29.38,1.06-44.6-.06-6.87-.51-14.86.05-21.39-2.32-3.1-1.13-5.29-3.78-8.75-4.04-3.31-.24-6.44,1.54-9.39,2.65-13.08,4.93-25.61,2.29-38.75-.65-12.75-2.85-26.44,1.53-39.44.76-15.45-.92-30.76-2.13-46.25-1.18-14.82.91-29.6,2.31-44.39,3.6-30.41,2.65-60.81,3.77-91.35,3.07-14.06-.32-27.64-3.88-41.57-5.27-15.42-1.54-31.29-1.34-46.79-1.22-15.78.12-31.46,1.08-47.2,1.99-13.66.78-28.4-.15-41.36,4.27-62.8,2.15-12.38,4.52-19.15,5.04-5.77.44-11.43-.71-16.91-2.26-6.25-1.77-12.02-3.63-18.65-3.2-7.56.49-15.02,1.84-22.57,2.46-7.75.64-15.25.05-22.98-.41-7.54-.45-14.21.34-21.62,1.43-13.62,2.01-26.15-4.09-39.25-6.46-14.38-2.61-28.72,2.21-43.15.65-7.4-.8-14.62.63-22.08.15-7.24-.46-14.46,1.92-21.67,2.62v24.17h802.28V8.07c-2.51,0-3.98-.84-5.81-1.71Z" style="fill:%23fff; opacity:.5;"/><path d="M799.67,12.09c-12.86-.42-26.01-3.67-38.81-1.14.55,1.63-9.96,1.46-11.84,2.18l.03-.05c-3.12-.72-6.55-.31-9.6-.81-1.61-.03-.83-.45-1.42-.82-4.03-1.98-10.88-.59-15.53-.34h0c-6.13.67-12.19-.12-18.24.65l.02-.03c-2.97-1.44-5.32-.85-8.28-.31-3.15.54-1.7-.5-1.84-.63-1.62-.8-2.53-.26-4.15.13-5.95-2.25-14.38.01-20.96-1.53-2.65-.45-4.92,1.36-7.08.44-.62.77-3.67.75-4.03.55-1.04.74-3.93.02-4.97-.46-.78.99-2.29.56-3.62.67-.77.11-2.14.77-3,.76-.17,0-1.82-.93-2.96-.87-1.18.06-1.45,1.24-3,1.2-.35-.14,1.19-1.07-.15-1.15-1.58-.09-1.23.82-1.84,1.08-2.07.7-6.67.42-7.85-1.38-3.78-1.76-8.44-1.07-12.46-.66-3.95.29-7.84-.18-11.81.4-1.36.35-.17.65-.92,1.15-.88.11-3.26-.85-3.66-.82-.29.02-.79.54-1.45.44.03-2.14-5.11-.66-7.22-.41-6.74.61-15.41-.72-22.02-1.74-7.47-.31-14.83.37-22.32.52-25.23-1.09-49.3,9.3-74.62,5.45-18.89.46-37.69-3.84-56.68-4.06-8.92-.25-18.04.68-26.75.64-23.68-3.46-48.72-4.08-72.72-1.85-9.95,2.5-18.95,4.4-28.76,6.66l.06.07c-1.39.16-2.99.15-4.4.48-1.07,1.16-5.08.93-6.84,1.77l-.09-.16c-4.92.54-9.82,2.17-14.87,2.65-.42.37-.92.67-1.5.87-.21.24-.45.47-.72.67-3.26,2.13-8.37,2.83-12.29,3.41-5.92,1.15-14.19,3.46-20.5,2.43-1.99-.95-3.06-.76-5.11-.45-3.92-.58-7.38-2.42-11.52-2.25-.36-.61.45-.55,0-1.34-1.76-.27-.68-1.33-2.61-1.59l-13.51-.15c-4.64-1.12-9.27-1.34-14.05-.99,4.12-5.3-23.61-1.34-26.57-1.68-7.59-.7-17.39,1.72-25.01,1.43-6.46-1.91-14.84-.93-21.73-.82-3.44.04-6.91-.18-10.36,0-.53-.05-2.76-2.31-3.85-2.8-4.27-2.28-9.48-1.92-13.94-3.22-25.34-4.03-54.55-1.39-79.75-1.64v19.56c267.43-.08,534.85-.17,802.28-.25V12.68c-1.06,0-1.98-.48-2.61-.58Z" style="fill:%23fff;"/></g></svg>'), linear-gradient(#000 0 0); mask-position: 50% calc(100% + 2px); mask-repeat: repeat-x; mask-composite: exclude; mask-size: 400px; }

.wp-block-button .wp-block-button__link, .acf-button, button, [type="button"], [type="reset"], [type="submit"] { width: auto; font-weight: 500; font-size: 1em; border-radius: 8px; color: var(--colorWhite); background: var(--colorT); cursor: pointer; }
.wp-block-button__link:hover, .acf-button:hover, button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { background: var(--colorTd); }

/*
.wp-block-cover .wp-block-button .wp-block-button__link { padding: calc(.667em - 2px) calc(1.333em - 2px); border: 4px solid var(--colorWhite); background: var(--colorWhite); color: var(--colorBlack); font-weight: bold; }
.wp-block-cover .wp-block-button .wp-block-button__link:hover { background: var(--colorWhite); border: 4px solid var(--colorGrey); }
*/

.wp-block-buttons>.wp-block-button { color: var(--ColorP); }
.wp-block-buttons { display: flex; gap: var(--gap); }
.wp-block-buttons.small { gap: 10px; margin-bottom: 1.5em; }
.wp-block-buttons.small .wp-block-button__link { font-size: 0.8em; padding: 0.5em 0.8em; opacity: 0.5; border-radius: 20px; }
.wp-block-buttons.small .wp-block-button__link:hover { opacity: 1; background: var(--colorT); }

.entry-content > :first-child:not(.wp-block-cover) { margin-top: var(--gap); }
.entry-content ul.wp-block-list, .entry-content ol.wp-block-list { padding-left: var(--gap); }

:where(.wp-block-columns, .wp-block-media-text, .wp-block-cover, .wp-block-group) { margin-bottom: var(--gap); }

.wp-block-cover { text-align: center; }
.wp-block-cover.bg .wp-block-cover__image-background { background-repeat:repeat-x; }

.wp-block-group.has-background { padding: var(--gap) 0; border-radius: 5px; margin-bottom: 0; }
.wp-block-group.has-light-grey-to-white-gradient-background { padding-top: 0; }
.wp-block-group.has-background>:last-child { margin-bottom: 0; padding-bottom: 0; }
.wp-block-group.has-background > .wp-block-group__inner-container { max-width: var(--siteWidth); margin: 0 auto; padding: var(--gap); }
.wp-block-group .wp-block-group__inner-container { padding: 0; }
.wp-block-group.has-background + div { padding-top:var(--gap)}

.wp-block-media-text { gap: var(--gap); }
.wp-block-media-text .wp-block-media-text__content { padding: 0; }
.wp-block-media-text.is-image-fill-element a figure { height: 100%; min-height: 150px; background-size: cover; }

.wp-block-cover.has-parallax:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 -3px 3px 0px #FFF, inset 0 3px 3px 0px #FFF; pointer-events: none; }

.wp-block-columns svg.icon { max-height: min(40vh, 375px); }
.wp-block-columns.size421 { display: grid; grid-template-columns: 1fr 1fr; }

.wp-block-gallery { display: flex; flex-wrap: wrap; gap: var(--wp--style--block-gap); }
.wp-block-gallery .wp-block-image { box-shadow: 5px 5px 10px #00000022; border: 1px solid #00000033; }

.wp-block-separator { margin: var(--gap) 0; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100%; max-width: calc(var(--siteWidth) / 2); margin-bottom: var(--gap); border-color: var(--colorGrey); }

.wp-block-group.grid > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--gap); margin-top: var(--gap); }

/* Runes */
.icon.rune { width: 80vw; height: 40vh; max-height: 260px; padding: 30px; }
.icon.rune path { fill: #fff; }
.wp-block-columns.runes:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 40%!important; }
.wp-block-columns.runes figure { text-align: center; }
.wp-block-columns.runes img { width: 40vw; }

.wp-block-media-text.max400 { grid-template-columns: clamp(200px, 50%, 400px) 1fr; }
.wp-block-media-text.max400.is-image-fill-element > figure img { max-width: 400px; object-fit: contain; }
.wp-block-media-text.has-media-on-the-right.max400 { grid-template-columns: 1fr clamp(200px, 50%, 400px); }

.wp-block-media-text.vcard { will-change: transform; padding: var(--gap2x); border-radius: var(--gap); border: 1px solid transparent; max-width: min(775px, calc(100vw - var(--gap4x))); margin-left: auto; margin-right: auto; background: linear-gradient(white, white) padding-box, linear-gradient(to left, #00000000, var(--colorP)) border-box; box-shadow: 10px 10px 15px #00000015; margin-bottom: var(--gap2x); }

/* Cards */
.wp-block-columns.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.wp-block-columns.cards > .wp-block-column { border: 1px solid var(--colorGrey); padding: var(--gap); background: var(--colorWhite); }
.wp-block-columns.cards > .wp-block-column > h2 { font-size:1.4em;}
.wp-block-columns.cards > .wp-block-column > figure:first-child { margin: calc(-1 * var(--gap)); margin-bottom: 0; }
.wp-block-columns.cards .wp-block-list { padding: var(--gap); list-style-position: inside; }

.eigenschappen { border: 2px solid var(--colorGrey); margin: var(--gap) 0; padding: var(--gap); border-radius: 10px; }
.eigenschappen p { margin: 0; }
.eigenschappen a { color: inherit; }

.wp-block-pullquote { border: none; background: var(--colorGrey); font-size: 1.4rem; padding: var(--gap2x); margin-bottom: 1.5rem; }

.wp-block-quote { padding: var(--gap); background: #F0F4F1; border-left: 3px solid #8A9A86; border-radius: 5px; margin: 0; display: flex; flex-direction: column; justify-content: space-between; color: #1E3524; }
.wp-block-quote p { font-size: 1.2em; font-style: italic; }
.wp-block-quote p:last-of-type { margin: 0; }
.wp-block-quote cite { text-align: right; }

.wp-block-query > ul > li > .wp-block-media-text, .wp-block-media-text.child-page { gap: var(--gap); margin-bottom: var(--gap); grid-template-columns: 40% 1fr; }
.wp-block-query > ul > li > .wp-block-media-text h2 { font-size: 1.3rem; }
.wp-block-post-excerpt { margin-top: 0; }

.wp-block-query-pagination { display: flex; }
.wp-block-query-pagination-numbers { display: flex; gap: 5px; }

.wp-block-post-excerpt__more-link, .wp-block-query-pagination span, .wp-block-query-pagination a { font-size: 0.8rem; background: var(--colorGrey); display: inline-block; padding: 10px 15px; border-radius: 5px; font-weight: bold; color: var(--colorBlack); text-decoration: none; }
.wp-block-query-pagination span { background: transparent; }

.acf-form-fields { margin: -12px -12px 12px; }
.acf-form-fields .acf-fields>.acf-field { padding: 12px; }
.lsb-form input, .acf-form-fields .acf-fields>.acf-field input, .acf-form-fields .acf-fields>.acf-field textarea { padding: 12px 16px; font-size: 1em; border: 1px solid var(--colorBlack); }
.acf-form-fields .acf-fields>.acf-field textarea { min-height: 200px; }

.lsb-form { margin: -12px -12px 12px; }
.lsb-form-field-wrapper, .lsb-form-button-and-loader-wrapper { padding: 12px; }
.lsb-form-button-and-loader-wrapper { clear: both; }
.lsb-form-field-error-feedback { font-size: 0.9em; color: #F00; }
.lsb-field-tag-voornaam, .lsb-field-tag-achternaam { width: 50%; float: left; }

.wpcf7-form p { margin: 0; }
.wpcf7-form label.half { display: inline-block; width: calc(50% - var(--gap) / 2); margin-right: var(--gap); }
.wpcf7-form label.half + label.half { margin: 0; }
.wpcf7-submit { margin-top: var(--gap); }

.phone a:before { content: ""; font-family: dashicons; mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 122.27' style='enable-background:new 0 0 122.88 122.27' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M33.84,50.25c4.13,7.45,8.89,14.6,15.07,21.12c6.2,6.56,13.91,12.53,23.89,17.63c0.74,0.36,1.44,0.36,2.07,0.11 c0.95-0.36,1.92-1.15,2.87-2.1c0.74-0.74,1.66-1.92,2.62-3.21c3.84-5.05,8.59-11.32,15.3-8.18c0.15,0.07,0.26,0.15,0.41,0.21 l22.38,12.87c0.07,0.04,0.15,0.11,0.21,0.15c2.95,2.03,4.17,5.16,4.2,8.71c0,3.61-1.33,7.67-3.28,11.1 c-2.58,4.53-6.38,7.53-10.76,9.51c-4.17,1.92-8.81,2.95-13.27,3.61c-7,1.03-13.56,0.37-20.27-1.69 c-6.56-2.03-13.17-5.38-20.39-9.84l-0.53-0.34c-3.31-2.07-6.89-4.28-10.4-6.89C31.12,93.32,18.03,79.31,9.5,63.89 C2.35,50.95-1.55,36.98,0.58,23.67c1.18-7.3,4.31-13.94,9.77-18.32c4.76-3.84,11.17-5.94,19.47-5.2c0.95,0.07,1.8,0.62,2.25,1.44 l14.35,24.26c2.1,2.72,2.36,5.42,1.21,8.12c-0.95,2.21-2.87,4.25-5.49,6.15c-0.77,0.66-1.69,1.33-2.66,2.03 c-3.21,2.33-6.86,5.02-5.61,8.18L33.84,50.25z'/%3E%3C/g%3E%3C/svg%3E"); mask-position: center; mask-repeat: no-repeat; width: 0.8em; height: 0.8em; background: #FFF; }
.wp-block-button a:before { display: inline-block; margin-right: 0.6em; }
.wp-social-link a:before { background: var(--colorBlack); }
.phone .wp-block-social-link-anchor svg { display: none; }
.wp-social-link-mail svg { transform: scale(1.2); }
.wp-block-buttons+.wp-block-social-links { margin-top: var(--gap); }

.fade { position: relative; }
.fade > div { max-height: 5em; overflow: hidden; mask-size: 200% 200%; mask-position: bottom; mask-image: linear-gradient(black, black calc(100% - 5em), #00000000); transition: all 0.5s ease; }
.fade::after { content: ''; position: absolute; border: 6px solid var(--colorBlack); width: 20px; height: 20px; left: calc(50% - 15px); bottom: 5px; transform: rotate(45deg); border-top: none; border-left: none; pointer-events: none; transition: all 0.8s ease; }
.fade>div:hover, .fade.expanded { max-height: 50em; mask-position: top; }
.fade:hover::after, .fade.expanded::after { opacity: 0; transition: all 0.3s ease; }

.timeline { position: relative; }
.timeline .wp-block-media-text { grid-template-columns: 1fr 1fr; gap: 0; }
.timeline .wp-block-media-text .wp-block-media-text__content { position: relative; padding: 0; background: var(--colorGrey); padding: var(--gap2x); }
.timeline .wp-block-media-text.is-image-fill-element a figure { height: 100%; min-height: 150px; background-size: cover; }
.timeline::after { content: ''; position: absolute; top: 0; left: calc(-1 * var(--gap)); width: 0; height: 100%; background: var(--colorP); opacity: 0.3; }
.timeline .wp-block-media-text .wp-block-media-text__media { z-index: 1; }
.timeline .wp-block-media-text .wp-block-media-text__media::after { transition: all 0.3s ease; content: ''; position: absolute; left: calc(50% - var(--gap2x)); bottom: calc(-1 * var(--gap2x)); width: var(--gap4x); height: var(--gap4x); background: var(--colorP); border: var(--gap) solid var(--colorWhite); border-radius: 50%; }
.timeline .wp-block-media-text:hover .wp-block-media-text__media::after { border: 15px solid var(--colorWhite); }

.hipsy-events-widget { display: flex; flex-direction: column; gap: var(--gap); }
.hipsy-events-widget .event { color: inherit; text-decoration: none; display: grid; grid-template-columns: max(125px, 25%) 1fr; border: 1px solid var(--colorGrey); }
.hipsy-events-widget .event img { max-width: 100%; height: 100%; max-height: 200px; object-fit: cover; vertical-align: bottom; }
.hipsy-events-widget .event .event-info { padding: var(--gap); }
.hipsy-events-widget .event .event-title { font-size: 1.5em; font-weight: bold; }
.hipsy-events-widget .event .event-date:first-child { margin-top: 0; }

#hipsy_popup_wrapper { background: #00000066; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: flex; align-items: flex-end; opacity: 0; pointer-events: none; transition: all 0.3s ease; justify-content: center; }
#hipsy_popup_wrapper.active { opacity: 1; pointer-events: auto; }
#hipsy_popup_modal { width: 100%; height: 80vh; background: #FFF; max-width: 896px; border-radius: 5px; overflow: hidden; max-height: 610px; box-shadow: 5px 5px 5px #00000033; }
#hipsy_popup_modal iframe { width: 100%; height: 100%; margin: 0; border: none; }

.event-single-main { display: flex; gap: var(--gap); flex-direction: column; }
.event-date { margin: 1em 0 0; opacity: 0.5; }
.event-title { margin: 0.2em 0; }
.ticket-info { display: grid; grid-template-columns: 1fr 80px; gap: 10px; max-width: 500px; margin-bottom: 1em; }
.ticket-info dt, .ticket-info dd { border-bottom: 1px solid #00000033; padding: 0; margin: 0; }
.ticket-info dd { text-align: right; }

.site-footer { background: var(--colorSd); color: var(--colorWhite); position: relative; padding: var(--gap) 0; }
.site-footer::after { content: ""; mask-repeat: repeat-x; background-position: bottom; background-size: 600px; position: absolute; top: 100%; left: 0; width: 100%; height: 0; padding-bottom: 33px; transform: rotate(180deg) scaleY(0.5); transform-origin: 50% 33%; background: inherit; }
.site-footer::after { bottom: 100%; top: unset; transform-origin: 50% 70%; transform: scaleY(0.5) rotate(180deg); }

@keyframes fog { from { background-position: 0 0; } to { background-position: 200% 0; } }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* Media Queries - Mobile First */

/* Stijlen voor DESKTOP (vanaf 768px) */
@media (min-width: 768px) {
  :root { --gap: 25px; }
  html { font-weight: 400; font-size: 18px; line-height: 1.75; }
  
  #hipsy_popup_wrapper { align-items: center; }
  #hipsy_popup_modal { max-height: 500px; }
  .entry-content > .wp-block-media-text:first-child .wp-block-media-text__media { display: block; }
  
  .wp-block-separator { margin: var(--gap) auto; }
  .banner .wrap.align-wide { mask-image: linear-gradient(to right, transparent 0px, black 15vw, black calc(100% - 15vw), transparent 100%); backdrop-filter: blur(15px); }
  .site-footer::after, .banner { background-size: 900px; }
  .timeline::after { left: calc(50% - 5px); width: 10px; }
  .timeline .wp-block-media-text .wp-block-media-text__media::after { bottom: unset; top: calc(50% - var(--gap2x)); left: unset; right: calc(-1 * var(--gap3x)); }
  .timeline .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media::after { right: unset; left: calc(-1 * var(--gap3x)); }
  .timeline .wp-block-media-text { gap: var(--gap2x); }
  .wp-block-media-text.vcard { transform: translateX(calc(-1 * var(--gap))) rotate(-3deg); }
  .wp-block-media-text.vcard + .wp-block-media-text.vcard { transform: translateX(calc(1 * var(--gap))) rotate(4deg); margin-top: calc(-3 * var(--gap)); }
}

/* Extra aanpassingen voor grotere schermen (vanaf 1024px) */
@media (min-width: 1024px) {
  .wp-block-columns.size421 { grid-template-columns: repeat(4, 1fr); }
  .site-footer::after, .banner { background-size: 900px; }
}