/* =========================================================
   1. ROOT / DESIGN TOKENS
========================================================= */

:root{
	--site-width: 1280px;
	--space-section: clamp(25px, 5vw, 50px);
	--space-content: clamp(16px, 2.5vw, 32px);
	--color-text: #1f1f1f;
	--color-bg: #f7f3ed;
	--color-accent: #7a5c45;
	--radius: 24px;

	--container-padding: clamp(16px, 2vw, 24px);

	--header-max-width: 1440px;
	--header-side-gap: clamp(12px, 2vw, 24px);

	--header-height-expanded: clamp(65px, 6vw, 85px);
	--header-height-collapsed: clamp(64px, 5vw, 80px);

	--header-shell-bg-expanded: rgba(255, 255, 255, 1);
	--header-shell-bg-collapsed: rgba(255, 255, 255, 0.9);
	--header-shell-shadow-collapsed: 0 8px 24px rgba(0, 0, 0, 0.08);

	--header-padding-x-expanded: clamp(16px, 2.4vw, 40px);
	--header-padding-x-collapsed: clamp(14px, 2vw, 28px);

	--header-padding-y-expanded: clamp(4px, 0.4vw, 8px);
	--header-padding-y-collapsed: clamp(2px, 0.2vw, 4px);

	--header-gap-expanded: clamp(14px, 1.8vw, 28px);
	--header-gap-collapsed: clamp(10px, 1.4vw, 20px);

	--logo-width-expanded: clamp(180px, 22vw, 400px);
	--logo-height-expanded: clamp(100px, 9vw, 175px);

	--logo-width-collapsed: clamp(150px, 16vw, 250px);
	--logo-height-collapsed: clamp(48px, 6vw, 75px);

	--utility-font-size-expanded: clamp(22px, 1.0vw, 25px);
	/*--utility-font-size-collapsed: clamp(17px, 1vw, 20px);*/
	--utility-font-size-collapsed: clamp(22px, 1.0vw, 25px);

	--primary-font-size-expanded: clamp(25px, 1.1vw, 35px);
	/*--primary-font-size-collapsed: clamp(20px, 1.15vw, 25px);*/
	--primary-font-size-collapsed: clamp(25px, 1.1vw, 35px);
	
	--cta-font-size-expanded: clamp(20px, 1.1vw, 27px);
	--cta-font-size-collapsed: clamp(15px, 1vw, 20px);

	--primary-icon-size-expanded: clamp(20px, 1.6vw, 35px);
	--primary-icon-size-collapsed: clamp(20px, 1.3vw, 35px);

	--utility-gap-expanded: clamp(10px, 1.2vw, 20px);
	--utility-gap-collapsed: clamp(8px, 1vw, 16px);

	--primary-gap-expanded: clamp(12px, 1.6vw, 28px);
	--primary-gap-collapsed: clamp(10px, 1.2vw, 20px);

	--cta-gap-expanded: clamp(8px, 1vw, 12px);
	--cta-gap-collapsed: clamp(6px, 0.8vw, 10px);

	--header-center-row-gap-expanded: clamp(6px, 0.8vw, 12px);
	--header-center-row-gap-collapsed: clamp(4px, 0.6vw, 8px);

	--header-brand-basis-expanded: clamp(180px, 24vw, 420px);
	--header-center-basis-expanded: clamp(280px, 40vw, 760px);
	--header-cta-basis-expanded: clamp(180px, 18vw, 240px);

	--header-brand-basis-collapsed: clamp(150px, 20vw, 280px);
	--header-center-basis-collapsed: clamp(260px, 38vw, 720px);
	--header-cta-basis-collapsed: clamp(150px, 16vw, 220px);

	--transition-speed: 280ms;
	--transition-ease: cubic-bezier(0.22, 1, 0.36, 1);

	--category-trouwen: #93842f;
	--category-afscheid: #677690;
	--category-zakelijk: #953513;
	--category-feesten: #e4aa56;

	--category-color: #dfcdaa;
	--category-color-secondary: #e2a23d;
	--category-color-light: ;
}

	
/* TYPOGRAPHY */


@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Thin.woff2') format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Londrina";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/LondrinaSolid-Regular.woff2') format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Thin-Italic.woff2') format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Regular.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Italic.woff2') format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Bold.woff2') format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Bree";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Bree-Serif-Bold-Italic.woff2') format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-Light.woff2') format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-Light.woff2') format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-Italic.woff2') format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-Bold.woff2') format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-BoldItalic.woff2') format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-Regular.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-Italic.woff2') format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-Bold.woff2') format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-BoldItalic.woff2') format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-Bold.woff2') format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/Barlow-BoldItalic.woff2') format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-Light.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/fonts/BarlowCondensed-Bold.woff2') format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

h1 {
	/*font-size: clamp(42px, 6vw, 84px);*/
	font-size: clamp(48px, 6vw, 90px);
	line-height: 0.95;
}

h2 {
	/*font-size: clamp(32px, 4.5vw, 56px);*/
	font-size: clamp(45px, 4.5vw, 80px);
	line-height: 1.1;
}

h3 {
	font-size: clamp(22px, 3.2vw, 36px);
	line-height: 1;
	margin: 0px !important;
	padding: 5px !important;
}

/* Basis prose */
html,
body {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
}

body {    font-size: 1.25rem;
    line-height: 1.55;
}

p,
li {    font-size: 1.25rem;
    line-height: 1.55;
}

p {
	margin: 0px;
}

ul,
ol {
	margin: 0 0 24px 0;
	padding-left: 24px;
}

/* =========================================================
   MOBILE MENU
========================================================= */

@media screen and (max-width: 991px) {

	
.site-header__mobile-top .site-header__logo {
	width: 200px;
	height: 75px;
}
	
	.site-header__mobile-primary,
.site-header__mobile-cta,
.site-header__mobile-utility {
	padding: 0px 0px 0px 20px;
}
	
	.site-header__toggle {
		display: block;
		margin-left: auto;
	}

}

.site-header__toggle {
	display: none;
	position: relative;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 1002;
	flex: 0 0 48px;
}

.site-header__toggle-line {
	position: absolute;
	left: 10px;
	width: 28px;
	height: 3px;
	background: #000000;
	border-radius: 2px;
	transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease;
}

.site-header__toggle-line:nth-child(1) {
	top: 14px;
}

.site-header__toggle-line:nth-child(2) {
	top: 22px;
}

.site-header__toggle-line:nth-child(3) {
	top: 30px;
}

.site-header__toggle.is-active .site-header__toggle-line:nth-child(1) {
	top: 22px;
	transform: rotate(45deg);
}

.site-header__toggle.is-active .site-header__toggle-line:nth-child(2) {
	opacity: 0;
}

.site-header__toggle.is-active .site-header__toggle-line:nth-child(3) {
	top: 22px;
	transform: rotate(-45deg);
}

.site-header__mobile-overlay {
	position: fixed;
	inset: 0;
	background: rgba(255,255,255, 0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #000000;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	z-index: 9999;
}

.site-header__mobile-overlay.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.site-header__mobile-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0px 16px 32px 16px;
	overflow-y: auto;
	background: transparent;
}

.site-header__mobile-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 96px; /* FIX */
	margin-bottom: 24px;
}

.site-header__mobile-body {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.site-header__mobile-primary,
.site-header__mobile-cta,
.site-header__mobile-utility {
	width: 100%;
}

.menu--mobile-primary,
.menu--mobile-cta,
.menu--mobile-utility {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu--mobile-primary li,
.menu--mobile-cta li,
.menu--mobile-utility li {
	margin: 0;
	padding: 0;
}

.menu--mobile-primary a,
.menu--mobile-cta a,
.menu--mobile-utility a {
	display: inline-block;
	text-decoration: none;
	color: #000000;
}

.menu--mobile-primary a {
	padding: 10px 0;
	font-size: 25px;
	line-height: 25px;
	font-weight: 700;
}

.menu--mobile-cta a {
	padding: 10px 0;
	font-size: 25px;
	line-height: 28px;
	font-weight: 600;
	background-color: #dfa13d;
	color: #ffffff;
	width: auto;
	padding: 10px;
	margin-bottom: 20px;
}

.menu--mobile-utility a {
	padding: 6px 0;
	font-size: 25px;
	line-height: 24px;
	font-weight: 400;
}

body.menu-open {
	overflow: hidden;
}

@media screen and (max-width: 991px) {
	.site-header {
		background: #ffffff;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.site-header__inner {
		min-height: 96px; /* FIX */
	}

	.site-header__center,
	.site-header__utility,
	.site-header__primary,
	.site-header__cta,
	.menu-utility,
	.menu-primary,
	.menu-cta {
		display: none !important;
	}

	.site-header__toggle {
		display: block;
	}

	body.menu-open .site-header > .site-header__shell .site-header__toggle[data-menu-toggle] {
		opacity: 0;
		pointer-events: none;
	}

	.site-header__mobile-top .site-header__toggle[data-menu-close] {
		display: block;
	}
}

@media screen and (min-width: 992px) {
	.site-header__mobile-overlay {
		display: none !important;
	}
}


	
/* =========================================================
   2. RESET / BASIS
========================================================= */

*{
	box-sizing:border-box;
}
html {
	font-size: clamp(18px, 0.35vw + 14px, 22px);
}
html,
body{
	font-family: 'Barlow Condensed', serif;
	font-weight: 400;
	background: var(--category-color);
	margin: 0;
	padding: 0;
	min-height: 100%;
}

	
	
body{
	font-size: 1.25rem;
	min-height:100vh;
	line-height: 1.5;
	display:flex;
	flex-direction:column;
	color:var(--color-text);
	/* background:var(--color-bg); */
}
body.home {
	background: #ee7330;
}
body.home .testimonial-slider__label{
	color: #ee7330;
	margin-bottom: 20px;
}	
body.home .text-media__title {
	width: 35vw !important;	
}
	
body.home .page-footer-potten {
    width: 100%;
    height: 800px;
    margin: -650px 0px 0px 0px;
    pointer-events: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    opacity: 1;
    background: #f08444;
}

body.home .page-footer-potten::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('/wp-content/themes/schelleboom/images/schelleboom-footer-potten-home.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	opacity: 0.25;
	pointer-events: none;
	z-index: 0;
}
	
body.home .farewell-hero__title {
	width: 100% !important;	
}
	
body.home .contact-cta__title {
    color: #9f330d;
}

body.home .contact-cta__button {
    background: #9f330d !important;
}
body.home .contact-cta__button-text, body.home .testimonial-slider__author, body.home .testimonial-slider__quote {
		color: #FFFFFF;
}
body.home .testimonial-slider, body.home .score, body.home .text-columns, body.home .feature-cards, body.home  .contact-cta, body.home .events-overview {
	background-color: #f08444 !important;
}
.testimonial-slider__quote {
	font-size: 1.25rem;
}
	
body.home .feature-cards {
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/home-bg-shape-1.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 120%;
	}
	
	body.home .testimonial-slider__panel {
		background-color: #ee7330;
	}
	
body.home .contact-cta__button-icon {
    border-left: 48px solid #FFFFFF;
}
	
img{
	display:block;
	max-width:100%;
	height:auto;
}
.main{
	display:block;
	flex:1 0 auto;
}
.container{
	width:min(100% - (var(--container-padding) * 2), var(--site-width));
	margin-inline:auto;
	position: relative;
	z-index: 150;
}
.site-footer{
	flex:0 0 auto;
	position: relative;
	z-index: 999;
}
span {
  display: inline;
}

/* =========================================================
   3. GENERIEKE B.farewell-hero__badge-textLOKKEN
============.farewell-hero__badge-text============================================= */

.block{
	position:relative;
	padding-block:var(--space-section);
}
.block__inner{
	display:grid;
	gap:var(--space-content);
}
.hero{
	min-height:clamp(520px, 80vh, 900px);
	display:flex;
	align-items:center;
}
.hero__content{
	width:min(100%, 760px);
	display:grid;
	gap:24px;
}
.hero__title{
	margin:0;
	font-size:clamp(40px, 8vw, 96px);
	line-height:0.95;
	text-wrap:balance;
}
.hero__text{
	margin:0;
	font-size:clamp(18px, 2vw, 24px);
	line-height:1.5;
	max-width:65ch;
}
.button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:56px;
	padding:0 28px;
	border-radius:999px;
	text-decoration:none;
	background:var(--color-accent);
	color:#ffffff;
}
.text-media__grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap:clamp(24px, 3vw, 40px);
	align-items:center;
}
.card-grid__items{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap:clamp(16px, 2vw, 24px);
}
.card{
	background:#ffffff;
	border-radius:var(--radius);
	overflow:hidden;
}
.card__body{
	padding:clamp(20px, 2vw, 24px);
}
.cta{
	background:var(--color-accent);
	color:#ffffff;
	border-radius:var(--radius);
}

/* =========================================================
   4. HEADER BASIS
========================================================= */

.site-header{
	position:sticky;
	top:0;
	z-index:900;
	pointer-events:none;
}
.site-header__shell{
	width:min(var(--header-max-width), calc(100vw - (var(--header-side-gap) * 2)));
	margin:0 auto;
	min-height:var(--header-height-expanded);
	background:var(--header-shell-bg-expanded);
	pointer-events:auto;
	border-radius:0 0 0 0;
	transition:
		min-height var(--transition-speed) var(--transition-ease),
		background-color var(--transition-speed) var(--transition-ease),
		box-shadow var(--transition-speed) var(--transition-ease),
		width var(--transition-speed) var(--transition-ease),
		transform var(--transition-speed) var(--transition-ease);
}
.site-header__inner{
	min-height:var(--header-height-expanded);
	padding:var(--header-padding-y-expanded) var(--header-padding-x-expanded);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--header-gap-expanded);
	transition:
		min-height var(--transition-speed) var(--transition-ease),
		padding var(--transition-speed) var(--transition-ease),
		gap var(--transition-speed) var(--transition-ease);
}
.site-header__brand,
.site-header__center,
.site-header__cta{
	min-width:0;
}
.site-header__brand{
	flex:0 1 auto;
	display:flex;
	align-items:center;
}
.site-header__center{
	flex:1 1 360px;
	display:grid;
	grid-template-rows:auto auto;
	row-gap:var(--header-center-row-gap-expanded);
	min-width:280px;
}
.site-header__cta{
	flex:0 1 220px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-inline-start:auto;
	min-width:180px;
	max-width:220px;
}
.site-header__utility,
.site-header__primary,
.site-header__cta .menu{
	min-width:0;
}

/* =========================================================
   5. HEADER LOGO
========================================================= */

.site-header__logo-link{
	display:inline-flex;
	align-items:center;
	text-decoration:none;
	color:inherit;
	max-width:100%;
}
.site-header__logo{
	display:inline-flex;
	align-items:center;
	max-width:100%;
}
.site-header__logo-bg{
	display:block;
	width:var(--logo-width-expanded);
	max-width:100%;
	height:var(--logo-height-expanded);
	background-image:url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/schelleboom.svg');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	transition:
		width var(--transition-speed) var(--transition-ease),
		height var(--transition-speed) var(--transition-ease);
}

/* =========================================================
   6. MENU BASIS
========================================================= */

.menu,
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.menu a{
	text-decoration:none;
	transition:
		font-size var(--transition-speed) var(--transition-ease),
		opacity var(--transition-speed) var(--transition-ease),
		padding var(--transition-speed) var(--transition-ease),
		background-color var(--transition-speed) var(--transition-ease);
}
.menu a:hover{
	opacity:0.75;
}

.uit,
.weg {
    display: none !important;
}
	
/* =========================================================
   7. HEADER MENUS
========================================================= */

.menu--utility,
.menu--primary{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	row-gap:8px;
}
.menu--utility{
	justify-content:flex-end;
	column-gap:16px;
}
.menu--primary{
	justify-content:flex-end;
	column-gap:20px;
}
.menu--cta{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	gap:8px;
	align-items:stretch;
	justify-content:center;
	width:100%;
}
.menu--utility a{
	font-size:var(--utility-font-size-expanded);
	line-height:1.2;
	color:#1d1d1d;
	white-space:nowrap;
}
.menu--primary li{
	position:relative;
}
.menu--primary a{
	display:inline-flex;
	align-items:center;
	gap:clamp(8px, 1vw, 12px);
	font-size:var(--primary-font-size-expanded);
	line-height:1.1;
	font-weight:700;
	color:#111111;
	white-space:nowrap;
}
.menu--cta li{
	width:100%;
}
.menu--cta a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:42px;
	padding:10px 18px;
	background:#dfa13d;
	color:#111111;
	font-size:var(--cta-font-size-expanded);
	line-height:1.1;
	font-weight:700;
	text-align:center;
	white-space:normal;
	flex:0 0 auto;
}
	
.menu-item-63 > a:hover,
.menu-item-63.current-menu-item > a {
	color: #93842f;
}
.menu-item-62 > a:hover,
.menu-item-62.current-menu-item > a {
	color: #677690;
}
.menu-item-61 > a:hover,
.menu-item-61.current-menu-item > a {
	color: #953513;
}
.menu-item-60 > a:hover,
.menu-item-60.current-menu-item > a {
	color: #e4aa56;
}
.menu-item-68 > a:hover,
.menu-item-68.current-menu-item > a,
.menu-item-68.current_page_item > a {
    color: #dfa13d;
	background-color: #000000;
}
	
/* =========================================================
   8. PRIMARY MENU ICONS
========================================================= */

.menu--primary a::before{
	content:'';
	display:block;
	width:var(--primary-icon-size-expanded);
	height:var(--primary-icon-size-expanded);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	flex:0 0 auto;
	transition:
		width var(--transition-speed) var(--transition-ease),
		height var(--transition-speed) var(--transition-ease);
}
.menu--primary .icon-trouwen > a::before{
	background-image:url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-trouwen.svg');
}
.menu--primary .icon-afscheid > a::before{
	background-image:url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-afscheid.svg');
}
.menu--primary .icon-zakelijk > a::before{
	background-image:url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-zakelijk.svg');
}
.menu--primary .icon-feesten > a::before{
	background-image:url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-feesten.svg');
}

.menu--mobile-primary a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.menu--mobile-primary a::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex: 0 0 24px;
}

.menu--mobile-primary .icon-trouwen > a::before {
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-trouwen.svg');
}

.menu--mobile-primary .icon-afscheid > a::before {
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-afscheid.svg');
}

.menu--mobile-primary .icon-zakelijk > a::before {
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-zakelijk.svg');
}

.menu--mobile-primary .icon-feesten > a::before {
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/icon-feesten.svg');
}
	
/* =========================================================
   9. HEADER COLLAPSED STATE
========================================================= */

.site-header.is-collapsed .site-header__shell{
	min-height:var(--header-height-collapsed);
	background:var(--header-shell-bg-collapsed);
	box-shadow:var(--header-shell-shadow-collapsed);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.site-header.is-collapsed .site-header__inner{
	min-height:var(--header-height-collapsed);
	padding:var(--header-padding-y-collapsed) var(--header-padding-x-collapsed);
	gap:var(--header-gap-collapsed);
}
.site-header.is-collapsed .site-header__brand{
	flex-basis:auto;
}
.site-header.is-collapsed .site-header__center{
	flex:1 1 auto;
	row-gap:var(--header-center-row-gap-collapsed);
	min-width:0;
}
.site-header.is-collapsed .site-header__cta{
	flex:0 1 220px;
}
.site-header.is-collapsed .site-header__logo-bg{
	width:var(--logo-width-collapsed);
	height:var(--logo-height-collapsed);
}
.site-header.is-collapsed .menu--utility{
	gap:var(--utility-gap-collapsed);
}
.site-header.is-collapsed .menu--primary{
	gap:var(--primary-gap-collapsed);
}
.site-header.is-collapsed .menu--utility a{
	font-size:var(--utility-font-size-collapsed);
}
.site-header.is-collapsed .menu--primary a{
	font-size:var(--primary-font-size-collapsed);
}
.site-header.is-collapsed .menu--primary a::before{
	width:var(--primary-icon-size-collapsed);
	height:var(--primary-icon-size-collapsed);
}
.site-header.is-collapsed .menu--cta{
	gap:6px;
}
.site-header.is-collapsed .menu--cta a{
	font-size:var(--cta-font-size-collapsed);
	padding:8px 12px;
	min-height:36px;
}
	
.site-header.is-collapsed .site-header__primary {
	transform: translateY(-8px);
}
	.site-header.is-collapsed .menu--cta {
	transform: translateY(-4px);
}

/* =========================================================
   10. FLUID WRAP GEDRAG ZONDER BREAKPOINTS
========================================================= */

.site-header__center,
.site-header__cta{
	max-width:100%;
}
.site-header__utility,
.site-header__primary{
	width:100%;
}
.site-header__utility .menu--utility,
.site-header__primary .menu--primary{
	width:100%;
	max-width:100%;
}
/*.menu--primary {
	margin-top: -5px;
}
.menu-utility {
		margin-top: -10px;
}
*/
.site-header__center .menu--utility,
.site-header__center .menu--primary{
	justify-content:flex-end;
}
.site-header__cta .menu--cta{
	max-width:100%;
	width:100%;
	justify-content:flex-end;
}
.site-header__shell,
.site-header__inner,
.menu,
.menu li,
.menu a{
	min-width:0;
}

/* =========================================================
   11. FOOTER
========================================================= */

:root{
	--footer-bg: #9f330d;
	--footer-topbar-start: #e59a6e;
	--footer-topbar-end: #eb7d3f;
	--footer-text: #f6ede6;
	--footer-link: #ef8a43;
	--footer-padding-y: clamp(40px, 7vw, 96px);
	--footer-gap: clamp(16px, 1.8vw, 28px);
	--footer-row-gap: clamp(16px, 2vw, 28px);
	--footer-logo-width: clamp(180px, 18vw, 300px);
	--footer-font-size: clamp(18px, 1.75vw, 24px);
	--footer-line-height: 1;
	--footer-icon-size: clamp(28px, 2.4vw, 38px);
	--footer-anbi-badge-width: clamp(72px, 7vw, 104px);
	--footer-anbi-gap: clamp(16px, 2vw, 24px);
	--footer-separator-thickness: 1px;
	--footer-separator-length: clamp(100px, 12vw, 200px);
	--footer-separator-pattern: 10px;
	--footer-topbar-height: clamp(22px, 3vw, 40px);
}
.site-footer .container {
	width: min(100% - 32px, 1440px);
}
.site-footer{
	position:relative;
	background:var(--footer-bg);
	color:var(--footer-text);
	overflow:hidden;
}
.site-footer__inner{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:var(--footer-row-gap) var(--footer-gap);
	padding-block:var(--footer-padding-y);
	container-type:inline-size;
}
.site-footer__brand,
.site-footer__column{
	flex:1 1 0;
	min-width:0;
}
.site-footer__brand{
	display:flex;
	align-items:flex-start;
}
.site-footer__logo-link{
	display:inline-flex;
	align-items:center;
	text-decoration:none;
	max-width:100%;
}
.site-footer__logo{
	width:var(--footer-logo-width);
	max-width:100%;
	height:auto;
}
.site-footer__column{
	display:grid;
	align-content:start;
	gap:clamp(5px, 0.7vw, 8px);
	color:var(--footer-text);
}
.site-footer__text,
.site-footer__contact-label,
.site-footer__rsin,
.site-footer__link{
	font-size:var(--footer-font-size);
	line-height:var(--footer-line-height);
	white-space:normal;
	overflow-wrap:anywhere;
	word-break:normal;
}
.site-footer__contact{
	display:grid;
	gap:clamp(8px, 1vw, 12px);
	padding-top:clamp(10px, 1.8vw, 20px);
}
.site-footer__contact-item{
	display:flex;
	align-items:center;
	gap:clamp(10px, 1.2vw, 14px);
	color:var(--footer-text);
	text-decoration:none;
	min-width:0;
}
.site-footer__contact-item:hover{
	opacity:0.8;
}
.site-footer__contact-icon{
	flex:0 0 auto;
	width:var(--footer-icon-size);
	height:var(--footer-icon-size);
	display:flex;
	align-items:center;
	justify-content:center;
}
.site-footer__contact-icon img{
	width:70%;
	height: 70%;
	object-fit:contain;
}
.site-footer__contact-label{
	min-width:0;
}
.site-footer__anbi{
	display:flex;
	align-items:flex-start;
	gap:var(--footer-anbi-gap);
	min-width:0;
}
.site-footer__anbi-badge{
	flex:0 0 auto;
	width:var(--footer-anbi-badge-width);
}
.site-footer__anbi-badge img{
	width:100%;
	height:auto;
}
.site-footer__anbi-content{
	display:grid;
	gap:clamp(4px, 0.6vw, 8px);
	min-width:0;
}
.site-footer__rsin{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding-top:clamp(10px, 1.8vw, 20px);
	padding-left:calc(var(--footer-anbi-badge-width) + var(--footer-anbi-gap));
	color:var(--footer-link);
}
.site-footer__rsin-label {
	color:inherit;
}
.site-footer__rsin-value {
	color:var(--footer-text);
}
.site-footer__links{
	display:grid;
	gap:clamp(6px, 1vw, 10px);
	padding-top:clamp(4px, 0.8vw, 8px);
}
.site-footer__link{
	display:inline-block;
	color:var(--footer-link);
	text-decoration: none;
	text-underline-offset:3px;
}
.site-footer__link:hover{
	opacity:0.8;
}
.site-footer__separator{
	flex:0 0 auto;
	align-self:center;
	width:6px;
	height:var(--footer-separator-length);
	background-image:radial-gradient(
		circle at center,
		rgba(255,255,255,0.7) 2px,
		transparent 2px
	);
	background-size:6px 14px;
	background-repeat:repeat-y;
	background-position:center top;
}
.site-footer__inner > .site-footer__separator:last-of-type{
	display:none;
}
.page-footer-potten {
    width: 100%;
    height: 800px;
    background-image: url('/wp-content/themes/schelleboom/images/schelleboom-footer-potten.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    margin: -350px 0px 0px 0px;
    opacity: 0.25;
    pointer-events: none;
    position: relative;
    z-index: 0;
}
	
.page-footer-potten {
	display: none;
}

.page-footer-potten {
	display: block;
}

/* =========================================================
   FOOTER WRAP GEDRAG
========================================================= */

@container (max-width: 1080px){
.site-footer__brand{
		flex:1 1 100%;
	}
.site-footer__separator{
		width:100%;
		height:1px;
		background-image:linear-gradient(
			to right,
			rgba(255,255,255,0.55) 0px,
			rgba(255,255,255,0.55) 5px,
			transparent 5px,
			transparent 10px
		);
		background-size:var(--footer-separator-pattern) 1px;
		background-repeat:repeat-x;
		background-position:left center;
	}
.site-footer__column{
		flex:1 1 100%;
	}
}

	
	
/* =========================================================
   BLOCKS
========================================================= */

/* =========================================================
   BLOCKS: PILLARS
========================================================= */

.block.pillars {
	margin-top: -200px;
}
.pillars__header {
	display: grid;
	gap: clamp(24px, 3vw, 40px);
	padding-top: clamp(8px, 1vw, 16px);
}
.pillars__dots {
	display: block;
	width: clamp(120px, 12vw, 180px);
	height: 8px;
	background-image: radial-gradient(circle, #f6ede6 2px, transparent 2px);
	background-size: 10px 8px;
	background-repeat: repeat-x;
	background-position: left center;
}
.pillars__block-title {
	padding-bottom: clamp(75px, 1vw, 150px);
	color: #FFFFFF;
    padding-bottom: 75px !important;
}
.pillars__inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: clamp(20px, 2.4vw, 36px);
	align-items: start;
}
.pillars__item {
	position: relative;
	display: block;
	padding-top: clamp(32px, 4vw, 56px);
	text-decoration: none;
	color: inherit;
	min-width: 0;
	transition: transform 200ms ease;
}
.pillars__item:hover {
	transform: translateY(-8px);	
}
	
.pillars__icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: clamp(100px, 8vw, 150px);
	height: clamp(100px, 8vw, 150px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.pillars__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pillars__card {
	min-height: clamp(90px, 20vw, 90px);
	padding:
		clamp(56px, 6vw, 110px)
		clamp(20px, 2vw, 28px)
		clamp(24px, 3vw, 40px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.pillars__title {
	margin: 0;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(28px, 3.4vw, 46px);
	line-height: 1;
	text-wrap: balance;
}
.pillars__item--trouwen .pillars__card {
	background: #d8d2bf;
}
.pillars__item--trouwen .pillars__title {
	color: var(--category-trouwen);
}
.pillars__item--afscheid .pillars__card {
	background: #d6dbe1;
}
.pillars__item--afscheid .pillars__title {
	color: var(--category-afscheid);
}
.pillars__item--zakelijk .pillars__card {
	background: #dfd0ca;
}
.pillars__item--zakelijk .pillars__title {
	color: var(--category-zakelijk);
}
.pillars__item--feesten .pillars__card {
	background: #ecdfca;
}
.pillars__item--feesten .pillars__title {
	color: var(--category-feesten);
}

/* =========================================================
   BLOCKS: TEXT MEDIA
========================================================= */

.text-media {
	margin-top: -50px;	
}
..why-schelleboom__dot__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: clamp(32px, 4vw, 72px);
	align-items: center;
}
.text-media__content {
	align-content: start;
}
.text-media__title {
	margin: 0;
	font-family: "Bree", serif;
	font-weight: 400;
	color: #FFFFFF;
	text-wrap: balance;
	/*width: 70%;*/
}
.text-media__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
}
.text-media__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
}
.text-media__text {
	max-width: 50ch;    
	font-size: 1.25rem;
    line-height: 1.55;
	color: #FFFFFF;
}
.text-media__media {
	position: relative;
	min-width: 0;
	right: -100px;
}
.text-media__image-wrap {
	position: relative;
	padding-left: 40px;
	padding-bottom: 120px;
}
.text-media__image-shape {
	position: relative;
	width: 100%;
	max-width: 900px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}
.text-media__image-shape {
	transform: translateX(40px);
}
.gallery-slider__button--prev {
	width: 64px;
	height: 64px;
	padding: 0;
	border: 0;
	background-color: var(--category-color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/prev.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/prev.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}
.gallery-slider__button--next {
	width: 64px;
	height: 64px;
	padding: 0;
	border: 0;
	background-color: var(--category-color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/next.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/next.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}
.gallery-slider__button--prev, .gallery-slider__button--next {
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.gallery-slider__button--prev:hover, .gallery-slider__button--next:hover {
	transform: scale(1.06);
}	
.text-media__image-shape picture,
.text-media__image-shape img {
	display: block;
	width: 100%;
	height: 100%;
}
.text-media__image-shape img {
	object-fit: cover;
	object-position: center center;
}
.text-media__badge {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 280px;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 35px;
	text-align: center;
	background: transparent;
	font-size: 1.5rem;
}
.text-media__badge::before,
.text-media__badge::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.text-media__badge::before {
	inset: -6px;
	background: #ee7330;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 100% 100%;
}
.text-media__badge::after {
	inset: 0;
	background: #e2a23d;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 100% 100%;
}
.text-media__badge-text {
	position: relative;
	z-index: 3;
}
.text-media__badge-text {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 40px;
	line-height: 1.05;
	color: #f6ede6;
	transform: rotate(-6deg);
	text-wrap: balance;
}

/* =========================================================
   BLOCKS: WHY SCHELLEBOOM
========================================================= */

.why-schelleboom {
	overflow: hidden;
}
.why-schelleboom__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 620px);
	gap: 80px;
	align-items: start;
	margin-bottom: 50px;
}
.why-schelleboom__content {
	align-content: start;
}
.why-schelleboom__title {
	font-family: "Bree", serif;
	font-weight: 400;
	letter-spacing: 0;
	color: #FFFFFF;
}
.why-schelleboom__title-plain {
	display: block;
	font-family: "Bree", serif;
	font-weight: 300;
}
.why-schelleboom__title-bold {
	display: block;
	font-family: "Bree", serif;
	font-weight: 700;
}
.why-schelleboom__text {
	max-width: 720px;
	margin: 0;    font-size: 1.25rem;
    line-height: 1.55;
	color: #FFFFFF;
}
.why-schelleboom__list-wrap {
	padding-top: 8px;
}
.why-schelleboom__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 42px;
}
.why-schelleboom__item {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}
.why-schelleboom__dot {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	display: block;
	background-color: var(--category-color-secondary); /* of secondary */
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}
.why-schelleboom__item-text {
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #FFFFFF;
}
@media (max-width: 1200px) {
	.why-schelleboom__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 56px;
	}
	.why-schelleboom__title {
		font-size: 96px;
	}
	.why-schelleboom__text {
		font-size: 1.25rem;
		max-width: 680px;
	}
	.why-schelleboom__item-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 768px) {
	.why-schelleboom__title {
		margin-bottom: 32px;
		font-size: 64px;
	}
	.why-schelleboom__text {
		font-size: 1.25rem;
	}
	.why-schelleboom__list {
		gap: 28px;
	}
	.why-schelleboom__item {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 20px;
	}
	.why-schelleboom__dot {
		width: 24px;
		height: 24px;
		margin-top: 4px;
	}
	.why-schelleboom__item-text {
		font-size: 1.25rem;
	}
}

/* =========================================================
   BLOCKS: CONTACT CTA
========================================================= */

.contact-cta {
	overflow: hidden;
}

.contact-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 520px;
	/*gap: 80px;*/
	align-items: center;
}

.contact-cta__content {
	min-width: 0;
}

.contact-cta__title {
    margin: 0;
    font-family: "Bree", serif;
    font-weight: 700;
    color: var(--category-color-secondary);
    text-wrap: balance;
    position: relative;
    left: 75px;
    width: 75%;
	z-index: 10;

}

.contact-cta__action {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-cta__button {
	position: relative;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 450px;
	height: 450px;
	padding: 60px;
	background: var(--category-color-secondary);
	text-decoration: none;
	overflow: hidden;
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape1.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	transition: transform 0.2s ease;
}

.contact-cta__button:hover {
	transform: scale(1.05);
}

.contact-cta__button-text {
	display: block;
	max-width: 450px;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(34px, 4.2vw, 58px);
	line-height: 0.95;
	text-align: center;
	color: var(--category-color);
	transform: rotate(6deg);
	text-wrap: balance;
	margin-top: -20px;
}
.contact-cta__button-icon {
	position: absolute;
	left: 42%;
	bottom: 20%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 48px solid var(--category-color);
	transform: rotate(8deg);
}

@media (max-width: 1400px) {
	.contact-cta__grid {
		grid-template-columns: minmax(0, 1fr) 420px;
		gap: 56px;
	}

	.contact-cta__button {
		width: 440px;
		height: 440px;
		padding: 48px;
	}

	.contact-cta__button-text {
		max-width: 260px;
		font-size: 56px;
	}

	.contact-cta__button-icon {
		bottom: 56px;
		border-top: 22px solid transparent;
		border-bottom: 22px solid transparent;
		border-left: 38px solid var(--category-color);
	}
}

@media (max-width: 980px) {
	.contact-cta__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.contact-cta__action {
		justify-content: flex-start;
	}

	.contact-cta__button {
		width: 360px;
		height: 360px;
		padding: 40px;
	}

	.contact-cta__button-text {
		max-width: 220px;
		font-size: 46px;
	}

	.contact-cta__button-icon {
		bottom: 48px;
		border-top: 18px solid transparent;
		border-bottom: 18px solid transparent;
		border-left: 30px solid var(--category-color);
	}
}

@media (max-width: 640px) {
	
	.contact-cta__button {
		width: 280px;
		height: 280px;
		padding: 32px;
	}

	.contact-cta__button-text {
		max-width: 180px;
		font-size: 34px;
	}

	.contact-cta__button-icon {
		bottom: 38px;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-left: 24px solid var(--category-color);
	}
}

/* =========================================================
   BLOCKS: TEXT COLUMNS
========================================================= */

.text-columns__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(32px, 4vw, 100px);
	align-items: start;
}

.text-columns__col {
	min-width: 0;
}

.text-columns__text {
	font-family: "Barlow Condensed", sans-serif;    font-size: 1.25rem;
    line-height: 1.55;
	color: #FFFFFF;
}

.text-columns__text > *:first-child {
	margin-top: 0;
}

.text-columns__text > *:last-child {
	margin-bottom: 0;
}

.text-columns__text p {
	margin: 0 0 24px 0;
}

.text-columns__text a {
	color: inherit;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.text-columns__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.text-columns__text {    font-size: 1.25rem;
    line-height: 1.55;
	}
}

/* =========================================================
   BLOCKS: FEATURE CARDS
========================================================= */

.feature-cards__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 65px;
	align-items: stretch;
}

.feature-cards__card {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.feature-cards__card--large {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	min-height: 880px;
	background: #d8922f;
	position: relative;
}
	
.feature-cards__card--large .feature-cards__text {
	position: absolute;
	top: 266px;
	left: 300px;
	right: 40px;
}

.feature-cards__card--map {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	min-height: 430px;
	background: #6f849d;
}

.feature-cards__card--split {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	min-height: 402px;
	background: #8f8625;
}

.feature-cards__bg,
.feature-cards__map-image,
.feature-cards__split-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.feature-cards__bg picture,
.feature-cards__bg img,
.feature-cards__map-image picture,
.feature-cards__map-image img,
.feature-cards__split-image picture,
.feature-cards__split-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.feature-cards__bg img,
.feature-cards__map-image img,
.feature-cards__split-image img {
	object-fit: cover;
	object-position: center center;
}

.feature-cards__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.feature-cards__overlay--gold {
	background:
		linear-gradient(0deg, rgba(216, 146, 47, 0.62), rgba(216, 146, 47, 0.62)),
		linear-gradient(180deg, rgba(255, 185, 53, 0.16) 0%, rgba(182, 112, 20, 0.10) 100%);
}

.feature-cards__circle-image {
	position: absolute;
	left: -42px;
	top: 294px;
	z-index: 3;
	width: 290px;
	height: 290px;
	border-radius: 50%;
	overflow: hidden;
	background: #d9d9d9;
}

.feature-cards__circle-image picture,
.feature-cards__circle-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.feature-cards__circle-image img {
	object-fit: cover;
	object-position: center center;
}

.feature-cards__card--large::before {
	content: "";
	position: absolute;
	right: 120px;
	top: 250px;
	z-index: 3;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(173, 103, 24, 0.16);
}

.feature-cards__card--large::after {
	content: "";
	position: absolute;
	left: 190px;
	bottom: -160px;
	z-index: 2;
	width: 690px;
	height: 520px;
	border-radius: 50% 50% 0 0;
	background: rgba(0, 0, 0, 0.62);
	transform: rotate(-12deg);
	transform-origin: center center;
	display: none !important;
}

.feature-cards__content {
	position: relative;
	z-index: 4;
	color: #ffffff;
}

.feature-cards__content--large {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 52px 46px 38px 46px;
}

.feature-cards__content--map {
    display: flex;
    flex-direction: column;
    height: 100%;
	max-width: 470px;
	padding: 52px 42px 38px 42px;
}
	
.feature-cards__content--map .feature-cards__dots {
    margin-bottom: auto;
}

.feature-cards__content--split {
	padding: 20px 20px 20px 42px;
}

.feature-cards__title {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-family: "Bree", serif;
	font-size: 64px;
	line-height: 0.96;
	color: #ffffff;
}

.feature-cards__title-plain {
	font-family: "Barlow", serif;
	font-weight: 300;
}

.feature-cards__title-bold {
	font-family: "Barlow", serif;
	font-weight: 700;
}

.feature-cards__dots {
	display: block;
	width: 180px;
	height: 10px;
	margin-top: 28px;
	margin-bottom: 36px;
	background-image: radial-gradient(circle, #ffffff 2px, transparent 2.5px);
	background-size: 10px 10px;
	background-repeat: repeat-x;
	background-position: left center;
}

.feature-cards__content--large .feature-cards__dots {
	margin-bottom: auto;
}

.feature-cards__text {
	width: auto;
	max-width: 100%;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	line-height: 1.55;
	color: #ffffff;
}
	
.feature-cards__content--split .feature-cards__text {
    max-width: 100%;
    /*margin-right: -200px;*/
}

.feature-cards__text > *:first-child {
	margin-top: 0;
}

.feature-cards__text > *:last-child {
	margin-bottom: 0;
}

.feature-cards__text p {
	margin: 0 0 20px 0;
}

.feature-cards__map-image {
	left: auto;
	right: 0;
	width: 100%;
	height: 100%;
}

.feature-cards__map-shape {
	position: absolute;
	top: -120px;
	right: -60px;
	z-index: 2;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.82);
}

.feature-cards__map-dot {
	position: absolute;
	left: 312px;
	top: 148px;
	z-index: 3;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(16, 44, 88, 0.78);
}

.feature-cards__map-pin {
	position: absolute;
	right: 76px;
	top: 40px;
	z-index: 4;
	width: 120px;
	height: 150px;
	background: #182c4b;
	border-radius: 60% 60% 60% 60% / 50% 50% 78% 78%;
	transform: rotate(-8deg);
}

.feature-cards__map-pin::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 34px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #dfe7f0;
	transform: translateX(-50%);
}

.feature-cards__map-pin::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -22px;
	width: 42px;
	height: 56px;
	background: #182c4b;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: translateX(-50%);
}

.feature-cards__split-content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	width: 58%;
	background: linear-gradient(
		180deg,
		rgba(160, 150, 50, 0.94) 0%,
		rgba(143, 134, 37, 0.94) 40%,
		rgba(110, 100, 30, 0.94) 100%
	);
}

.feature-cards__split-image {
	left: auto;
	right: 0;
	width: 42%;
	height: 100%;
	z-index: 2;
}

@media (max-width: 1199px) {
	.feature-cards__title {
		font-size: 52px;
	}

	.feature-cards__text {
		font-size: 1.25rem;
	}

	.feature-cards__card--large {
		min-height: 760px;
	}

	.feature-cards__card--map {
		min-height: 360px;
	}

	.feature-cards__card--split {
		min-height: 320px;
	}

	.feature-cards__circle-image {
		width: 220px;
		height: 220px;
		top: 300px;
		left: -30px;
	}

	.feature-cards__card--large::after {
		left: 170px;
		width: 520px;
		height: 390px;
	}
}

@media (max-width: 991px) {
	.feature-cards__grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.feature-cards__card--large,
	.feature-cards__card--map,
	.feature-cards__card--split {
		grid-column: auto;
		grid-row: auto;
		min-height: auto;
	}

	.feature-cards__card--large {
		min-height: 720px;
	}

	.feature-cards__card--map {
		min-height: 420px;
	}

	.feature-cards__card--split {
		min-height: 420px;
	}

	.feature-cards__map-image {
		width: 44%;
	}

	.feature-cards__split-content {
		width: 56%;
	}

	.feature-cards__split-image {
		width: 44%;
	}
}

@media (max-width: 767px) {

	.feature-cards__content--split .feature-cards__text {
    max-width: none;
    margin-right: 0px;
}
	
	.feature-cards__content--map {
    	display: block;
   		height: auto;
	}

	.feature-cards__content--map .feature-cards__dots {
    	margin-bottom: 24px;
	}	
	
	.feature-cards__grid {
		gap: 20px;
	}

	.feature-cards__content--large,
	.feature-cards__content--map,
	.feature-cards__content--split {
		padding: 32px 24px 28px 24px;
	}

	.feature-cards__content--large {
	display: block;
	height: auto;
	}
	
	.feature-cards__content--large .feature-cards__dots {
	margin-bottom: 24px;
}
	.feature-cards__title {
		font-size: 40px;
		line-height: 0.98;
	}

	.feature-cards__text {
		font-size: 1.25rem;;
		line-height: 1.45;
	}

	.feature-cards__dots {
		width: 140px;
		margin-top: 20px;
		margin-bottom: 24px;
	}

	.feature-cards__circle-image {
		position: relative;
		left: 0;
		top: 0;
		width: 160px;
		height: 160px;
		margin: 16px 0 0 -40px;
	}

	.feature-cards__card--large {
		min-height: 620px;
	}

	.feature-cards__card--large::before {
		right: 40px;
		top: 220px;
		width: 120px;
		height: 120px;
	}

	.feature-cards__card--large::after {
		left: 80px;
		bottom: -120px;
		width: 360px;
		height: 260px;
	}

	.feature-cards__map-image {
		position: absolute;
		right: 0;
		top: 0;
		width: 48%;
		height: 100%;
	}

	.feature-cards__map-shape {
		top: -80px;
		right: -80px;
		width: 240px;
		height: 240px;
	}

	.feature-cards__map-dot {
		left: auto;
		right: 120px;
		top: 150px;
		width: 90px;
		height: 90px;
	}

	.feature-cards__map-pin {
		right: 32px;
		top: 26px;
		width: 82px;
		height: 104px;
	}

	.feature-cards__map-pin::after {
		top: 22px;
		width: 32px;
		height: 32px;
	}

	.feature-cards__map-pin::before {
		bottom: -14px;
		width: 28px;
		height: 36px;
	}

	.feature-cards__card--split {
		display: flex;
		flex-direction: column;
	}

	.feature-cards__split-content {
		position: relative;
		width: 100%;
	}

	.feature-cards__split-image {
		position: relative;
		width: 100%;
		height: 260px;
	}
}

/* =========================================================
   BLOCKS: TESTIMONIAL SLIDER
========================================================= */

.testimonial-slider {
	position: relative;
}
	
	
.testimonial-slider__inner {
	position: relative;
	padding-top: 44px;
}

.testimonial-slider__label-wrap {
	position: relative;
	z-index: 3;
	margin-left: 0px;
	margin-bottom: -46px;
}

.testimonial-slider__label {
	display: inline-flex;
	align-items: center;
	padding: 5px 15px 5px 15px;
	background-color: #9f3f12;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	color: var(--category-color);
	margin-left: 100px;
}

.testimonial-slider__panel {
	position: relative;
	background-color: #e9ba73;
	min-height: 350px;
	padding: 75px 0px 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color:var(--category-color);
	background-color:var(--category-color-secondary);
}

.testimonial-slider__viewport {
	position: relative;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}

.testimonial-slider__track {
	display: flex;
	width: 100%;
	transition: transform 0.4s ease;
	will-change: transform;
}

.testimonial-slider__slide {
	flex: 0 0 100%;
	width: 100%;
}

.testimonial-slider__slide[hidden] {
	display: none;
}

.testimonial-slider__content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.testimonial-slider__quote {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;    font-size: 1.25rem;
    line-height: 1.55;
	color: #000000;
}

.testimonial-slider__author {
	margin-top: 70px;
	color: #000000;
	font-weight: 600;
}

.testimonial-slider__button--prev {
	position: absolute;
	top: 50%;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding: 0;
	border: 0;
	background-color: #9f3f12;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 0.2s ease, opacity 0.2s ease;
	
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/prev.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/prev.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}
.testimonial-slider__button--next {
	position: absolute;
	top: 50%;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding: 0;
	border: 0;
	background-color: #9f3f12;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 0.2s ease, opacity 0.2s ease;
	
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/next.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/next.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

.testimonial-slider__button:hover {
	transform: translateY(-50%) scale(1.04);
}

.testimonial-slider__button:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
}

.testimonial-slider__button--prev {
	left: 50px;
}

.testimonial-slider__button--next {
	right: 50px;
}

.testimonial-slider__arrow {
	display: block;
	width: 0;
	height: 0;
}

.testimonial-slider__arrow--left {
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-right: 24px solid #ef7e38;
	margin-left: -4px;
}

.testimonial-slider__arrow--right {
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 24px solid #ef7e38;
	margin-right: -4px;
}

@media (max-width: 1400px) {
	.testimonial-slider__panel {
		padding: 100px 110px 84px 110px;
		min-height: 560px;
	}

	.testimonial-slider__quote {
		font-size: 32px;
	}

	.testimonial-slider__author {
		margin-top: 56px;
		font-size: 32px;
	}

	.testimonial-slider__button--prev {
		left: 72px;
	}

	.testimonial-slider__button--next {
		right: 72px;
	}
}

@media (max-width: 991px) {
	.testimonial-slider__inner {
		padding-top: 34px;
	}

	.testimonial-slider__label-wrap {
		margin-left: 40px;
		margin-bottom: -34px;
	}

	.testimonial-slider__label {
		min-height: 72px;
		padding: 16px 22px 14px 22px;
		font-size: 1.25rem;
	}

	.testimonial-slider__panel {
		padding: 110px 90px 70px 90px;
		min-height: 500px;
	}

	.testimonial-slider__quote {    font-size: 1.25rem;
    line-height: 1.55;
	}

	.testimonial-slider__author {
		margin-top: 42px;
		font-size: 1.25rem;
	}

	.testimonial-slider__button {
		width: 62px;
		height: 62px;
	}

	.testimonial-slider__button--prev {
		left: 24px;
	}

	.testimonial-slider__button--next {
		right: 24px;
	}

	.testimonial-slider__arrow--left {
		border-top-width: 12px;
		border-bottom-width: 12px;
		border-right-width: 20px;
	}

	.testimonial-slider__arrow--right {
		border-top-width: 12px;
		border-bottom-width: 12px;
		border-left-width: 20px;
	}
}

@media (max-width: 767px) {
	.testimonial-slider__inner {
		padding-top: 24px;
	}

	.testimonial-slider__label-wrap {
		margin-left: 20px;
		margin-bottom: -24px;
	}

	.testimonial-slider__label {
		min-height: 58px;
		padding: 14px 18px 12px 18px;
		font-size: 1.25rem;
	}

	.testimonial-slider__panel {
		padding: 92px 28px 36px 28px;
		min-height: 0;
	}

	.testimonial-slider__viewport {
		max-width: none;
	}

	.testimonial-slider__quote {
		font-size: 1.25rem;
		line-height: 1.5;
		padding-left: 32px;
		padding-right: 32px;
	}

	.testimonial-slider__author {
		margin-top: 30px;
		font-size: 1.25rem;
	}

	.testimonial-slider__button {
		top: auto;
		bottom: 24px;
		transform: none;
		width: 54px;
		height: 54px;
	}

	.testimonial-slider__button:hover {
		transform: scale(1.04);
	}

	.testimonial-slider__button--prev {
		left: 28px;
	}

	.testimonial-slider__button--next {
		right: 28px;
	}

	.testimonial-slider__arrow--left {
		border-top-width: 10px;
		border-bottom-width: 10px;
		border-right-width: 18px;
	}

	.testimonial-slider__arrow--right {
		border-top-width: 10px;
		border-bottom-width: 10px;
		border-left-width: 18px;
	}
}

/* TOT HIER TOE VEILIG */
	
	


	
	
/* =========================================================
   BLOCKS: SCORE
========================================================= */

.score {
	position: relative;
	padding-bottom: 200px;
}

.score__inner {
	position: relative;
}

.score__panel {
	position: relative;
	background-color: #ef742c;
	border-radius: 0 0 24px 24px;
	padding: 88px 72px 120px 72px;
	overflow: visible;
}

.score__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 48px;
	row-gap: 48px;
	align-items: start;
}

.score__item {
	text-align: center;
}

.score__value {
	font-family: "Barlow Condensed", serif;
	font-size: 96px;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.score__visual {
	margin-top: 34px;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.score__label {
	margin-top: 34px;
	font-family: "Barlow Condensed", serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
}

.score__stars {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: nowrap;
}

.score__star {
	position: relative;
	width: 42px;
	height: 42px;
	background-color: #9f3f12;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.score__star.is-empty {
	background-color: rgba(159, 63, 18, 0.35);
}

.score__star.is-half {
	background: linear-gradient(to right, #9f3f12 50%, #ffffff 50%);
}

.score__progress {
	width: 100%;
	max-width: 300px;
	border: 6px solid #ffffff;
	padding: 8px;
}

.score__progress-bar {
	height: 42px;
	background-color: #9f3f12;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 18px;
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.score__podium {
	position: relative;
	width: 140px;
	height: 74px;
}

.score__podium-step {
	position: absolute;
	bottom: 0;
	background-color: #9f3f12;
	display: flex;
	align-items: center;
	justify-content: center;
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.score__podium-step--2 {
	left: 0;
	width: 44px;
	height: 48px;
}

.score__podium-step--1 {
	left: 44px;
	width: 52px;
	height: 74px;
}

.score__podium-step--3 {
	left: 96px;
	width: 44px;
	height: 38px;
}

.score__badge {
	position: absolute;
	left: 58px;
	bottom: -200px;
	width: 250px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	
	background-color: #e49465;

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape5.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

.score__badge-inner {
	text-align: center;
}

.score__badge-title {
	margin-bottom: 18px;
	font-family: "Barlow Condensed", serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
	transform: rotate(-5deg);
}

.score__badge-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 0 10px;
}

@media (max-width: 1199px) {
	.score__panel {
		padding: 72px 48px 108px 48px;
	}

	.score__grid {
		column-gap: 32px;
	}

	.score__value {
		font-size: 76px;
	}

	.score__label {
		font-size: 1.25rem;
	}

	.score__badge {
		left: 32px;
		width: 260px;
		height: 260px;
		bottom: -96px;
	}
}

@media (max-width: 991px) {
	.score__panel {
		padding: 60px 36px 180px 36px;
	}

	.score__grid {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 28px;
		row-gap: 42px;
	}

	.score__value {
		font-size: 68px;
	}

	.score__label {
		margin-top: 24px;
		font-size: 1.25rem;
	}

	.score__badge {
		left: 50%;
		bottom: -110px;
		transform: translateX(-50%);
	}
}

@media (max-width: 767px) {
	.score__panel {
		padding: 44px 24px 180px 24px;
		border-radius: 0 0 20px 20px;
	}

	.score__grid {
		grid-template-columns: 1fr;
		row-gap: 36px;
	}

	.score__value {
		font-size: 56px;
	}

	.score__visual {
		margin-top: 22px;
		min-height: 56px;
	}

	.score__label {
		margin-top: 18px;
		font-size: 1.25rem;
	}

	.score__stars {
		gap: 8px;
	}

	.score__star {
		width: 30px;
		height: 30px;
	}

	.score__progress {
		max-width: 240px;
		border-width: 4px;
		padding: 6px;
	}

	.score__progress-bar {
		height: 34px;
		padding: 0 12px;
		font-size: 1.25rem;;
	}

	.score__podium {
		transform: scale(0.9);
		transform-origin: center center;
	}

	.score__badge {
		width: 220px;
		height: 220px;
		padding: 30px;
		bottom: -88px;
	}

	.score__badge-title {
		margin-bottom: 14px;
		font-size: 1.25rem;
	}
}
	

	
	
	
/* =========================================================
   FEATURED EVENTS
========================================================= */
	
	.events-overview {
	padding: 40px 0;
}

/
.events-overview__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
*/
	
.events-overview__columns {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.events-overview__card {
	flex: 1 1 calc(33.333% - 24px);
	border-radius: 0px;
	overflow: hidden;
}

.events-overview__card-media img {
	width: 100%;
	height: auto;
	max-height: 400px;
	display: block;
}

.events-overview__card-text {
	padding: 16px;
}

.events-overview {
	position: relative;
	overflow: hidden;
	padding: 120px 0 50px 0;
	background: #ef7a34;
}

.events-overview::before,
.events-overview::after {
	content: "";
	position: absolute;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	pointer-events: none;
}

.events-overview::before {
	left: -260px;
	bottom: 20px;
	width: 750px;
	height: 750px;
}

.events-overview::after {
    right: -750px;
    top: 20px;
    width: 1500px;
    height: 1500px;
}

.events-overview .container {
	position: relative;
	z-index: 2;
}

.events-overview__inner {
	position: relative;
}

.events-overview__columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 86px;
	align-items: start;
}

.events-overview__column {
	display: flex;
	flex-direction: column;
	gap: 118px;
}

.events-overview__column--right {
	padding-top: 6px;
}

.events-overview__intro {
	margin: 0 0 8px 0;
}
.events-overview__intro h2 {
	margin: 0;
	padding: 0;
	width: 60%;
}
.events-overview__title-regular {
	margin: 0;
	font-family: "Bree", serif;
	font-weight: 300;

	color: #ffffff;
}

.events-overview__title-accent {
	margin: 8px 0 0 0;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #ffffff;
}

.events-overview__title-divider {
	width: 176px;
	height: 0;
	margin: 36px 0 0 0;
	border-top: 4px dotted #ffffff;
	opacity: 0.95;
}

.events-overview__card {
	width: 100%;
}

.events-overview__card-media {
	margin: 0 0 34px 0;
}

.events-overview__card-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.events-overview__card-text {
	max-width: 100%;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.5;
	font-weight: 400;
	color: #ffffff;
}

.events-overview__card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 28px 0 0 0;
	padding-top: 26px;
	border-top: 4px dotted rgba(123, 45, 11, 0.55);
}

.events-overview__card-label {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 700;
	color: #ffffff;
	background: #9d7d23;
}

.events-overview__card-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 700;
	color: #8e3d11;
	text-decoration: none;
	white-space: nowrap;
}

.events-overview__card-link:hover {
	text-decoration: none;
	opacity: 0.9;
}

.events-overview__card-link span:first-child {
	display: inline-block;
	transform: translateY(-1px);
}

.events-overview__card-link-icon {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	background: #8e3d11;
	flex: 0 0 26px;
}

.events-overview__card-link-icon::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #ef7a34;
}

.events-overview__card--1 .events-overview__card-label {
	background: #9d8a2d;
}

.events-overview__card--2 .events-overview__card-label {
	background: #8c3d18;
}

.events-overview__card--3 .events-overview__card-label {
	background: #e1b53b;
}

.events-overview__card--4 .events-overview__card-label {
	background: #6d87a9;
}

/*
.events-overview__card--1,
.events-overview__card--3 {
	max-width: 520px;
}

.events-overview__card--2,
.events-overview__card--4 {
	max-width: 520px;
}
	
	*/

.events-overview__column--left .events-overview__card {
	margin-right: auto;
}

.events-overview__column--right .events-overview__card {
	margin-left: auto;
}

@media (max-width: 1360px) {
	.events-overview {
		padding: 100px 0 120px 0;
	}

	.events-overview__columns {
		column-gap: 56px;
	}

	.events-overview__column {
		gap: 88px;
	}

	.events-overview__title-regular,
	.events-overview__title-accent {
		font-size: 60px;
	}

	.events-overview__card-text {
		font-size: 21px;
	}

	.events-overview__card-link,
	.events-overview__card-label {
		font-size: 1.25rem;
	}
}

@media (max-width: 991px) {
	.events-overview {
		padding: 80px 0 96px 0;
	}

	.events-overview::before {
		left: -750px;
		bottom: -180px;
		width: 2000px;
		height: 2000px;
	}

	.events-overview::after {
		right: -160px;
		top: -100px;
		width: 320px;
		height: 320px;
	}

	.events-overview__columns {
		grid-template-columns: 1fr;
		row-gap: 72px;
	}

	.events-overview__column {
		gap: 72px;
	}

	.events-overview__column--right {
		padding-top: 0;
	}

	.events-overview__title-regular,
	.events-overview__title-accent {
		font-size: 56px;
	}

	.events-overview__card--1,
	.events-overview__card--2,
	.events-overview__card--3,
	.events-overview__card--4 {
		max-width: 100%;
	}

	.events-overview__column--left .events-overview__card,
	.events-overview__column--right .events-overview__card {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.events-overview {
		padding: 64px 0 72px 0;
	}

	.events-overview__columns {
		row-gap: 56px;
	}

	.events-overview__column {
		gap: 56px;
	}

	.events-overview__title-regular,
	.events-overview__title-accent {
		font-size: 42px;
		line-height: 0.98;
	}

	.events-overview__title-divider {
		width: 132px;
		margin-top: 24px;
		border-top-width: 3px;
	}

	.events-overview__card-media {
		margin-bottom: 22px;
	}

	.events-overview__card-text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}

	.events-overview__card-footer {
		flex-direction: row;
		align-items: center;
		gap: 18px;
		margin-top: 20px;
		padding-top: 18px;
	}

	.events-overview__card-label {
		min-height: 38px;
		padding: 0 12px;
		font-size: 1.25rem;;
	}

	.events-overview__card-link {
		gap: 10px;
		font-size: 1.25rem;;
	}

	.events-overview__card-link-icon {
		width: 22px;
		height: 22px;
		flex-basis: 22px;
	}

	.events-overview__card-link-icon::before {
		left: 8px;
		top: 5px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #ef7a34;
	}
}

	
	
/* =========================================================
   BLOCKS: INTRO
========================================================= */

.farewell-hero {
	position: relative;
	overflow: hidden;
}

.farewell-hero__inner {
	position: relative;
	padding-bottom: 80px;
	z-index: 2;
}

.farewell-hero__top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
}
	
.farewell-hero__top {
	position: relative;
}

.farewell-hero__shape {
	position: absolute;
	inset: 0;
	top: -10vh;
	right: 0;
	pointer-events: none;
	z-index: 0;

	background-color: ;
	opacity: 0.25;

	-webkit-mask-image: url('');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 120% top;
	-webkit-mask-size: 50% auto;

	mask-image: url('');
	mask-repeat: no-repeat;
	mask-position: 120% top;
	mask-size: 50% auto;
}

.farewell-hero__badge,
.farewell-hero__dots {
	position: relative;
	z-index: 1;
}

.farewell-hero__badge {
	display: flex;
	align-items: center;
	gap: 20px;
}

.farewell-hero__badge-icon {
	width: 100px;
	height: 100px;
	flex: 0 0 72px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.farewell-hero__badge-icon picture,
.farewell-hero__badge-icon img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.farewell-hero__badge-text {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(45px, 3vw, 65px);
	line-height: 1.05;
	color: #ffffff;
}

.farewell-hero__dots {
	display: block;
	width: 330px;
	max-width: 100%;
	height: 0;
	border-top: 4px dotted rgba(255, 255, 255, 0.9);
}

.farewell-hero__title {
	max-width: 1500px;
	margin: 0 0 72px 0;
	font-family: "Bree", serif;
	font-weight: 400;
	line-height: 0.92;
	color: #ffffff;
	width: 60%;
}

.farewell-hero__title-bold,
.farewell-hero__title-plain {
	display: block;
}

.farewell-hero__title-bold {
	font-weight: 700;
	font-size: 120px;
	line-height: 0.9;
}

.farewell-hero__title-plain {
	font-weight: 300;
	font-size: 100px;
	line-height: 0.95;
	margin-top: 10px;
}

.farewell-hero__textgrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 72px;
	row-gap: 32px;
	max-width: 100%;
}

.farewell-hero__text {
	font-family: "Barlow Condensed", sans-serif;
	font-size: clamp(18px, 1.4vw, 24px);
	font-weight: 600;
	line-height: 1.4;
	color: #ffffff;
}

.farewell-hero__text p {
	margin: 0;
}

.farewell-hero__text p + p {
	margin-top: 16px;
}


/* decoratieve vormen */

	/*
.farewell-hero::before {
	content: "";
	position: absolute;
	top: 40px;
	right: 140px;
	width: 150px;
	height: 150px;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.06);
	z-index: 1;
}

.farewell-hero::after {
	content: "";
	position: absolute;
	top: 210px;
	right: -80px;
	width: 250px;
	height: 250px;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.05);
	z-index: 1;
}

.farewell-hero__inner::before {
	content: "";
	position: absolute;
	right: 180px;
	top: 170px;
	width: 300px;
	height: 520px;
	background-color: rgba(255, 255, 255, 0.05);
	clip-path: polygon(50% 0%, 82% 26%, 100% 72%, 74% 100%, 26% 100%, 0% 72%, 18% 26%);
	z-index: 1;
}

.farewell-hero__inner::after {
	content: "";
	position: absolute;
	right: 120px;
	bottom: 0;
	width: 320px;
	height: 160px;
	background-color: rgba(255, 255, 255, 0.04);
	z-index: 1;
}
*/


/* inhoud boven decoratie */

.farewell-hero__top,
.farewell-hero__title,
.farewell-hero__textgrid {
	position: relative;
	z-index: 2;
}


/* responsive */

@media (max-width: 1200px) {
	.farewell-hero__badge-text {
		font-size: 46px;
	}

	.farewell-hero__title-bold {
		font-size: 100px;
	}

	.farewell-hero__title-plain {
		font-size: 100px;
	}

	.farewell-hero__text {
		font-size: 21px;
	}

	.farewell-hero__inner::before {
		right: 80px;
		width: 240px;
		height: 420px;
	}
}

@media (max-width: 900px) {
	.farewell-hero__inner {
		padding-top: 48px;
		padding-bottom: 56px;
	}

	.farewell-hero__top {
		margin-bottom: 40px;
	}

	.farewell-hero__badge {
		gap: 16px;
	}

	.farewell-hero__badge-icon {
		width: 60px;
		height: 60px;
		flex-basis: 60px;
	}

	.farewell-hero__badge-text {
		font-size: 38px;
	}

	.farewell-hero__dots {
		width: 240px;
	}

	.farewell-hero__title {
		margin-bottom: 48px;
	}

	.farewell-hero__title-bold {
		font-size: 64px;
	}

	.farewell-hero__title-plain {
		font-size: 56px;
	}

	.farewell-hero__textgrid {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 24px;
	}

	.farewell-hero__text {
		font-size: 1.25rem;
		hyphens: auto;
	}

	.farewell-hero__inner::before,
	.farewell-hero__inner::after,
	.farewell-hero::before,
	.farewell-hero::after {
		opacity: 0.5;
	}
}

@media (max-width: 640px) {
	.farewell-hero__title-bold {
		font-size: 48px;
	}

	.farewell-hero__title-plain {
		font-size: 42px;
	}

	.farewell-hero__text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}
}
	
	
/* =========================================================
   BLOCKS: WHY SCHELLEBOOM
========================================================= */

.why-schelleboom {
}

.why-schelleboom__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
	column-gap: 120px;
	row-gap: 48px;
	align-items: start;
}

.why-schelleboom__content {
	min-width: 0;
}

.why-schelleboom__title {
	margin: 0 0 20px 0;
	color: #ffffff;
	line-height: 1.2;
}

.why-schelleboom__title-plain,
.why-schelleboom__title-bold {
	display: block;
}

.why-schelleboom__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
}

.why-schelleboom__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
}

.why-schelleboom__text {
	max-width: 760px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	color: #ffffff;
}

.why-schelleboom__text p {
	margin: 0;
}

.why-schelleboom__text p + p {
	margin-top: 18px;
}

.why-schelleboom__list-wrap {
	min-width: 0;
	padding-top: 8px;
}

.why-schelleboom__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.why-schelleboom__item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	column-gap: 20px;
	align-items: start;
}




/* responsive */

@media (max-width: 1400px) {
	.why-schelleboom__grid {
		column-gap: 80px;
	}

	.why-schelleboom__title-plain {
		font-size: 78px;
	}

	.why-schelleboom__title-bold {
		font-size: 82px;
	}

	.why-schelleboom__text {
		font-size: 1.25rem;
	}

	.why-schelleboom__item-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 1100px) {
	.why-schelleboom__grid {
		grid-template-columns: 1fr;
		row-gap: 56px;
	}

	.why-schelleboom__title {
		margin-bottom: 40px;
	}

	.why-schelleboom__title-plain {
		font-size: 64px;
	}

	.why-schelleboom__title-bold {
		font-size: 68px;
	}

	.why-schelleboom__text {
		font-size: 1.25rem;
		max-width: none;
	}

	.why-schelleboom__list {
		gap: 28px;
	}

	.why-schelleboom__item {
		grid-template-columns: 34px minmax(0, 1fr);
		column-gap: 24px;
	}

	.why-schelleboom__dot {
		width: 20px;
		height: 20px;
		margin-top: 8px;
	}

	.why-schelleboom__item-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 700px) {
	.why-schelleboom__title-plain {
		font-size: 46px;
	}

	.why-schelleboom__title-bold {
		font-size: 50px;
	}

	.why-schelleboom__text {
		font-size: 1.25rem;
		line-height: 1.45;
	}

	.why-schelleboom__item-text {
		font-size: 1.25rem;
		line-height: 1.3;
	}
}
	

/* =========================================================
   BLOCKS: SIMPLE HEADING
========================================================= */

.simple-heading {
	position: relative;
	overflow: hidden;
	margin-bottom: -50px;
}

.simple-heading__inner {
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 2;
}

.simple-heading__title {
	margin: 0;
	text-align: center;
	text-wrap: balance;
	color: #ffffff;
	width: 75%;
}

.simple-heading__title-plain,
.simple-heading__title-bold {
	display: block;
}

.simple-heading__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
}

.simple-heading__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
	margin-top: 8px;
}

@media (max-width: 1200px) {
	.simple-heading__title-plain {
		font-size: 96px;
	}

	.simple-heading__title-bold {
		font-size: 92px;
	}

	.simple-heading::after {
		width: 280px;
		height: 280px;
		right: 80px;
	}
}

@media (max-width: 800px) {
	.simple-heading__inner {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.simple-heading__title-plain {
		font-size: 64px;
	}

	.simple-heading__title-bold {
		font-size: 62px;
	}

	.simple-heading::after {
		width: 180px;
		height: 180px;
		right: 20px;
		top: -20px;
	}
}

@media (max-width: 520px) {
	.simple-heading__title-plain {
		font-size: 44px;
	}

	.simple-heading__title-bold {
		font-size: 42px;
	}
}
	

	
	
	/* =========================================================
   BLOCKS: TESTIMONIAL SLIDER -- REVIEWS
========================================================= */

.testimonial-slider--reviews {

}

.testimonial-slider--reviews .testimonial-slider__inner {
	position: relative;
	padding-top: 40px;
}

.testimonial-slider--reviews .testimonial-slider__label-wrap {
	position: relative;
	z-index: 3;
	margin-bottom: -30px;
}

.testimonial-slider--reviews .testimonial-slider__label {
	display: inline-flex;
	align-items: center;
	padding: 5px 15px 5px 15px;
	background-color: var(--category-color-secondary);	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 45px;
	line-height: 1;
	color: var(--category-color);
}

.testimonial-slider--reviews .testimonial-slider__panel {
	position: relative;
	background-color: var(--category-color-light);
	min-height: 400px;
	padding: 75px 0px 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-slider--reviews .testimonial-slider__viewport {
	width: 100%;
}

.testimonial-slider--reviews .testimonial-slider__track {
	width: 100%;
}

.testimonial-slider--reviews .testimonial-slider__slide {
	width: 100%;
}

.testimonial-slider--reviews .testimonial-slider__content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.testimonial-slider--reviews .testimonial-slider__quote {
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;    font-size: 1.25rem;
    line-height: 1.55;
	color: #000000;
	text-wrap: balance;
}

.testimonial-slider--reviews .testimonial-slider__author {
	margin-top: 42px;
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 34px;
	line-height: 1.2;
	color: #000000;
}

.testimonial-slider--reviews .testimonial-slider__rating {
	margin-top: 42px;
	display: flex;
	justify-content: center;
	gap: 18px;
}

.testimonial-slider--reviews .testimonial-slider__star {
	font-size: 72px;
	line-height: 1;
	color: #7186a0;
}

.testimonial-slider--reviews .testimonial-slider__button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 74px;
	height: 74px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background-color: var(--category-color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.testimonial-slider--reviews .testimonial-slider__button--prev {
	left: 50px;
}

.testimonial-slider--reviews .testimonial-slider__button--next {
	right: 50px;
}

.testimonial-slider--reviews .testimonial-slider__arrow {
	display: block;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}

.testimonial-slider--reviews .testimonial-slider__arrow--left {
	border-right: 24px solid #a8b5c6;
	margin-left: -4px;
}

.testimonial-slider--reviews .testimonial-slider__arrow--right {
	border-left: 24px solid #a8b5c6;
	margin-right: -4px;
}


/* responsive */

@media (max-width: 1400px) {
	.testimonial-slider--reviews .testimonial-slider__panel {
		padding: 110px 120px 90px 120px;
		min-height: 680px;
	}

	.testimonial-slider--reviews .testimonial-slider__quote {
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__author {
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__star {
		font-size: 64px;
	}

	.testimonial-slider--reviews .testimonial-slider__button--prev {
		left: 60px;
	}

	.testimonial-slider--reviews .testimonial-slider__button--next {
		right: 60px;
	}
}

@media (max-width: 1024px) {
	.testimonial-slider--reviews .testimonial-slider__label-wrap {
		padding-left: 40px;
		margin-bottom: -26px;
	}

	.testimonial-slider--reviews .testimonial-slider__label {
		min-height: 72px;
		padding: 14px 22px 12px 22px;
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__panel {
		padding: 100px 100px 80px 100px;
		min-height: 560px;
	}

	.testimonial-slider--reviews .testimonial-slider__quote {
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__author {
		margin-top: 34px;
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__rating {
		margin-top: 34px;
		gap: 14px;
	}

	.testimonial-slider--reviews .testimonial-slider__star {
		font-size: 56px;
	}

	.testimonial-slider--reviews .testimonial-slider__button {
		width: 60px;
		height: 60px;
	}

	.testimonial-slider--reviews .testimonial-slider__button--prev {
		left: 24px;
	}

	.testimonial-slider--reviews .testimonial-slider__button--next {
		right: 24px;
	}

	.testimonial-slider--reviews .testimonial-slider__arrow {
		border-top-width: 12px;
		border-bottom-width: 12px;
	}

	.testimonial-slider--reviews .testimonial-slider__arrow--left {
		border-right-width: 18px;
	}

	.testimonial-slider--reviews .testimonial-slider__arrow--right {
		border-left-width: 18px;
	}
}

@media (max-width: 700px) {
	.testimonial-slider--reviews .testimonial-slider__label-wrap {
		padding-left: 20px;
		margin-bottom: -20px;
	}

	.testimonial-slider--reviews .testimonial-slider__label {
		min-height: 60px;
		padding: 12px 18px 10px 18px;
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__panel {
		min-height: 0;
		padding: 90px 64px 64px 64px;
		border-radius: 0 0 20px 20px;
	}

	.testimonial-slider--reviews .testimonial-slider__quote {    font-size: 1.25rem;
    line-height: 1.55;
	}

	.testimonial-slider--reviews .testimonial-slider__author {
		font-size: 1.25rem;
	}

	.testimonial-slider--reviews .testimonial-slider__star {
		font-size: 42px;
		gap: 10px;
	}

	.testimonial-slider--reviews .testimonial-slider__button {
		width: 48px;
		height: 48px;
		top: auto;
		bottom: 20px;
		transform: none;
	}

	.testimonial-slider--reviews .testimonial-slider__button--prev {
		left: 20px;
	}

	.testimonial-slider--reviews .testimonial-slider__button--next {
		right: 20px;
	}
}
	
.testimonial-slider--reviews .testimonial-slider__star {
	font-size: 72px;
	line-height: 1;
	color: rgba(113, 134, 160, 0.35);
}

.testimonial-slider--reviews .testimonial-slider__star.is-active {
	color: var(--category-color);
}
	
	
/* =========================================================
   BLOCKS: CONTACT CTA
========================================================= */

.contact-cta-page {
	position: relative;
	overflow: hidden;
}

.contact-cta-page__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 60px;
	align-items: start;
}

.contact-cta-page__title {
	margin: 0 0 48px 75px;
	font-family: "Bree", serif;
	font-weight: 700;
	color: var(--category-color-secondary);
}

.contact-cta-page__circle {
	width: 400px;
	height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	padding: 40px;
	gap: 24px;
	position: relative;
	left: 75px;

	background-color: var(--category-color-secondary);

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;

	transition: 
	transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
	filter 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
	
.contact-cta-page__circle:hover {
	transform: scale(1.1)
}

.contact-cta-page__circle-text {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 65px;
	line-height: 1.1;
	color: #7186a0;
}

.contact-cta-page__circle-arrow {
	display: block;
	width: 0;
	height: 0;
	border-left: 26px solid #7186a0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	margin-top: 8px;
}

.contact-cta-page__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #ffffff;
}

.contact-cta-page__text p {
	margin: 0;
}

.contact-cta-page__text p + p {
	margin-top: 24px;
}


/* decor */

.contact-cta-page::before {
	content: "";
	position: absolute;
	right: 120px;
	top: 60px;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.06);
}

	/*
.contact-cta-page::after {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -60px;
	width: 320px;
	height: 180px;
	background-color: rgba(255, 255, 255, 0.05);
	transform: rotate(-12deg);
}
	*/


/* responsive */

@media (max-width: 1200px) {
	.contact-cta-page__grid {
		column-gap: 80px;
	}

	.contact-cta-page__title {
		font-size: 88px;
	}

	.contact-cta-page__circle {
		width: 320px;
		height: 320px;
	}

	.contact-cta-page__circle-text {
		font-size: 36px;
	}

	.contact-cta-page__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.contact-cta-page__grid {
		grid-template-columns: 1fr;
	}

	.contact-cta-page__title {
		font-size: 64px;
	}

	.contact-cta-page__circle {
		width: 280px;
		height: 280px;
	}

	.contact-cta-page__circle-text {
		font-size: 1.25rem;
	}

	.contact-cta-page__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.contact-cta-page__title {
		font-size: 48px;
	}

	.contact-cta-page__circle {
		width: 240px;
		height: 240px;
	}

	.contact-cta-page__circle-text {
		font-size: 1.25rem;
	}

	.contact-cta-page__text {    font-size: 1.25rem;
    line-height: 1.55;
	}
}

	
	/* =========================================================
   BLOCKS: GALLERY SLIDER
========================================================= */

.gallery-slider {
	overflow: hidden;
}

.gallery-slider__top {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-bottom: 40px;
}

.gallery-slider__label {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	color: #FFFFFF;
}
	
	
body.page-id-66 .gallery-slider__label {
	color: #000000 !important;	
}
	
	

.gallery-slider__nav {
	display: flex;
	align-items: center;
	gap: 18px;
}

.gallery-slider__button {
	width: 64px;
	height: 64px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.gallery-slider__arrow {
	display: block;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
}

.gallery-slider__arrow--left {
	border-right: 20px solid #7186a0;
	margin-left: -4px;
}

.gallery-slider__arrow--right {
	border-left: 20px solid #7186a0;
	margin-right: -4px;
}

.gallery-slider__viewport {
	overflow: hidden;
}

.gallery-slider__track {
	display: flex;
	gap: 48px;
	will-change: transform;
	transition: transform 300ms ease;
}

.gallery-slider__slide {
	flex: 0 0 calc((100% - 96px) / 2.4);
}

.gallery-slider__image-wrap {
	aspect-ratio: 1 / 1;
	background-color: #203955;
	overflow: hidden;
}

.gallery-slider__image-wrap picture,
.gallery-slider__image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
}

.gallery-slider__image-wrap img {
	object-fit: cover;
	object-position: center center;
}

@media (max-width: 900px) {
	.gallery-slider__top {
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 28px;
	}

	.gallery-slider__label {
		font-size: 40px;
	}

	.gallery-slider__button {
		width: 52px;
		height: 52px;
	}

	.gallery-slider__arrow {
		border-top-width: 10px;
		border-bottom-width: 10px;
	}

	.gallery-slider__arrow--left {
		border-right-width: 16px;
	}

	.gallery-slider__arrow--right {
		border-left-width: 16px;
	}

	.gallery-slider__track {
		gap: 24px;
	}

	.gallery-slider__slide {
		flex: 0 0 calc((100% - 24px) / 1.2);
	}
}

@media (max-width: 600px) {
	.gallery-slider__label {
		font-size: 32px;
	}

	.gallery-slider__slide {
		flex: 0 0 100%;
	}
}
	

	
	/* =========================================================
   BLOCKS: CENTERED TEXT
========================================================= */

.centered-text {

}

.centered-text__inner {
	padding-top: 50px;
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
}

.centered-text__content {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;    font-size: 1.25rem;
    line-height: 1.55;
	color: #ffffff;
}

.centered-text__content p {
	margin: 0;
}

.centered-text__content p + p {
	margin-top: 24px;
}

@media (max-width: 900px) {
	.centered-text__inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.centered-text__content {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.centered-text__inner {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.centered-text__content {    font-size: 1.25rem;
    line-height: 1.55;
	}
}
	

	
	/* =========================================================
   BLOCKS: PRICING
========================================================= */

.pricing {
}

.pricing__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 120px;
	row-gap: 60px;
}

.pricing__item {
	text-align: center;
}

.pricing__label {
	display: inline-block;
	padding: 14px 28px 12px 28px;
	background-color: #e6cfc2;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 34px;
	line-height: 1;
	color: #8f2e12;

	margin-bottom: 40px;
}

.pricing__price {
	font-family: "Barlow Condensed", serif;
	font-weight: 700;
	font-size: 80px;
	line-height: 1;
	color: #ffffff;

	margin-bottom: 28px;
}

.pricing__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;    font-size: 1.25rem;
    line-height: 1.55;
	color: #ffffff;

	max-width: 420px;
	margin: 0 auto;
}

.pricing__text p {
	margin: 0;
}

.pricing__text p + p {
	margin-top: 18px;
}


/* responsive */

@media (max-width: 1200px) {
	.pricing__grid {
		column-gap: 60px;
	}

	.pricing__price {
		font-size: 72px;
	}

	.pricing__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.pricing__grid {
		grid-template-columns: 1fr;
		row-gap: 60px;
	}

	.pricing__price {
		font-size: 64px;
	}

	.pricing__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.pricing__label {
		font-size: 1.25rem;
		padding: 10px 18px;
	}

	.pricing__price {
		font-size: 48px;
	}

	.pricing__text {
		font-size: 1.25rem;
	}
}
	
	
	
	/* =========================================================
   BLOCKS: OVERVIEW
========================================================= */

.overview {
	background-color: #e6cfc2;
	background-image:
		url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/zakelijk-page-bg-shape.svg'),
		url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/zakelijk-page-bg-shape-bottom.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: top center, bottom -2px center;
	background-size: 120%, 120%;
	padding-bottom: 120px;
}
	
.overview::before,
.overview::after {
	content: "";
	position: absolute;
	display: block;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 0;
}

.overview::before {
	top: 180px;
	right: -400px;
	width: 1000px;
	height: 1000px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/overview_shape_light_1.svg');
	opacity: 0.35;
}

.overview::after {
	left: -400px;
	bottom: 120px;
	width: 1000px;
	height: 1000px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/overview_shape_light_2.svg');
	opacity: 0.28;
}

.overview__title {
	text-align: center;
	margin: 125px 0px 80px 0px;
}

.overview__title-bold,
.overview__title-plain {
	display: block;
}

.overview__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 96px;
	line-height: 0.9;
	color: #8f2e12;
}

.overview__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
	font-size: 72px;
	line-height: 1;
	color: #8f2e12;
	margin-top: 12px;
}

.overview__list {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.overview__grid {
	position: relative;
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	column-gap: 80px;
	padding-bottom: 50px;
}

.overview__grid::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-image: repeating-linear-gradient(
		to right,
		var(--category-color-secondary) 0px,
		var(--category-color-secondary) 6px,
		transparent 6px,
		transparent 16px
	);
}

.overview__item:last-child .overview__grid::after {
	display: none;
}

.overview__label {
	display: inline-block;
	padding: 10px 20px;
	background-color: #8f2e12;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 1.5rem;
	color: #ffffff;

	margin-bottom: 24px;
}

.overview__capacity {
	font-family: "Barlow Condensed", serif;
	font-weight: 700;
	font-size: 4rem;
	color: #000000;
	margin-bottom: 12px;
}

.overview__subtitle {
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	color: #000000;
}

.overview__text {
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 40px;
}

.overview__features {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.overview__feature {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	column-gap: 24px;
}

.overview__dot {
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background-color: #8f2e12;
	margin-top: 15px;
}

.overview__feature-title {
	font-family: "Barlow Condensed", serif;
	font-weight: 700;
	font-size: 1.35rem;
	color: #8f2e12;
	margin-bottom: 6px;
}

.overview__feature-text {
	 font-family: "Barlow Condensed", sans-serif;    font-size: 1.25rem;
    line-height: 1.55;
	color: #000000;
}

	.overview {
	position: relative;
}
	
@media (max-width: 1000px) {
	.overview__grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.overview__title-bold {
		font-size: 72px;
	}

	.overview__title-plain {
		font-size: 56px;
	}
}

@media (max-width: 600px) {
	.overview__title-bold {
		font-size: 48px;
	}

	.overview__title-plain {
		font-size: 38px;
	}

	.overview__capacity {
		font-size: 48px;
	}

	.overview__text {
		font-size: 1.25rem;
	}

	.overview__feature-title {
		font-size: 1.25rem;
	}

	.overview__feature-text {
		font-size: 1.25rem;
	}
}
	
	
	/* =========================================================
   BLOCKS: ROOM TEASERS
========================================================= */

.room-teasers {
	position: relative;
	overflow: hidden;

	background: linear-gradient(
		to bottom,
		var(--category-color-secondary) 0%,
		var(--category-color-secondary) 70%,
		var(--category-color) 70%,
		var(--category-color) 100%
	);
}

.room-teasers__inner {
	position: relative;
	z-index: 2;
}

.room-teasers__intro {
	max-width: 760px;
	margin-bottom: 72px;
}

.room-teasers__title {
	margin: 0 0 40px 0;
	font-family: "Bree", serif;
	font-weight: 300;
	color: #ffffff;
}

.room-teasers__text {
	max-width: 700px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.45;
	color: #ffffff;
}

.room-teasers__text p {
	margin: 0;
}

.room-teasers__text p + p {
	margin-top: 18px;
}

.room-teasers__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 56px;
	row-gap: 48px;
	align-items: start;
}

.room-teasers__card {
	display: block;
	text-decoration: none;
	color: inherit;
}

.room-teasers__card-title {
	margin-bottom: 24px;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	color: var(--category-color);
}

.room-teasers__card-media {
	position: relative;
	aspect-ratio: 1 / 1.05;
	background-color: #e7a543;
	overflow: hidden;
}

.room-teasers__card-media picture,
.room-teasers__card-media img {
	display: block;
	width: 100%;
	height: 100%;
}

.room-teasers__card-media img {
	object-fit: cover;
	object-position: center center;
}

.room-teasers__card:hover .room-teasers__card-media,
.room-teasers__card:focus-visible .room-teasers__card-media {
	transform: translateY(-4px);
}

.room-teasers__card .room-teasers__card-media {
	transition: transform 220ms ease;
}

.room-teasers__card:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 6px;
}

@media (max-width: 1100px) {
	.room-teasers {
		background:
			linear-gradient(to bottom, #444716 0, #444716 420px, #9d922d 420px, #9d922d 100%);
	}

	.room-teasers__title {
		font-size: 72px;
	}

	.room-teasers__text {
		font-size: 1.25rem;
	}

	.room-teasers__card-title {
		font-size: 34px;
	}

	.room-teasers__grid {
		column-gap: 32px;
	}
}

@media (max-width: 800px) {
	.room-teasers {
		background:
			linear-gradient(to bottom, #444716 0, #444716 100%, #9d922d 100%);
	}

	.room-teasers__intro {
		margin-bottom: 48px;
	}

	.room-teasers__grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.room-teasers__title {
		font-size: 54px;
	}

	.room-teasers__text {
		font-size: 1.25rem;
	}

	.room-teasers__card-title {
		font-size: 1.25rem;
	}
}
	
	
	/* =========================================================
   BLOCKS: VOLUNTEER HERO
========================================================= */

.volunteer-hero {

}

.volunteer-hero__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: 64px;
	align-items: center;
}

.volunteer-hero__label-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;
}

	
.volunteer-hero__icon {
	width: 100px;
	height: 100px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
}

.volunteer-hero__icon picture,
.volunteer-hero__icon img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
}
	
	
.volunteer-hero__label {
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 1.25rem;
	color: #000;
}

.volunteer-hero__dots {
	width: 160px;
	height: 2px;
	background-image: radial-gradient(#000 2px, transparent 2px);
	background-size: 10px 2px;
	background-repeat: repeat-x;
	margin-bottom: 24px;
}

.volunteer-hero__title {
	margin: 0 0 24px;
	line-height: 1.1;
}

.volunteer-hero__title-plain {
	display: block;
	font-family: "Bree", serif;
	font-weight: 300;
	font-size: 64px;
}

.volunteer-hero__title-bold {
	display: block;
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 64px;
}

.volunteer-hero__text {
	max-width: 520px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.volunteer-hero__media {
	position: relative;
}

.volunteer-hero__image-wrap {
	position: relative;
}

.volunteer-hero__image {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.volunteer-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.volunteer-hero__badge {
	position: absolute;
	left: -40px;
	bottom: -40px;
	width: 180px;
	height: 180px;
	background-color: #e8772e;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
}

.volunteer-hero__badge-text {
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.25rem;;
	color: #fff;
	transform: rotate(-10deg);
}

@media (max-width: 900px) {
	.volunteer-hero__title-plain,
	.volunteer-hero__title-bold {
		font-size: 48px;
	}

	.volunteer-hero__badge {
		width: 140px;
		height: 140px;
		left: -20px;
		bottom: -20px;
	}
}
	
	
	
	/* =========================================================
   BLOCKS: STATEMENT SPLIT
========================================================= */

.statement-split {
	position: relative;
	overflow: hidden;
}

.statement-split__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 48px;
	align-items: start;
}

.statement-split__left {
	position: relative;
	min-width: 0;
}

.statement-split__left::before {
	content: "";
	position: absolute;
	left: 40px;
	width: 360px;
	height: 360px;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.16);
	z-index: 1;
}

.statement-split__intro,
.statement-split__title {
	position: relative;
	z-index: 2;
}

.statement-split__intro {
	max-width: 520px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	text-align: center;
	color: #000000;
}

.statement-split__title {
	max-width: 520px;
	margin: 0;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
	text-align: center;
}

.statement-split__text {
	max-width: 620px;
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.statement-split__text p {
	margin: 0;
}

.statement-split__text p + p {
	margin-top: 34px;
}

@media (max-width: 1200px) {
	.statement-split__grid {
		column-gap: 80px;
	}

	.statement-split__intro {
		font-size: 1.25rem;
	}

	.statement-split__title {
		font-size: 82px;
	}

	.statement-split__text {
		font-size: 1.25rem;
	}

	.statement-split__left::before {
		width: 280px;
		height: 280px;
		left: 20px;
		top: 70px;
	}
}

@media (max-width: 900px) {
	.statement-split__grid {
		grid-template-columns: 1fr;
		row-gap: 48px;
	}

	.statement-split__intro,
	.statement-split__title {
		max-width: none;
		text-align: left;
	}

	.statement-split__text {
		max-width: none;
		font-size: 1.25rem;
	}

	.statement-split__title {
		font-size: 64px;
	}

	.statement-split__intro {
		font-size: 1.25rem;
	}

	.statement-split__left::before {
		left: 0;
		top: 60px;
		width: 220px;
		height: 220px;
	}
}

@media (max-width: 600px) {
	.statement-split__title {
		font-size: 46px;
	}

	.statement-split__intro,
	.statement-split__text {    font-size: 1.25rem;
    line-height: 1.55;
	}
}
	
	
	/* =========================================================
   BLOCKS: FORM PANEL
========================================================= */

.form-panel__inner {
	position: relative;
}

.form-panel__label-wrap {
	position: relative;
	z-index: 2;
	margin-bottom: -24px;
	padding-left: 80px;
}

.form-panel__label {
	display: inline-block;
	padding: 16px 22px 14px 22px;
	background-color: #f07a2b;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #ffffff;
}

.form-panel__box {
	background-color: #efebe3;
	padding: 80px 80px 96px 80px;
	margin-bottom: 100px;
}

.form-panel__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	column-gap: 56px;
	row-gap: 48px;
	align-items: start;
}

.form-panel__aside {
	min-width: 0;
}

.form-panel__icon {
	margin-bottom: 40px;
}

.form-panel__icon picture,
.form-panel__icon img {
	display: block;
	width: 100%;
	height: auto;
}

.form-panel__intro {
	 font-family: "Barlow Condensed", sans-serif;    font-size: 1.25rem;
    line-height: 1.55;
	color: #000000;
}

.form-panel__intro p {
	margin: 0;
}

.form-panel__intro p + p {
	margin-top: 18px;
}

@media (max-width: 1000px) {
	.form-panel__box {
		padding: 64px 40px 72px 40px;
	}

	.form-panel__grid {
		grid-template-columns: 1fr;
	}

	.form-panel__label-wrap {
		padding-left: 40px;
	}
}

@media (max-width: 600px) {
	.form-panel__box {
		padding: 48px 24px 56px 24px;
	}

	.form-panel__label {
		font-size: 1.25rem;
	}
}
	
	
	/* =========================================================
   BLOCKS: LOGO GRID
========================================================= */

.logo-grid {
	margin-bottom: 100px;
}

.logo-grid__title {
	margin: 0 0 56px 0;
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	color: #000000;
}

.logo-grid__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 120px;
	row-gap: 72px;
	align-items: center;
}

.logo-grid__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	text-decoration: none;
	color: inherit;
}

.logo-grid__media {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-grid__media picture,
.logo-grid__media img {
	display: block;
	max-width: 70%;
	max-height: 180px;
	width: auto;
	height: auto;
}

.logo-grid__item:hover .logo-grid__media,
.logo-grid__item:focus-visible .logo-grid__media {
	transform: scale(1.03);
}

.logo-grid__item .logo-grid__media {
	transition: transform 180ms ease;
}

.logo-grid__item:focus-visible {
	outline: 2px solid #000000;
	outline-offset: 6px;
}

@media (max-width: 1000px) {
	.logo-grid__grid {
		column-gap: 60px;
		row-gap: 56px;
	}

	.logo-grid__item {
		min-height: 140px;
	}

	.logo-grid__media picture,
	.logo-grid__media img {
		max-height: 140px;
	}
}

@media (max-width: 700px) {
	.logo-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 32px;
		row-gap: 40px;
	}

	.logo-grid__title {
		font-size: 1.25rem;
		margin-bottom: 40px;
	}
}

@media (max-width: 480px) {
	.logo-grid__grid {
		grid-template-columns: 1fr;
	}

	.logo-grid__item {
		min-height: 120px;
	}

	.logo-grid__media picture,
	.logo-grid__media img {
		max-height: 120px;
	}
}
	
	
/* =========================================================
   BLOCKS: DONATION HERO
========================================================= */


.page-id-40 .donation-hero {
	margin-top: 0px;
}


.page-id-40 .text-media__media {
    top: 60px;
}

	
.page-id-40 .text-media__title {
	color: #000000;
}
.page-id-40 {
	background: linear-gradient(
		to bottom,
		#e0cda9 0px,
		#e0cda9 950px,
		#e6d7ba 950px,
		#e6d7ba 100%
	);
}
.page-id-40 .text-media__badge::before {
	background: #e0cda9 !important;
}
	
	
.page-id-40 .form-panel__box {
	margin-top: -35px;
}
	
.page-id-42 .main {
	position: relative;
}

.page-id-42 .main::before {
	content: "";
	position: absolute;
	top: -250px;
	left: 0;
	width: 100%;
	height: 1500px;
	background: #d6c5a2;
	z-index: 0;
	pointer-events: none;
}

.page-id-42 .main > * {
	position: relative;
	z-index: 1;
}
	
	
.donation-hero {
	position: relative;
	overflow: hidden;
	margin-top: -135px;
}

.donation-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
	column-gap: 72px;
	row-gap: 48px;
	align-items: center;
}

.donation-hero__content {
	min-width: 0;
}

.donation-hero__top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	margin-bottom: 56px;
}

.donation-hero__label-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.donation-hero__icon {
	width: 75px;
	height: 75px;
	flex: 0 0 100px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.donation-hero__icon picture,
.donation-hero__icon img {
	display: block;
	width: 75px;
	height: 75px;
	object-fit: contain;
}

.donation-hero__label {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(45px, 3vw, 65px);
	line-height: 1;
	color: #000000;
}

.donation-hero__dots {
	display: block;
	width: 370px;
	max-width: 100%;
	height: 0;
	border-top: 4px dotted #000000;
}

.donation-hero__text {
	max-width: 760px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.donation-hero__text p {
	margin: 0;
}

.donation-hero__text p + p {
	margin-top: 20px;
}

.donation-hero__media {
	position: relative;
	min-width: 0;
}

.donation-hero__media-inner {
	position: relative;
	min-height: 640px;
}

/* afbeelding */
.donation-hero__image {
	position: absolute;
	right: 20px;
	bottom: -40px;
	width: 560px;
	max-width: 100%;
	z-index: 3;
}

.donation-hero__image picture,
.donation-hero__image img {
	display: block;
	width: 100%;
	height: auto;
}

/* harten */
.donation-hero__heart {
	position: absolute;
	display: block;

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/heart.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/heart.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}
	
.page-template-page-program .donation-hero__heart {
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/ticket.svg');
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/ticket.svg');
}
.page-template-page-program .donation-hero__heart--small-1,
.page-template-page-program .donation-hero__heart--small-2 {
	display: none;
}

.page-template-page-program .donation-hero__heart--large {
	width: 650px;
	height: 650px;
	top: -75px;
	background-color: #f7ebda;
}
.page-template-page-program .donation-hero__media-inner {
	min-height: 100%;
	height: 100%;
}
	
.page-template-page-program .donation-hero__grid {
	margin-top: 0px;
}
.page-template-page-program .donation-hero__media-inner {
	min-height: 450px;
}

.page-template-page-program .donation-hero__grid {
	margin: 90px 0px 50px 0px;
	align-items: start;
}

.page-template-page-program .donation-hero__content {
	transform: translateY(60px);
}

.page-template-page-program .donation-hero__media {
	transform: translateY(-40px);
}
	
.page-template-page-program .donation-hero__dots {
	width: 525px;
}
.page-template-page-program .donation-hero__text {
    font-weight: 700;
}
@media (max-width: 900px) {
	.page-template-page-program .donation-hero__text {
		max-width: 70%;
		overflow-wrap: anywhere;
		word-break: normal;
	}
}

@media (max-width: 767px) {
	.page-template-page-program .donation-hero {
		margin-top: -100px;
	}
}

.program__intro-full {
	width: 100%;
	margin: 0px 0px 40px 0px;
}

.program__intro-full .container {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.program__intro-full p {
	margin: 0px;
}

.program__intro-full p + p {
	margin-top: 20px;
}
	
/* groot hart achtergrond */
.donation-hero__heart--large {
	width: 560px;
	height: 560px;
	top: 0px;
	right: 0;
	background-color: #e6d7bb;
	opacity: 0.45;
	z-index: 1;
}

/* klein hart 1 */
.donation-hero__heart--small-1 {
	width: 52px;
	height: 52px;
	top: 150px;
	left: 100px;
	background-color: #e69762;
	z-index: 4;
}

/* klein hart 2 */
.donation-hero__heart--small-2 {
	width: 92px;
	height: 92px;
	top: 50px;
	left: 250px;
	background-color: #efab7d;
	z-index: 4;
	transform: rotate(55deg);
}

@media (max-width: 1200px) {
	.donation-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
		column-gap: 48px;
	}

	.donation-hero__label {
		font-size: 52px;
	}

	.donation-hero__text {
		font-size: 1.25rem;
	}

	.donation-hero__media-inner {
		min-height: 580px;
	}

	.donation-hero__image {
		right: 0;
		bottom: -20px;
		width: 450px;
	}

	.donation-hero__heart--large {
		width: 420px;
		height: 420px;
		top: -40px;
		right: 10px;
	}

	.donation-hero__heart--small-1 {
		width: 44px;
		height: 44px;
		top: 120px;
		left: 20px;
	}

	.donation-hero__heart--small-2 {
		width: 72px;
		height: 72px;
		top: 60px;
		left: 130px;
	}
}
	
@media (max-width: 900px) {
	.donation-hero__grid {
		grid-template-columns: 1fr;
	}

	.donation-hero__top {
		margin-bottom: 40px;
	}

	.donation-hero__icon {
		width: 72px;
		height: 72px;
		flex: 0 0 72px;
	}

	.donation-hero__icon picture,
	.donation-hero__icon img {
		width: 72px;
		height: 72px;
	}

	.donation-hero__label {
		font-size: 42px;
	}

	.donation-hero__dots {
		width: 260px;
	}

	.donation-hero__text {
		font-size: 1.25rem;
		max-width: none;
	}

	.donation-hero__media-inner {
		min-height: 500px;
	}

	.donation-hero__media-inner::before {
		right: -40px;
		top: 30px;
		width: 320px;
		height: 320px;
	}

	.donation-hero__media-inner::after {
		right: 35px;
		top: -10px;
		width: 320px;
		height: 320px;
		box-shadow: -160px 160px 0 0 rgba(255, 255, 255, 0.22);
	}

	.donation-hero__shape {
		right: 30px;
		top: 145px;
		width: 320px;
		height: 260px;
	}

	.donation-hero__image {
		right: 0;
		bottom: 10px;
		width: 360px;
	}

	.donation-hero__heart--small {
		top: 220px;
		left: 22px;
		width: 28px;
		height: 28px;
	}

	.donation-hero__heart--large {
		top: 110px;
		left: 105px;
		width: 66px;
		height: 66px;
	}
}

@media (max-width: 600px) {
	.donation-hero__label {
		font-size: 34px;
	}

	.donation-hero__text {    font-size: 1.25rem;
    line-height: 1.55;
	}

	.donation-hero__media-inner {
		min-height: 360px;
	}

	.donation-hero__media-inner::before {
		right: -25px;
		top: 25px;
		width: 220px;
		height: 220px;
	}

	.donation-hero__media-inner::after {
		right: 20px;
		top: 0;
		width: 220px;
		height: 220px;
		box-shadow: -110px 110px 0 0 rgba(255, 255, 255, 0.22);
	}

	.donation-hero__shape {
		right: 20px;
		top: 115px;
		width: 220px;
		height: 180px;
	}

	.donation-hero__image {
		width: 270px;
		right: 0;
		bottom: 0;
	}

	.donation-hero__heart--small {
		top: 165px;
		left: 12px;
		width: 22px;
		height: 22px;
	}

	.donation-hero__heart--large {
		top: 80px;
		left: 70px;
		width: 48px;
		height: 48px;
	}
}
	
	
	
	
	/* =========================================================
   BLOCKS: DONATION PANEL
========================================================= */

.donation-panel {

}

.donation-panel__inner {
	position: relative;
}

.donation-panel__label-wrap {
	position: relative;
	z-index: 2;
	margin-bottom: -28px;
	padding-left: 92px;
}

.donation-panel__label {
	display: inline-block;
	padding: 16px 28px 14px 28px;
	background-color: #f07a2b;
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 34px;
	line-height: 1;
	color: #ffffff;
}

.donation-panel__box {
	background-color: #efebe3;
	padding: 84px 92px 92px 92px;
}

.donation-panel__grid {
	display: grid;
	grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.05fr);
	column-gap: 88px;
	row-gap: 48px;
	align-items: start;
}

.donation-panel__title {
	margin: 0;
}

.donation-panel__title-bold,
.donation-panel__title-plain {
	display: block;
}

.donation-panel__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
}

.donation-panel__title-plain {
	margin-top: 12px;
	font-family: "Bree", serif;
	font-weight: 300;
	color: #000000;
	line-height: 1.2;
}

.donation-panel__image {
	margin-top: 56px;
	max-width: 420px;
}

.donation-panel__image picture,
.donation-panel__image img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: -220px;
}
	
@media (max-width: 1200px) {
	.donation-panel__image picture,
	.donation-panel__image img {
		margin-bottom: -180px;
	}
}

@media (max-width: 900px) {
	.donation-panel__image picture,
	.donation-panel__image img {
		margin-bottom: -80px;
	}
}

@media (max-width: 600px) {
	.donation-panel__image picture,
	.donation-panel__image img {
		margin-bottom: 0;
	}
}

.donation-panel__right {
	min-width: 0;
}

.donation-panel__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.donation-panel__text img {
    float: left !important;
	margin: 5px 20px 0px 0px;
}
	
.donation-panel__text p {
	margin: 0;
}

.donation-panel__text p + p {
	margin-top: 26px;
}

.donation-panel__text strong,
.donation-panel__text b {
	font-weight: 700;
}

.donation-panel__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	margin-top: 56px;
}

.donation-panel__button {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-height: 56px;
	padding: 10px 22px 10px 22px;
	border-radius: 999px;
	background-color: #a53a0f;
	text-decoration: none;
	transition: transform 200ms ease;
}
.donation-panel__button:hover {
	transform: translateX(8px);
}

.donation-panel__button-text {
	font-family: "Barlow Condensed", serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	color: #ffffff;
}

.donation-panel__button-arrow {
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid #ffffff;
}

@media (max-width: 1200px) {
	.donation-panel__box {
		padding: 72px 56px 72px 56px;
	}

	.donation-panel__grid {
		column-gap: 56px;
	}

	.donation-panel__title-bold {
		font-size: 56px;
	}

	.donation-panel__title-plain {
		font-size: 48px;
	}

	.donation-panel__text {
		font-size: 1.25rem;
	}

	.donation-panel__button-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.donation-panel__label-wrap {
		padding-left: 32px;
	}

	.donation-panel__box {
		padding: 64px 32px 64px 32px;
	}

	.donation-panel__grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.donation-panel__title-bold {
		font-size: 46px;
	}

	.donation-panel__title-plain {
		font-size: 40px;
	}

	.donation-panel__image {
		margin-top: 40px;
		max-width: 300px;
	}

	.donation-panel__text {
		font-size: 1.25rem;
	}

	.donation-panel__links {
		margin-top: 40px;
		gap: 20px;
	}

	.donation-panel__button-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.donation-panel__label {
		font-size: 1.25rem;
		padding: 12px 18px 10px 18px;
	}

	.donation-panel__title-bold {
		font-size: 36px;
	}

	.donation-panel__title-plain {
		font-size: 32px;
	}

	.donation-panel__text {
		font-size: 1.25rem;
		line-height: 1.5;
	}

	.donation-panel__button {
		min-height: 48px;
		padding: 8px 18px 8px 18px;
	}

	.donation-panel__button-text {
		font-size: 1.25rem;
	}
}
	
/* =========================================================
   BLOCKS: CONTACT PANEL
========================================================= */

body.page-id-44 {
	background: #d6c5a2;
}

html.page-id-44 {
	background: #d6c5a2;
}
	
.contact-panel {
	position: relative;
	overflow: visible;
}

.contact-panel__content {
	position: relative;
	overflow: hidden;
}

.contact-panel__shape {
	position: absolute;
	display: block;
	pointer-events: none;

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape4.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape4.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

/* groot */
.contact-panel__shape--large {
	width: 600px;
	height: 600px;
	top: -60px;
	right: -60px;
	background-color: #e6d7bb;
	opacity: 0.45;
	z-index: 0;
}

/* klein */
.contact-panel__shape--small {
	width: 400px;
	height: 400px;
	top: 550px;
	right: 40%;
	background-color: #e6d7bb;
	opacity: 0.45;
	z-index: 0;
}

/* content erboven houden */
.contact-panel__content > *:not(.contact-panel__shape) {
	position: relative;
	z-index: 1;
}

.contact-panel__grid {
	display: grid;
	grid-template-columns: minmax(0, 760px) 360px;
	column-gap: 80px;
	row-gap: 48px;
	align-items: end;
}

.contact-panel__top {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}

.contact-panel__label-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.contact-panel__icon {
	width: 75px;
	height: 75px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-panel__icon picture,
.contact-panel__icon img {
	width: 75px;
	height: 75px;
	object-fit: contain;
}

.contact-panel__label {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(45px, 3vw, 65px);
	color: #000;
}

.contact-panel__dots {
	display: block;
	width: 240px;
	height: 0;
	border-top: 4px dotted #000;
}

.contact-panel__title {
	margin: 0 0 32px;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000;
}

.contact-panel__text {
	max-width: 520px;
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
}

.contact-panel__text p {
	margin: 0;
}

.contact-panel__text p + p {
	margin-top: 20px;
}

/* aside */

.contact-panel__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 0px;
}

.contact-panel__item {
	display: flex;
	align-items: center;
	gap: 20px;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 999;
}

.contact-panel__item-icon {
	width: 50px;
	height: 50px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.contact-panel__item-icon picture,
.contact-panel__item-icon img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.contact-panel__item-text {
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.1;
	transition: transform 200ms ease;
}

.contact-panel__item:hover .contact-panel__item-text {
	transform: translateX(8px);
	text-decoration: none;
}

/* responsive */

@media (max-width: 1000px) {
	.contact-panel__grid {
		grid-template-columns: 1fr;
	}

	.contact-panel__list {
		margin-top: 40px;
	}

	.contact-panel__title {
		font-size: 64px;
	}

	.contact-panel__label {
		font-size: 36px;
	}

	.contact-panel__item-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.contact-panel__title {
		font-size: 46px;
	}

	.contact-panel__text {
		font-size: 1.25rem;
	}

	.contact-panel__icon {
		width: 64px;
		height: 64px;
	}

	.contact-panel__item-icon {
		width: 52px;
		height: 52px;
	}
}
	

/* =========================================================
   BLOCKS: FORM BLOCK
========================================================= */

.form-block {
	position: relative;
	overflow: hidden;
}

.form-block__inner {
	position: relative;
}

.form-block__label-wrap {
	position: relative;
	z-index: 2;
	margin-bottom: -24px;
	padding-left: 96px;
}

.form-block__label {
	display: inline-block;
	padding: 14px 24px 12px 24px;
	background-color: #a53a0f;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	color: #ffffff;
}

.form-block__panel {
	background-color: #efebe3;
	padding: 80px 88px 88px 88px;
}

/* generieke spacing voor form plugin markup */

.form-block__form {
	min-width: 0;
}

.form-block__form form {
	margin: 0;
}

.form-block__form p:last-child {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.form-block__label-wrap {
		padding-left: 32px;
	}

	.form-block__panel {
		padding: 56px 32px 64px 32px;
	}
}

@media (max-width: 600px) {
	.form-block__label {
		font-size: 1.25rem;
		padding: 12px 18px 10px 18px;
	}

	.form-block__panel {
		padding: 44px 20px 48px 20px;
	}
}


	
	
/* =========================================================
   BLOCKS: ACCESS INFO
========================================================= */

.access-info {

}

.access-info__title {
	margin: 0 0 72px 0;
	text-align: center;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
}

.access-info__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 48px;
	align-items: start;
}

.access-info__lead,
.access-info__text {
	font-family: "Barlow Condensed", sans-serif;
	color: #000000;
}

.access-info__lead {
	font-size: 1.25rem;
	line-height: 1.5;
	font-weight: 700;
}

.access-info__text {
	font-size: 1.25rem;
	line-height: 1.5;
	font-weight: 400;
}

.access-info__lead p,
.access-info__text p {
	margin: 0;
}

.access-info__lead p + p,
.access-info__text p + p {
	margin-top: 28px;
}

@media (max-width: 1200px) {
	.access-info__title {
		font-size: 82px;
	}

	.access-info__grid {
		column-gap: 72px;
	}

	.access-info__lead {
		font-size: 1.25rem;
	}

	.access-info__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.access-info__title {
		font-size: 60px;
		margin-bottom: 48px;
	}

	.access-info__grid {
		grid-template-columns: 1fr;
		row-gap: 36px;
	}

	.access-info__lead,
	.access-info__text {
		font-size: 1.25rem;
		line-height: 1.5;
	}
}

@media (max-width: 600px) {
	.access-info__title {
		font-size: 42px;
	}

	.access-info__lead,
	.access-info__text {
		font-size: 1.25rem;;
	}
}
	
/* =========================================================
   BLOCKS: ACCESS SECTIONS
========================================================= */

.access-sections {
	overflow: visible;
	margin-bottom: 300px;
}

.access-sections__panel {
	position: relative;
	overflow: visible;
	background-color: #efebe3;
	padding: 96px 88px 20px 88px;
}

/* decor */

.access-sections__decor {
	position: absolute;
	top: -115px;
	left: 80px;
	display: flex;
	gap: 24px;
}

.access-sections__decor-item {
	width: 120px;
}

.access-sections__decor-item img {
	display: block;
	width: 100%;
	height: auto;
}

/* rows */

.access-sections__row + .access-sections__row {
	margin-top: 64px;
}

.access-sections__title {
	display: inline-block;
	margin-bottom: 32px;
	padding: 10px 18px 8px 18px;
	background-color: #a53a0f;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	color: #ffffff;
}

/* grid */

.access-sections__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 32px;
}

.access-sections__col {
	font-family: "Barlow Condensed", sans-serif;
	line-height: 1.5;
	color: #000000;
}

.access-sections__col p {
	margin: 0;
}

.access-sections__col p + p {
	margin-top: 20px;
}

/* map */

.access-sections__map {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 800px;
	margin: 72px auto -210px auto;
}

.access-sections__map iframe {
	width: 100%;
	height: 420px;
	border: 0;
	display: block;
}

/* responsive */

@media (max-width: 1000px) {
	.access-sections__panel {
		padding: 72px 40px 180px 40px;
	}

	.access-sections__decor {
		left: 40px;
		top: -40px;
	}

	.access-sections__decor-item {
		width: 80px;
	}

	.access-sections__grid {
		column-gap: 64px;
	}

	.access-sections__col {
		font-size: 1.25rem;
	}

	.access-sections__map {
		max-width: 100%;
		margin: 56px auto -180px auto;
		transform: translateY(180px);
	}

	.access-sections__map iframe {
		height: 360px;
	}
}

@media (max-width: 800px) {
	.access-sections__grid {
		grid-template-columns: 1fr;
	}

	.access-sections__decor {
		display: none;
	}

	.access-sections__panel {
		padding-bottom: 140px;
	}

	.access-sections__map {
		margin: 48px auto -140px auto;
		transform: translateY(140px);
	}

	.access-sections__map iframe {
		height: 300px;
	}
}

@media (max-width: 600px) {
	.access-sections__panel {
		padding: 56px 20px 110px 20px;
	}

	.access-sections__title {
		font-size: 1.25rem;
	}

	.access-sections__col {
		font-size: 1.25rem;;
	}

	.access-sections__map {
		margin: 40px auto -110px auto;
		transform: translateY(110px);
	}

	.access-sections__map iframe {
		height: 240px;
	}
}
	
	
	
	
	
/* ========== f===============================================
   BLOCKS: STORY HERO
========================================================= */

.story-hero {
	background-color: #d9c3a4;
	overflow: hidden;
	margin-top: -250px;
	padding-top: 0;
}

/* top hero */

.story-hero__top {
	position: relative;
	background-color: #000000;
	position: relative;
}

.story-hero__hero {
	position: relative;
	min-height: 760px;
}

.story-hero__image {
	position: absolute;
	inset: 0;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	height: 100%;
	overflow: hidden;
}

.story-hero__image picture,
.story-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
}

.story-hero__image img {
	object-fit: cover;
	object-position: center center;
}

.story-hero__overlay {
	position: relative;
	z-index: 2;
	min-height: 760px;
	display: flex;
	align-items: flex-start;
}

.story-hero__overlay-inner {
	padding-top: 300px;
	padding-bottom: 84px;
	max-width: 560px;
}

.story-hero__topline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	margin-bottom: 56px;
}

.story-hero__label-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.story-hero__icon {
	width: 75px;
	height: 75px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.story-hero__icon picture,
.story-hero__icon img {
	display: block;
	width: 75px;
	height: 75px;
	object-fit: contain;
}

.story-hero__label {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(45px, 3vw, 65px);
	line-height: 1;
	color: #ffffff;
}

.story-hero__dots {
	display: block;
	width: 320px;
	max-width: 100%;
	height: 0;
	border-top: 4px dotted #ffffff;
}

.story-hero__title {
	margin: 0 0 40px 0;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #ffffff;
}

.story-hero__intro {
	max-width: 520px;
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #ffffff;
}

.story-hero__intro p {
	margin: 0;
}

.story-hero__intro p + p {
	margin-top: 18px;
}

/* bottom content */

.story-hero__bottom {
	position: relative;
	background-color: #d9c3a4;
}

.story-hero__content {
	position: relative;
	padding-top: 72px;
	padding-bottom: 72px;
}

.story-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 48px;
	align-items: end;
}

.story-hero__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.story-hero__text p {
	margin: 0;
}

.story-hero__text p + p {
	margin-top: 28px;
}

.story-hero__text strong,
.story-hero__text b {
	font-weight: 700;
}

/* decorative shapes */

.story-hero__shape {
	position: absolute;
	display: block;
	pointer-events: none;
	z-index: 0;
}
.story-hero__shape img,
.story-hero__shape picture {
	display: block;
	width: 100%;
	height: auto;
}

.story-hero__shape--left {
	top: -100px;
	right: 0px;
	width: 230px;
	height: 230px;
	transform: translateX(-50%);
	background-size: contain;
}


.story-hero__shape--right {
	top: -100px;
	right: 275px;
	width: 220px;
	transform: translateX(-50%);
	background-size: contain;
}

/* responsive */

@media (max-width: 1200px) {
	.story-hero__hero,
	.story-hero__overlay {
		min-height: 640px;
	}

	.story-hero__label {
		font-size: 52px;
	}

	.story-hero__title {
		font-size: 82px;
	}

	.story-hero__intro,
	.story-hero__text {
		font-size: 1.25rem;
	}

	.story-hero__grid {
		column-gap: 72px;
	}
}

@media (max-width: 900px) {
	.story-hero__hero,
	.story-hero__overlay {
		min-height: 520px;
	}

	.story-hero__overlay-inner {
		padding-top: 56px;
		padding-bottom: 56px;
		max-width: 460px;
	}

	.story-hero__icon {
		width: 72px;
		height: 72px;
	}

	.story-hero__icon picture,
	.story-hero__icon img {
		width: 34px;
		height: 34px;
	}

	.story-hero__label {
		font-size: 42px;
	}

	.story-hero__dots {
		width: 240px;
	}

	.story-hero__title {
		font-size: 58px;
	}

	.story-hero__intro {
		font-size: 1.25rem;
	}

	.story-hero__grid {
		grid-template-columns: 1fr;
		row-gap: 36px;
	}

	.story-hero__text {
		font-size: 1.25rem;
	}

	.story-hero__shape--left,
	.story-hero__shape--right {
		opacity: 0.7;
	}
}

@media (max-width: 600px) {
	.story-hero__hero,
	.story-hero__overlay {
		min-height: 440px;
	}

	.story-hero__label {
		font-size: 34px;
	}

	.story-hero__title {
		font-size: 42px;
	}

	.story-hero__intro,
	.story-hero__text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}

	.story-hero__shape--left {
		width: 150px;
		height: 150px;
	}

	.story-hero__shape--right {
		width: 140px;
		height: 160px;
		right: 10px;
	}
}

	
/* =========================================================
   BLOCKS: FOUNDATION INFO
========================================================= */

.foundation-info {
	background-color: #d9c3a4;
}

.foundation-info__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 120px;
	row-gap: 40px;
	align-items: start;
}

.foundation-info__title {
	margin: 0;
	line-height: 0.95;
	color: #000000;
}

.foundation-info__title-bold,
.foundation-info__title-plain {
	display: block;
}

.foundation-info__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
}

.foundation-info__title-plain {
	margin-top: 6px;
	font-family: "Bree", serif;
	font-weight: 300;
}

.foundation-info__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;    font-size: 1.25rem;
    line-height: 1.55;
	color: #000000;
}

.foundation-info__text p {
	margin: 0 0 20px 0;
}

.foundation-info__text p:last-child {
	margin-bottom: 0;
}

.foundation-info__text strong,
.foundation-info__text b {
	font-weight: 700;
}

.foundation-info__text ul {
	margin: 0;
	padding-left: 28px;
}

.foundation-info__text li + li {
	margin-top: 10px;
}

@media (max-width: 1200px) {
	.foundation-info__grid {
		column-gap: 72px;
		grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
	}

	.foundation-info__title-bold {
		font-size: 72px;
	}

	.foundation-info__title-plain {
		font-size: 64px;
	}

	.foundation-info__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.foundation-info__grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.foundation-info__title-bold {
		font-size: 58px;
	}

	.foundation-info__title-plain {
		font-size: 52px;
	}

	.foundation-info__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.foundation-info__title-bold {
		font-size: 42px;
	}

	.foundation-info__title-plain {
		font-size: 38px;
	}

	.foundation-info__text {    font-size: 1.25rem;
    line-height: 1.55;
	}
}

	
/* =========================================================
   BLOCKS: MORE INFO
========================================================= */

.more-info {
	background-color: #d9c3a4;
	overflow: hidden;
}

.more-info__inner {
	position: relative;
	padding-top: 32px;
}

/* label */
.more-info__label {
	position: relative;
	display: inline-block;
	margin: 0px 0px -20px 76px;
	padding: 14px 32px 16px 32px;
	background-color: #a53a0f;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 1.25rem;
	line-height: 1;
	color: #ffffff;
	z-index: 3;
}

/* panel */
.more-info__panel {
	position: relative;
	background: #f3a533;
	padding: 120px 108px 88px 108px;
	overflow: visible;
}

/* DESKTOP */
.more-info__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 240px 280px;
	column-gap: 64px;
	row-gap: 32px;
	align-items: center;
}

/* tekst */
.more-info__text {
	max-width: 640px;
	min-width: 0;
	line-height: 1.5;
}

/* knoppen */
.more-info__links {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: flex-start;
	min-width: 0;
}

.more-info__button {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	max-width: 250px;
	padding: 14px 28px;
	border-radius: 999px;
	background-color: #a63e16;
	text-decoration: none;
	color: #ffffff;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 1.25rem;
	line-height: 1;
	white-space: nowrap;
	transition: transform 200ms ease;
}
	
.more-info__button:hover {
	transform: translateX(8px);
}

.more-info__button span:first-child {
	color: #ffffff;
}

.more-info__arrow {
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid #ffffff;
	flex: 0 0 auto;
}
	
/* image */
.more-info__image {
	position: relative;
	align-self: start;
	justify-self: end;
	width: 280px;
	margin-top: -120px;
	z-index: 2;
}

.more-info__image img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -100px;
}
	
/* ===============================
   TABLET
================================ */
@media (max-width: 1200px) {

	.more-info__panel {
		padding: 96px 64px 72px 64px;
	}

	.more-info__grid {
		grid-template-columns: minmax(0, 1fr) 200px 240px;
		column-gap: 40px;
	}

	.more-info__button {
		max-width: 220px;
		font-size: 1.25rem;
		padding: 12px 22px;
	}

	.more-info__image {
		width: 240px;
		margin-top: 0px;
	}
}

/* ===============================
   SMALL TABLET
================================ */
@media (max-width: 900px) {

	.more-info__panel {
		padding: 72px 40px 64px 40px;
	}

	.more-info__grid {
		grid-template-columns: minmax(0, 1fr) 220px;
		column-gap: 24px;
		row-gap: 32px;
		align-items: start;
	}

	.more-info__text {
		grid-column: 1 / -1;
		max-width: 100%;
	}

	.more-info__links {
		grid-column: 1;
		gap: 20px;
	}

	.more-info__button {
		max-width: 220px;
		font-size: 1.25rem;
		padding: 12px 20px;
	}

	.more-info__image {
		grid-column: 2;
		justify-self: end;
		align-self: start;
		width: 220px;
		margin-top: -40px;
	}
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 640px) {

	.more-info__label {
		margin: 0px 0px -12px 20px;
		padding: 12px 20px 12px 20px;
		font-size: 1.25rem;
	}

	.more-info__panel {
		padding: 64px 24px 56px 24px;
	}

	.more-info__grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.more-info__text {
		max-width: 100%;
	}

	.more-info__links {
		gap: 16px;
	}

	.more-info__button {
		max-width: 100%;
		font-size: 1.25rem;
		padding: 12px 20px;
	}

	.more-info__image {
		grid-column: auto;
		justify-self: center;
		margin-top: 0;
		width: 180px;
	}
}
	
	
	
	
	

	
/* =========================================================
   BLOCKS: HISTORY INTRO
========================================================= */

.history-intro {
	background-color: #efebe3;
}

.history-intro__inner {
	text-align: center;
}

.history-intro__label-wrap {
	margin-bottom: 32px;
}

.history-intro__label {
	display: inline-block;
	padding: 12px 22px 10px 22px;
	background-color: #a53a0f;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 1.25rem;
	line-height: 1;
	color: #ffffff;
}

.history-intro__title {
	max-width: 980px;
	margin: 0 auto 88px auto;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
	text-wrap: balance;
}

.history-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 40px;
	text-align: left;
}

.history-intro__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.history-intro__text p {
	margin: 0;
}

.history-intro__text p + p {
	margin-top: 28px;
}

.history-intro__text strong,
.history-intro__text b {
	font-weight: 700;
}

@media (max-width: 1200px) {
	.history-intro__title {
		font-size: 74px;
		margin-bottom: 64px;
	}

	.history-intro__grid {
		column-gap: 72px;
	}

	.history-intro__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.history-intro__title {
		font-size: 54px;
		margin-bottom: 48px;
	}

	.history-intro__grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.history-intro__text {
		font-size: 1.25rem;
		line-height: 1.5;
	}
}

@media (max-width: 600px) {
	.history-intro__label {
		font-size: 1.25rem;
	}

	.history-intro__title {
		font-size: 40px;
	}

	.history-intro__text {
		font-size: 1.25rem;;
	}
}

	
	
/* =========================================================
   BLOCKS: STORY TABS
========================================================= */

.story-tabs {
	background-color: #efebe3;
	padding-bottom: 200px;
	position: relative;
	z-index: 999;
}

.story-tabs__inner {
	background-color: #d9c3a4;
	padding: 48px 72px 72px 72px;
}

.story-tabs__nav {
	display: flex;
	gap: 0;
	margin: -100px 0px 48px 0px;
}

.story-tabs__tab {
	padding: 12px 22px 10px 22px;
	border: 0;
	background-color: #e8dcc8;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 1.25rem;
	line-height: 1;
	color: #a53a0f;
	cursor: pointer;
}

.story-tabs__tab.is-active {
	background-color: #d9c3a4;
	color: #a53a0f;
}

.story-tabs__panel {
	display: none;
}

.story-tabs__panel.is-active {
	display: block;
}

.story-tabs__title {
	max-width: 860px;
	margin: 0 auto 56px auto;
	text-align: center;
	line-height: 0.92;
	color: #000000;
}

.story-tabs__title-plain,
.story-tabs__title-bold {
	display: block;
}

.story-tabs__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
}

.story-tabs__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
}

.story-tabs__grid {
	display: grid;
	row-gap: 40px;
	align-items: start;
}

.story-tabs__grid--media {
	grid-template-columns: 420px 320px;
	column-gap: 120px;
	justify-content: center;
}

.story-tabs__grid--columns {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
}

.story-tabs__text,
.story-tabs__col {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;5;
	color: #000000;
}

.story-tabs__text p,
.story-tabs__col p {
	margin: 0;
}

.story-tabs__text p + p,
.story-tabs__col p + p {
	margin-top: 22px;
}

.story-tabs__text strong,
.story-tabs__col strong,
.story-tabs__text b,
.story-tabs__col b {
	font-weight: 700;
}

.story-tabs__media iframe,
.story-tabs__media video {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1000px) {
	.story-tabs__inner {
		padding: 40px 32px 48px 32px;
	}

	.story-tabs__title-plain {
		font-size: 60px;
	}

	.story-tabs__title-bold {
		font-size: 62px;
	}

	.story-tabs__grid--media,
	.story-tabs__grid--columns {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.story-tabs__text,
	.story-tabs__col {
		font-size: 1.25rem;
	}

	.story-tabs__media {
		max-width: 320px;
	}
}

@media (max-width: 600px) {
	.story-tabs__tab {
		font-size: 1.25rem;
		padding: 10px 16px 8px 16px;
	}

	.story-tabs__title-plain {
		font-size: 42px;
	}

	.story-tabs__title-bold {
		font-size: 44px;
	}

	.story-tabs__text,
	.story-tabs__col {
		font-size: 1.25rem;;
		line-height: 1.5;
	}
}
	
/* =========================================================
   BLOCKS: SUMMER HERO
========================================================= */

.summer-hero {
	overflow: hidden;
	margin-top: -250px; /* hoogte van je header */
	padding-top: 0px; /* compenseert content */
}

.summer-hero__inner {
	position: relative;
}

.summer-hero__top {
	position: relative;
}

.summer-hero__image {
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	height: 75vh; /* jouw gewenste hoogte */
	min-height: 200px; /* optioneel: voorkomt te klein op mobiel */
	overflow: hidden;
}

.summer-hero__image picture,
.summer-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
}

.summer-hero__image img {
	object-fit: cover;
	object-position: center center;
}

.summer-hero__title {
	position: absolute;
	left: 0px;
	bottom: 100px;
	max-width: 760px;
	margin: 0;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.summer-hero__bottom {
	position: relative;
	/*background: linear-gradient(180deg, #f3aa3e 0%, #eea034 100%);*/
	padding: 88px 120px 0px 0px;
}

.summer-hero__badge {
	position: absolute;
	top: -132px;
	right: 72px;
	width: 280px;
	height: 280px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 32px;
	text-align: center;
	z-index: 2;

	background: transparent;
}

.summer-hero__badge::before,
.summer-hero__badge::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.summer-hero__badge::before {
	inset: -6px; /* randdikte */
	background: #f6c15b;

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

.summer-hero__badge::after {
	inset: 0;
	background: linear-gradient(180deg, #a53911 0%, #8c2f0f 100%);

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: 100% 100%;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape2.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

.summer-hero__badge-text {
	position: relative;
	z-index: 3;
}

.summer-hero__badge-text {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 55px;
	line-height: 1.05;
	color: #f6c15b;
	transform: rotate(15deg);
	text-wrap: balance;
}

.summer-hero__text {
	position: relative;
	z-index: 2;
	max-width: 760px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.summer-hero__text p {
	margin: 0;
}

.summer-hero__text p + p {
	margin-top: 28px;
}

.summer-hero__text strong,
.summer-hero__text b {
	font-weight: 700;
}

.summer-hero__circle {
	position: absolute;
	right: 56px;
	bottom: 56px;
	width: 140px;
	height: 140px;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.18);
	z-index: 1;
}

@media (max-width: 1200px) {
	.summer-hero__title {
		font-size: 76px;
		max-width: 620px;
	}

	.summer-hero__bottom {
		padding: 72px 72px 80px 72px;
	}

	.summer-hero__badge {
		width: 220px;
		height: 220px;
		top: -104px;
		right: 40px;
	}

	.summer-hero__badge-text {
		font-size: 1.25rem;
	}

	.summer-hero__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.summer-hero__title {
		left: 28px;
		bottom: 28px;
		font-size: 56px;
		max-width: 520px;
	}

	.summer-hero__bottom {
		padding: 112px 32px 56px 32px;
	}

	.summer-hero__badge {
		width: 180px;
		height: 180px;
		top: -90px;
		right: 24px;
		padding: 22px;
	}

	.summer-hero__badge-text {
		font-size: 1.25rem;
	}

	.summer-hero__text {
		font-size: 1.25rem;
		max-width: none;
	}

	.summer-hero__circle {
		width: 90px;
		height: 90px;
		right: 20px;
		bottom: 20px;
	}
}

@media (max-width: 600px) {
	.summer-hero__title {
		font-size: 40px;
		left: 20px;
		right: 20px;
		max-width: none;
	}

	.summer-hero__bottom {
		padding: 96px 20px 40px 20px;
	}

	.summer-hero__badge {
		width: 150px;
		height: 150px;
		top: -72px;
		right: 12px;
	}

	.summer-hero__badge-text {
		font-size: 1.25rem;;
	}

	.summer-hero__text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}
}
	
	/* =========================================================
   BLOCKS: POT JOURNEY
========================================================= */

.pot-journey {
	overflow: hidden;
	padding-bottom: 250px; /* afhankelijk van hoeveel hij uitsteekt */
	margin-top: -50px;
}

.pot-journey__outer {
	position: relative;
	padding-top: 120px;
}

.pot-journey__decor {
	position: absolute;
	top: 0px;
	right: 40px;
	width: 360px;
	z-index: 3;
	pointer-events: none;
}

.pot-journey__decor picture,
.pot-journey__decor img {
	display: block;
	width: 100%;
	height: auto;
}

.pot-journey__panel {
	position: relative;
	background-color: #d9c3a4;
	padding: 150px 96px 0px 96px;
	z-index: 2;
	overflow: visible;
}

.pot-journey__title {
	margin: 0 0 56px 0;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
	text-align: center;
}

.pot-journey__grid {
	display: grid;
	grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
	column-gap: 72px;
	row-gap: 40px;
	align-items: start;
}

.pot-journey__quote {
	font-family: "Bree", serif;
	font-weight: 300;
	font-size: clamp(30px, 5.4vw, 48px);
	line-height: 1.1;
	color: #000000;
}

.pot-journey__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	color: #000000;
}

.pot-journey__text p {
	margin: 0;
}

.pot-journey__text p + p {
	margin-top: 22px;
}

.pot-journey__text strong,
.pot-journey__text b {
	font-weight: 700;
}

.pot-journey__media {
	max-width: 760px;
	margin: -75px auto 0 auto;
}

.pot-journey__media iframe,
.pot-journey__media video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	position: relative;
	margin-top: 40px;

	transform: translateY(25%);
	z-index: 2;
}

@media (max-width: 1200px) {
	.pot-journey__decor {
		width: 280px;
		right: 0;
		top: -50px;
	}

	.pot-journey__panel {
		padding: 72px 56px 72px 56px;
	}

	.pot-journey__title {
		font-size: 72px;
	}

	.pot-journey__quote {
		font-size: 38px;
	}

	.pot-journey__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.pot-journey__outer {
		padding-top: 60px;
	}

	.pot-journey__decor {
		width: 180px;
		top: -30px;
		right: 10px;
	}

	.pot-journey__panel {
		padding: 56px 32px 56px 32px;
	}

	.pot-journey__title {
		font-size: 52px;
		margin-bottom: 40px;
	}

	.pot-journey__grid {
		grid-template-columns: 1fr;
		row-gap: 28px;
	}

	.pot-journey__quote {
		font-size: 32px;
		max-width: 420px;
	}

	.pot-journey__text {
		font-size: 1.25rem;
	}

	.pot-journey__media {
		margin-top: 48px;
	}
}

@media (max-width: 600px) {
	.pot-journey__decor {
		display: none;
	}

	.pot-journey__panel {
		padding: 40px 20px 40px 20px;
	}

	.pot-journey__title {
		font-size: 40px;
	}

	.pot-journey__quote {
		font-size: 1.25rem;
	}

	.pot-journey__text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}
}

	
	/* =========================================================
   BLOCKS: TEXT COLUMNS CENTERED
========================================================= */

.text-columns-centered {

}

.text-columns-centered__title {
	max-width: 920px;
	margin: 0 auto 72px auto;
	text-align: center;
	font-family: "Bree", serif;
	font-weight: 700;
	color: #000000;
	text-wrap: balance;
}

.text-columns-centered__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 120px;
	row-gap: 40px;
	align-items: start;
}

.text-columns-centered__text {
	 font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;5;
	color: #000000;
}

.text-columns-centered__text p {
	margin: 0;
}

.text-columns-centered__text p + p {
	margin-top: 28px;
}

.text-columns-centered__text strong,
.text-columns-centered__text b {
	font-weight: 700;
}

@media (max-width: 1200px) {
	.text-columns-centered__title {
		font-size: 72px;
		margin-bottom: 56px;
	}

	.text-columns-centered__grid {
		column-gap: 72px;
	}

	.text-columns-centered__text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.text-columns-centered__title {
		font-size: 54px;
		margin-bottom: 40px;
	}

	.text-columns-centered__grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.text-columns-centered__text {
		font-size: 1.25rem;
		line-height: 1.5;
	}
}

@media (max-width: 600px) {
	.text-columns-centered__title {
		font-size: 40px;
	}

	.text-columns-centered__text {
		font-size: 1.25rem;;
		line-height: 1.5;
	}
}
	
	/* =========================================================
   BLOCKS: VIDEO CALLOUT
========================================================= */

	/*
.video-callout {
	background: linear-gradient(180deg, #efba64 0 68%, #efa63b 68% 100%);
}
	*/

.video-callout__inner {
	text-align: center;
}

.video-callout__title {
	max-width: 980px;
	margin: 0 auto 56px auto;
	line-height: 0.92;
	color: #000000;
}

.video-callout__title-bold,
.video-callout__title-plain {
	display: block;
}

.video-callout__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: clamp(42px, 5.4vw, 80px);
	line-height: 1.1;
}

.video-callout__title-plain {
	margin-top: 6px;
	font-family: "Bree", serif;
	font-weight: 300;
	font-size: clamp(42px, 5.4vw, 80px);
	line-height: 1.1;
}

.video-callout__media {
	width: 55%;
	max-width: none;
	margin: 0 auto;
}

.video-callout__media iframe,
.video-callout__media video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
}

@media (max-width: 1200px) {
	.video-callout__title-bold {
		font-size: 72px;
	}

	.video-callout__title-plain {
		font-size: 64px;
	}

	.video-callout__media {
		max-width: 760px;
	}
}

@media (max-width: 900px) {
	.video-callout__title {
		margin-bottom: 40px;
	}

	.video-callout__title-bold {
		font-size: 54px;
	}

	.video-callout__title-plain {
		font-size: 48px;
	}
}

@media (max-width: 600px) {
	.video-callout__title-bold {
		font-size: 40px;
	}

	.video-callout__title-plain {
		font-size: 36px;
	}

	.video-callout__title {
		margin-bottom: 28px;
	}
}
	
	/* =========================================================
   BLOCKS: TESTIMONIAL HIGHLIGHT
========================================================= */

.testimonial-highlight {
	background-color: #efa63b;
}

.testimonial-highlight__inner {
	position: relative;
	background-color: #f3c07a;
	padding: 72px 96px 80px 96px;
	text-align: center;
}

.testimonial-highlight__label-wrap {
	position: absolute;
	top: -20px;
	left: 64px;
}

.testimonial-highlight__label {
	display: inline-block;
	padding: 10px 20px 8px 20px;
	background-color: #8c2f0f;
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 1.25rem;
	color: #f6c15b;
}

.testimonial-highlight__slider {
	position: relative;
}

.testimonial-highlight__track {
	overflow: hidden;
}

.testimonial-highlight__item {
	max-width: 820px;
	margin: 0 auto;
}

.testimonial-highlight__text {
	 font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000000;
}

.testimonial-highlight__text p {
	margin: 0;
}

.testimonial-highlight__text p + p {
	margin-top: 18px;
}

.testimonial-highlight__name {
	margin-top: 32px;
	font-family: "Bree", serif;
	font-weight: 700;
	font-size: 1.25rem;
}

.testimonial-highlight__meta {
	margin-top: 6px;
	font-size: 1.25rem;
}

/* arrows */

.testimonial-highlight__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	border-radius: 999px;
	border: 0;
	background-color: #8c2f0f;
	color: #ffffff;
	font-size: 1.25rem;
	cursor: pointer;
}

.testimonial-highlight__arrow--prev {
	left: -26px;
}

.testimonial-highlight__arrow--next {
	right: -26px;
}

@media (max-width: 900px) {
	.testimonial-highlight__inner {
		padding: 56px 32px 56px 32px;
	}

	.testimonial-highlight__label-wrap {
		left: 24px;
	}

	.testimonial-highlight__text {
		font-size: 1.25rem;
	}

	.testimonial-highlight__name {
		font-size: 1.25rem;
	}

	.testimonial-highlight__meta {
		font-size: 1.25rem;;
	}

	.testimonial-highlight__arrow {
		width: 40px;
		height: 40px;
		font-size: 1.25rem;
	}
}
	
/* =========================================================
   BLOCKS: VISIT CTA
========================================================= */

.visit-cta {

}

.visit-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 500px;
	column-gap: 96px;
	row-gap: 40px;
	align-items: start;
}

.visit-cta__content {
	min-width: 0;
}

.visit-cta__title {
	margin: 0 0 40px 0;
	line-height: 0.9;
	color: #000000;
}

.visit-cta__title-plain,
.visit-cta__title-bold {
	display: block;
}

.visit-cta__title-plain {
	font-family: "Bree", serif;
	font-weight: 300;
}

.visit-cta__title-bold {
	font-family: "Bree", serif;
	font-weight: 700;
}

.visit-cta__text {
	max-width: 760px;
	line-height: 1.5;
	color: #000000;
}

.visit-cta__text p {
	margin: 0;
}

.visit-cta__text p + p {
	margin-top: 20px;
}

.visit-cta__aside {
	display: flex;
	justify-content: center;
}

.visit-cta__circle {
	position: relative;

	width: 100%;
	max-width: 400px; /* vervangt je oude fixed size */
	aspect-ratio: 1 / 1;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	padding: 28px;
	text-align: center;
	text-decoration: none;

	background-color: rgba(239, 116, 44, 0.96);

	overflow: hidden;

	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape3.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;

	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/shape3.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}
	
.visit-cta__circle {
	transition: transform 0.3s ease;
}

.visit-cta__circle:hover {
	transform: scale(1.1);
}

.visit-cta__circle-text {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: clamp(34px, 4.2vw, 58px);
    line-height: 0.95;
	color: #ffffff;
	text-wrap: balance;
	width: 75%;
}

.visit-cta__circle-arrow {
	display: block;
	width: 0;
	height: 0;
	margin-top: 18px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 24px solid #ffffff;
}

.visit-cta__dots {
	display: block;
	width: 100%;
	height: 0;
	margin-top: 72px;
	border-top: 4px dotted #000000;
}

@media (max-width: 1200px) {
	.visit-cta__title-plain {
		font-size: 64px;
	}

	.visit-cta__title-bold {
		font-size: 68px;
	}

	.visit-cta__text {
		font-size: 1.25rem;
	}

	.visit-cta__circle {
		width: 220px;
		height: 220px;
	}

	.visit-cta__circle-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 900px) {
	.visit-cta__grid {
		grid-template-columns: 1fr;
	}

	.visit-cta__aside {
		justify-content: flex-start;
	}

	.visit-cta__title-plain {
		font-size: 48px;
	}

	.visit-cta__title-bold {
		font-size: 52px;
	}

	.visit-cta__text {
		font-size: 1.25rem;
	}

	.visit-cta__dots {
		margin-top: 48px;
	}
}

@media (max-width: 600px) {
	.visit-cta__title-plain {
		font-size: 38px;
	}

	.visit-cta__title-bold {
		font-size: 42px;
	}

	.visit-cta__circle {
		width: 180px;
		height: 180px;
		padding: 20px;
	}

	.visit-cta__circle-text {
		font-size: 1.25rem;
	}

	.visit-cta__circle-arrow {
		border-top-width: 12px;
		border-bottom-width: 12px;
		border-left-width: 18px;
	}
}

/* =========================================================
   BLOCKS: INFO STRIP
========================================================= */

.info-strip {

}

.info-strip__grid {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 350px) minmax(0, 1fr);
	column-gap: 125px;
	row-gap: 40px;
	align-items: start;
}

.info-strip__label {
	display: inline-block;
	margin-bottom: 32px;
	padding: 10px 18px 8px 18px;
	background-color: #a53a0f;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 35px;
	line-height: 1;
	color: #ffffff;
}

.info-strip__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	color: #000000;
}

.info-strip__text p {
	margin: 0;
}

.info-strip__text p + p {
	margin-top: 18px;
}

.info-strip__contacts {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 86px;
}

.info-strip__contact {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	color: inherit;
}

.info-strip__contact-icon {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
}

.info-strip__contact-icon picture,
.info-strip__contact-icon img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.info-strip__contact-text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	color: #000000;
	transition: transform 200ms ease;
}

.info-strip__contact:hover .info-strip__contact-text {
	transform: translateX(8px);
}

@media (max-width: 1000px) {
	.info-strip__grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.info-strip__contacts {
		padding-top: 0;
	}

	.info-strip__text,
	.info-strip__contact-text {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.info-strip__label {
		font-size: 1.25rem;
	}

	.info-strip__text,
	.info-strip__contact-text {
		line-height: 1.5;
	}
}

/* CONTACT FORM */
	
.contact-form {
	width: 100%;
}

.contact-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.contact-form__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 80px;
	row-gap: 40px;
	margin-bottom: 50px;
}

.contact-form__field {
	display: flex;
	flex-direction: column;
}

.contact-form__field label {
	display: block;
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 700;
	color: #000;
}

.contact-form__field label .contact-form__subnote {
	display: inline;
	margin-left: 12px;
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 400;
}

.contact-form__input,
.contact-form__textarea,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
	width: 100%;
	border: 0;
	border-bottom: 2px dotted #000;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	padding: 0 0 12px 0;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #000;
	appearance: none;
	-webkit-appearance: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
	height: 50px;
}

.contact-form__textarea,
.contact-form textarea {
	min-height: 50px;
	padding: 24px 30px;
	border: 0;
	background: #f5f5f5;
	resize: vertical;
}

.contact-form__field--message {
	margin-top: 70px;
	margin-bottom: 50px;
}

.contact-form__field--message label {
	margin-bottom: 20px;
}

.contact-form__group {
	margin-top: 70px;
	margin-bottom: 70px;
}

.contact-form__legend {
	margin: 0 0 35px 0;
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 700;
	color: #000;
}

.contact-form .wpcf7-form-control.wpcf7-radio {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 80px;
	row-gap: 18px;
}

.contact-form .wpcf7-list-item {
	display: block;
	margin: 0;
}

.contact-form .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 18px;
	cursor: pointer;
	font-size: 1.25rem;
	line-height: 1.35;
	font-weight: 400;
	color: #000;
}

.contact-form .wpcf7-list-item input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.contact-form .wpcf7-list-item .wpcf7-list-item-label {
	position: relative;
	display: inline-block;
	padding-left: 40px;
}

.contact-form .wpcf7-list-item .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #dfc38d;
}

.contact-form .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
	background: #9f330d;
}

.contact-form__captcha {
	margin-bottom: 50px;
}

.contact-form__submit {
	margin-top: 20px;
}

.contact-form__submit .wpcf7-submit,
.contact-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	height: 72px;
	padding: 0 40px;
	border: 0;
	border-radius: 0;
	background: #f47c2c;
	color: #fff;
	font-size: 32px;
	line-height: 1;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	cursor: pointer;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

.contact-form__submit .wpcf7-submit:hover,
.contact-form input[type="submit"]:hover {
	opacity: 0.9;
}

.contact-form .wpcf7-not-valid-tip {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #9f330d;
}

.contact-form .wpcf7-spinner {
	margin: 20px 0 0 15px;
}

.contact-form .wpcf7-response-output {
	margin: 30px 0 0 0;
	padding: 15px 20px;
	border: 1px solid #000;
	font-size: 16px;
	line-height: 1.5;
}
	
.contact-form__field--phone {
	grid-column: 1 / 2;
}

.contact-form__group .wpcf7-list-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.contact-form__group .wpcf7-list-item label::before {
	background-color: #e6c482;
}

.contact-form__group .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	background-color: #9f330d;
}
	
@media (max-width: 900px) {
	.contact-form__grid {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 35px;
	}

	.contact-form .wpcf7-form-control.wpcf7-radio {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.contact-form__field label,
	.contact-form__field label .contact-form__subnote {
		font-size: 1.25rem;
	}

	.contact-form__legend {
		font-size: 1.25rem;
	}

	.contact-form__submit .wpcf7-submit,
	.contact-form input[type="submit"] {
		min-width: 200px;
		height: 64px;
		font-size: 1.25rem;
	}
}

/* CONTACT FORM - VOLUNTEER / UITGEBREID */

.contact-form--volunteer .contact-form__visual {
	max-width: 300px;
	margin: -20px auto 24px auto;
}

.contact-form--volunteer .contact-form__visual img {
	width: 100%;
	height: auto;
	display: block;
}
	
.contact-form--volunteer {
	width: 100%;
	color: #000000;
}

.contact-form--volunteer .contact-form__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 64px;
	row-gap: 0;
	align-items: start;
}

.contact-form--volunteer .contact-form__col {
	min-width: 0;
}

.contact-form--volunteer .contact-form__col--left {
	display: grid;
	row-gap: 35px;
}

.contact-form--volunteer .contact-form__col--right {
	display: grid;
	row-gap: 36px;
	align-content: start;
}

.contact-form--volunteer .contact-form__field {
	display: flex;
	flex-direction: column;
}

.contact-form--volunteer .contact-form__field label,
.contact-form--volunteer .contact-form__legend {
	display: block;
	margin: 0 0 18px 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 26px;
	line-height: 1.15;
	font-weight: 700;
	color: #000000;
}

.contact-form--volunteer .contact-form__intro p,
.contact-form--volunteer .contact-form__text p {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 400;
	color: #000000;
}

.contact-form--volunteer .contact-form__visual img {
	display: block;
	width: 100%;
	max-width: 320px;
	height: auto;
	margin: 0 0 16px 0;
}

.contact-form--volunteer .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.contact-form--volunteer .contact-form__input,
.contact-form--volunteer .contact-form__textarea,
.contact-form--volunteer input[type="text"],
.contact-form--volunteer input[type="email"],
.contact-form--volunteer input[type="tel"],
.contact-form--volunteer select,
.contact-form--volunteer textarea {
	width: 100%;
	border: 0;
	border-bottom: 2px dotted rgba(0, 0, 0, 0.8);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	padding: 0 0 14px 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 400;
	color: #000000;
	appearance: none;
	-webkit-appearance: none;
}

.contact-form--volunteer input[type="text"],
.contact-form--volunteer input[type="email"],
.contact-form--volunteer input[type="tel"],
.contact-form--volunteer select {
	height: 50px;
}

.contact-form--volunteer select {
	padding-right: 24px;
}

.contact-form--volunteer .contact-form__group {
	margin: 0;
}

.contact-form--volunteer .wpcf7-form-control.wpcf7-radio {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 14px;
}

.contact-form--volunteer .wpcf7-list-item {
	display: block;
	margin: 0;
}

.contact-form--volunteer .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 0;
	cursor: pointer;
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 400;
	color: #000000;
}

.contact-form--volunteer .wpcf7-list-item input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.contact-form--volunteer .wpcf7-list-item .wpcf7-list-item-label {
	position: relative;
	display: inline-block;
	padding-left: 38px;
}

.contact-form--volunteer .wpcf7-list-item .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #dfc38d;
}

.contact-form--volunteer .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
	background: #9f330d;
}

.contact-form--volunteer .contact-form__field--message {
	margin-top: 72px;
}

.contact-form--volunteer .contact-form__field--message label {
	margin-bottom: 24px;
}

.contact-form--volunteer .contact-form__textarea,
.contact-form--volunteer textarea {
	height: 0px;
	padding: 0 0 14px 0;
	border: 0;
	border-bottom: 2px dotted rgba(0, 0, 0, 0.8);
	background: transparent;
	resize: vertical;
}

.contact-form--volunteer .contact-form__captcha {
	margin-top: 40px;
	margin-bottom: 32px;
}

.contact-form--volunteer .contact-form__submit {
	margin-top: 0;
}

.contact-form--volunteer .contact-form__submit .wpcf7-submit,
.contact-form--volunteer input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	height: 68px;
	padding: 0 36px;
	border: 0;
	border-radius: 0;
	background: #f47c2c;
	color: #ffffff;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

.contact-form--volunteer .contact-form__submit .wpcf7-submit:hover,
.contact-form--volunteer input[type="submit"]:hover {
	opacity: 0.9;
}

.contact-form--volunteer .wpcf7-not-valid-tip {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #9f330d;
}

.contact-form--volunteer .wpcf7-response-output {
	margin: 24px 0 0 0;
	padding: 14px 18px;
	border: 1px solid #000000;
	font-size: 16px;
	line-height: 1.4;
}

@media (max-width: 900px) {
	.contact-form--volunteer .contact-form__layout {
		grid-template-columns: 1fr;
		row-gap: 48px;
	}

	.contact-form--volunteer .contact-form__col--left {
		row-gap: 40px;
	}

	.contact-form--volunteer .contact-form__field label,
	.contact-form--volunteer .contact-form__legend {
		font-size: 24px;
	}

	.contact-form--volunteer .contact-form__intro p,
	.contact-form--volunteer .contact-form__text p,
	.contact-form--volunteer .wpcf7-list-item label,
	.contact-form--volunteer .contact-form__input,
	.contact-form--volunteer .contact-form__textarea,
	.contact-form--volunteer input[type="text"],
	.contact-form--volunteer input[type="email"],
	.contact-form--volunteer input[type="tel"],
	.contact-form--volunteer select,
	.contact-form--volunteer textarea {
		font-size: 22px;
	}

	.contact-form--volunteer .contact-form__field--message {
		margin-top: 48px;
	}
}
	
	
	
	
	
	
/* =========================================================
   MOBILE STABILIZATION PATCH
========================================================= */
@media (max-width: 767px) {
	:root {
		--mobile-body-size: 20px;
		--mobile-body-line: 1.5;
	}

	.page-footer-potten {
		width: 100vw;
		height: 150px !important;
	}

	.testimonial-slider--reviews .testimonial-slider__label {
		margin-left: 0px;
	}

	.text-media {
    margin-top: 0px;
	}
	
	.summer-hero__image {
    height: 45vh;
    min-height: 300px;
	}

	.farewell-hero__shape {
	position: absolute;
	inset: 0;
	top: 50px;
	right: -250px;
	-webkit-mask-image: url('');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: right top;
	-webkit-mask-size: 65% auto;;

	mask-image: url('');
	mask-repeat: no-repeat;
	mask-position: right top;
	mask-size: 65% auto;
	}
	
	  .story-hero__shape--left {
        width: 150px;
        height: 150px;
        left: 100px;
        position: relative;
		  opacity: 1;
    }
	.story-hero__shape--right {
        width: 140px;
        height: 160px;
        right: -50px;
		top: -30px;
		opacity: 1;
    }
	.story-hero {
    margin-top: -25px;
}
	
	.pot-journey__panel {
		max-height: 600px;
	}
	
	body.home .text-media__title {
    width: auto !important;
	}
	
	.text-media__media {
		right: 0;
	}

	.text-media__image-wrap {
		padding-left: 0;
		padding-bottom: 80px;
	}

	.text-media__badge {
		width: 180px;
		height: 180px;
		padding: 20px;
	}

	.text-media__badge-text {
		font-size: 24px;
	}

	.feature-cards__text {
		width: auto !important;
		max-width: 100%;
	}

	.feature-cards__card--large,
	.feature-cards__card--map,
	.feature-cards__card--split {
		min-height: auto;
	}

	.feature-cards__circle-image {
		left: 0;
		margin-left: 0;
	}

	.feature-cards__map-image,
	.feature-cards__split-image {
		position: relative;
		width: 100%;
		height: 220px;
	}

	.feature-cards__map-shape,
	.feature-cards__map-dot,
	.feature-cards__map-pin,
	.feature-cards__card--large::before,
	.feature-cards__card--large::after {
		display: none;
	}

	.page-footer-potten,
	.block.pillars {
		margin-top: 0;
	}

	.donation-hero {
	margin-top: 0px;
	}
	
	.text-media__badge {
		transform: translateY(-75px);
	}
	.contact-cta__button {
		position: relative;
		left: 95px;
	}
	
	.summer-hero__title {
		transform: translateY(-75px);
	}
	
	body.home .testimonial-slider__label {
    color: #ee7330;
    margin-bottom: 0px;
	}
	
	
	.why-schelleboom__text,
	.why-schelleboom__item-text,
	.text-columns__text,
	.feature-cards__text,
	.testimonial-slider__quote,
	.testimonial-slider__author,
	.events-overview__card-text,
	.events-overview__card-label,
	.farewell-hero__text,
	.centered-text__content,
	.pricing__text,
	.overview__text,
	.overview__feature-title,
	.overview__feature-text,
	.room-teasers__text,
	.statement-split__intro,
	.statement-split__text,
	.form-panel__label,
	.donation-hero__text,
	.donation-panel__text,
	.contact-panel__text,
	.contact-panel__item-text,
	.access-info__lead,
	.access-info__text,
	.access-sections__col,
	.story-hero__intro,
	.story-hero__text,
	.foundation-info__text,
	.history-intro__text,
	.story-tabs__col,
	.summer-hero__text,
	.pot-journey__text,
	.text-columns-centered__text,
	.testimonial-highlight__text,
	.testimonial-highlight__name,
	.testimonial-highlight__meta,
	.visit-cta__text,
	.info-strip__text,
	.info-strip__contact-text,
	.contact-form__field label .contact-form__subnote,
	.contact-form__legend,
	.contact-cta-page__text,
	.more-info__text,
	.more-info__item-title,
	.more-info__item-text,
	.volunteer-hero__text,
	.site-footer__text,
	.site-footer__contact-label,
	.site-footer__rsin,
	.site-footer__link,
	.testimonial-slider--reviews .testimonial-slider__star {
		font-size: var(--mobile-body-size) !important;
		line-height: var(--mobile-body-line) !important;
	}
}

	@media (max-width: 991px) {
	.farewell-hero {
		overflow: hidden;
	}

	.farewell-hero__shape {
		right: 0;
		-webkit-mask-position: 115% top;
		mask-position: 115% top;
		-webkit-mask-size: 80% auto;
		mask-size: 80% auto;
	}
}

/* =========================================================
   PROGRAM PAGE STYLING
========================================================= */

/* Intro Voorstellingen: zelfde hero, ticket i.p.v. hart */
.page-template-page-program .donation-hero__heart {
	-webkit-mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/ticket.svg');
	mask-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/ticket.svg');
}

.page-template-page-program .donation-hero__heart--small-1,
.page-template-page-program .donation-hero__heart--small-2 {
	display: none;
}

.page-template-page-program .donation-hero__heart--large {
	width: 650px;
	height: 650px;
}

.program__month {
	margin: 48px 0 35px 0;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 58px;
	line-height: 1;
}

/* Filters */
.program__controls {
	display: flex;
	align-items: center;
	gap: 24px;
	width: 100%;
	margin: 25px 0 48px 0;
}

.program__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.program__month-jump {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	flex: 0 0 auto;
}

.program__filter-label,
.program__month-jump-label {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 20px;
	line-height: 1;
	white-space: nowrap;
}

.program__filter-select,
.program__month-select {
	height: 44px;
	min-width: 210px;
	padding: 0 42px 0 18px;
	border: 2px solid #b24716;
	border-radius: 999px;
	background-color: #ffffff;
	color: #b24716;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

/* Voorstellingskaart */
.program-item {
	position: relative;
}

.program-item__summary {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) 255px 220px;
	align-items: stretch;
	width: 100%;
	min-height: 155px;
	background-color: #f7ebda;
	border-radius: 8px;
	overflow: hidden;
}

.program-item__thumb-wrapper {
	position: relative;
	width: 220px;
	min-width: 0;
}

.program-item__thumb {
	width: 220px;
	height: 100%;
	min-height: 155px;
	overflow: hidden;
}

.program-item__thumb-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.program-item__label {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 2;
	padding: 7px 14px;
	border-radius: 20px;
	background-color: #953513;
	color: #ffffff;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.program-item__label--low-availability {
	background-color: #ee7330;
	color: #953513;
}
.program-item__label--sold-out {
	background-color: #953513;
	/*color: #c25a2f;*/
	color: #ee7330;
	}

.program-item__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #ded8cb;
}

.program-item__pillar {
	align-self: flex-start;
	margin-bottom: 5px;
	padding: 4px 12px;
	border-radius: 12px;
	color: #ffffff;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.program-item--avond .program-item__pillar {
	background-color: #677690;
}

.program-item--middag .program-item__pillar {
	background-color: #e4aa56;
	color: #222222;
}

.program-item__artist {
	margin: 0;
	font-family: "Bree", serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.05;
}

.program-item__title {
	margin: 2px 0 0 0;
	font-family: "Bree", serif;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.1;
}

.program-item__slogan {
	margin-top: 7px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.1rem;
	line-height: 1.2;
}

.program-item__meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	min-width: 0;
	padding: 15px 25px;
	border-right: 1px solid #ded8cb;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1rem;
	line-height: 1.15;
}

.program-item__meta-row {
	position: relative;
	padding-left: 36px;
}

.program-item__meta-row::before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	transform: translateY(-50%);
	color: #953513;
	font-family: Arial, sans-serif;
	font-weight: 700;
	text-align: center;
}

.program-item__meta-row--date::before {
	content: "";
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/calendar.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.program-item__meta-row--time::before {
	content: "";
	width: 26px;
	height: 26px;
	flex: 0 0 24px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/clock.svg');
	background-repeat: no-repeat;
	background-position: -1px center;
	background-size: 26px 26px;
}

.program-item__meta-row--price::before {
	content: "€";
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #953513;
	color: #ffffff;
	font-size: 15px;
	line-height: 24px;
}

.program-item__actions {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 15px 18px;
}

.program-item__toggle,
.program-item__ticket {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-width: 0;
	padding: 13px 20px;
	border: 0;
	border-radius: 999px;
	background-color: #953513;
	color: #ffffff;	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
	font-size: 0.9rem;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: transform 200ms ease;
}
	
.program-item__toggle:hover,
.program-item__ticket:hover {
	color: #ffffff;
	transform: translateX(5px);
}

.program-item__toggle::after,
.program-item__ticket::after,
.performance-single__ticket::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #ffffff;
	flex: 0 0 auto;
}.program-item__label--low-availability
.program-item__ticket[disabled] {
	opacity: 1;
	cursor: default;
}

	.performance-single__back {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 25px;
	color: #953513;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: transform 200ms ease;
}

.performance-single__back::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 7px solid #953513;
	flex: 0 0 auto;
}

.performance-single__back:hover {
	transform: translateX(-5px);
}
	
.program-item + .program-item {
	margin-top: 20px;
}

.program-item__content[hidden] {
	display: none;
}

.program-item__content:not([hidden]) {
	padding: 25px 30px;
	background-color: #ffffff;
	border-radius: 0 0 8px 8px;
}

.program-item__details {
	width: 100%;
	max-width: 100%;
}

.program-item__description {
	font-size: 20px;
	line-height: 1.55;
}

.program-item__description p {
	margin: 0;
}

.program-item__description p + p {
	margin-top: 16px;
}

.program__overview {
	padding-bottom: 120px;
}

.program__month {
	scroll-margin-top: 140px;
}

.program-item--earlier .program-item__toggle,
.program-item--earlier .program-item__ticket {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}
	
.program__earlier-title {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
    font-size: 58px;
    line-height: 1;
	margin-top: 100px;
	margin-bottom: 20px;
}
	
/* Responsive */
@media screen and (max-width: 1100px) {
	.program-item__summary {
		grid-template-columns: 190px minmax(0, 1fr) 225px 200px;
	}

	.program-item__thumb-wrapper,
	.program-item__thumb {
		width: 190px;
	}

	.program-item__info {
		padding: 15px 20px;
	}

	.program-item__meta {
		padding: 15px 18px;
	}

	.program-item__actions {
		padding: 15px;
	}
}

@media screen and (max-width: 900px) {
	.program-item__summary {
		grid-template-columns: 190px minmax(0, 1fr) 220px;
	}

	.program-item__actions {
		grid-column: 2 / 4;
		display: grid;
		grid-template-columns: 1fr 1fr;
		border-top: 1px solid #ded8cb;
	}

	.program-item__meta {
		border-right: 0;
	}

	.program__controls {
		flex-wrap: wrap;
	}

	.program__month-jump {
		margin-left: 0;
	}
}

@media screen and (max-width: 680px) {
	.program__controls {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		margin: 32px 0;
	}

	.program__filters,
	.program__month-jump {
		width: 100%;
	}

	.program__filter-select,
	.program__month-select {
		width: 100%;
		min-width: 0;
	}

	.program-item__summary {
		grid-template-columns: 1fr;
	}

	.program-item__thumb-wrapper,
	.program-item__thumb {
		width: 100%;
	}

	.program-item__thumb {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.program-item__info,
	.program-item__meta,
	.program-item__actions {
		grid-column: 1;
		border-right: 0;
		border-top: 1px solid #ded8cb;
	}

	.program-item__info,
	.program-item__meta,
	.program-item__actions {
		padding: 20px;
	}

	.program-item__actions {
		display: flex;
	}

	.program-item__toggle,
	.program-item__ticket {
		width: 100%;
	}

	.program__overview {
		padding-bottom: 80px;
	}
}

@media (hover: none) {
	.program-item__toggle,
	.program-item__ticket {
		transition: none;
	}

	.program-item__toggle:hover,
	.program-item__ticket:hover {
		transform: none;
	}
}
	
/* =========================================================
   SINGLE VOORSTELLING
   ========================================================= */

.performance-single {
	padding: 0 30px 80px;
}

.performance-single .container {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
}


/* Breadcrumb
   --------------------------------------------------------- */

.performance-single__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 12px 0 14px;
	font-size: clamp(15px, 1.2vw, 18px);
	line-height: 1.4;
}

.performance-single__breadcrumb a, .performance-single__breadcrumb {
	color: inherit;
	text-decoration: none;
	font-size: 1rem;
}


/* Hero
   --------------------------------------------------------- */

.performance-single__hero {
	width: 100%;
	height: clamp(300px, 42vw, 560px);
	overflow: hidden;
}

.performance-single__hero-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* Content
   --------------------------------------------------------- */

.performance-single__content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(300px, 30vw, 400px);
	gap: clamp(40px, 6vw, 80px);
	align-items: start;
	padding-top: clamp(35px, 5vw, 60px);
}


/* Linkerkolom
   --------------------------------------------------------- */

.performance-single__main {
	min-width: 0;
}

.performance-single__pillar {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	margin-bottom: 18px;
	border-radius: 12px;
	background-color: #677690;
	color: #ffffff;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

	.performance-single--avond .performance-single__pillar {
	background-color: #677690;
}

.performance-single--middag .performance-single__pillar {
	background-color: #e4aa56;
	color: #222222;
}
.performance-single__artist {
	margin: 0;
	font-family: "Bree", serif;
	font-size: clamp(38px, 5vw, 68px);
	line-height: 1;
}

.performance-single__title {
	margin: 12px 0 0;
	font-family: "Bree", serif;
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.1;
	font-weight: 300;
}

.performance-single__slogan {
	margin-top: 24px;
	font-size: clamp(18px, 1.8vw, 24px);
	line-height: 1.45;
	font-weight: 700;
}

.performance-single__description {
	margin: 30px 0px 50px 0px;
	font-size: clamp(17px, 1.5vw, 20px);
	line-height: 1.65;
}

.performance-single__description > *:first-child {
	margin-top: 0;
}

.performance-single__description > *:last-child {
	margin-bottom: 0;
}


/* Rechter informatiekaart
   --------------------------------------------------------- */

.performance-single__sidebar {
	padding: clamp(25px, 3vw, 35px);
	background: rgba(255, 255, 255, 0.45);
}

.performance-single__meta-row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 40px;
	padding-left: 0;
}

.performance-single__meta-row::before {
	position: static;
	display: block;
}

.performance-single__meta-row--date::before {
	content: "";
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/calendar.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.performance-single__meta-row--time::before {
	content: "";
	width: 26px;
	height: 26px;
	flex: 0 0 24px;
	background-image: url('https://www.deschelleboom.nl/wp-content/themes/schelleboom/images/clock.svg');
	background-repeat: no-repeat;
	background-position: -1px center;
	background-size: 26px 26px;
}

.performance-single__meta-row--price::before {
	content: "€";
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 50%;
	background-color: #953513;
	color: #ffffff;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
}

/* Locatie
   --------------------------------------------------------- */

.performance-single__location {
	display: flex;
	gap: 14px;
	margin-top: 28px;
	padding-top: 26px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.performance-single__location-icon {
	position: relative;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 50% 50% 50% 0;
	background-color: #953513;
	transform: rotate(-45deg);
}

.performance-single__location-icon::after {
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffffff;
}

.performance-single__location-content {
	display: flex;
	flex-direction: column;
	font-size: 1.25rem;
	line-height: 1.45;
}

.performance-single__location-content strong {
	margin-bottom: 2px;
}


/* Tickets
   --------------------------------------------------------- */

.performance-single__tickets {
	margin-top: 30px;
}

.performance-single__ticket {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 52px;
	padding: 12px 22px;
	border: 0;
	border-radius: 26px;
	background: #a93616;
	color: #fff;
	font: inherit;
	font-size: 1.25rem;
	font-weight: 700;
	cursor: pointer;
	transition:
		transform 150ms ease,
		opacity 150ms ease;
}

.performance-single__ticket::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #ffffff;
	flex: 0 0 auto;
}

.performance-single__ticket:hover {
	transform: translateX(4px);
	opacity: 1;
}


/* Ticketstatus: uitverkocht / wachtlijst */
/*.performance-single__ticket--sold-out,
.performance-single__ticket--sold-out:hover {
	background: #953513;
	color: #dfa13d;
}

.performance-single__ticket--sold-out::after,
.performance-single__ticket--sold-out:hover::after {
	border-left: 7px solid #dfa13d;
}
*/

/* Ticketstatus: laatste kaarten */
/*.performance-single__ticket--low-availability,
.performance-single__ticket--low-availability:hover {
	background: #dfa13d;
	color: #953513;
}

.performance-single__ticket--low-availability::after,
.performance-single__ticket--low-availability:hover::after {
	border-left: 7px solid #953513;
}
*/
/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

	.performance-single {
		padding-right: 22px;
		padding-left: 22px;
	}

	.performance-single__content {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 35px;
	}

	.performance-single__sidebar {
		padding: 25px;
	}

}


@media (max-width: 720px) {

	.performance-single {
		padding-right: 18px;
		padding-bottom: 60px;
		padding-left: 18px;
	}

	.performance-single__hero {
		height: clamp(240px, 65vw, 400px);
	}

	.performance-single__content {
		display: flex;
		flex-direction: column;
		gap: 35px;
		padding-top: 35px;
	}

	.performance-single__main,
	.performance-single__sidebar {
		width: 100%;
	}

	.performance-single__sidebar {
		padding: 25px;
	}

	.performance-single__artist {
		font-size: clamp(36px, 10vw, 52px);
	}

	.performance-single__title {
		font-size: clamp(25px, 7vw, 34px);
	}

}


@media (max-width: 480px) {

	.performance-single {
		padding-right: 15px;
		padding-left: 15px;
	}

	.performance-single__breadcrumb {
		font-size: 15px;
	}

	.performance-single__hero {
		height: 260px;
	}

	.performance-single__content {
		padding-top: 28px;
	}

	.performance-single__sidebar {
		padding: 22px;
	}

	.performance-single__meta-row {
		padding-left: 38px;
	}

}
	
.performance-single__related {
	margin-top: 70px;
}

.performance-related,
.performance-related__link,
.performance-related__image {
	width: 100%;
}

.performance-related__image-src {
	display: block;
	width: 100%;
	height: auto;
}

.performance-single__related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	width: 100%;
}
@media (max-width: 720px) {
	.performance-single__related-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
	.performance-single__related-title {	font-family: "Londrina", sans-serif;
	font-weight: 400;
	letter-spacing: 0.75px;
    font-size: 58px;
	}

	.performance-related__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.performance-related__link:hover,
.performance-related__link:focus {
	color: inherit;
	text-decoration: none;
}

.performance-related__pillar {
	display: inline-block;
	margin-bottom: 5px;
	padding: 4px 12px;
	border-radius: 12px;
	background-color: #677690;
	color: #ffffff;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.performance-related__artist {
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Bree", serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.05;
}

.performance-related__title {
	margin: 2px 0 0 0;
	font-family: "Bree", serif;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.1;
}

.performance-related__date {
	margin-top: 12px;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2;
}

.performance-single__description a {
	color: #953513;
	text-decoration: none;
}
.performance-single__description a:hover {
	color: #953513;
	text-decoration: none;
	opacity: 0.8;
}
	
/* =========================================================
   FORM PAGE
========================================================= */

.form-page__header {
	margin-top: -40px;
	margin-bottom: 50px;
}

.form-page__intro {
	width: 50%;
}

.form-page__form {
	background: #ffffff;
	padding: 80px 88px;
}

.form-page__back {
	padding-top: 70px;
}
	
@media (max-width: 900px) {
	.form-page__intro {
		width: 100%;
	}

	.form-page__form {
		padding: 56px 32px;
	}
}

@media (max-width: 600px) {
	.form-page__form {
		padding: 44px 20px;
	}
}