/*!
Theme Name: Blauwzaam
Author: Compar
Author URI: http://compar.nl
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blauwzaam
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Blauwzaam is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,button,input,optgroup,select,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}figure{margin:0}table{margin:0 0 1.5em;width:100%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:active,a:hover{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgb(0 0 0 / .8);line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation ul ul a{width:200px}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation.toggled ul,.menu-toggle{display:block}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:0em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0}.wp-caption-text{text-align:left}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}

/* Defaults */
:root {
	--xs-1: 4px;
	--xs-2: 8px;
	--xs-3: 12px;
	--sm-1: 16px;
	--sm-2: 24px;
	--sm-3: 32px;
	--md-1: 40px;
	--md-2: 64px;
	--lg-1: 80px;
	--lg-2: 96px;
	--xl-1: 120px;
	--xl-2: 160px;
	--container-main: 1216px;
	--container-small: 960px;
	--container-xsmall: 800px;
	--container-article: 720px;
	--content-small: 640px;
	--color-blank: #FFFFFF; /* White */
	--color-primary: #053F87; /* Blue */
	--color-primary-inverse: #FFFFFF; /* White */
	--color-secondary: #698CB7; /* Gray */
	--color-secondary-inverse: #FFFFFFB2; /* Gray */
	--color-accent: #2C9024; /* Green */
	--color-accent-hover: #23731D; /* Dark Green */
	--color-accent-light: #C0DEBD; /* Light Green */
	--color-accent-light-hover: #ABD3A7; /* Darker Light Green */
	--color-canvas: #E4F0E3; /* Greyish Green */
	--color-status-success: #29A329; /* Green */
	--color-status-danger: #EB4747; /* Red */
	--color-surface-primary: #04326C; /* Blue */
	--color-event: #C28236; /* Gold */
	--color-low-contrast: #999999; /* grey */
	--body-default: 16px;
	--body-longform: 20px;
	--body-footnote: 14px;
	--body-caption: 12px;
	--heading-1: 56px;
	--heading-2: 40px;
	--heading-3: 32px;
	--heading-4: 24px;
	--heading-5: 20px;
	--heading-6: 16px;
	--hero-1: 104px;
	--hero-2: 72px;
	--radius-small: 8px;
	--radius-medium: 16px;
	--radius-large: 40px;
	--radius-circle: 9999px;
	--border-primary: #022D42;
	--border-secondary: #9BB2CF;
	--border-secondary-inverse: #FFFFFF66;
	--border-tertiary: #CDD9E7;
}

body {
	font-family: "Manrope", sans-serif;
	font-weight: 500;
	font-size: var(--body-default);
	color: var(--color-primary);
	line-height: 1.6;
	background-color: var(--color-canvas);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1;
}
h1 {
	font-size: var(--heading-1);
	line-height: 1;
	letter-spacing: -0.04em;
}
h2 {
	font-size: var(--heading-2);
	line-height: 1.2;
	letter-spacing: -0.03em;
}
h3 {
	font-size: var(--heading-3);
	line-height: 1.2;
	letter-spacing: -0.02em;
}
h4 {
	font-size: var(--heading-4);
	line-height: 1.2;
	letter-spacing: -0.015em;
}
h5 {
	font-size: var(--heading-5);
	line-height: 1.2;
	letter-spacing: -0.01em;
}
h6 {
	font-size: var(--heading-6);
	line-height: 1.2;
	letter-spacing: -0.04em;
}

.site {
	padding-top: 80px;
}

a,
a:visited {
	color: var(--color-primary);
	transition: color .3s ease;
}
a:hover {
	color: var(--color-secondary);
}
a:active {
	color: var(--color-accent);
}

ul {
	margin: 0;
	padding-left: var(--sm-2);
}


/* Header */
.site-header {
	position: fixed;
	z-index: 99;
	top: 0;
	height: 80px;
	width: 100%;
	background-color: var(--color-blank);
	padding: 15px;
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
}
.admin-bar .site-header {
	top: 32px;
}
.site-header .inner-header {
	display: flex;
	align-items: center;
	max-width: var(--container-main);
	margin: 0 auto;
	height: 100%;
}

.site-branding {
	flex: 0 0 auto;
}
.site-branding,
.site-branding a,
.site-branding img {
	height: auto;
	max-height: 100%;
	width: auto;
	max-width: 100%;
}


/* Main navigation */
.main-navigation {
	flex: 1 1 auto;
}
.main-navigation ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.main-navigation .menu-primary-menu-container > ul::after {
	content: "";
	display: inline-block;
	width: 53px;
	height: 29px;
	margin: 10px 0;
	background: url("images/menu-map.png") no-repeat center;
	background-size: cover;
}
.main-navigation a {
	padding: 16px 20px;
	line-height: 1;
	text-wrap: nowrap;
	font-weight: 500;
}
.main-navigation .current-menu-item,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_parent,
.main-navigation .current_page_parent > a {
	color: var(--color-accent);
	font-weight: 700;
}
.main-navigation .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 6px;
	margin: 2px 5px;
	background: url("images/dropdown.png") no-repeat center;
	background-size: cover;
	color: var(--color-secondary);
}
.main-navigation ul ul {
	display: none;
	position: absolute;
	z-index: 1;
	top: 95%;
	left: var(--sm-1);
	background-color: var(--color-blank);
	width: 300px;
	padding: var(--xs-2);
	border-radius: var(--radius-medium);
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
}
.main-navigation ul ul a {
	padding: var(--sm-1);
	border-radius: var(--radius-small);
	background-color: var(--color-blank);
	transition: all .3s ease;
	margin: 2px 0;
	width: 100%;
}
.main-navigation ul ul a:hover {
	color: var(--color-primary);
	background-color: var(--color-accent-light);
}
.main-navigation .menu-item-has-children:hover > .sub-menu {
	display: block;
}

/* Main */
#primary {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
#primary.site-home {
	gap: var(--xl-1);
}

span.chapeau {
	display: flex;
	align-items: center;
	border: 1px solid var(--border-secondary-inverse);
	border-radius: var(--radius-circle);
	padding: 0 var(--xs-3);
	height: 32px;
	font-size: var(--body-footnote);
	line-height: 1.2;
}

.content-header {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
	width: 100%;
	max-width: var(--container-article);
	text-align: center;
	align-items: center;
}

.wp-caption {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
}
.wp-caption .wp-caption-text {
	font-size: var(--body-footnote);
	font-weight: 400;
	line-height: 1.2;
}

.title,
.text {
	margin: 0;
}
.text {
	font-size: var(--body-longform);
}

.block-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
}
.block-header .title {
	margin: 0;
	line-height: 1;
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--lg-1);
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
}

div.meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sm-2);
}

span.date,
span.time {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	gap: var(--xs-2);
	font-size: var(--body-footnote);
	color: var(--color-secondary);
}
span.date::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('images/icon-calendar.png') no-repeat center;
	background-size: auto;
}

span.time::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('images/icon-time.png') no-repeat center;
	background-size: auto;
}

a.full-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--radius-medium);
}

.wysiwyg {
	display: flex;
	flex-direction: column;
/*	align-items: flex-start;*/
	gap: var(--sm-2);
	width: 100%;
}
.wysiwyg p {
	line-height: 1.7;
}
.wysiwyg a {
    line-break: anywhere;
}
.wysiwyg p,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
	margin: 0;
}
.wysiwyg h3 {
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.wysiwyg h4 {
	line-height: 1.2;
}
.wysiwyg ul,
.wysiwyg ol {
	display: flex;
	flex-direction: column;
	gap: var(--xs-3);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.7;
}
.wysiwyg ul ul,
.wysiwyg ol ol {
	margin-top: var(--sm-1);
	margin-left: var(--sm-3);
}
.wysiwyg ul li {
	position: relative;
	padding-left: var(--sm-2);
}
.wysiwyg ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: var(--xs-2);
	display: inline-block;
	width: var(--xs-2);
	height: var(--xs-2);
	margin-right: var(--sm-1);
	background-color: var(--color-accent);
	border-radius: var(--radius-circle);
}
.wysiwyg ul ul li::before {
	width: 12px;
	height: 12px;
	background-color: transparent;
	border: solid 1px var(--border-primary);
	border-radius: var(--xs-1);
}
.wysiwyg ol {
	counter-reset: list-counter;
}
.wysiwyg ol li {
	counter-increment: list-counter;
}
.wysiwyg > ol > li {
	position: relative;
	padding-left: 48px;
	min-height: 32px;
}
.wysiwyg ol li::before {
	position: absolute;
	left: 0;
	content: counter(list-counter);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-right: var(--sm-1);
	background-color: var(--color-blank);
	border-radius: var(--radius-circle);
	text-align: center;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
.wysiwyg ol ol {
	padding-left: var(--sm-2);
	list-style: lower-alpha;
	margin-left: 0;
}
.wysiwyg ol ol li {
	padding-left: var(--sm-1);
}
.wysiwyg ol ol li::marker {
	line-height: 1.2;
	font-weight: 700;
}
.wysiwyg ol ol li::before {
	display: none;
}
.wysiwyg img {
	border-radius: var(--radius-medium);
}

.table-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--md-1);
    width: 100%;
}
table {
	border-spacing: 0;
	margin: 0;
}
table tr {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: var(--sm-1) 0;
	border-top: 1px solid var(--border-tertiary);
}
table tr:last-child {
	border-bottom: 1px solid var(--border-tertiary);
}
table tr td {
	padding: 0;
	flex: 1 1 100%;
	line-height: 1.7;
}
table tr td.row-title {
	display: flex;
	gap: var(--xs-2);
	flex-basis: 200px;
	flex-shrink: 0;
	width: 200px;
	max-width: 100%;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.columns {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--md-1);
}
.columns .column {
    display: flex;
    flex-direction: column;
    gap: var(--md-1);
    box-sizing: border-box;
    min-width: 260px;
    max-width: 100%;
    width: 100%;
}
.two-columns .column {
	flex-basis: calc((100% - var(--md-1)) / 2);
}
.three-columns .column {
	flex-basis: calc((100% - (var(--md-1) * 2)) / 3);
}

.image-wrapper {
	padding: var(--sm-1);
	padding-bottom: 0;
}


/* Breadcrumbs */
#breadcrumb-bar {
	display: flex;
	align-items: center;
	height: 48px;
	border-bottom: 1px solid var(--border-tertiary);
}
#breadcrumbs {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--xs-1);
	font-size: var(--body-footnote);
}
#breadcrumbs a {
	text-decoration: none;
}
#breadcrumbs span {
	display: flex;
	align-items: center;
	gap: var(--xs-1);
}
#breadcrumbs > span > span::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('images/arrow-right.png') no-repeat center;
	background-size: auto;
}
#breadcrumbs > span > span:first-child {
	font-size: 0;
}
#breadcrumbs > span > span:first-child::before {
	display: none;
}
#breadcrumbs > span > span:first-child a::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('images/icon-home.png') no-repeat center;
	background-size: auto;
}

/* Button Styling */
.button-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: var(--xs-2);
}
.button,
.button-2 {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--sm-2);
	height: 56px;
	border: none;
	border-radius: var(--radius-small);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.01em;
	background-color: var(--color-accent);
	text-decoration: none;
	transition: all .3s ease;
	cursor: pointer;
}
.button span,
.button-2 span {
	position: relative;
	z-index: 1;
	color: var(--color-primary-inverse);
}
.button-2 {
	background-color: var(--color-accent-light);
}
.button-2 span {
	color: var(--color-primary);
}
.button-2.inverse {
	background-color: var(--color-blank);
}
.button::before,
.button-2::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 100%;
	width: 24px;
	height: 24px;
	border-radius: var(--radius-circle);
	background-color: var(--color-accent-hover);
	transition: all .5s ease;
}
.button-2::before {
	background-color: var(--color-accent-light-hover);
}
.button-2.inverse::before {
	background-color: var(--color-accent-light);
}
.button:hover::before,
.button-2:hover::before {
	height: 0;
	width: 120%;
	padding-top: 120%;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
}
.button-2.inverse:hover {
	background-color: var(--color-accent);
}
.button-2.inverse:hover span {
	color: var(--color-blank);
}


/* Checklist styling */
ul.checklist {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--body-default);
	line-height: 1.7;
}
ul.checklist li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--sm-1);
}
ul.checklist li::before {
	content: "";
	flex: 0 0 auto;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("images/checklist-icon.png") no-repeat center;
	background-size: cover;
}


/* Footer */
.site-footer {
	font-size: var(--body-footnote);
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 100%;
	color: var(--color-secondary-inverse);
	background: var(--color-surface-primary) url("images/footer-mask.png") no-repeat top right;
}
.site-footer a {
	color: var(--color-secondary-inverse);
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
}

.main-footer {
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
}
.main-footer .columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: var(--xl-2) 0 var(--xl-1) 0;
}
.main-footer .columns .column {
	width: 100%;
	max-width: 240px;
	gap: var(--sm-1);
}
.main-footer .columns .column:last-child {
	margin-right: 0;
}
.main-footer .columns .column p {
	margin: 0;
}
.main-footer .columns .column strong {
	color: var(--color-primary-inverse);
}

.sub-footer {
	font-size: var(--body-caption);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
	padding: 40px 0;
	border-top: 1px solid var(--color-secondary-inverse);
}
.sub-footer .inner-sub-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.sub-footer .inner-sub-footer > * {
	margin-right: 24px;
	margin-bottom: 10px;
}
.sub-footer .inner-sub-footer .socials {
	display: inline-block;
}
.sub-footer .footer-logo {
	margin-left: auto;
}

/* Layout - Primary Hero */
#primary-hero {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
	position: relative;
	padding-top: var(--xl-1);
	background: var(--color-canvas) url('images/primary-hero-bg.png') no-repeat top right;
	background-size: auto;
	overflow: hidden;
}
#primary-hero .hero-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: var(--container-small);
	margin: 0 auto;
	gap: var(--md-1);
	text-align: center;
}
#primary-hero .hero-content h1 {
	font-size: var(--hero-2);
	line-height: 1;
	letter-spacing: -0.04em;
}
#primary-hero .hero-content p {
	width: 100%;
	max-width: var(--content-small);
	margin: 0 auto;
	font-size: var(--body-longform);
}

.primary-hero-slider {
	display: grid;
	grid-auto-flow: column;
	gap: var(--sm-2);
	width: max-content;
	left: 0;
	animation: hero-slide forwards 11.6s infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
}
.primary-hero-slider .hero-image:nth-child(odd) {
	margin-bottom: var(--lg-1);
}
.primary-hero-slider .hero-image:nth-child(even) {
	margin-top: var(--lg-1);
}
.primary-hero-slider .hero-image img {
	display: block;
	width: 312px;
	height: 337px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-medium);
}
@keyframes hero-slide {
	7% {
		transform: translateX(0);
	}
	93% {
		transform: translateX(calc(-100% + 100vw));
	}
	100% {
		transform: translateX(calc(-100% + 100vw));
	}
}


/* Layout - Agenda Sidebar */
#agenda-sidebar-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--md-2);
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
}

#agenda-sidebar-wrapper ul.checklist {
	max-width: 400px;
}

#agenda-sidebar-wrapper .intro {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	gap: var(--md-1);
	min-width: 320px;
}
#agenda-sidebar-wrapper .intro .content {
	font-size: var(--body-longform);
}
#agenda-sidebar-wrapper .intro p {
	margin: 0;
}

#agenda-sidebar-wrapper .agenda-sidebar {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--md-1);
	width: 100%;
	max-width: 502px;
}
#agenda-sidebar-wrapper .agenda-sidebar .sidebar-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#agenda-sidebar-wrapper .agenda-sidebar .sidebar-header h2 {
	margin: 0;
}

/* Agenda Items List */
.agenda-items-list {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
}
.agenda-items-list .agenda-item {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: var(--xs-3);
	padding: var(--xs-2);
	background-color: var(--color-blank);
	border-radius: var(--radius-medium);
	overflow: hidden;
}
.agenda-items-list .agenda-item img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-small);
}
.agenda-items-list .agenda-item .agenda-details {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
	width: 100%;
	line-height: 1.2;
	padding: 15px 10px;
}
.agenda-items-list .agenda-item .agenda-details h4 {
	margin: 0;
}


/* Layout - Thema List */
#thema-list {
	position: relative;
	display: block;
	width: 100%;
	background: var(--color-surface-primary) url('images/themas-bg.png') no-repeat top right;
	background-size: auto;
	padding: var(--xl-1) 0;
	color: var(--color-primary-inverse);
}
#thema-list .container {
	gap: var(--xl-1);
}
#thema-list .content-header {
	gap: var(--sm-2);
}
.thema-list-items {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--lg-1);
}
.thema-list-items .thema-list-item {
	position: relative;
	color: var(--color-primary);
	background-color: var(--color-blank);
	border: solid 2px var(--color-blank);
	border-radius: var(--radius-medium);
	padding: var(--sm-1);
	box-sizing: border-box;
	width: 560px;
	max-width: 100%;
	transition: all .3s ease;
}
.thema-list-items .thema-list-item:hover {
	border-color: var(--color-accent);
}
.thema-list-items .thema-list-item .inner-item {
	width: 528px;
	max-width: 100%;
}
.thema-list-items .thema-list-item .item-image {
	display: block;
	width: 100%;
	height: 280px;
	border-radius: var(--radius-medium);
	overflow: hidden;
}
.thema-list-items .thema-list-item img {
	display: block;
	width: 100%;
	height: 280px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-medium);
	transition: all .3s ease;
}
.thema-list-items .thema-list-item:hover img {
	scale: 1.1;
}
.thema-list-items .item-content {
	display: flex;
	flex-direction: column;
	gap: var(--md-1);
	padding: var(--md-1);
}
.thema-list-items .content-text {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
}
.thema-list-items .content-text .title {
	margin: 0;
	color: var(--color-accent);
	line-height: 1.2;
	text-decoration: none;
}
.thema-list-items .content-text .excerpt {
	margin: 0;
	line-height: 1.7;
}
.thema-list-items .onderdelen {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
}
.thema-list-items .onderdelen .title {
	margin: 0;
	line-height: 1.2;
}

.onderdelen .tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--xs-2);
}
.onderdelen .tags .term {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 var(--sm-1);
	border: 1px solid var(--border-tertiary);
	border-radius: var(--radius-small);
	font-size: var(--body-footnote);
	font-weight: 700;
	line-height: 1.2;
}


/* Layout - Themas List */
#themas-list {
	max-width: 100%;
}


/* Layout - Partners Slider */
#partners-slider {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
	overflow: hidden;
	max-width: 100%;
}

#partners-slider .logo-slider {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	gap: var(--sm-2);
	width: max-content;
	left: 0;
	align-self: flex-start;
	transition: transform 10s linear;
	transform: translateX(0px);
	transition-delay: .8s;
}
#partners-slider .logo-slider.slider-move {
	transform: translateX(calc(-100% + 100vw));
}
#partners-slider .logo-slider .logo-slider-item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 160px;
	height: 88px;
	background-color: var(--color-blank);
	padding: var(--sm-1) var(--sm-2);
	border-radius: var(--radius-small);
	overflow: hidden;
	counter-increment: partners-slider-count;
}
#partners-slider .logo-slider .logo-slider-item img {
	filter: grayscale(1);
	max-height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
#partners-slider .logo-slider .overlay-color {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--color-accent);
	opacity: 0.25;
	mix-blend-mode: overlay;
	pointer-events: none;
}


/* Layout - Testimonial */
#testimonial .quote {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--sm-2);
}
.site-home #testimonial .quote {
	align-items: center;
	gap: var(--md-1);
}
#testimonial .quote-text {
	font-size: var(--heading-3);
	text-align: left;
	max-width: var(--container-small);
	margin: 0 auto;
}
.site-home #testimonial .quote-text {
	text-align: center;
}

#testimonial .person {
	display: flex;
	align-items: center;
	gap: var(--sm-2);
}
#testimonial .person img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-medium);
}
#testimonial .person .person-info {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
	font-size: var(--body-default);
	line-height: 1.2;
}
#testimonial .person .person-info .name {
	font-weight: 700;
}
#testimonial .person .person-info .function {
	color: var(--color-secondary);
}


/* Template - News */
#news-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--xl-1);
	width: 100%;
	padding-top: var(--xl-1);
	padding-bottom: var(--xl-1);
}

.blog-hero .container {
	gap: var(--md-1);
}
.blog-hero .map-overlay {
    position: absolute;
    top: 120px;
    right: 0;
    pointer-events: none;
}

.news-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--sm-2);
	width: 100%;
	max-width: var(--container-xsmall);
}
.news-header .title {
	font-size: var(--hero-1);
}
.news-header .sub-title {
	margin: 0;
	font-size: var(--body-longform);
	line-height: 1.6;
}

.filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sm-1);
}
.filter-bar li {
	list-style: none;
}
.filter-bar a {
	display: flex;
	gap: var(--xs-2);
	align-content: center;
	align-items: center;
	height: 56px;
	padding: var(--sm-2);
	background-color: var(--color-blank);
	border: 1px solid var(--border-tertiary);
	border-radius: var(--radius-small);
	text-decoration: none;
	color: var(--color-primary);
	font-weight: 600;
	line-height: 1;
}
.filter-bar a > span {
	font-size: var(--body-caption);
	font-weight: 400;
	line-height: 1;
	color: var(--color-secondary);
}
.filter-bar.event-archive .cat-item:nth-child(2) a,
.filter-bar.default-archive .cat-item-all a,
.filter-bar .current-cat a {
	border: none;
	background-color: var(--color-accent);
	color: var(--color-primary-inverse);
}
.filter-bar.event-archive .cat-item:nth-child(2) a > span,
.filter-bar.default-archive .cat-item-all a > span,
.filter-bar .current-cat a > span {
	color: var(--color-secondary-inverse);
}

.post-list {
	display: block;
	overflow: hidden;
	width: 100%;
}
.post-list article {
	position: relative;
	display: inline-block;
	width: calc((100% - 80px) / 2);
	background-color: var(--color-blank);
	border-radius: var(--radius-medium);
}
.post-list article:nth-child(odd) {
	margin-top: 104px;
	float: left;
	clear: left;
}
.post-list article:nth-child(even) {
	margin-top: 80px;
	float: right;
	clear: right;
}
.post-list article:nth-child(1) {
	margin-top: 0px;
}
.post-list article:nth-child(2) {
	margin-top: 120px;
}
.post-list article .news-image {
	border-radius: var(--radius-small);
	overflow: hidden;
}
.post-list article .news-item .news-image img {
	display: block;
	width: 100%;
	height: 320px;
	border-radius: var(--radius-small);
	object-fit: cover;
	object-position: center;
	transition: all .3s ease;
}
.post-list article .news-item:hover .news-image img {
	scale: 1.1;
}

.post-list article .news-item .news-details {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
	padding: var(--sm-2);
}
.post-list article .news-item .news-details .title {
	margin: 0;
	text-decoration: none;
	line-height: 1.2;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xs-2);
}
.tags .term {
	display: flex;
	align-items: center;
	font-family: sans-serif;
	font-size: var(--body-footnote);
	height: 28px;
	padding: 0 var(--xs-3);
	border: solid 1px var(--border-tertiary);
	border-radius: var(--radius-circle);
}
.tags .term.article {
	background-color: var(--color-accent);
	color: var(--color-primary-inverse);
	border: none;
}
.tags .term.event {
	background-color: var(--color-event);
	color: var(--color-primary-inverse);
	border: none;
}

/* Layout - Recent News */
#recent-news-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
}

.recent-news {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: var(--md-1);
	width: 100%;
	max-width: var(--container-main);
	margin: 0 auto;
}

.recent-news .news-item {
	position: relative;
	flex: 1 1 33.333%;
	max-width: 373px;
	height: 100%;
	display: block;
	background-color: var(--color-blank);
	border-radius: var(--radius-medium);
}

.recent-news .news-item .news-image {
	border-radius: var(--radius-small);
	overflow: hidden;
}
.recent-news .news-item .news-image img {
	display: block;
	width: 100%;
	height: 240px;
	border-radius: var(--radius-small);
	object-fit: cover;
	object-position: center;
	transition: all .3s ease;
}
.recent-news .news-item:hover .news-image img {
	scale: 1.1;
}

.recent-news .news-item .news-details {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
	padding: var(--sm-2);
}
.recent-news .news-item .news-details .title {
	margin: 0;
	text-decoration: none;
	line-height: 1.2;
}

.recent-news .news-item .tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xs-2);
}
.recent-news .news-item .tags .term {
	display: flex;
	align-items: center;
	font-family: sans-serif;
	font-size: var(--body-footnote);
	height: 28px;
	padding: 0 var(--xs-3);
	border: solid 1px var(--border-tertiary);
	border-radius: var(--radius-circle);
}
.recent-news .news-item .tags .term.article {
	background-color: var(--color-accent);
	color: var(--color-primary-inverse);
	border: none;
}
.recent-news .news-item .tags .term.event {
	background-color: var(--color-event);
	color: var(--color-primary-inverse);
	border: none;
}


/* Newsletter Signup */
#newsletter-signup {
	display: flex;
	gap: var(--lg-1);
	width: 100%;
	max-width: var(--container-main);
	background-color: var(--color-blank);
	padding: var(--md-1);
	border-radius: var(--radius-large);
    box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
}
#newsletter-signup img {
	display: block;
	width: 240px;
	height: 240px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-circle);
}
#newsletter-signup .content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 560px;
	max-width: 100%;
}
#newsletter-signup .content {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
}
#newsletter-signup .content span {
	line-height: 1.7;
}

#newsletter-signup form {
	display: flex;
	width: 100%;
	border-radius: var(--radius-small);
	overflow: hidden;
}
#newsletter-signup form input {
	display: block;
	width: 100%;
	flex: 1 1;
	height: 56px;
	padding: var(--sm-1);
	background-color: var(--color-canvas);
	color: var(--color-secondary);
	outline: none;
	border: 1px solid var(--border-tertiary);
	border-radius: var(--radius-small) 0 0 var(--radius-small);
}
#newsletter-signup form .button {
	width: 133px;
	flex: 0 1 133px;
	border-radius: unset;
}
#newsletter-signup form input[type=submit] {
	position: relative;
	background-color: transparent;
	padding: 0;
	color: var(--color-primary-inverse);
	font-weight: 700;
	line-height: 1;
	border: none;
	border-radius: 0 var(--radius-small) var(--radius-small) 0;
}

/* Layout - Call to Action (cta) */
#call-to-action {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 640px;
	padding-top: var(--lg-1);
	padding-bottom: var(--xl-1);
	background-color: var(--color-accent);
	color: var(--color-primary-inverse);
	overflow: hidden;
}

#call-to-action .visual {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: var(--container-main);
	height: 640px;
}
#call-to-action .visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%);
}
#call-to-action .visual .color,
#call-to-action .visual .gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-accent);
	opacity: 0.7;
}
#call-to-action .visual .gradient {
	background: linear-gradient(270deg, #2C9024 0%, rgba(44, 144, 36, 0) 30%, rgba(44, 144, 36, 0) 69.33%, #2C9024 99.07%);
	opacity: 1;
}

#call-to-action .content-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--md-1);
	width: 100%;
	max-width: var(--container-article);
}
#call-to-action .content-wrapper .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sm-1);
}
#call-to-action .content-wrapper .content .title {
	margin: 0;
	line-height: 1;
}
#call-to-action .content-wrapper .content .text {
	max-width: 560px;
	margin: 0;
	line-height: 1.7;
}

#call-to-action .overlay-image {
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
}


/* Default page template */
.default-layouts {
	gap: var(--xl-1);
	padding-top: var(--lg-1);
	padding-bottom: var(--xl-1);
}


/* Layout - Hero Content */
#content-hero .title {
	font-size: var(--hero-2);
	letter-spacing: -0.04em;
}
.hero-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--md-1);
	width: 100%;
	max-width: var(--container-small);
	margin: 0 auto;
}
.hero-content .text {
	max-width: var(--container-article);
}


/* Layout - Hero Content 2 */
#content-hero-2 {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--lg-1);
}
#content-hero-2 .title {
	font-size: var(--hero-2);
	letter-spacing: -0.04em;
}
#content-hero-2 .hero-content {
	flex: 1 1;
	align-items: flex-start;
	text-align: left;
}
#content-hero-2 .hero-image {
	flex: 0 0 400px;
	max-width: 100%;
}
#content-hero-2 .hero-image img {
	width: 400px;
	height: 400px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-medium);
}

/* Layout - Team */
#team {
	width: 100%;
	max-width: var(--container-main);
}
#team .team-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	gap: var(--md-1);
}
.team-member {
	flex: 0 1 373px;
	max-width: 373px;
	background-color: var(--color-blank);
	color: var(--color-primary);
	padding: var(--xs-2);
	border-radius: var(--radius-medium);
}
.member-image {
	position: relative;
}
.member-image img {
	display: block;
	border-radius: var(--radius-medium);
	overflow: hidden;
	height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.member-image .linkedin-overlay {
	position: absolute;
	bottom: var(--sm-1);
	right: var(--sm-1);
	width: 40px;
	height: 40px;
	background-color: var(--color-blank);
	border-radius: var(--radius-circle);
	transition: all .3s ease;
}
.member-image .linkedin-overlay::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('images/linkedin-overlay.png') no-repeat center;
	background-size: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s ease;
}
.member-image .linkedin-overlay:hover {
	background-color: var(--color-primary);
}
.member-image .linkedin-overlay:hover::before {
	filter: contrast(0) brightness(2);
}
.member-details {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
	padding: var(--sm-2);
	line-height: 1.2;
}
.member-details a {
	text-decoration: none;
}


/* Layout - Visual content */
#visual-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--xl-1);
	width: 100%;
}
#visual-content.reverse {
	flex-direction: row-reverse;
}
#visual-content .visual {
	flex: 1 1;
	min-width: 260px;
}
#visual-content .visual img {
	display: block;
	border-radius: var(--radius-medium);
	width: 608px;
	max-width: 100%;
	height: 507px;
	object-fit: cover;
	object-position: center;
}
#visual-content .content {
	flex: 1 1;
	min-width: 260px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--md-1);
	max-width: 594px;
}


/* Layout - Text columns */
#text-columns {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
}
#text-columns .icon {
	display: inline-block;
	width: 48px;
	padding: var(--xs-1);
}
#text-columns .icon i {
	display: block;
	font-size: 40px;
}
#text-columns .wysiwyg {
	gap: var(--sm-1);
}


/* Layout - Page Link Showcase */
#page-link-showcase {
	display: flex;
	flex-direction: column;
	align-self: flex-start;
	gap: var(--md-1);
	width: 100%;
}

#page-link-showcase .project-card {
	position: relative;
	background-color: var(--color-blank);
	border-radius: var(--radius-medium);
	gap: unset;
	min-width: 280px;
	max-width: 100%;
	flex-grow: 0;
}

#page-link-showcase .project-image {
	width: 100%;
	height: 240px;
	overflow: hidden;
	border-radius: var(--radius-medium);
}
#page-link-showcase .project-image img {
	display: block;
	width: 100%;
	height: 240px;
	object-fit: cover;
	object-position: center;
	transition: all .3s ease;
}
#page-link-showcase .project-card:hover .project-image img {
	scale: 1.1;
}

#page-link-showcase .project-details {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
	padding: var(--sm-2);
}
#page-link-showcase .project-details .sub-title {
	font-size: var(--body-footnote);
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-secondary);
}
#page-link-showcase .project-details .title {
	line-height: 1.2;
	letter-spacing: -0.015em;
	transition: all .3s ease;
}
#page-link-showcase .project-card:hover .title {
	color: var(--color-accent);
}


/* Layout - Article Content */
#article-content {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
	width: 100%;
	max-width: var(--container-article);
	align-items: center;
}


/* Layout - Article Hero */
#article-hero {
	max-width: 100%;
}
#article-hero .container {
	max-width: var(--container-article);
	gap: var(--md-2);
	padding-top: var(--lg-1);
}
#article-hero .title {
	font-size: var(--hero-2);
	text-align: center;
}
#article-hero .thumbnail {
	width: var(--container-main);
	max-width: 100%;
	overflow: hidden;
	border-radius: var(--radius-large);
}
#article-hero .thumbnail img {
    display: block;
    width: 100%;
    height: var(--content-small);
    max-height: 60vw;
    object-fit: cover;
    object-position: center;
}

/* Template - Thema Onderdeel */
.template-thema-onderdeel {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
}
.other-subjects {
	padding: var(--xl-1) 0;
	background-color: var(--color-accent-light);
}
.other-subjects .container {
	gap: var(--md-1);
	align-items: flex-start;
}

.share-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--xs-2);
}
.share-buttons .share-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: solid 1px var(--border-secondary);
	border-radius: var(--radius-circle);
	transition: all .3s ease;
}
.share-buttons .share-link:hover {
	border-color: var(--border-primary);
}
.share-buttons .share-icon {
	display: block;
	transition: all .3s ease;
}
.share-buttons .share-link:hover .share-icon {
	filter: brightness(0);
}

/* Layout - Image Slider */
#slider {
	max-width: var(--container-main);
}
#slider .image-slider .slick-list {
	margin: 0;
	width: 100%;
	max-height: var(--content-small);
	overflow: hidden;
	border-radius: var(--radius-medium);
}
#slider .image-slider .image-slider-item {

}
#slider .image-slider .image-slider-item img {
	width: 100%;
	max-width: var(--container-main);
	height: auto;
	max-height: var(--content-small);
	object-fit: cover;
	object-position: center;
}


/* Slick */
.slick-dotted.slick-slider {
	margin: 0;
}
.slick-prev,
.slick-next {
	z-index: 10;
	width: 64px;
	height: 64px;
	padding: 0;
	border-radius: var(--radius-circle);
	overflow: hidden;
}
.slick-prev:before,
.slick-next:before {
	display: block;
	content: '';
	opacity: 1;
	width: 64px;
	height: 64px;
	background: rgba(0, 0, 0, 0.5) url(images/slider-arrow.png) no-repeat center;
	border-radius: var(--radius-circle);
	backdrop-filter: blur(6px);
	transition: all .3s ease;
}
.slick-prev:before {
	transform: scaleX(-1);
}
.slick-next {
	right: 25px;
}
.slick-prev {
	left: 25px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	pointer-events: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0;
}

.slick-dots {
	position: relative;
	bottom: unset;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	justify-content: center;
	margin-top: var(--md-1);
}
.slick-dots li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
.slick-dots li button {
	width: auto;
	height: auto;
	padding: 0;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	position: relative;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	opacity: .4;
	background-color: var(--color-accent);
	border-radius: var(--radius-circle);
	transition: all .3s ease;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	width: 18px;
	height: 18px;
}


/* Layout - Download List */
#download-list {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
	width: 100%;
	max-width: var(--container-article);
}
#download-list .files {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
	width: 100%;
}
#download-list .files .file-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--sm-1);
	width: 100%;
	height: 78px;
	padding: var(--sm-1);
	border-radius: var(--radius-small);
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
	background-color: var(--color-blank);
}

#download-list .download-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: var(--color-canvas);
	border-radius: var(--radius-small);
	transition: background .3s ease;
}
#download-list .download-button::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/icon-download.png) no-repeat center;
	transition: brightness .3s ease grayscale .1s ease;
}
#download-list .files .file-item:hover .download-button {
	background-color: var(--color-accent);
}
#download-list .files .file-item:hover .download-button::before {
	filter: grayscale(1) brightness(10);
}

#download-list .download-details {
	display: flex;
	flex-direction: column;
	gap: var(--xs-1);
}
#download-list .download-details .download-meta {
	font-size: var(--body-caption);
	line-height: 1.2;
	color: var(--color-secondary);
}

/* Layout - Call to Action Banner */
#cta-banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 184px;
	width: 100%;
	max-width: var(--container-main);
	padding: var(--md-2);
	background: var(--color-accent) url("images/cta-banner-bg.png") no-repeat top right;
	border-radius: var(--radius-medium);
	color: var(--color-primary-inverse);
}

/* Error 404 */
.error-404 {
	padding: var(--xl-1) 0;
}

/* Single (Article) */
.single-article {
	max-width: var(--container-article);
}

/* Single (Partner) */
.partner-hero .container {
	padding-top: var(--lg-1);
}

.partner-hero .partner-header {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
	width: 100%;
	max-width: var(--container-article);
	text-align: center;
}
.partner-hero .partner-header .description {
	font-weight: 700;
	line-height: 1.7;
	margin: 0;
}

.partner-hero .partner-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--radius-medium);
}
.partner-hero .partner-banner .banner-image {
	display: block;
	width: 100%;
	max-width: var(--container-main);
	height: 560px;
	max-height: 100vw;
	object-fit: cover;
	object-position: center;
}
.partner-hero .partner-banner .wp-post-image {
	position: absolute;
	bottom: 24px;
	right: 24px;
	background-color: var(--color-blank);
	width: 100%;
	max-width: 390px;
	height: 168px;
	padding: 38px;
	object-fit: contain;
	object-position: center;
	border-radius: var(--radius-medium);
}
.partner-hero .partner-logo img {
	background-color: var(--color-blank);
	width: 100%;
	max-width: 390px;
	height: 168px;
	padding: 38px;
	object-fit: contain;
	object-position: center;
	border-radius: var(--radius-medium);
}

/* Template - Partners */
#partner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--sm-2);
    width: 100%;
    max-width: var(--container-main);
    margin: 0 auto;
    padding-bottom: var(--xl-1);
}
#partner-list .partner-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--xs-2);
	flex: 1 0 282px;
	max-width: 282px;
	padding: 22px;
	margin: 0 auto;
	background-color: var(--color-blank);
	box-sizing: border-box;
	border: solid 2px var(--color-blank);
	border-radius: var(--radius-medium);
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
	transition: border-color .3s ease;
}
#partner-list .partner-item:hover {
	border: solid 2px var(--color-accent);
}
#partner-list .partner-item .partner-logo img {
	display: block;
	width: 186px;
	height: 120px;
	object-fit: scale-down;
	object-position: center;
}
#partner-list .partner-item .partner-details {
	width: 100%;
	padding-top: var(--sm-1);
	border-top: solid 1px var(--border-tertiary);
}
#partner-list .partner-item .title {
	display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
#partner-list #cta-banner {
	margin: var(--lg-1) 0;
}


/* Single Post */
.single-post-wrapper {
	gap: var(--xl-1);
}
.single-post-wrapper #recent-news-wrapper {
	padding-bottom: var(--lg-1);
}
.single-post-wrapper #testimonial {
	max-width: var(--container-article);
}

.post-meta {
	display: flex;
	align-items: center;
	gap: var(--sm-1);
	font-size: var(--body-footnote);
	line-height: 1.2;
}
.post-meta .dot {
	font-size: var(--body-default);
	color: var(--color-accent);
}
.post-meta .author {
	display: flex;
	align-items: center;
	gap: var(--sm-1);
	height: 48px;
}
.post-meta .author img {
	height: 48px;
	width: 48px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-circle);
}


/* Event - Template */
.alert-banner {
	display: flex;
	align-items: center;
    justify-content: center;
    gap: var(--xs-2);
	width: 100%;
	height: 41px;
	text-align: center;
	background-color: #C03B1E;
	font-size: var(--body-footnote);
	color: var(--color-primary-inverse);
}
.alert-banner .icon-alert::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/icon-alert.png) no-repeat center;
}
.event-wrapper {
	padding-top: var(--lg-1);
	padding-bottom: var(--xl-1);
	gap: var(--xl-1);
	max-width: none;
}

#event-hero .event-top {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--sm-2);
	width: 100%;
	max-width: var(--container-small);
	margin: 0 auto;
}

#event-hero .tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xs-2);
}
#event-hero .tags .term {
	display: flex;
	align-items: center;
	font-family: sans-serif;
	font-size: var(--body-footnote);
	height: 28px;
	padding: 0 var(--xs-3);
	border: solid 1px var(--border-tertiary);
	border-radius: var(--radius-circle);
}
#event-hero .tags .term a {
	text-decoration: none;
}
#event-hero .tags .term.article {
	background-color: var(--color-accent);
	color: var(--color-primary-inverse);
	border: none;
}
#event-hero .tags .term.event {
	background-color: var(--color-accent-light);
	color: var(--color-primary);
	border: none;
}

#event-hero .title {
	font-size: var(--hero-2);
	text-align: center;
}
#event-hero .sub-title {
	font-size: var(--body-longform);
	line-height: 1.6;
	margin: 0;
}

#event-hero .thumbnail-wrapper {
	position: relative;
}
#event-hero .thumbnail {
	width: var(--container-main);
	overflow: hidden;
	border-radius: var(--radius-large);
}
#event-hero .thumbnail img {
	display: block;
	width: 100%;
	max-height: var(--content-small);
	object-fit: cover;
	object-position: center;
}

.event-details {
	display: flex;
	flex-direction: column;
	padding: 0 var(--sm-2);
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
	border-radius: var(--radius-medium);
	background-color: var(--color-blank);
	width: 100%;
	max-width: 393px;
	margin: 0 auto;
}
.event-details .event-details-item {
	display: flex;
	gap: var(--sm-2);
	padding: var(--sm-2) 0;
	border-bottom: solid 1px var(--border-tertiary);
}
.event-details .event-details-item:last-child {
	border-bottom: none;
}

.event-details .event-details-item .icon {
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: var(--color-canvas);
	border-radius: var(--radius-small);
	transition: background .3s ease;
}
.event-details .event-details-item .icon::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/icon-date-green.png) no-repeat center;
}
.event-details .event-details-item .icon-date::before {
	background-image: url(images/icon-date-green.png);
}
.event-details .event-details-item .icon-time::before {
	background-image: url(images/icon-time-green.png);
}
.event-details .event-details-item .icon-location::before {
	background-image: url(images/icon-location-green.png);
}

.event-details .event-details-item .item-content {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
	line-height: 1.2;
}
.event-details .event-details-item .item-content .item-property {
	font-size: var(--body-footnote);
	color: var(--color-secondary);
}

#event-hero .thumbnail-wrapper .event-details {
	position: absolute;
	right: 40px;
	bottom: -80px;
}

.event-intro {
	display: flex;
	flex-direction: column;
	gap: var(--md-1);
	width: 100%;
	max-width: var(--container-article);
}
.event-intro p {
	margin: 0;
}
.event-intro .intro-text {
	font-size: var(--body-longform);
}

.event-intro .quote {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
}
.event-intro .quote img {
	width: 40px;
}
.event-intro .quote-text {
	font-size: var(--heading-3);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.01em;
}

.event-intro .intro-list-title {
	line-height: 1.7;
}


/* Layout - Speakers */
#speakers {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--lg-1);
	width: 100%;
	background-color: var(--color-primary);
	color: var(--color-primary-inverse);
	padding: var(--xl-1) 0;
}
#speakers .speakers-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--sm-1);
	width: 100%;
	max-width: var(--container-article);
}
#speakers .speaker-item {
    display: flex;
    align-items: center;
    gap: var(--lg-1);
    width: 100%;
    max-width: var(--container-small);
}
#speakers .speaker-item.reverse {
	flex-direction: row-reverse;
}
#speakers .speaker-content {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: var(--sm-2);
}


/* Form Template */
.form-template {
	padding-top: var(--lg-1);
	padding-bottom: var(--xl-1);
}
#form-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sm-2);
    width: 100%;
}
.form-container {
	display: flex;
	flex-direction: column;
	gap: 61px;
	width: 100%;
	max-width: var(--container-small);
	padding: var(--lg-1);
	border-radius: var(--radius-large);
	background-color: var(--color-blank);
	box-shadow: 0px 1px 2px 0px #0000001A, 0px 4px 16px 0px #0000000D;
}
.form-container .row {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--md-1);
}
.form-container .row .content {
	display: flex;
	flex-direction: column;
	gap: var(--xs-2);
}
.form-container .event-details {
	box-shadow: none;
	width: 100%;
	max-width: unset;
}

.form-container .wp-post-image {
	width: 240px;
	height: 160px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-medium);
}

.forminator-row {
	display: flex;
	flex-direction: row;
	gap: var(--sm-2);
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
    margin-bottom: var(--sm-2) !important;
}
.forminator-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--sm-1);
	width: 100%;
	padding: 0 !important;
}

.forminator-label,
.forminator-description {
	display: inline-block !important;
	margin: 0 !important;
}

.forminator-label {
	font-size: var(--body-default) !important;
}

.forminator-field {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline) {
	margin: 0 !important;
}

.forminator-input {
	background-color: #F2F2F2 !important;
	border: 1px solid var(--border-tertiary) !important;
	border-radius: var(--radius-small) !important;
	padding: 0 var(--sm-1) !important;
	width: 100% !important;
	height: 56px !important;
}

.forminator-textarea {
	background-color: #F2F2F2 !important;
	border: 1px solid var(--border-tertiary) !important;
	border-radius: var(--radius-small) !important;
	padding: var(--sm-1) !important;
	width: 100% !important;
	height: 208px !important;
	font-weight: 500 !important;
	color: var(--color-low-contrast) !important;
}

.forminator-radio-label {
	font-size: var(--body-default) !important;
	font-size: 500 !important;
}

.forminator-radio-bullet:before {
	background-color: var(--color-surface-primary) !important;	
}
.forminator-radio-bullet {
	border-width: 2px !important;
	border-color: var(--color-surface-primary) !important;
	background-color: var(--color-blank) !important;
}

.forminator-button-submit {
	position: relative !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 var(--sm-2) !important;
	height: 56px !important;
	border: none !important;
	border-radius: var(--radius-small) !important;
	font-size: 0 !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: -0.01em !important;
	background-color: var(--color-accent) !important;
	text-decoration: none !important;
	transition: all .3s ease !important;
	cursor: pointer !important;
}
.forminator-button-submit::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 100%;
	width: 24px;
	height: 24px;
	border-radius: var(--radius-circle);
	background-color: var(--color-accent-hover);
	transition: all .5s ease;
}
.forminator-button-submit:hover {
    box-shadow: none !important;
}
.forminator-button-submit:hover::before {
	height: 0;
	width: 120%;
	padding-top: 120%;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
}
.forminator-button-submit::after {
	position: relative;
	content: "Versturen";
	color: var(--color-primary-inverse);
	font-size: var(--body-default);
}
.form-template .forminator-button-submit::after {
	content: "Ik meld me aan!";
}

.forminator-label .forminator-required {
	display: inline-block;
	height: 0;
	font-size: 0;
}
.forminator-label .forminator-required::before {
	content: "(verplicht)";
	font-size: var(--body-default);
	font-weight: 500;
	color: var(--color-secondary);
}

.forminator-row-last {
	margin-bottom: 0 !important;
}

.google-maps-wrapper {
	width: 100%;
	border-radius: var(--radius-medium);
	overflow: hidden;
}
.google-maps-wrapper iframe {
	display: block;
	min-width: 100%;
}


/* Page Form Template */
.page-form-template {
	padding-top: var(--lg-1);
	padding-bottom: var(--xl-1);
}
.page-form-template p {
	margin: 0;
}
.page-form-template .forminator-row {
	margin-bottom: 0 !important;
}
.page-form-template .forminator-col {
	gap: 61px;
}
.page-form-template .forminator-ui {
	display: flex;
	flex-direction: column;
	gap: 61px;
}
.page-form-template .forminator-field {
	align-items: flex-start;
}
.forminator-field-group > .forminator-label {
	font-size: var(--heading-4) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.015em !important;
}
.forminator-grouped-fields {
	display: flex;
	flex-direction: column;
	gap: var(--sm-2);
}
.forminator-grouped-fields::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	margin-top: 61px;
	border-top: solid 1px var(--border-tertiary);
}
.last-group .forminator-grouped-fields::after {
	display: none;
}

.page-form-template .forminator-button-submit::after {
	content: "Versturen";
}

#with-sidebar {
    display: flex;
    width: 100%;
    gap: var(--lg-1);
    flex-wrap: wrap;
}

#with-sidebar > div {
	flex: 1 1;
	min-width: 270px;
	width: 100%;
}
#with-sidebar .sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--lg-1);
	flex-grow: 0;
	flex-basis: 400px;
}

#with-sidebar .sidebar .voordelen {
	display: flex;
	flex-direction: column;
	gap: var(--sm-1);
}
#with-sidebar .sidebar .voordelen ul.checklist li::before {
	background-image: url(images/checklist-icon-orange.png);
}

#with-sidebar .sidebar .quote-text {
	font-size: var(--heading-4);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.01em;
}

/* mobile menu styling */
.mobile-navigation {
    position: absolute;
    background-color: var(--color-primary-inverse);
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 10;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 1px 2px 0px #0000001A, 0px -2px 16px 0px #0000000D inset;
}
.mobile-navigation ul {
	flex-direction: column;
}
.mobile-navigation .menu-primary-menu-container > ul::after {
	display: none;
}
.mobile-navigation .menu-item-has-children:hover > .sub-menu {
	display: none;
}
.mobile-navigation ul ul {
    max-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}


/* Responsive Styling */

.recent-news,
.container,
.block-header,
.content-header,
#agenda-sidebar-wrapper .intro,
#agenda-sidebar-wrapper .agenda-sidebar {
	padding-left: var(--xs-2);
	padding-right: var(--xs-2);
}
.container .recent-news,
.container.event-wrapper {
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 1070px) {
	.site-header .inner-header {
		display: none;
	}
	.site-header .inner-header.mobile-menu {
		display: flex !important;
		justify-content: space-between;
	}

	.mobile-menu .mobile-button {
		height: 52px;
		font-size: 50px;
		display: block;
		width: 40px;
		height: 30px;
		cursor: pointer;
	}
	.mobile-menu .mobile-button .one,
	.mobile-menu .mobile-button .two,
	.mobile-menu .mobile-button .three {
		width: 77%;
		height: 4px;
		background-color: var(--color-primary);
		margin: 5px auto;
		backface-visibility: hidden;
		transition-duration: .3s;
		border-radius: 2px;
	}
	.mobile-menu .mobile-button-wrapper.open .mobile-button .one {
		transform: rotate(45deg) translate(3px,5px);
	}
	.mobile-menu .mobile-button-wrapper.open .mobile-button .two {
		opacity: 0;
	}
	.mobile-menu .mobile-button-wrapper.open .mobile-button .three {
		transform: rotate(-45deg) translate(8px,-10px);
	}
	#visual-content {
		gap: var(--md-2);
	}
}
@media screen and (max-width: 800px) {
	:root {
		--body-default: 16px;
		--body-longform: 20px;
		--body-footnote: 14px;
		--body-caption: 12px;
		--heading-1: 46px;
		--heading-2: 36px;
		--heading-3: 32px;
		--heading-4: 24px;
		--heading-5: 20px;
		--heading-6: 16px;
		--hero-1: 80px;
		--hero-2: 58px;
	}
	.post-list article {
		width: calc(100% - 80px);
		margin-top: var(--md-2) !important;
	}
	#newsletter-signup {
		flex-direction: column;
    	align-items: center;
	}
}
@media screen and (max-width: 782px) {
	html {
	    margin-top: 0 !important;
	}
	html #wpadminbar {
		display: none;
	}
	.admin-bar .site-header {
		top: 0px;
	}
}
@media screen and (max-width: 600px) {
	:root {
		--body-default: 16px;
		--body-longform: 18px;
		--body-footnote: 14px;
		--body-caption: 12px;
		--heading-1: 38px;
		--heading-2: 34px;
		--heading-3: 26px;
		--heading-4: 24px;
		--heading-5: 20px;
		--heading-6: 16px;
		--hero-1: 60px;
		--hero-2: 46px;
	    --sm-1: 12px;
	    --sm-2: 16px;
	    --sm-3: 24px;
	    --md-1: 32px;
	    --md-2: 40px;
	    --lg-1: 64px;
	    --lg-2: 80px;
	    --xl-1: 96px;
	    --xl-2: 120px;
	}
	.primary-hero-slider {
		animation-duration: 18s;
	}
	.sub-footer .footer-logo {
		margin-right: auto;
	}
	#visual-content .visual img {
		height: 400px;
	}
}
@media screen and (max-width: 480px) {
	:root {
	    --body-default: 15px;
	    --body-longform: 15px;
	    --body-footnote: 13px;
	    --body-caption: 12px;
	    --heading-1: 28px;
	    --heading-2: 25px;
	    --heading-3: 22px;
	    --heading-4: 19px;
	    --heading-5: 17px;
	    --heading-6: 15px;
	    --hero-1: 42px;
	    --hero-2: 30px;
	    --sm-2: 12px;
	    --sm-3: 16px;
	    --md-1: 24px;
	    --md-2: 32px;
	    --lg-1: 40px;
	    --lg-2: 64px;
	    --xl-1: 80px;
	    --xl-2: 96px;
	}
	#call-to-action,
	#call-to-action .visual {
		height: 400px;
	}
	.thema-list-items .thema-list-item .item-image,
	.thema-list-items .thema-list-item img {
		height: 200px;
	}
	#visual-content .visual img {
		height: 300px;
	}
	.post-list article {
        float: none !important;
        display: block;
        margin: 0 auto;
        width: 100%;
	}
}