/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


@import url("https://use.typekit.net/uzh2byb.css");


/* Fonts

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeue.woff2') format('woff2'), url('fonts/BebasNeue.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('fonts/Didot.woff2') format('woff2'), url('fonts/Didot.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('fonts/Didot-Italic.woff2') format('woff2'), url('fonts/Didot-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('fonts/Didot-Bold.woff2') format('woff2'), url('fonts/Didot-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next XLight';
	src: url('fonts/AkzidGrtskNext-ExtraLight.woff2') format('woff2'), url('fonts/AkzidGrtskNext-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next XLight';
	src: url('fonts/AkzidGrtskNext-ExtraLightIt.woff2') format('woff2'), url('fonts/AkzidGrtskNext-ExtraLightIt.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-Light.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-LightItalic.woff2') format('woff2'), url('fonts/AkzidGrtskNext-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-Regular.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-Italic.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next Med';
	src: url('fonts/AkzidGrtskNext-Med.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Med.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next Med';
	src: url('fonts/AkzidGrtskNext-MedIt.woff2') format('woff2'), url('fonts/AkzidGrtskNext-MedIt.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-Bold.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-BoldIt.woff2') format('woff2'), url('fonts/AkzidGrtskNext-BoldIt.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next XBold';
	src: url('fonts/AkzidGrtskNext-ExtraBold.woff2') format('woff2'), url('fonts/AkzidGrtskNext-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next XBold';
	src: url('fonts/AkzidGrtskNext-ExtraBoldIt.woff2') format('woff2'), url('fonts/AkzidGrtskNext-ExtraBoldIt.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-Black.woff2') format('woff2'), url('fonts/AkzidGrtskNext-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Akzidenz-Grotesk Next';
	src: url('fonts/AkzidGrtskNext-BlackIt.woff2') format('woff2'), url('fonts/AkzidGrtskNext-BlackIt.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

*/



/* Variabelen */

:root {
	--ek-font-display: 'Bebas neue', 'Arial Narrow', sans-serif;
	--ek-font-script: 'Didot', 'Bodoni 72', Georgia, serif;
	--ek-font-body: 'Akzidenz-Grotesk Next', Helvetica, Arial, sans-serif;
	--ek-font-body-medium: 'Akzidenz-Grotesk Next', Helvetica, Arial, sans-serif;

	--ek-fs-script: clamp(3.5rem, 2.15rem + 5.76vw, 9.0625rem);
	--ek-fs-display: clamp(2.75rem, 1.9rem + 3.62vw, 6.25rem);
	--ek-fs-eyebrow: clamp(1.375rem, 1.1rem + 1.17vw, 2.5rem);
	--ek-fs-title: clamp(1.5rem, 1.35rem + 0.65vw, 2.125rem);
	--ek-fs-h4: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
	--ek-fs-body: clamp(1.0625rem, 1rem + 0.26vw, 1.3125rem);
	--ek-fs-button: clamp(1.375rem, 1.31rem + 0.26vw, 1.625rem);

	--ek-lh-display: 0.9;
	--ek-lh-script: 1;
	--ek-lh-body: 1.55;

	--ek-color-navy: #002839;
	--ek-color-white: #ffffff;
	--ek-color-text: var(--ek-color-navy);

	--ek-stripes: url('/wp-content/uploads/2026/09/ekotex-lijnen-patroon.svg');
	--ek-stripes-systeem: url('/wp-content/uploads/2026/09/ekotex-lijnen-var.svg');
	--ek-hero-paint: url('/wp-content/uploads/2026/09/VERF-blauw.png');
	--ek-hero-logo: url('/wp-content/uploads/2026/09/Ekotex-footer-2x.png');
	--ek-hero-mobile: url('/wp-content/uploads/2026/09/banner-mobile.jpg');
	--ek-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5 8 8l-6.5 6.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}


/* Basis */

#top {
	font-family: var(--ek-font-body)!important;
}

#top #main {
	font-size: var(--ek-fs-body);
	line-height: var(--ek-lh-body);
}

#top p,
#top .avia_textblock :is(ul, ol, li, blockquote) {
	color: var(--ek-color-text);
}

#top .ek-text-light {
	--ek-color-text: var(--ek-color-white);
}

#top .ek-text-light :is(.ek-eyebrow, .ek-script),
#top .ek-accent {
	color: var(--ek-color-white);
}

#top .ek-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

#top .main_color strong, #top .alernate_color strong {
	color: inherit;
}



.avia-section-large .content, .avia-section-large .sidebar {
	padding-top: 100px;
	padding-bottom: 100px;
}


.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: transparent!important;
}




/* Koppen */

#top :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--ek-font-display);
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0;
	text-wrap: balance;
	color: var(--ek-color-navy);
	margin: 0 0 1em;
}

#top :is(h1, h2) {
	font-size: var(--ek-fs-display);
	line-height: var(--ek-lh-display);
}

#top :is(h3, h4) {
	font-family: var(--ek-font-body);
	font-family: var(--ek-font-display);
	font-weight: bold;
}

#top h3 {
	font-size: var(--ek-fs-title);
	line-height: 1.1;
}

#top h4 {
	font-size: var(--ek-fs-h4);
	line-height: 1.15;
}

#top :is(h5, h6) {
	font-size: var(--ek-fs-body);
	line-height: 1.3;
}

#top :is(h1, h2, h3, .ek-display) em {
	font-family: var(--ek-font-script);
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.1em;
}


/* Rol-klassen */

#top :is(.ek-display, .ek-script, .ek-eyebrow, .ek-title) {
	color: inherit;
}

#top .ek-display {
	display: block;
	font-family: var(--ek-font-display);
	font-size: var(--ek-fs-display);
	font-weight: normal;
	font-style: normal;
	line-height: var(--ek-lh-display);
	text-transform: uppercase;
	letter-spacing: 0;
}

#top .ek-script {
	display: block;
	font-family: var(--ek-font-script);
	font-size: var(--ek-fs-script);
	font-weight: normal;
	font-style: italic;
	line-height: var(--ek-lh-script);
	text-transform: none;
	letter-spacing: -0.01em;
}

#top .ek-eyebrow {
	display: block;
	font-family: var(--ek-font-display);
	font-size: var(--ek-fs-eyebrow);
	font-weight: normal;
	font-style: normal;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-right: -0.2em;
}

#top .ek-title {
	display: block;
	font-family: var(--ek-font-body);
	font-size: var(--ek-fs-title);
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}


/* Knoppen */

#top :is(.avia-button, .ek-button):not(.avia_button_background) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.4rem !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.6rem 0.8rem 0.6rem 2rem !important;
    font-family: var(--ek-font-display);
    font-size: var(--ek-fs-button) !important;
    font-weight: normal !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

#top .avia-button :is(.avia_button_icon, .avia_button_background) {
	display: none;
}

#top :is(.avia-button, .ek-button):not(.avia_button_background)::after {
	content: '';
	flex: none;
	width: 0.625rem;
	height: 1rem;
	background-color: currentColor;
	mask: var(--ek-chevron) center / contain no-repeat;
	transition: transform 0.2s ease;
}

#top :is(.avia-button, .ek-button):hover::after {
	transform: translateX(-0.25rem);
}

#top :is(.avia-button, .ek-button):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

#top #wrap_all .avia-button:not(.avia-color-custom, .avia_button_background),
#top #wrap_all .avia-button:not(.avia-color-custom, .avia_button_background):hover,
#top #wrap_all .ek-button,
#top #wrap_all .ek-button:hover {
	background-color: var(--ek-color-navy);
	color: var(--ek-color-white);
}

#top #wrap_all .avia-button.avia-color-theme-color-highlight,
#top #wrap_all .avia-button.avia-color-theme-color-highlight:hover {
	background-color: var(--ek-color-white);
	color: var(--ek-color-navy);
}

#top #wrap_all .avia-button:is(.avia-color-light, .avia-color-white, .avia-color-silver),
#top #wrap_all .avia-button:is(.avia-color-light, .avia-color-white, .avia-color-silver):hover,
#top #wrap_all .ek-button.ek-button--light,
#top #wrap_all .ek-button.ek-button--light:hover {
	background-color: var(--ek-color-white);
	color: var(--ek-color-navy);
}

@media (prefers-reduced-motion: reduce) {
	#top :is(.avia-button, .ek-button),
	#top :is(.avia-button, .ek-button)::after {
		transition: none;
	}
}

#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
	margin-top: 4px!important;
}


/* Header */

#top #header_main {
	border-bottom: 0;
}

/*
#top #header .logo,
#top #header .logo a {
	display: flex;
	align-items: center;
	height: 100%;
}

#top #header .logo :is(img, svg) {
	width: auto;
	height: 4.5rem;
	max-height: none;
	padding: 0;
}
*/

#top #header .av-main-nav > li > a {
	padding: 0 1rem;
	font-family: var(--ek-font-body);
	color: var(--ek-color-navy);
}

#top #header .av-main-nav > li:last-child > a {
	padding-right: 0;
}

#top #header .av-main-nav > li > a .avia-menu-fx {
	display: none;
}

#top #header .av-main-nav > li > a:is(:hover, :focus-visible) .avia-menu-text {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.35em;
}

#top #header .av-hamburger-inner,
#top #header .av-hamburger-inner::before,
#top #header .av-hamburger-inner::after {
	background-color: var(--ek-color-navy);
}

#top #av-burger-menu-ul {
	background-color: var(--ek-color-navy);
}

#top .av-burger-overlay-scroll {
	padding-top: 6.25rem;
}

#top .av-burger-overlay :is(a, span, li) {
	color: var(--ek-color-white);
}

#top #av-burger-menu-ul > li > a {
	padding: 0.6875rem 2.5rem;
	border: 0;
	font-family: var(--ek-font-body);
	font-size: 1.0625rem;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
	color: var(--ek-color-white);
	background-color: transparent;
}

#top #av-burger-menu-ul > li > a:is(:hover, :focus-visible) .avia-menu-text {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.35em;
}

#top #header .av-hamburger.is-active .av-hamburger-inner,
#top #header .av-hamburger.is-active .av-hamburger-inner::before,
#top #header .av-hamburger.is-active .av-hamburger-inner::after {
	background-color: var(--ek-color-white);
}

#top #header .av-hamburger {
	padding: 0;
}

@media only screen and (max-width: 767px) {
	#top #header .logo :is(img, svg) {
		height: 3rem;
	}

	#top .av-burger-overlay-scroll {
		padding-top: 5rem;
	}

	#top #av-burger-menu-ul > li > a {
		padding-inline: 1.875rem;
	}
}


/* Hero */

#top .hero-sectie {
	--hero-bar: 17.45cqw;
	--hero-kop-top: 13.7cqw;
	--hero-kop-size: 11.94cqw;
	--hero-kop-bottom: calc(var(--hero-stripes-top) + var(--hero-stripes-height) - var(--hero-kop-top) - var(--hero-kop-size) + 2.5rem);
	--hero-indent: 3.83cqw;
	--hero-script-indent: 10.9cqw;
	--hero-paint-top: 0px;
	--hero-paint-height: 56cqw;
	--hero-stripes-top: 42.72cqw;
	--hero-stripes-height: 11.74cqw;
	--hero-logo-width: 90%;
	--hero-logo-left: 3.39cqw;
	--hero-logo-bottom: 5.48cqw;
}

#top .avia-section.hero-sectie .content {
	padding-block: 0;
	container-type: inline-size;
}

#top .hero-sectie .post-entry {
	position: relative;
	background: var(--ek-hero-paint) left top var(--hero-paint-top) / auto var(--hero-paint-height) no-repeat;
}

#top .hero-sectie .post-entry::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: var(--hero-bar);
	background: var(--ek-hero-logo) left var(--hero-logo-left) bottom var(--hero-logo-bottom) / var(--hero-logo-width) auto no-repeat, var(--ek-color-navy);
}

#top .hero-sectie .post-entry::after {
	content: '';
	position: absolute;
	top: var(--hero-stripes-top);
	right: 0;
	left: 0;
	z-index: 2;
	height: var(--hero-stripes-height);
	background: var(--ek-stripes) center / 100% 100% no-repeat;
}

#top .hero-sectie .entry-content-wrapper {
	position: relative;
	z-index: 3;
	padding-right: calc(var(--hero-bar) + 2rem);
}

#top .hero-sectie .entry-content-wrapper > :first-child {
	margin: var(--hero-kop-top) 0 var(--hero-kop-bottom);
	padding: 0 0 0 var(--hero-indent);
}

#top .hero-sectie .entry-content-wrapper > :first-child:has(+ .ek-script) {
	margin-bottom: 0;
}

#top .hero-sectie .entry-content-wrapper > :first-child + .ek-script {
	margin: 0 0 var(--hero-kop-bottom);
	padding: 0 0 0 calc(var(--hero-indent) + var(--hero-script-indent));
}

#top .hero-sectie .entry-content-wrapper > :first-child h1 {
	margin: 0;
}

#top .hero-sectie :is(.ek-eyebrow, .ek-script) {
	color: var(--ek-color-white);
}

#top .hero-sectie :is(.ek-eyebrow, .ek-script) :is(h1, h2, h3, h4, h5, h6) {
	float: none;
	margin: 0;
	padding: 0;
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
}

#top .hero-sectie .special-heading-border {
	display: none;
}

#top .hero-sectie .ek-eyebrow {
	margin-right: -0.08em;
	font-size: max(1.375rem, 3.13cqw);
	letter-spacing: 0.08em;
}

#top .hero-sectie .ek-script {
	margin-left: var(--hero-script-indent);
	font-size: max(3.5rem, 8.5cqw);
}

#top .hero-sectie .av_textblock_section:not(:first-child) {
	max-width: 60rem;
	margin-block: 0;
	line-height: 1.43;
}

#top .hero-sectie .av_textblock_section:not(:first-child) p {
	margin: 0;
}

#top .hero-sectie .av_textblock_section:not(:first-child) p + p,
#top .hero-sectie .av_textblock_section:not(:first-child) + .av_textblock_section {
	margin-top: 1lh;
}

#top .hero-sectie .av_textblock_section:last-of-type p {
	font-family: var(--ek-font-body-medium);
	font-weight: 500;
}

#top .hero-sectie .avia-button-wrap {
	display: block;
	margin: 3rem 0 0;
}

@media only screen and (max-width: 767px) {
	#top .hero-sectie {
		--hero-visual-height: 125cqw;
		--hero-kop-top: 25cqw;
		--hero-kop-size: 17cqw;
		--hero-kop-bottom: calc(var(--hero-visual-height) - var(--hero-kop-top) - var(--hero-kop-size) + 2.25rem);
		--hero-indent: 6cqw;
		--hero-script-indent: 4cqw;
	}

	#top .hero-sectie .post-entry {
		min-height: var(--hero-visual-height);
		background: var(--ek-hero-mobile) center top / 100% auto no-repeat;
	}

	#top .hero-sectie .post-entry::before,
	#top .hero-sectie .post-entry::after {
		display: none;
	}

	#top .hero-sectie .entry-content-wrapper {
		padding-right: 0;
	}

	#top .hero-sectie .ek-eyebrow {
		font-size: max(0.8125rem, 4.2cqw);
		letter-spacing: 0.12em;
	}

	#top .hero-sectie .ek-script {
		font-size: max(2.25rem, 13cqw);
	}

	#top .hero-sectie .entry-content-wrapper > :first-child :is(.ek-eyebrow, .ek-script) {
		color: transparent;
		user-select: none;
	}
}


/* Sliders */

#top .ek-slider__stage {
	position: relative;
}

#top .ek-slider__viewport {
	display: flex;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

#top .ek-slider__viewport::-webkit-scrollbar {
	display: none;
}

#top .ek-slider__viewport:focus-visible {
	outline: 2px solid var(--ek-color-navy);
	outline-offset: 4px;
}

#top .ek-slider__viewport > [data-ek-slide] {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

#top .ek-slider__arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	margin-top: -1.5625rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: var(--ek-color-navy);
	color: var(--ek-color-white);
	cursor: pointer;
}

#top .ek-slider__arrow::after {
	content: '';
	width: 0.625rem;
	height: 1rem;
	background-color: currentColor;
	mask: var(--ek-chevron) center / contain no-repeat;
}

#top .ek-slider__arrow--prev {
	left: -1.5625rem;
}

#top .ek-slider__arrow--prev::after {
	transform: scaleX(-1);
}

#top .ek-slider__arrow--next {
	right: -1.5625rem;
}

#top .ek-slider__arrow:focus-visible {
	outline: 2px solid var(--ek-color-white);
	outline-offset: 3px;
}

#top .ek-slider__dots {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: var(--ek-slider-dots-gap, 2.5rem);
}

#top .ek-slider__dot {
	position: relative;
	width: 1rem;
	height: 1rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px var(--ek-color-navy);
	cursor: pointer;
}

#top .ek-slider__dot::before {
	content: '';
	position: absolute;
	inset: -0.5rem;
}

#top .ek-slider__dot[aria-current='true'] {
	background-color: var(--ek-color-navy);
}

@media only screen and (max-width: 767px) {
	#top .ek-slider__arrow {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#top .ek-slider__viewport {
		scroll-behavior: auto;
	}
}


/* Project slider */

#top .ek-project-slider {
	--ek-slider-dots-gap: 3.5rem;
}

#top .ek-project__visual,
#top .ek-project__image {
	display: block;
	width: 100%;
	height: auto;
}

#top .ek-project__body {
	display: grid;
	grid-template-columns: minmax(0, 750fr) minmax(0, 481fr);
	align-items: start;
	column-gap: 2.9375rem;
	margin-top: 2.9375rem;
}

#top .ek-project__text {
	line-height: 1.43;
}

#top .ek-project__text p {
	margin: 0;
}

#top .ek-project__text p + p {
	margin-top: 1lh;
}

#top .ek-project__aside {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4.3125rem;
	padding-top: 0.625rem;
}

#top .ek-project__product {
	display: block;
	width: 100%;
	max-width: 24.875rem;
	height: auto;
	aspect-ratio: 398 / 253;
	object-fit: contain;
}

@media only screen and (max-width: 767px) {
	#top .ek-project-slider {
		--ek-slider-dots-gap: 2rem;
	}

	#top .ek-project__body {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 2.5rem;
		margin-top: 2rem;
	}

	#top .ek-project__aside {
		gap: 2rem;
		padding-top: 0;
	}

	#top .ek-project__product {
		max-width: 18rem;
	}
}


/* Systeem-strepen */

#top .avia-section.ekotex-systeem-stripes {
	position: relative;
	z-index: 2;
	height: 16.5rem;
	min-height: 0;
	margin-top: -7.125rem;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: var(--ek-stripes-systeem), var(--ek-stripes);
	background-position: center bottom, left bottom;
	background-size: auto 100%, 100% 9.375rem;
	background-repeat: no-repeat;
	pointer-events: none;
}

#top .avia-section.ekotex-systeem-stripes .container {
	display: none;
}

@media only screen and (max-width: 1339px) {
	#top .avia-section.ekotex-systeem-stripes {
		background-position: right -16.9375rem bottom, left bottom;
	}
}

@media only screen and (max-width: 767px) {
	#top .avia-section.ekotex-systeem-stripes {
		height: 10rem;
		margin-top: -4.3125rem;
		background-position: right -10.9rem bottom, left bottom;
		background-size: auto 100%, 100% 5.6875rem;
	}
}


/* Garantie */

#top .garantie-sectie .entry-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* Product slider */

#top .avia-section:has(.ek-product-slider) .content {
	padding-block: 0;
}

#top .ek-product-slider {
	--ek-slider-dots-gap: clamp(2rem, 5.2vw, 6.25rem);
	padding-block: clamp(3rem, 6.5vw, 6.5625rem) clamp(3rem, 5.3vw, 6.375rem);
}

#top .ek-product {
	display: grid;
	grid-template-columns: minmax(0, 487fr) minmax(0, 751fr);
	align-items: center;
	column-gap: 2.5rem;
}

#top .ek-product__image {
	display: block;
	width: 100%;
	max-width: 30.4375rem;
	height: auto;
}

#top .ek-product__body {
	padding-right: 3rem;
	line-height: 1.43;
}

#top .ek-product__body p {
}

#top .ek-product__body {
	--ek-color-text: var(--ek-color-white);
	color: var(--ek-color-white);
}

#top .ek-product__title {
	margin: 0 0 0.3em;
	color: var(--ek-color-navy);
	font-weight: 100;
	font-family: var(--ek-font-display);
	line-height: 1;
	letter-spacing: 0;
}

#top .ek-product__text p + p,
#top .ek-product__text + .ek-product__benefits-title {
	margin-top: 1lh;
}

#top .ek-product__benefits {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top .ek-product__benefits li {
    margin: 0 0 0 10px;
    padding-left: 0.2rem;
    color: var(--ek-color-text);
    font-weight: 100;
}

#top .ek-product__benefits li::before {
}

#top .ek-product__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
	#top .ek-product {
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
		row-gap: 2rem;
	}

	#top .ek-product__image {
		max-width: 16rem;
		margin-inline: auto;
	}

	#top .ek-product__body {
		padding-right: 0;
	}
}


/* Duurzaam */

#top #wrap_all .duurzaam-sectie {
	box-sizing: border-box;
	display: grid;
	align-content: center;
	aspect-ratio: 1920 / 1028;
	padding-bottom: 12.8%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    #top #wrap_all .duurzaam-sectie {
        aspect-ratio: auto;
        padding-block:2rem;
        background-size: auto 120%!important;
        background-position: left top 0px;
    }
}
@media only screen and (max-width: 480px) {
    #top #wrap_all .duurzaam-sectie {
        background-size: auto 100%;
    }
}


/* Ons team */

#top .ons-team {
	overflow-x: clip;
}

#top .ons-team .flex_column:has(.avia-image-container) {
	margin-top: 1rem;
}

#top .ons-team .avia-image-container-inner {
	position: relative;
	isolation: isolate;
	overflow: visible;
	display: block;
	width: 620px;
	max-width: 100%;
	margin-inline: auto;
}

#top .ons-team .avia-image-container-inner img {
	display: block;
	width: 100%;
	height: auto;
}

#top .ons-team .avia-image-container-inner::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	bottom: 9%;
	width: 100vw;
	height: 25%;
	transform: translateX(-50%);
	background: var(--ek-stripes) center / 100% 100% no-repeat;
}

#top .ons-team .avia-button-wrap {
	margin-top: 3.5rem;
}


/* Footer */

#top :is(#footer, #socket, #footer-page) {
	--ek-color-text: var(--ek-color-white);
}

#top #footer-page > .footer_color {
	background-color: var(--ek-color-navy);
}

#top #footer-page > .footer_color .content {
	padding-block: 7rem 3.125rem;
}

#top #footer-page > .footer_color .entry-content-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 660fr) minmax(0, 320fr) minmax(0, 298fr);
	align-items: start;
}

#top #footer-page > .footer_color .entry-content-wrapper::before,
#top #footer-page > .footer_color .entry-content-wrapper::after {
	display: none;
}

#top #footer-page > .footer_color .flex_column {
	float: none;
	width: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
}

#top #footer-page > .footer_color .flex_column:not(:first-child) {
	padding-top: 0.9375rem;
}

#top #footer-page > .footer_color .flex_column:last-child {
	grid-column: 1 / -1;
	margin-top: 6rem;
	padding-top: 0;
}

#top #footer-page .av-special-heading {
	margin: 0 0 1rem;
	padding: 0;
}

#top #footer-page .av-special-heading-tag {
	float: none;
	margin: 0;
	padding: 0;
	font-family: var(--ek-font-display);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--ek-color-white);
}

#top #footer-page .special-heading-border {
	display: none;
}

#top #footer-page .avia_textblock {
	color: var(--ek-color-white);
	font: 1rem/1.875 'Akzidenz-Grotesk Next XLight';
}

#top #footer-page .avia_textblock p {
	margin: 0;
}

#top #footer-page .avia_textblock a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

#top #footer-page > .footer_color .flex_column:last-child .avia_textblock {
	font-size: 0.875rem;
	line-height: 1.5;
}

#top #scroll-top-link {
	width: 3.6875rem;
	height: 3.6875rem;
	border-radius: 0;
	background-color: color-mix(in srgb, var(--ek-color-navy) 88%, white);
	color: var(--ek-color-white);
	line-height: 3.6875rem;
}

#top #scroll-top-link svg {
	fill: currentColor;
}

@media only screen and (max-width: 989px) {
	#top #footer-page > .footer_color .entry-content-wrapper {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		row-gap: 3rem;
	}

	#top #footer-page > .footer_color .flex_column:first-child {
		grid-column: 1 / -1;
	}

	#top #footer-page > .footer_color .flex_column:last-child {
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	#top #footer-page > .footer_color .content {
		padding-block: 4rem 2.5rem;
	}

	#top #footer-page > .footer_color .entry-content-wrapper {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 2.5rem;
	}

	#top #footer-page > .footer_color .flex_column:not(:first-child) {
		padding-top: 0;
	}
}

.ekotex-footer-stripes {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: 150px !important;
	min-height: 150px !important;
	background-image: var(--ek-stripes);
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
}

#top .avia-section.ekotex-footer-stripes {
	height: 150px !important;
	min-height: 150px !important;
	padding: 0 !important;
	border: none !important;
}

#top .avia-section.ekotex-footer-stripes .container {
	display: none !important;
}