.page-id-819 .hero-section__bg > picture{
	position: relative;
}
.page-id-819 .hero-section__bg > picture::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #0000001c;
	left: 0;
	top: 0;
}




/* HERO SECTION */
/* => INLINE CSS */
.hero-section::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: var(--border-radius-medium);
	top: 0;
}
.hero-section__content > *:last-child {
	margin-bottom: 0;
}
.hero-section__content > * {
	margin-left: auto;
}
.hero-section__content > *{
	max-width: 75%;
    margin-right: auto;
}
.hero-section.has-background .hero-section__content *{
	color: var(--wit);
}


/* TEXT SECTION */
.text-section .text-section__content > *:last-child {
    margin-bottom: 0;
}
.text-section .text-section__content .buttons{
    margin-top: var(--padding);
    justify-content: center;
}
.text-section.has-background .text-section__content *{
    color: var(--wit);
}
.text-section.bg-geel .text-section__content *{
    color: var(--zwart);
}
.text-section.bg-geel .text-section__content h1,
.text-section.bg-geel .text-section__content h2,
.text-section.bg-geel .text-section__content h3,
.text-section.bg-geel .text-section__content h4{
    color: var(--rood);
}
.text-section .text-section__content a.button,
.text-section .text-section__content button{
    background-color: var(--rood);
    color: var(--wit);
    border: 2px solid var(--rood);
}
.text-section .text-section__content a.button:hover,
.text-section .text-section__content button:hover{
    background-color: unset;
    color: var(--rood);
    border: 2px solid var(--rood);
}
.text-section.has-background .text-section__content a.button,
.text-section.has-background .text-section__content button{
    background-color: unset;
    color: var(--wit);
    border: 2px solid var(--geel);
}
.text-section.has-background .text-section__content a.button:hover,
.text-section.has-background .text-section__content button:hover{
    background-color: unset;
    color: var(--geel);
    border: 2px solid var(--geel);
}
.text-section.bg-geel .text-section__content a.button,
.text-section.bg-geel .text-section__content button{
    background-color: var(--rood);
    color: var(--wit);
    border: 2px solid var(--rood);
}
.text-section.bg-geel .text-section__content a.button:hover,
.text-section.bg-geel .text-section__content button:hover{
    background-color: unset;
    color: var(--rood);
    border: 2px solid var(--rood);
}


.text h1,
.text h2,
.text h3,
.text h4{
    color: var(--zwart);
}
.text p{
    color: var(--zwart);
}
.hero_section .text {
    max-width: 60%;
    margin-top: auto;
    margin-bottom: auto;
}


/* TOC */
.toc-content{
	display: flex;
    flex-direction: column;
    gap: calc(0.5 * var(--section-padding-top));
}
.toc-nav--sticky{
	position: sticky;
	top: 50px;
	height: fit-content;
}
.table-of-contents.has-background .toc-nav{
	background: var(--wit);
}
.toc-nav{
	background: var(--paars);
    border-radius: var(--border-radius-small);
    padding: 1.5vw;
}
.toc-nav__list{
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--gallery-gap);
}
.toc-nav__item{
	list-style: none;
	position: relative;
}
.toc-nav__list .toc-nav__item:hover{
	text-decoration: underline;
}
.toc-nav__item::before{
	content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: calc(50% - 10px);
    background-repeat: no-repeat;
    background-size: contain;
	background-image: url(/wp-content/uploads/2026/04/Design-assets_Muziekbalk-5.svg);
}

.table-of-contents.has-background .toc-nav .toc-nav__list .toc-nav__item,
.table-of-contents.has-background .toc-nav .toc-nav__list .toc-nav__item a{
	color: var(--zwart);
}
.toc-nav__list .toc-nav__item,
.toc-nav__list .toc-nav__item a{
	color: var(--wit);
	text-decoration: unset;
	padding: 0;
	margin: 0;
}


/* MARRQUEE */
.tabs__panel:not(.is-active){
    display: none;
}



/* FAQ */

.accordion {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.accordion__item {
    border: 1px solid #e5e5e5;
    border-radius: var(--border-radius-medium);
    overflow: clip;
    transition: box-shadow 0.2s ease;
}
.accordion__item:has(.accordion__trigger[aria-expanded="true"]) {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.accordion__trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    font-family: var(--font-headings);
    font-size: var(--h5-size);
    font-weight: 500;
    transition: background-color 0.2s ease;
	margin-top: 0;
}
.accordion__trigger:hover {
    background-color: rgba(0, 0, 0, 0.03);
}
.accordion__trigger:hover,
.accordion__trigger[aria-expanded="true"] {
    border: unset !important;
    transform: scale(1);
    border-radius: 0;
	color: var(--geel);
}
.accordion__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
	color: var(--geel);
    border: 2px solid var(--geel);
    position: relative;
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.accordion__icon::before,
.accordion__icon::after {
	content:'';
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: currentColor;
    border-radius: 2px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.accordion__icon::before {
    width: 10px;
    height: 2px;
}
.accordion__icon::after {
    width: 2px;
    height: 10px;
}
.accordion__trigger span{
	margin: 0;
}
.accordion__trigger[aria-expanded="true"] .accordion__icon {
    background-color: currentColor;
}
.accordion__trigger[aria-expanded="true"] .accordion__icon::before,
.accordion__trigger[aria-expanded="true"] .accordion__icon::after {
    background-color: #fff;
}
.accordion__trigger[aria-expanded="true"] .accordion__icon::after {
    transform: rotate(90deg);
    opacity: 0;
}
.accordion__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.accordion__content.is-open {
    max-height: 1000px;
}
.accordion__body {
    padding: 1.25rem 1.5rem 1.5rem;
}
.accordion__body p,
.accordion__body ul {
    margin-top: 0;
}
.accordion__body ul {
    padding-left: 1.25rem;
}
.accordion__body li + li {
    margin-top: 0.4rem;
}



/* QUOTE */
.quote-section{
	background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-5.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: fit-content;
    height: 100%;
    background-size: contain;
}
.quote-section:has(+ .has-background){
	margin-bottom: calc(0.25 * var(--section-padding-bottom))
}
.quote-section .section-wrapper{
	display: flex;
    justify-content: center;
}
.quote {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
	max-width: 50%;
	padding-top: 50px;
    padding-bottom: 25px;
}
.quote__text,
.quote p {
    position: relative;
    padding-left: 1.5rem;
    border-left: 2px solid currentColor;
    font-family: var(--font-headings);
    font-size: var(--h6-size);
    font-weight: 400;
    font-style: italic;
    margin: 0;
}
.quote p:empty {
    display: none;
}
.quote__author {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-style: normal;
}
.quote__author-image {
    flex-shrink: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: clip;
}
.quote__author-image picture,
.quote__author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
.quote__author-name {
    font-family: var(--font-headings);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.quote__author:not(:has(.quote__author-image)) .quote__author-name {
    padding-left: 1.5rem;
    border-left: 4px solid currentColor;
}




/* TABS */
.tabs__nav{
    list-style: none;
    padding: 0;
    margin:0;
	display: flex;
	gap: var(--gallery-gap);
}
.tabs__nav li{
    display: flex;
	padding: 0;
}
.tabs_nav li button{
	border: 1px solid inherit;
}
.tabs{
	display: flex;
    flex-direction: column;
    gap: var(--gallery-gap);
}
.tabs__nav-item button{
	margin-top: 0;
}
.tabs__panel{
	padding: var(--padding);
    background: var(--wit);
    border-radius: var(--border-radius-medium);
}

/* Gallery met Foto/Video tabs — geen panel-styling, tab-knoppen als platte links */
.gallery-tabs .tabs__panel{
    padding: 0;
    background: transparent;
    border-radius: 0;
}
.gallery-section .gallery-tabs .tabs__nav{
    margin-bottom: var(--gallery-gap);
}
.gallery-section .gallery-tabs .tabs__nav-btn{
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s;
}
.gallery-section .gallery-tabs .tabs__nav-btn:hover{
    background: transparent;
    border: none;
    transform: none;
    color: var(--geel);
}
.gallery-section .gallery-tabs .tabs__nav-btn.is-active{
    color: var(--geel);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 3px;
}




/* TEXT - IMAGE */
.text-image > .section-wrapper{
	max-width:var(--max-width);
}
.text_image .text_padding{
    padding: var(--section-gap) 0;
}
.text_image .img-text-height{
	position: relative;
	width: 100%;
	height: 100%;
}
.text_image .img-intrinsic-height img{
    width: 100%;
    object-fit: cover;
}
.text_image .img-text-height img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.section-wrapper:has(.text_image .w100.image){
	grid-template-rows: auto auto;
}
.section-wrapper:has(.text_image .w100.img-text-height){
	grid-template-rows: 1fr 1fr;
}
.text_image .section-wrapper:has( > .w100){
	grid-template-rows: 1fr 1fr;
}

.text-image .text-image__image:has( > picture:nth-child(2)){
	display: grid;
    grid-template-columns: 2fr 3fr;
}
.text-image .text-image__text {
	height: fit-content;
    margin-top: auto;
	margin-bottom: auto;
}
.text-image .text_padding{
    padding: var(--section-gap) 0;
	max-width: 700px;
}
.text_padding > *{
	margin-top: auto;
	margin-bottom: auto;
}
.text-image .text-image__image{
	margin-top: auto;
    margin-bottom: auto;
}
.text-image .img-text-height{
	position: relative;
	width: 100%;
	height: 100%;
}
.text-image .img-intrinsic-height img{
    width: 100%;
    object-fit: cover;
}
.text-image .img-text-height img{
	object-fit: cover;
}
.text-image .img-text-height:not(:has(picture:nth-child(2))) img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.text-image .section-wrapper:has(.w100.image){
	grid-template-rows: auto auto;
}
.text-image .section-wrapper:has(.w100.img-text-height){
	grid-template-rows: 1fr 1fr;
}
.text-image .section-wrapper:has( > .w100){
	grid-template-rows: 1fr 1fr;
}
.text-image.no-mask .text-image__image{
	mask-image: unset !important;
	aspect-ratio: unset !important;
	height: 100% !important;
}
.text-image.no-mask .text-image__image img{
	object-fit: contain !important;
}
.text-image .text-image__image:has(picture:only-child){
	mask-image: url(/wp-content/uploads/2026/03/Website-assets_Dubble.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: 50%;
	width: 100%;
    height: auto;
    aspect-ratio: 157 / 150;
}
.mask2.text-image .text-image__image:has(picture:only-child){
	mask-image: url(/wp-content/uploads/2026/04/Design-assets_Triple.svg);	
}

.text-image .text-image__text .deco-placeholder{
	width: calc(0.25 * var(--section-padding-bottom));
    height: calc(0.25 * var(--section-padding-bottom));
	margin-bottom: calc(0.2 * var(--section-padding-bottom));
}
.text-image:not(.bg-rood) + .text-image:not(.has-background) + .text-image:not(.bg-rood) + .text-image:not(.has-background) .text-image__text .deco-placeholder,
.text-image:not(.bg-rood) + .text-image:not(.has-background) .text-image__text .deco-placeholder,
.text-image.bg-rood .text-image__text .deco-placeholder{
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-1.svg);
}
.text-image:not(.bg-rood) + .text-image:not(.has-background) + .text-image:not(.bg-rood) + .text-image:not(.has-background) + .text-image:not(.bg-rood) .text-image__text .deco-placeholder,
.text-image:not(.bg-rood) + .text-image:not(.has-background) + .text-image:not(.bg-rood) .text-image__text .deco-placeholder,
.text-image:not(.bg-rood) .text-image__text .deco-placeholder{
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-3-06.svg);
}

.text-image .text-image__image:has(picture:nth-child(2)) > picture:first-child{
	mask-image: url(/wp-content/uploads/2026/03/Website-assets_Single.svg);
    mask-repeat: no-repeat;
    mask-position: 50% 100%;
    mask-size: contain;
	height: 75%;
    margin-top: auto;
}
.text-image .text-image__image:has(picture:nth-child(2)) > picture:nth-child(2){
	mask-image: url(/wp-content/uploads/2026/03/Website-assets_Dubble.svg);
    mask-repeat: no-repeat;
    mask-position: 50% 0%;
    mask-size: contain;
	height: 75%;
}


.text-image__text .buttons{
	margin-top: var(--padding);
}
.text-section.bg-geel:has(~ .bg-geel){
	padding-bottom: calc(0.25 * var(--section-padding-bottom));
}
.text-section.bg-rood:has(~ .bg-rood){
	padding-bottom: calc(0.25 * var(--section-padding-bottom));
}
.text-section.bg-paars:has(~ .bg-paars){
	padding-bottom: calc(0.25 * var(--section-padding-bottom));
}
.text-section.bg-wit:has(~ .bg-wit){
	padding-bottom: calc(0.25 * var(--section-padding-bottom));
}

.text-section:not(.has-background):has(+ *:not(.has-background)){
	padding-bottom: calc(0.25 * var(--section-padding-bottom));
}



/* GALLERY */
.gallery-wrapper{
    gap: var(--gallery-gap);
}
.gallery-wrapper img{
    object-fit: cover;
}
.gallery-wrapper {
	position: relative;
}

.gallery-viewport {
	overflow: hidden;
}
.gallery-track {
	display: flex;
	transition: transform 0.3s ease;
	will-change: transform;
	gap: var(--gallery-gap);
}
.hero-section + .gallery-section{
	padding-top: var(--gallery-gap);
}
.gallery_title{
	color: var(--zwart);
}
.gallery-section{
	padding-left: 0;
	padding-right: 0;
}
.gallery-section > .section-wrapper{
	max-width: 100%;
}
.gallery-section .section-wrapper > .buttons,
.gallery-section .content-wrapper{
	padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-left);
}
.gallery-section h2{
	margin-bottom: 0;
}
.gallery-wrapper .gallery-item > *{
	aspect-ratio: 4 / 3;
    object-fit: cover;
}
.gallery-wrapper .gallery-item{
	display: flex;
	position: relative;
}
body figcaption{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    aspect-ratio: unset !important;
    text-align: center;
    background: rgb(0 0 0 / 13%);
    border-radius: 0;
    padding: 20px;
	font-size: 13px;
    box-sizing: border-box;
    color: var(--wit);
}
.gallery-wrapper[data-columns='4'] .gallery-item--video:not(:nth-child(4n)):not(:has(+ .gallery-item--video)):not(:last-child){
	grid-column: span 2;
	grid-row: span 2;
}
.gallery-wrapper[data-columns='3'] .gallery-item--video:not(:nth-child(3n)):not(:has(+ .gallery-item--video)):not(:last-child){
	grid-column: span 2;
	grid-row: span 2;
}
.gallery-wrapper[data-columns='5'] .gallery-item--video:not(:nth-child(5n)):not(:has(+ .gallery-item--video)):not(:last-child){
	grid-column: span 2;
	grid-row: span 2;
}
.home .gallery-section .content-wrapper h1,
.home .gallery-section .content-wrapper h2,
.home .gallery-section .content-wrapper h3,
.home .gallery-section .content-wrapper h4,
.home .gallery-section .content-wrapper h5,
.home .gallery-section .content-wrapper h6{
	color: var(--rood);
}
.site-main > .gallery-section:first-child{
	position: relative;
	padding-top: calc(0.75 * var(--section-padding-top));
	z-index: 1;
}
.site-main > .gallery-section:first-child h1{
	color: var(--wit);
}
.site-main > .gallery-section:first-child::after{
	content:'';
	background-color: var(--paars);
	width: 100%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.site-main > .gallery-section:first-child > .section-wrapper{
	max-width: var(--section-max-width);
}
.site-main > .gallery-section:first-child .section-wrapper > .buttons,
.site-main > .gallery-section:first-child .content-wrapper{
	padding-left: 0;
    padding-right: 0;
}
.site-main > .gallery-section:first-child::before{
	content: '';
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-3-06-1.svg);
    width: 50px;
    height: calc(0.5 * var(--section-padding-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: calc(0.25 * var(--section-padding-top));
    left: calc(50vw - (var(--max-width) / 2));
    transform: rotate(10deg);
}




/* TEAM_SECTION */
.team-grid {
    display: grid;
    gap: var(--gallery-gap);
    grid-template-columns: repeat(var(--team-cols, 3), 1fr);
}

/* kaart */
.team-card {
    text-align: center;
}
.team-card img{
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.team-card .info{
    position: relative;
}

.team-card:has(.pop-up) img{
    border-radius: var(--border-radius-small);;
}
.team-text .pop-up-content{
    text-align: left;
    padding: calc( 0.5 * var(--padding));
}
.team-text  > .pop-up-content{
    border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
    background-color: var(--zwart);
}
.team-text .pop-up-content p,
.team-text .pop-up-content li,
.team-text .pop-up-content h1,
.team-text .pop-up-content h2, 
.team-text .pop-up-content h3,
.team-text .pop-up-content h4,
.team-text .pop-up-content h5,
.team-text .pop-up-content h6 {
        color: var(--zwart);
}
.team-text > .pop-up-content p,
.team-text > .pop-up-content li,
.team-text > .pop-up-content h1,
.team-text > .pop-up-content h2, 
.team-text > .pop-up-content h3,
.team-text > .pop-up-content h4,
.team-text > .pop-up-content h5,
.team-text > .pop-up-content h6 {
        color: var(--wit);
}
.team-image{
    position: relative;
}
.team-image::after{
    content:'';
    position: absolute;
    top: 0;       
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    border-radius: var(--border-radius-small);
}
.team-card .team-title{
    border-radius: 0 0 var(--border-radius-small) var(--border-radius-small) ;
    padding: var(--padding);
    color: var(--zwart);
    border-radius: var(--border-radius-small);
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: end;
    font-size: 20px;
}







/* FORM SECTION */
.form-section{
	position: relative;
}

/* Standaard: roterend element verbergen */
.form-section::after {
    display: none;
}

/* Alleen tonen wanneer de form-section direct na een text-image met background komt */
.text-image.has-background + .form-section::after {
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2026/04/Design-assets_Ronddraaiend-element.svg);
    max-width: var(--section-padding-right);
    width: 100%;
    max-height: var(--section-padding-right);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(0px - (var(--section-padding-right) / 2));
    right: var(--section-padding-right);
    height: 100%;
    animation: spin 16s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}




/* CARD-GRID */
.card-grid > .section-wrapper{
	gap: var(--gap);
	display: flex;
}
.card-grid .card__image img{
	object-fit: cover;
	aspect-ratio: 16/9;
	border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}
.card-grid .card:not(img) .card__content{
	padding-top: calc( 2.5 * var(--padding));
}
.card-grid .card{
	display: flex;
	flex: 1;
    flex-direction: column;
    gap: var(--gap);
	border-radius: var(--border-radius-large);
} /*
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6{
	font-size: clamp(1.375rem, 1.0306rem + 0.9184vw, 2.5rem);  22-28px 
} */
.card.has-background:not(.bg-geel) h1,
.card.has-background:not(.bg-geel) h2,
.card.has-background:not(.bg-geel) h3,
.card.has-background:not(.bg-geel) h4,
.card.has-background:not(.bg-geel) h5,
.card.has-background:not(.bg-geel) h6{
	color: var(--wit);
}
.card-grid .card__content:last-child{
	padding: 0 var(--padding) var(--padding) var(--padding);
}
.card-grid .card__content{
	padding: 0 var(--padding) 0 var(--padding);
}
.card-grid .card__footer{
	margin-top: auto;
	padding: 0 var(--padding) var(--padding) var(--padding);
}
.card.has-background:not(.bg-geel) p,
.card.has-background:not(.bg-geel) li,
.card.has-background:not(.bg-geel) p > a{
	color: var(--wit);
}
.card .card__content{
	position: relative;
}
.card .card__content::after{
    content: '';
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-3-06-1.svg);
	width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: calc(1 * var(--padding));;
    right: calc(0.20 * var(--section-padding-bottom));
    transform: rotate(10deg);
}
.card:nth-child(even) .card__content::after{
    background-image: url(/wp-content/uploads/2026/04/Design-assets_Muziekbalk-5.svg);	
}
.card.bg-geel .card__content::after{
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-3-06.svg);	
}



/* MOVING_BANNER */
.moving_banner__item--image img {
    display: block; 
	height: 50px; 
	width: auto; 
	object-fit: cover;
}
.moving_banner__item--word::after{
	content: '';
    width: 165.2px;
    height: 70px;
    top: 0;
    position: absolute;
    left: calc(50% - 79px);
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Header-foto.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    aspect-ratio: 300 / 131;
}
.moving_banner__track *{
	user-select: none;
	pointer-events: none;
}
.moving_banner__track {
    display: flex;
    align-items: center;
    gap: 2rem;
	height: 70px;
    width: max-content;
    will-change: transform;
    animation: marquee 40s linear infinite;
}
@keyframes marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.moving_banner .moving_banner__track .moving_banner__item--word {
    position: relative;
    white-space: nowrap;
    font-weight: 900;
	font-size: 13px;
    color: var(--rood);
	margin-bottom: 0;
	height: 100%;
	line-height:1;
    width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (prefers-reduced-motion: reduce) {
    .moving_banner__track {
        animation: none;
    }
}




/* NUMBERED LIST */
.numbered-list{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.numbered-list__item{
	margin-bottom: 0;
	text-decoration: none;
	display: block;
	transition: opacity 0.3s ease;
}
a.numbered-list__item:hover{
	opacity: 0.85;
}
.numbered-list__item .section-wrapper{
	align-items: center;
}
.numbered-list__number{
	display: flex;
	align-items: center;
}
.numbered-list__number span{
	font-size: var(--h2-size);
	font-style: italic;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0;
}
.numbered-list__image{
	display: flex;
	justify-content: center;
	align-items: center;
}
.numbered-list__image-mask{
	height: fit-content;
	overflow: hidden;
	mask-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-5.svg); 
	mask-size: contain; 
	mask-repeat: no-repeat; 
	width: 100%;
	mask-position: center; 
}
.numbered-list__image-mask img{
	width: 100%;
	height: 20vh;
	object-fit: cover;
}
.numbered-list__title{
	display: flex;
	align-items: center;
}
.numbered-list__title h3{
	margin: 0;
	font-weight: 500;
}







/* ---------------- */
/* MEDIA QUERIES 	*/
/* ---------------- */
@media screen and (min-width: 1801px) {

}
@media screen and (max-width: 1800px) {
	
}
@media screen and (max-width: 1200px) {
	.toc-nav{
		display: none;
	}
	.text-image .text-image__image{
		grid-row-end: 2;
		grid-row-start: 2;
	}
	.text-image img{
		position: unset !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.text-image.has-background .text-image__image:has(picture:nth-child(2)) > picture:nth-child(2),
	.text-image.has-background .text-image__image:has(picture:nth-child(2)) > picture:first-child{
		height: 100%;
	}
	.text-image.has-background .text-image__image:has(picture:only-child){
		width: fit-content;
	}
	.card-grid > .section-wrapper{
		flex-direction: column;
	}
	.quote-section{
		background-image: unset;
		background-color: var(--geel);
	}
	.quote{
		max-width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 600px) {
	.moving_banner__item--image img {
		height: calc(0.25 * var(--section-padding-bottom)); 
	}
	.moving_banner__item--word::after{
		display: none;
	}
	.moving_banner .moving_banner__track .moving_banner__item--word {
		color: var(--geel);
		width: 130px;
	}
	.hero-section__content > * {
		max-width: 94%;
	}
	.moving_banner__track {
		height: calc(0.25 * var(--section-padding-bottom));
	}
	.card-grid .card__content:last-child{
		padding: 0 30px 30px 30px;
	}
	.card-grid .card__content{
		padding: 0 30px 0 30px;
	}
	.card-grid .card__footer{
		margin-top: auto;
		padding: 0 30px 30px 30px;
	}
	.card-grid .card:not(img) .card__content {
		padding-top: calc(1.75 * var(--padding));
	}
	.card .card__content::after {
		width: calc(0.35 * var(--section-padding-bottom));
		height: calc(0.35 * var(--section-padding-bottom));
	}
	.card .card__content::after {
		top: calc(0.5 * var(--padding));
	}
	.site-main > .gallery-section > .section-wrapper{
		padding: 20px;
        box-sizing: border-box;
	}
	.gallery-track:has(.gallery-item--video){
		grid-template-columns: 1fr !important;
	}
	.text-image.has-background + .form-section::after {
		width: 100px;
		top: -50px;
		height: 100px;
		max-width: unset;
		max-height: unset;
	}
	.text-image{
		--section-padding-left: 3vw;
	}
	/*HERO SECTION */
	body.home .hero-section::after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		border-radius: var(--border-radius-medium);
		top: 0;
		background: #00000033;
	}
	body.home .light.hero-section::after{
		background: var(--wit);
		opacity: 0.3;
	}
	body.home .dark.hero-section::after{
		background: var(--zwart);
		opacity: 0.3;
	}
	.hero-section__bg img{
		border-radius: 0;
	}
	.hero-section{
		min-height: 400px !important;
		background-color: unset !important;
		border-radius: 0;
	}
	.hero-section__bg{
		mask-image: unset !important;
		max-width: 100% !important;
		left: 0 !important;
	}
	.card-grid .card__image img {
		aspect-ratio: 3/2;
	}
}

/* ============================================================
 * Video flexible content layout
 * ============================================================ */
.video-section .video-figure {
    margin: 0;
}

/* Native HTML5 video */
.video-native {
    display: block;
    width: 100%;
    height: auto;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

/* Embed wrapper (YouTube, Vimeo, ...) */
.video-embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
    border-radius: 8px;
}
.video-embed > .video-embed__iframe,
.video-embed > .video-embed__poster {
    position: absolute;
    inset: 0;
}

/* Poster overlay */
.video-embed__poster {
    cursor: pointer;
    display: block;
}
.video-embed__poster picture,
.video-embed__poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Play button */
.video-embed__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    z-index: 2;
    padding: 0;
}
.video-embed__play::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 22px;
    border-color: transparent transparent transparent #fff;
}
.video-embed__poster:hover .video-embed__play,
.video-embed__play:hover,
.video-embed__play:focus-visible {
    background: rgba(0, 0, 0, 0.85);
    transform: translate(-50%, -50%) scale(1.07);
    outline: none;
}

/* Iframe (na klik geladen, of direct als er geen poster is) */
.video-embed__iframe iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Caption */
.video-section__caption {
    margin-top: 0.6rem;
    font-size: 0.95em;
    opacity: 0.85;
    text-align: center;
}

/* Smaller size variant */
.video-section--small .video-figure > .video-embed {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}



/* ---------------- */
/* TIMELINE         */
/* ---------------- */
.timeline-section .timeline,
.timeline-section .timeline-intro{
    grid-column: 1 / -1;
}
.timeline-section .timeline-intro{
    max-width: 1100px;
    margin: 0 auto calc(var(--gap) * 1.5) auto;
}
.timeline-section .timeline{
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: calc(var(--gap)) 0;
}

/* Centrale streep */
.timeline-section .timeline::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--rood);
    border-radius: 3px;
    transform: translateX(-50%);
}
.timeline-section.has-background .timeline::before{
    background: var(--wit);
}
.timeline-section.bg-geel .timeline::before{
    background: var(--rood);
}

/* Item: media links, tekst rechts van de streep (wisselt per item) */
.timeline-section .timeline-item{
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: calc(var(--gap) * 3);
    align-items: start;
    margin-bottom: calc(var(--gap) * 2.5);
}
.timeline-section .timeline-item:last-child{
    margin-bottom: 0;
}
.timeline-section .timeline-item__media{
    grid-column: 1;
    grid-row: 1;
}
.timeline-section .timeline-item__body{
    grid-column: 2;
    grid-row: 1;
}
.timeline-section .timeline-item:nth-child(even) .timeline-item__media{
    grid-column: 2;
}
.timeline-section .timeline-item:nth-child(even) .timeline-item__body{
    grid-column: 1;
}

/* Marker op de streep */
.timeline-section .timeline-item__marker{
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--geel);
    border: 3px solid var(--rood);
    box-sizing: border-box;
    z-index: 2;
}
.timeline-section.has-background .timeline-item__marker{
    border-color: var(--wit);
}
.timeline-section.bg-geel .timeline-item__marker{
    background: var(--wit);
    border-color: var(--rood);
}

/* Media (foto of video) */
.timeline-section .timeline-item__media{
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}
.timeline-section .timeline-item__media picture{
    display: block;
    height: auto;
}
.timeline-section .timeline-item__media img{
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}
.timeline-section .timeline-item__media--video{
    position: relative;
    aspect-ratio: 16 / 9;
    background: var(--zwart);
}
.timeline-section .timeline-item__media--video iframe{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Tekst kaart */
.timeline-section .timeline-item__body{
    box-sizing: border-box;
    background: var(--wit);
    border-radius: var(--border-radius-medium);
    padding: calc(var(--gap) * 1.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.timeline-section .timeline-item__text > *:first-child{
    margin-top: 0;
}
.timeline-section .timeline-item__text > *:last-child{
    margin-bottom: 0;
}

/* Lees meer (JS voegt .is-clamped toe bij lange tekst) */
.timeline-section .timeline-item__text.is-clamped{
    position: relative;
    max-height: 340px;
    overflow: hidden;
}
.timeline-section .timeline-item__text.is-clamped::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--wit));
    pointer-events: none;
}
.timeline-section .timeline-item__text.is-clamped.is-expanded{
    max-height: none;
}
.timeline-section .timeline-item__text.is-clamped.is-expanded::after{
    display: none;
}
.timeline-section .timeline-item__toggle,
.timeline-section .timeline-item__toggle:hover{
    background: none;
    border: none;
    padding: 0;
    margin-top: 1rem;
    color: var(--rood);
    font-weight: 700;
    text-decoration: underline;
    transform: none;
    cursor: pointer;
}
.timeline-section .timeline-item__toggle:hover{
    text-decoration: none;
}

/* Mobiel: 1 kolom, streep links, media boven tekst */
@media screen and (max-width: 768px){
    .timeline-section .timeline::before{
        left: 9px;
        transform: none;
    }
    .timeline-section .timeline-item{
        grid-template-columns: 1fr;
        row-gap: calc(var(--gap) * 0.75);
        padding-left: calc(var(--gap) * 1.75);
        margin-bottom: calc(var(--gap) * 1.75);
    }
    .timeline-section .timeline-item__media,
    .timeline-section .timeline-item:nth-child(even) .timeline-item__media{
        grid-column: 1;
        grid-row: 1;
    }
    .timeline-section .timeline-item__body,
    .timeline-section .timeline-item:nth-child(even) .timeline-item__body{
        grid-column: 1;
        grid-row: 2;
    }
    .timeline-section .timeline-item--no-media .timeline-item__body{
        grid-row: 1;
    }
    .timeline-section .timeline-item__marker{
        left: 9px;
        top: 16px;
    }
}


/* ============================================================ */
/* POSTS / CPT LOOP  — card grid, 1-koloms geschrankt & CTA     */
/* ============================================================ */

.posts-loop .posts-loop__title{
	margin-bottom: 0.3em;
}
.posts-loop .posts-loop__intro{
	max-width: 700px;
	margin-bottom: 20px;
}

/* ---------- CARD GRID (kolommen > 1) ---------- */
.posts-loop__grid{
	display: grid;
	grid-template-columns: repeat(var(--loop-cols, 3), 1fr);
	gap: var(--gap);
	align-items: stretch;
}
.post-card{
	display: flex;
	flex-direction: column;
	border-radius: var(--border-radius-medium);
	overflow: hidden;
}
.post-card__image{
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
}
.post-card__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.post-card:hover .post-card__image img{
	transform: scale(1.05);
}
.post-card__body{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: calc(0.55 * var(--padding));
	flex: 1;
}
.post-card__date{
	color: var(--rood);
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 0.85em;
	margin-bottom: 0;
}
.post-card__title{
	margin: 0;
}
.post-card__title a{
	color: var(--zwart);
	text-decoration: none;
	transition: color 0.2s ease;
}
.post-card__title a:hover{
	color: var(--rood);
}
.post-card__excerpt *{
	margin-bottom: 0;
}

/* ---------- CTA CARD (na alle cards) ---------- */
.posts-loop__cta-card{
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 18px;
	background-color: var(--rood);
	border-radius: var(--border-radius-medium);
	padding: var(--padding);
	margin-top: calc(0.5 * var(--gap));
}
.posts-loop__cta-card .posts-loop__cta-title{
	margin: 0;
	color: var(--wit);
}
.posts-loop__cta-card a.button{
	background-color: unset;
	border: 2px solid var(--geel);
	color: var(--geel);
}
.posts-loop__cta-card a.button:hover{
	background-color: var(--geel);
	border-color: var(--geel);
	color: var(--rood);
	transform: scale(1.05);
}

/* ---------- 1 KOLOM: GESCHRANKT (text-image / image-text) ---------- */
.posts-loop__stagger{
	display: flex;
	flex-direction: column;
	gap: var(--section-gap);
}
.posts-loop__stagger .stagger-item{
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: var(--section-gap);
	align-items: center;
}
.posts-loop__stagger .stagger-item--reverse{
	grid-template-columns: 3fr 2fr;
}
.posts-loop__stagger .stagger-item--noimg{
	grid-template-columns: 1fr;
	max-width: 700px;
}
.posts-loop__stagger .stagger-item--reverse .stagger-item__image{
	order: 2;
}
.stagger-item__image{
	display: block;
	border-radius: var(--border-radius-medium);
	overflow: hidden;
	aspect-ratio: 156 / 150;
}
.stagger-item__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.stagger-item__image:hover img{
	transform: scale(1.03);
}
.stagger-item__text{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: var(--padding);
	background: white;
	border-radius: var(--border-radius-medium);
}
.stagger-item__date{
	color: var(--rood);
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 0.9em;
	margin-bottom: 0;
}
.stagger-item__title{
	margin: 0;
}
.stagger-item__title a{
	color: var(--zwart);
	text-decoration: none;
	transition: color 0.2s ease;
}
.stagger-item__title a:hover{
	color: var(--rood);
}
.stagger-item__excerpt *{
	margin-bottom: 0;
}
.stagger-item__text .button{
	margin-top: 8px;
}

/* ---------- POST single: schone text-image afbeelding (no-mask) ---------- */
.text-image.no-mask .text-image__image{
	mask-image: unset !important;
	aspect-ratio: unset !important;
	height: auto !important;
}
.text-image.no-mask .text-image__image img{
	border-radius: var(--border-radius-medium);
	width: 100%;
	height: auto;
	object-fit: cover !important;
}

/* ---------- Responsive ---------- */
@media screen and (max-width: 1000px){
	.posts-loop__grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.posts-loop__stagger .stagger-item,
	.posts-loop__stagger .stagger-item--reverse{
		grid-template-columns: 1fr;
	}
	.posts-loop__stagger .stagger-item--reverse .stagger-item__image{
		order: 0;
	}
}
@media screen and (max-width: 600px){
	.posts-loop__grid{
		grid-template-columns: 1fr;
	}
}


/* ---------- SINGLE POST — eenvoudige kop (titel + datum) ---------- */
.post-header__inner{
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 820px;
}
.post-header__back{
	color: var(--rood);
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	width: fit-content;
	margin-bottom: 4px;
}
.post-header__back:hover{
	text-decoration: underline;
}
.post-header__date{
	color: var(--zwart);
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 0.95em;
	margin-bottom: 0;
}
.post-header__title{
	margin: 0;
}


/* ---------- TEXT-IMAGE: video (heeft voorrang op afbeelding) ---------- */
.text-image .text-image__image.has-video{
    mask-image: unset !important;
    -webkit-mask-image: unset !important;
    aspect-ratio: unset !important;
    height: auto !important;
}
.text-image__video{
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--zwart);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}
.text-image__video iframe,
.text-image__video video,
.text-image__video embed,
.text-image__video object{
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}


/* ---------- 1 KOLOM: inline "Lees meer" (inklapbare tekst, zoals timeline) ---------- */
.posts-loop__stagger .stagger-item__body{
	display: flex;
	flex-direction: column;
}
.posts-loop__stagger .stagger-item__copy > *:first-child{
	margin-top: 0;
}
.posts-loop__stagger .stagger-item__copy > *:last-child{
	margin-bottom: 0;
}
.posts-loop__stagger .stagger-item__copy h2,
.posts-loop__stagger .stagger-item__copy h3,
.posts-loop__stagger .stagger-item__copy h4{
	font-size: var(--h4-size);
	margin-bottom: 0.4em;
}
.posts-loop__stagger .stagger-item__copy.is-clamped{
	position: relative;
	max-height: 220px;
	overflow: hidden;
}
.posts-loop__stagger .stagger-item__copy.is-clamped::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 80px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--wit));
	pointer-events: none;
}
.posts-loop__stagger .stagger-item__copy.is-clamped.is-expanded{
	max-height: none;
}
.posts-loop__stagger .stagger-item__copy.is-clamped.is-expanded::after{
	display: none;
}
.posts-loop__stagger .stagger-item__toggle,
.posts-loop__stagger .stagger-item__toggle:hover{
	background: none;
	border: none;
	padding: 0;
	margin-top: 0.9rem;
	color: var(--rood);
	font-weight: 700;
	text-decoration: underline;
	transform: none;
	cursor: pointer;
	width: fit-content;
}
.posts-loop__stagger .stagger-item__toggle:hover{
	text-decoration: none;
}


/* ============================================================ */
/* POSTS LOOP — huisstijl-masks + jaar-accordeon (1 kolom)      */
/* ============================================================ */

/* ---- Huisstijl-vormen (masks) over de afbeeldingen ---- */
.posts-loop .loop-mask img{
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
}
.posts-loop .loop-mask--1 img{
	-webkit-mask-image: url(/wp-content/uploads/2026/03/Website-assets_Header-foto.svg);
	        mask-image: url(/wp-content/uploads/2026/03/Website-assets_Header-foto.svg);
}
.posts-loop .loop-mask--2 img{
	-webkit-mask-image: url(/wp-content/uploads/2026/03/Website-assets_Dubble.svg);
	        mask-image: url(/wp-content/uploads/2026/03/Website-assets_Dubble.svg);
}
.posts-loop .loop-mask--3 img{
	-webkit-mask-image: url(/wp-content/uploads/2026/04/Design-assets_Triple.svg);
	        mask-image: url(/wp-content/uploads/2026/04/Design-assets_Triple.svg);
}

/* ---- 1 KOLOM: jaar-accordeon ---- */
.posts-loop__stagger{
	gap: 0;
}
.posts-year__summary{
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 22px 4px;
}
.posts-year__summary::-webkit-details-marker{
	display: none;
}
.posts-year__summary span{
	margin-bottom: 0;
}
.posts-year__label{
	font-family: var(--font-headings);
	font-weight: 700;
	line-height: 1;
	font-size: var(--h3-size);
	color: var(--paars);
}
.posts-year__chevron{
	width: 12px;
	height: 12px;
	border-right: 2px solid var(--paars);
	border-bottom: 2px solid var(--paars);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
.posts-year[open] .posts-year__chevron{
	transform: rotate(-135deg);
}
.posts-year__items{
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	padding: 8px 0 var(--section-gap);
}



/* ---- Intro div + scheidingsvorm (Claude 2) ---- */
.posts-loop__intro > *:last-child{
	margin-bottom: 0;
}
.posts-loop__intro p:empty{
	display: none;
}

/* Kleine Header-vorm als scheiding tussen posts (1 kolom) */
.posts-year__divider{
	align-self: center;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: calc(0.35 * var(--section-gap)) 0;
}


/* Scheidings-muzieknootjes (afwisselend) — domeinloze paden (mappenstructuur blijft) */
.posts-year__divider--1{ background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-1.svg); }
.posts-year__divider--2{ background-image: url(/wp-content/uploads/2026/04/Design-assets_Muziekbalk-5.svg); }
.posts-year__divider--3{ background-image: url(/wp-content/uploads/2026/03/Website-assets_Muziekbalk-3-06-1.svg); }


/* ============================================================ */
/* <time> als tekst + loop-media (video) + card-content         */
/* ============================================================ */
time{
	font-family: var(--font-text);
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.4;
}

/* Media uit text_image blok in de loop: video 16/9, geen mask */
.posts-loop .stagger-item__image{ position: relative; }
.posts-loop .stagger-item__image--video,
.posts-loop .post-card__image--video{
	position: relative;
	aspect-ratio: 16 / 9;
	height: auto;
	border-radius: var(--border-radius-medium);
	overflow: hidden;
	-webkit-mask-image: none !important;
	        mask-image: none !important;
}
.posts-loop .stagger-item__image--video iframe,
.posts-loop .stagger-item__image--video video,
.posts-loop .stagger-item__image--video embed,
.posts-loop .stagger-item__image--video object,
.posts-loop .post-card__image--video iframe,
.posts-loop .post-card__image--video video,
.posts-loop .post-card__image--video embed,
.posts-loop .post-card__image--video object{
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/* Content in cards (zoals 1-kolom) */
.post-card__copy > *:first-child{ margin-top: 0; }
.post-card__copy > *:last-child{ margin-bottom: 0; }
.post-card__copy h2,
.post-card__copy h3,
.post-card__copy h4{
	font-size: var(--h4-size);
	margin-bottom: 0.4em;
}


/* Knop onder een beperkt posts-overzicht (aantal != 99) */
.posts-loop__cta{
	display: flex;
	justify-content: center;
	margin-top: var(--section-gap);
}


/* Laatste jaar-items zonder padding-bottom */
.posts-loop__stagger > .posts-year__items:last-child,
.posts-loop__stagger > .posts-year:last-child .posts-year__items{
	padding-bottom: 0;
}


/* ============================================================
 * MOBILE FIXES (Claude, 2026-08) 
 * ============================================================ */

/* Laatste-nieuwtjes loop: kolommen mogen krimpen onder hun inhoud
   (video-embeds en lange URL's rekten de kolom uit -> horizontaal afgesneden) */
@media screen and (max-width: 1000px){
	.posts-loop__stagger .stagger-item,
	.posts-loop__stagger .stagger-item--reverse{
		grid-template-columns: minmax(0, 1fr);
	}
	.posts-loop__stagger .stagger-item > *{
		min-width: 0;
	}
}
.posts-loop__stagger .stagger-item__copy,
.posts-loop__stagger .stagger-item__copy *{
	overflow-wrap: anywhere;
}

/* Gravity Forms naamveld: voornaam + achternaam naast elkaar mét tussenruimte,
   en gestapeld op mobiel (voorheen tegen elkaar geplakt voor ingelogde gebruikers). */
.gform_wrapper .ginput_container_name{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gap);
}
.gform_wrapper .ginput_container_name > *{
	min-width: 0;
}
@media screen and (max-width: 600px){
	.gform_wrapper .ginput_container_name{
		grid-template-columns: 1fr;
	}
}