@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-Semibold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src:
		url("../fonts/Switzer-ExtralightItalic.woff2") format("woff2"),
		url("../fonts/Switzer-ExtralightItalic.woff") format("woff");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-SemiboldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Switzer;
	src: url("../fonts/Switzer-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

:root {
	--colors---blue-dark: #021f5a;
	--colors---green-bright: #3ed2ae;
	--colors---blue-bright: #1cb5ed;
	--colors---blue: #22659d;
	--colors---white: white;
	--colors---grey-light: #f2f2f2;
	--colors---grey-dark: #78858d;
	--colors---blue-extralight: #ddf6ff;
	--colors---grey: #ededed;
	--fonts---font: Switzer, Arial, sans-serif;
}

::-moz-selection {
	/* Code for Firefox */
	color: #fff;
	background: #000;
}

::selection {
	color: #fff;
	background: #000;
}

/* width */
::-webkit-scrollbar {
	width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

html {
	overflow-x: hidden;
}

.body {
	color: var(--colors---blue-dark);
	font-family: var(--fonts---font);
	font-size: 16px;
	line-height: 137.5%;
}

.t-green-bright {
	color: var(--colors---green-bright);
}

h2 {
	font-size: 28px;
	line-height: 37px;
}
h3 {
	margin-bottom: 10px;
}

.nav {
	z-index: 100;
	position: relative;
}

/* Polylang language switcher - top right (desktop) */
.nav-lang-switcher-wrap {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
}

.nav-lang-switcher {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-lang-switcher li {
	margin: 0;
	padding: 0;
}

.nav-lang-switcher a {
	color: var(--colors---blue-dark);
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	padding: 6px 10px;
	border-radius: 4px;
	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}

.nav-lang-switcher a:hover {
	color: var(--colors---blue-bright);
	background-color: rgba(0, 0, 0, 0.04);
}

.nav-lang-switcher .current-lang a,
.nav-lang-switcher li.current-lang a,
.nav-lang-switcher li.current-lang-item a {
	color: var(--colors---blue-bright);
	font-weight: 700;
}

/* Language switcher in mobile menu - hidden on desktop */
.nav-links .nav-lang-switcher-mobile {
	display: none;
}

.container {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.container.container-home-sales {
	background-color: var(--colors---blue-bright);
	background-image: url("../img/liss-logo-line-grey.svg");
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: 45%;
	padding-top: 95px;
	padding-bottom: 95px;
}

.container.aanpak-full-image {
	padding-top: 450px;
}

.container.kanaal-z {
	margin-bottom: 140px;
}

.container.dagopleiding {
	padding-top: 700px;
}

.content {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.navigation {
	justify-content: space-between;
	align-items: center;
	padding-top: 68px;
	padding-bottom: 68px;
	display: flex;
}

.nav-links {
	justify-content: flex-start;
	align-items: center;
	padding-right: 95px;
	display: flex;
}

.nav-link {
	color: var(--colors---blue-dark);
	padding: 10px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
	color: var(--colors---blue-bright);
}

.hamburger-menu {
	display: none;
	flex-direction: column;
	justify-content: space-around;
	width: 30px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 101;
	position: relative;
}

.hamburger-bar {
	width: 100%;
	height: 3px;
	background-color: var(--colors---blue-bright);
	border-radius: 2px;
	transition: all 0.3s ease;
}

.hamburger-menu.active .hamburger-bar:nth-child(1) {
	transform: rotate(45deg) translate(5px, 8px);
}

.hamburger-menu.active .hamburger-bar:nth-child(2) {
	opacity: 0;
}

.hamburger-menu.active .hamburger-bar:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -7px);
}

.mobile-menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.mobile-menu-overlay.active {
	display: block;
	opacity: 1;
}

.h1 {
	max-width: 702px;
	margin-left: auto;
	margin-right: auto;
	font-family: Switzer, Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	line-height: 48px;
}

.h1.t-center {
	z-index: 2;
	margin-top: 0;
	margin-bottom: 35px;
	position: relative;
}

.t-center {
	text-align: center;
}

.bold {
	font-weight: 600;
}

.home-header-image {
	background-color: var(--colors---blue);
	background-image: url("../img/home-header.jpg");
	background-position: 0 0;
	background-size: cover;
	height: 555px;
	position: relative;
}

.home-header-content {
	background-color: var(--colors---blue);
	color: var(--colors---white);
	max-width: 920px;
	margin: -128px auto 180px;
	padding: 50px 40px;
	position: relative;
}

.heading {
	margin-top: 0;
	margin-bottom: 10px;
}

.btn,
.forminator-button-submit {
	background-color: var(--colors---blue-dark);
	color: var(--colors---white);
	border-radius: 14px;
	padding: 10px 37px 12px;
	font-family: Switzer, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.btn.btn-logo,
.forminator-button-submit {
	background-image: url("../img/liss-logo-small-white.svg");
	background-position: 29px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-left: 60px;
}

.btn.btn-logo.btn-green {
	background-color: var(--colors---green-bright);
	color: var(--colors---blue-dark);
	background-image: url("../img/liss-logo-small-blue.svg");
}

.btn.btn-logo.btn-blue-dark {
	color: var(--colors---green-bright);
	background-image: url("../img/liss-logo-small-green.svg");
}

.btn.btn-logo.btn-blue-light {
	background-color: var(--colors---blue-bright);
	color: var(--colors---blue-dark);
	background-image: url("../img/liss-logo-small-blue.svg");
}

.btn.btn-logo.btn-grey {
	background-color: var(--colors---grey-light);
	color: var(--colors---blue-dark);
	vertical-align: baseline;
	background-image: url("../img/liss-logo-small-blue.svg");
	height: auto;
}

.btn.btn-logo.btn-white-dark {
	background-color: var(--colors---white);
	color: var(--colors---blue-dark);

	display: inline-block;
	align-self: center;

	position: relative;
	width: auto;
	text-align: center;
	background-image: url(../img/liss-logo-small-blue.svg);
}

.btn.btn-logo.btn-grey.btn-full-width {
	width: 100%;
}

.btn.btn-logo.btn-green:hover,
.btn.btn-logo.btn-blue-light:hover,
.btn.btn-logo.btn-grey:hover,
.btn.btn-logo.btn-blue-dark:hover {
	background-color: #fff;
}

.home-header-text {
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
}

.home-header-p {
	margin-top: 20px;
	margin-bottom: 40px;
}

.p {
	margin-bottom: 0;
}

.footer {
	background-color: var(--colors---blue-bright);
	padding-left: 40px;
	padding-right: 40px;
}

.bg-blue-dark {
	background-color: var(--colors---blue-dark);
}

.footer-bottom-p {
	color: var(--colors---white);
	text-align: center;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 500;
}

.footer-content {
	padding-top: 64px;
	padding-bottom: 64px;
	display: flex;
}

.footer-left {
	color: var(--colors---white);
	width: 100%;
	display: flex;
}

.footer-right {
	border-left: 1px solid var(--colors---blue-dark);
	justify-content: space-between;
	width: 100%;
	display: flex;
}

.footer-logo-image {
	text-align: center;
	width: 95px;
	min-width: 95px;
}

.footer-left-p {
	font-weight: 500;
}

.footer-kmo-img {
	width: 270px;
	margin-top: 20px;
}

.footer-right-links {
	flex-flow: column;
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
}

.footer-nav-link {
	color: var(--colors---blue-dark);
	margin-bottom: 5px;
	padding: 5px 10px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-nav-link:hover,
.footer-nav-link.active {
	color: var(--colors---white);
}

.footer-bottom-link,
.footer-right-contact {
	color: var(--colors---white);
}

.footer-bottom-link:hover {
	color: var(--colors---blue-bright);
}

.footer-right-link {
	color: var(--colors---white);
	text-decoration: none;
}

.footer-right-link img {
	max-width: 32px;
	margin-top: 16px;
}
.footer-right-link:hover img {
	opacity: 0.5;
}

.flex-2 {
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 93px;
	display: flex;
}

.flex-2-text {
	justify-content: flex-start;
	align-items: center;
	width: 50%;
	padding-bottom: 10px;
	padding-left: 95px;
	padding-right: 95px;
}

.h2 {
	margin-top: 0;
	margin-bottom: 24px;
	font-weight: 600;
}

.flex-2-image {
	width: 50%;
}

.t-grey-dark {
	color: var(--colors---grey-dark);
	margin-bottom: 0;
}

.text-link {
	color: var(--colors---blue-dark);
	transition:
		color 0.2s ease,
		border-color 0.2s ease;
}
.text-link:hover {
	color: var(--colors---blue-bright);
}

.flex-2-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.bg-image-block {
	overflow: hidden;
	width: 100%;
	min-width: 500px;
	height: 800px;
	position: absolute;
	inset: 0% 0% auto;
}

.image {
	z-index: 1;
	width: 100%;
	min-width: 420px;
	max-width: 660px;
	position: absolute;
	inset: -110px -20% auto auto;
}

.content-bg-img {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.home-content-logos {
	padding-top: 95px;
	padding-bottom: 150px;
}

.logo-grid {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	max-width: 570px;
	padding-right: 0;
	display: grid;
}

/* Clients infinite logo carousel */
.clients-carousel {
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.clients-carousel .splide__slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clients-carousel .logo-grid-image {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.clients-carousel .logo-grid-img {
	max-height: 120px;
	max-width: 200px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.logo-grid-image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.t-blue-light {
	color: var(--colors---blue-bright);
}

.flex-2-p {
	max-width: 368px;
}

.logos-text {
	padding-right: 0;
	margin-bottom: 60px;
}

.home-logo-p {
	max-width: 500px;
}

.bg-blue-light {
	background-color: var(--colors---blue-bright);
}

.home-sales-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.testimonials {
	background-image: url("../img/liss-logo-large-grey.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 500px;
	padding-top: 150px;
	padding-bottom: 150px;
}

.slider,
#testimonial-slider {
	max-width: 788px;
	margin-left: auto;
	margin-right: auto;
}

.slide,
#testimonial-slider .splide__slide {
	color: var(--colors---blue);
	text-align: center;
}

/* Splide arrow styling */
#testimonial-slider .splide__arrow {
	background: var(--colors---blue-light);
	opacity: 1;
}

#testimonial-slider .splide__arrow svg {
	fill: var(--colors---blue);
}

#testimonial-slider .splide__arrow:hover {
	background: var(--colors---blue);
}

#testimonial-slider .splide__arrow:hover svg {
	fill: var(--colors---white);
}

/* Splide pagination styling */
#testimonial-slider .splide__pagination__page {
	background: var(--colors---grey);
}

#testimonial-slider .splide__pagination__page.is-active {
	background: var(--colors---blue-light);
}

.slide-text {
	margin-bottom: 40px;
	font-size: 32px;
	font-style: italic;
	font-weight: 200;
	line-height: 42px;
}

.slide-name {
	font-style: italic;
	font-weight: 500;
}

.home-team-p {
	color: var(--colors---white);
	text-align: center;
	margin-bottom: 24px;
	font-size: 32px;
	font-style: italic;
	font-weight: 600;
	line-height: 42px;
}

.home-team-bg {
	background-color: var(--colors---blue-dark);
	background-image: url("../img/team-bg.jpg");
	background-position: 0 0;
	background-size: cover;
	height: 500px;
	z-index: -1;
	position: absolute;
	inset: 0% 0% auto;
}

.content-home-contact {
	text-align: center;
	padding-top: 150px;
	padding-bottom: 150px;
}

.home-team-img {
	width: 100%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.home-newsletter {
	padding-top: 150px;
	padding-bottom: 150px;
	display: flex;
}

.bg-grey-light {
	background-color: var(--colors---grey-light);
}

.home-content-kmo {
	justify-content: flex-start;
	align-items: center;
	padding-top: 95px;
	padding-bottom: 95px;
	display: flex;
}

.chc-block {
	background-color: var(--colors---blue);
	text-align: left;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.chc-text {
	color: var(--colors---white);
	padding: 24px 32px 48px;
}

.hn-image {
	max-width: 285px;
}

.hn-p {
	color: var(--colors---grey-dark);
}

.hn-p-sub {
	color: var(--colors---grey-dark);
	font-size: 12px;
	font-style: italic;
}

.t-white {
	color: var(--colors---white);
	position: relative;
}

.hsg-item {
	flex-flow: column;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
	color: var(--colors---blue-dark);
	text-decoration: none;
}
.hsg-p {
	margin-bottom: 24px;
}

.hsg-item-text {
	background-color: var(--colors---white);
	height: 100%;
	padding: 30px 20px 40px;
}

.hn-text {
	padding-left: 40px;
}

.hkmo-image {
	width: 420px;
	min-width: 420px;
}

.hkmo-text {
	padding-left: 40px;
}

.hkmo-p {
	margin-bottom: 32px;
}

.chc-image {
	width: 100%;
	min-width: 350px;
	position: relative;
}

.chc-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.chc-p {
	margin-bottom: 24px;
}

.content-home-team {
	text-align: center;
	padding-top: 150px;
	padding-bottom: 0;
}

.hsg-item-image {
	height: 188px;
	min-height: 188px;
	position: relative;
	transition: opacity 0.2s ease;
}

.hsg-item-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hsg-item-img:hover {
	opacity: 0.5;
	cursor: pointer;
}

.hsg-item-sub {
	color: var(--colors---grey-dark);
	margin-bottom: 0;
}

.hsg-item-title {
	font-size: 20px;
	font-weight: 600;
}

.hsg-start-block {
	flex-flow: column;
	justify-content: space-between;
	display: flex;
}

.aanpak-header {
	padding-top: 60px;
	padding-bottom: 150px;
}

.aanpak-header-img {
	margin-top: 60px;
	margin-bottom: 150px;
}

.bg-green-bright {
	background-color: var(--colors---green-bright);
}

.t-blue-dark {
	color: var(--colors---blue-dark);
}

._w-730 {
	width: 100%;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
}

.aanpak-header-list {
	padding-bottom: 20px;
	padding-left: 40px;
}

.ahl-item {
	background-image: url("../img/liss-logo-small-blue-light.svg");
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-left: 30px;
}

.content-aanpak-full-image {
	background-color: var(--colors---white);
	max-width: 920px;
	margin: 260px auto 150px;
	padding: 40px 100px;
}

h3,
.h3 {
	margin-top: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

.aanpak-full-image-img {
	background-color: var(--colors---blue-extralight);
	background-image: url("../img/aanpak-bg-coachings.jpg");
	background-position: 50% 0;
	background-size: cover;
	height: 850px;
	position: absolute;
	inset: 0% 0% auto;
}

.aanpak-header-p1 {
	margin-top: 20px;
	margin-bottom: 40px;
}

.aanpak-list-title {
	margin-top: 0;
	margin-bottom: 22px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

.aanpak-coaching {
	margin-bottom: 250px;
	padding-top: 60px;
	padding-bottom: 0;
}

.image-2 {
	width: 40%;
	max-width: 760px;
	position: absolute;
	inset: 50px -100px auto auto;
}

.aanpak-coaching-img {
	z-index: 2;
	margin-top: 60px;
	margin-bottom: -100px;
	position: relative;
}

.aanpak-z-bg {
	z-index: 0;
	opacity: 0.16;
	background-image: url("../img/aanpak-video.jpg");
	background-position: 50%;
	background-size: cover;
	position: absolute;
	inset: 0%;
}

.content-kanaal-z {
	text-align: center;
	justify-content: space-between;
	align-items: center;
	padding: 125px 56px;
	display: flex;
}

.kanaalz-image {
	width: 50%;
	padding-right: 20px;
}

.kanaal-z-text {
	width: 50%;
	max-width: 520px;
	padding-left: 20px;
	font-size: 22px;
}

.kanaalz-p {
	font-weight: 300;
	line-height: 137%;
}

.kanaalz-logo {
	margin-top: 20px;
}

.proactief-header-img {
	margin: 0 auto 40px;
}

.proactief-header {
	padding-top: 60px;
	padding-bottom: 150px;
}

.opleidingen-header {
	padding-bottom: 40px;
	padding-top: 40px;
}

.proactief-header h1,
.opleidingen-header h1 {
	width: 100%;
	max-width: 750px;
}

.proactief-grid {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	place-items: stretch center;
	max-width: 1120px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
}

/* Proactief Splide Slider */
.proactief-slider {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

.proactief-slider .splide__slide {
	height: auto;
}

.proactief-slider .proactief-grid-item {
	max-width: 100%;
	height: 100%;
}

.proactief-slider .splide__arrow {
	background: var(--colors---green-bright);
	opacity: 1;
}

.proactief-slider .splide__arrow svg {
	fill: var(--colors---white);
}

.proactief-slider .splide__arrow:hover {
	background: var(--colors---blue-light);
}

.proactief-slider .splide__arrow--prev {
	left: -50px;
}

.proactief-slider .splide__arrow--next {
	right: -50px;
}

/* Video Card Component */
.video-card {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	text-decoration: none;
}

.video-card__thumbnail {
	flex-shrink: 0;
	width: 350px;
	overflow: hidden;
}

.video-card__thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.video-card__content {
	flex: 1;
	padding-top: 0.5rem;
	max-width: 375px;
}

.video-card__subtitle {
	font-size: 0.95rem;
	color: #1a365d;
	margin-bottom: 0.5rem;
	font-weight: 400;
}

.video-card__title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #1a365d;
	margin-bottom: 1rem;
	line-height: 1.3;
}

.video-card__excerpt {
	font-size: 1rem;
	color: #4a5568;
	line-height: 1.6;
}

.proactief-grid-item {
	background-color: var(--colors---blue);
	max-width: 350px;
	padding: 20px 40px 40px;
	position: relative;
	overflow: hidden;
}

.proactief-grid-title {
	margin-top: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

.proactief-grid-title.t-green-bright {
	margin-bottom: 20px;
	position: relative;
}

.proactief-kader {
	border: 3px solid var(--colors---grey);
	width: 100%;
	max-width: 730px;
	padding: 40px;
}

.proactief-verschil {
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 150px;
}

._w-920 {
	width: 100%;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.proactief-scoren-block {
	text-align: center;
	margin-top: -130px;
	margin-bottom: 100px;
	padding: 40px;
	font-size: 22px;
	line-height: 137%;
}

.proactief-scoren-btns {
	justify-content: space-around;
	align-items: stretch;
	margin-top: 40px;
	margin-bottom: 40px;
	display: flex;
}

.proactief-header-image {
	text-align: center;
}

.od-header {
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: 1100px;
	margin: 100px auto;
	display: flex;
}

.od-header-text {
	width: 100%;
	max-width: 540px;
}

.od-header-image {
	text-align: right;
	width: 100%;
	padding-left: 40px;
}

.proactief-grid-num {
	z-index: 0;
	color: #0f5188;
	font-size: 260px;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	inset: auto 0% -10px auto;
}

.content-liss-dag {
	max-width: 1100px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.content-liss-dag-left {
	background-color: var(--colors---blue);
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	width: 50%;
	padding: 40px;
	display: flex;
}

.content-liss-dag-right {
	background-color: var(--colors---grey);
	width: 50%;
	padding: 40px 60px 40px 40px;
}

.open-dag-list-item-header {
	background-image: url("../img/liss-logo-small-blue-light.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.open-dag-list-item-header-p {
	margin-bottom: 0;
}

.aanpak-header-dag {
	background-color: var(--colors---blue-extralight);
	background-image: url("../img/header_1.jpg");
	background-position: 50% 0;
	background-size: cover;
	height: 850px;
	position: absolute;
	inset: 0% 0% auto;
}

.opendag-scoren-block {
	text-align: center;
	margin-top: 0;
	margin-bottom: 100px;
	padding: 40px;
	font-size: 22px;
	line-height: 137%;
}

.dagopleiding-flex {
	width: 100%;
	max-width: 1100px;
	margin-bottom: 140px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.dagopleiding-flex-left {
	width: 50%;
	padding-left: 40px;
	padding-right: 40px;
}

.opleiding-flex-sub {
	margin-top: 20px;
	margin-bottom: 20px;
}

.dagopleiding-list {
	padding-bottom: 20px;
	padding-left: 0;
}

.dagopleiding-flex-left-box {
	width: 100%;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.text-span {
	font-weight: 300;
}

.btn-2 {
	color: #fff;
	background-color: #021f5a;
	border-radius: 14px;
	height: 45px;
	padding: 10px 37px 12px;
	font-family: Switzer, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	text-decoration: none;
	display: inline-block;
}

.btn-2.btn-logo {
	background-image: url("../img/liss-logo-small-white.svg");
	background-position: 29px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-left: 60px;
}

.btn-2.btn-logo.btn-green {
	color: #021f5a;
	background-color: #3ed2ae;
	background-image: url("../img/liss-logo-small-blue.svg");
}

.dagopleiding-price-inspirator-img {
	object-fit: cover;
	border-radius: 128px;
	width: 128px;
	max-width: 128px;
	height: 128px;
	margin-right: 40px;
}

.div-block-4 {
	border-top: 1px solid #021f5a;
	margin-top: 20px;
	padding-top: 20px;
	display: flex;
}

.dagopleiding-price-inspirator {
	border-top: 1px solid #021f5a;
	border-bottom: 1px solid #021f5a;
	justify-content: flex-start;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
}

.dagopleiding-flex-right {
	border-left: 1px solid #707070;
	width: 50%;
	padding-left: 60px;
}

.dagopleiding-btn {
	padding-top: 20px;
	padding-bottom: 20px;
}

.dagopleiding-price-img {
	object-fit: contain;
	max-width: 150px;
	height: auto;
	margin-left: 10px;
	margin-right: 20px;
}

.dagopleiding-price-block {
	background-color: #f2f2f2;
	margin-top: 40px;
	margin-bottom: 60px;
	padding: 24px;
}

.dagopleiding-link {
	text-decoration: underline;
}

.dagopleiding-date {
	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 400;
}

.dagopleiding-price-p {
	font-size: 22px;
}

.content-opleidingen {
	justify-content: flex-start;
	align-items: stretch;
	padding-bottom: 150px;
	display: flex;
	z-index: 2;
	position: relative;
}

.content-opleidingen-taxonomy {
	min-height: 700px;
}

.opleiding-head .h2 {
	line-height: 1.1;
}

.breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 0.85rem;
	color: #666;
	margin-bottom: 12px;
}

.breadcrumbs a {
	color: #666;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs-sep {
	color: #aaa;
	font-size: 1rem;
	line-height: 1;
}

.breadcrumbs-current {
	color: #333;
	font-weight: 500;
}

.content-contact {
	padding-bottom: 60px;
	color: var(--colors---blue-bright);
}

.content-contact .co-center {
	max-width: 618px;
}
.content-contact .co-right {
	max-width: unset;
	min-width: unset;
	padding-left: 0;
	padding-right: 0;
}

.content-contact .co-left p,
.content-contact .co-left div {
	color: var(--colors---blue-dark);
}

.co-right.co-right-salesadvies {
	background-color: var(--colors---blue-extralight);
	padding: 18px 18px 15px;
	padding-left: 18px;
	padding-right: 18px;
}

.content-salesadvies {
	justify-content: space-between;
}

.co-left {
	min-width: 285px;
	max-width: 285px;
	padding-left: 10px;
	padding-right: 10px;
}

.co-left-contact,
.co-right-contact {
	max-width: 255px;
	min-width: 255px;
}

.co-left-contact a {
	color: var(--colors---blue-dark);
	margin-bottom: 10px;
}

.co-center {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.content-salesadvies .co-center {
	max-width: 850px;
}

.content-salesadvies .co-center p {
	max-width: 700px;
}

.co-right {
	min-width: 285px;
	max-width: 285px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.co-block {
	margin-bottom: 34px;
	padding: 0;
	overflow: hidden;
}

.co-block-header {
	background-color: var(--colors---grey-light);
	width: 100%;
	border: none;
	padding: 20px 20px 20px 40px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	transition: background-color 0.2s ease;
}

.co-block-header:hover {
	background-color: var(--colors---grey);
}

.co-block-header .h2 {
	margin-bottom: 0;
	flex: 1;
}

.co-block-toggle-icon {
	width: 45px;
	height: 45px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.co-toggle-line {
	position: absolute;
	background-color: var(--colors---grey-dark);
	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
}

.co-toggle-line-horizontal {
	width: 20px;
	height: 1px;
}

.co-toggle-line-vertical {
	width: 1px;
	height: 20px;
}

/* When expanded, rotate the vertical line 90 degrees to create minus */
.co-block-header[aria-expanded="true"] .co-toggle-line-vertical {
	transform: rotate(90deg);
	background-color: var(--colors---white);
}

.co-block-header[aria-expanded="true"] .co-toggle-line-horizontal {
	background-color: var(--colors---white);
}

.co-block-header[aria-expanded="true"] {
	background-color: var(--colors---blue);
	color: var(--colors---white);
}

.co-block-header[aria-expanded="true"] .h2 {
	color: var(--colors---green-bright);
}

.co-block-content {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.co-block-header[aria-expanded="true"] + .co-block-content {
	max-height: 5000px;
}

.co-block-header[aria-expanded="false"] + .co-block-content {
	max-height: 0;
}

.co-block#sales .co-block-header[aria-expanded="true"] + .co-block-content {
	color: var(--colors---blue-dark);
}

.opleiding-nav-link {
	color: var(--colors---blue-dark);
	background-image: url("../img/liss-logo-small-blue.svg");
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-weight: 500;
	text-decoration: none;
	display: block;
}

.opleiding-nav-link.actief,
.opleiding-nav-link:hover,
.opleiding-nav-link.active {
	color: var(--colors---blue-bright);
}

.opleiding-nav {
	padding-right: 40px;
}

.co-block-list {
	padding-left: 20px;
}

.co-block-link {
	color: var(--colors---blue-dark);
	padding: 20px 0px;
	width: 100%;
	border-bottom: 1px solid #ffe7e0;
	text-decoration: none;
	display: block;
	transition: all 250ms ease-out;
	padding-left: 0px;
}

.co-block-link:hover {
	background-color: #3ed2ae;
	color: #021f5a;
	font-weight: bold;
	padding-left: 20px;
}

.opleidingen-ctas-grid {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	place-items: stretch center;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	padding-bottom: 120px;
	margin-bottom: 120px;
	border-bottom: 1px solid #707070;
}

.opleidingen-cta-item {
	background-color: var(--colors---blue-dark);
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px;
	display: flex;
	position: relative;
	overflow: hidden;
	min-height: 300px;
}

.opleidingen-cta-item .h2 {
	color: var(--colors---blue-bright);
	margin-top: 0;
	margin-bottom: 24px;
}

.opleidingen-cta-sub {
	color: var(--colors---white);
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 137.5%;
}

.cta-book {
	padding-top: 60px;
}

.co-right-opleidingen .cta-book {
	position: absolute;
	width: calc(100% - 20px);
	left: 10px;
	bottom: 0;
}

.cta-book-content {
	background-color: var(--colors---grey-light);
	text-align: center;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.cta-book-img {
	margin-top: -60px;
}

.cta-book-title {
	color: var(--colors---blue-bright);
	margin-top: 20px;
	font-weight: 500;
}

.cta-book-sub {
	color: var(--colors---blue-dark);
	margin-top: 10px;
	font-weight: 500;
}

.cta-book-link {
	color: var(--colors---blue-bright);
	padding-top: 10px;
	font-weight: 600;
	display: block;
}

.opleiding-contact {
	background-color: var(--colors---blue);
	color: var(--colors---white);
	margin-top: 40px;
	padding: 40px;
}

.opleiding-tip {
	border: 1px solid var(--colors---grey);
	margin-top: 40px;
	padding: 40px;
}

.content-cta-book {
	padding-bottom: 150px;
}

.ccb-block {
	background-color: var(--colors---grey-light);
	padding: 20px;
	display: flex;
	position: relative;
}

.opleiding-list {
	padding-bottom: 20px;
	padding-left: 20px;
}

.opleiding-list-item {
	margin-bottom: 5px;
}

.cta-kmo-content {
	background-color: var(--colors---grey-light);
	text-align: left;
	padding: 20px;
}

.cta-kmo {
	padding-top: 40px;
}

.cta-kmo-title {
	color: var(--colors---blue);
	margin-top: 20px;
	font-weight: 600;
}

.cta-kmo-link {
	color: var(--colors---blue-bright);
	padding-top: 10px;
	font-size: 14px;
	font-weight: 600;
	display: block;
}

.opleiding-contact-link {
	color: var(--colors---white);
}

.ccb-text {
	width: 60%;
	padding-bottom: 40px;
	padding-left: 40px;
}

.ccb-img {
	height: 260px;
	position: absolute;
	inset: auto 0% 0% auto;
}

.content-team-start {
	padding-bottom: 150px;
	display: flex;
}

.content-team-grid {
	grid-column-gap: 20px;
	grid-row-gap: 60px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	padding-bottom: 150px;
	display: grid;
}

.content-team-grid a {
	color: var(--colors---blue-dark);
	text-decoration: none;
}

.team-member-name {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}

.team-grid-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0%;
}

.team-grid-image:hover {
	opacity: 0.5;
}

.team-grid-image {
	aspect-ratio: 676 / 450;
	position: relative;
	transition: opacity 0.2s ease;
}

.team-grid-placeholder {
	width: 100%;
	height: 100%;
	background-color: var(--colors---grey-light);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset: 0%;
}

.team-placeholder-text {
	font-size: 48px;
	font-weight: 600;
	color: var(--colors---grey-dark);
	text-transform: uppercase;
}

.co-center-salesadvies {
	padding-right: 30px;
	padding-left: 0px;
}

.blog-layout-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.blog-grid-item {
	position: relative;
	height: 100%;
	width: 100%;
	margin-bottom: 0;
}

.blog-grid-link {
	color: var(--colors---blue-dark);
	text-decoration: none;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	transition: all 250ms ease-out;
	height: 100%;
}

.blog-grid-link:hover {
	background-color: var(--colors---blue-bright);
	color: var(--colors---white);
}

.blog-grid-link:hover .blog-grid-spreker {
	color: var(--colors---white);
}

.blog-grid-image {
	aspect-ratio: 188 / 255;
	position: relative;
	overflow: hidden;
	max-height: 255px;
	width: 100%;
	background-color: var(--colors---grey-light);
}

.blog-grid-img {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
}

.blog-grid-content {
	padding: 30px 18px 40px;
	flex: 1;
}

.blog-grid-spreker {
	color: var(--colors---grey-dark);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 10px;
}

.blog-grid-title {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--colors---blue-dark);
}

.blog-grid-excerpt {
	margin-bottom: 15px;
	color: var(--colors---grey-dark);
	line-height: 1.5;
}

.blog-grid-read-more {
	color: var(--colors---white);
	font-weight: 600;
	text-decoration: none;
	position: absolute;
	bottom: 18px;
	left: 18px;
}

.salesadvies-title {
	margin-bottom: 20px;
	color: var(--colors---blue-bright);
}

.h1-salesadvies {
	max-width: 900px !important;
	margin: 0 auto;
}

.salesadvies-detail-category {
	color: var(--colors---blue-dark);
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
}

.salesadvies-detail-title {
	color: var(--colors---blue-bright);
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}

.salesadvies-link-small {
	color: var(--colors---blue-dark);
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
	background-image: url(../img/liss-logo-small-blue.svg);
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-left: 30px;
	margin-bottom: 10px;
	z-index: 2;
	border-bottom: 1px solid #d0d0d0;
}

.paragraph {
	color: var(--colors---grey-dark);
	width: 100%;
	max-width: 350px;
}

.team-page-title {
	width: 33%;
	margin-right: 40px;
	padding-right: 20px;
}

.team-member-coaches-title {
	color: var(--colors---blue-bright);
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}

.team-member-coach-cta {
	color: var(--colors---blue-dark);
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
}

.team-member-coach-cta.actief {
	color: var(--colors---blue-bright);
	font-weight: 600;
}

.cta-kmo-img-copy,
.cta-kmo-img {
	margin-top: 0;
}

.content-opleiding-sub {
	width: 100%;
	display: flex;
}

.image-4 {
	width: 100%;
	display: inline-block;
}

.team-member-expertise {
	background-color: var(--colors---blue-extralight);
	padding: 18px 18px;
}

.content-team-member {
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 60px;
	display: flex;
}

.team-member-p {
	color: var(--colors---grey-dark);
	width: 100%;
	max-width: 520px;
	margin-bottom: 0;
}

.team-member-expertise ul {
	padding-left: 0px;
}

.team-member-expertise li,
.tm-expertise {
	color: var(--colors---blue-dark);
	background-image: url("../img/liss-logo-small-blue.svg");
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 16px;
	margin-bottom: 0;
	padding-bottom: 6px;
	padding-left: 24px;
	font-weight: 500;
	text-decoration: none;
	display: block;
}

.tm-expertise.actief {
	color: var(--colors---blue-bright);
}

/* Contents opleiding*/

.wp-editor-content hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wp-editor-content ul {
	padding-bottom: 20px;
	padding-left: 20px;
}

.wp-editor-content ul li {
	margin-bottom: 5px;
}

.wp-editor-content h2 {
	margin-top: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--colors---green-bright);
	margin-bottom: 20px;
}

.wp-editor-content h3 {
	margin-top: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--colors---green-bright);
	margin-bottom: 20px;
}

.wp-editor-content h4 {
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--colors---green-bright);
	margin-bottom: 20px;
}

.wp-editor-content p {
	margin-bottom: 10px;
}

.wp-editor-content figure {
	margin: 40px 0px;
}

/* standard page */

.standaard-page-header {
	height: 350px;
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 48px;
}

.standaard-page-header h1.h1 {
	font-weight: bold;
	font-size: 36px;
	font-family: var(--fonts---font);
}

.wp-editor-content a {
	color: var(--colors---green-bright);
}

.contact-form {
	background-color: var(--colors---grey-light);
	color: var(--colors---blue-dark);
	padding: 40px;
}

.contact-liesbeth-img {
	border-radius: 300px;
	max-width: 128px;
	margin-bottom: 20px;
}

.contact-mini-title {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
}

.contact-linkedin-link {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	text-decoration: none;
}

.contact-liesbeth-name {
	margin-bottom: 10px;
}

.forminator-button-submit {
	border-radius: 14px !important;
	padding: 10px 37px 12px !important;
	font-family: Switzer, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 25px !important;
	text-decoration: none;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	background-position: 29px !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	padding-left: 60px !important;
	background-color: var(--colors---green-bright) !important;
	color: var(--colors---blue-dark) !important;
	background-image: url("../img/liss-logo-small-blue.svg") !important;
}

.forminator-button-submit:hover {
	background-color: var(--colors---blue-dark) !important;
	color: var(--colors---white) !important;
}
.forminator-label {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 25px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	margin-bottom: 10px !important;
}

.youtube-facade {
	position: relative;
	cursor: pointer;
	width: 100%;
	aspect-ratio: 16/9;
	background: #000;
	overflow: hidden;
}
.youtube-facade img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.youtube-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: transform 0.2s ease;
}
.youtube-facade:hover .youtube-play-btn {
	transform: translate(-50%, -50%) scale(1.1);
}
.youtube-facade iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.home-content-logos .splide__arrow svg {
	fill: var(--colors---blue-dark);
}

.home-content-logos .splide__arrow {
	background: transparent;
}

@media screen and (max-width: 1240px) {
	.proactief-slider .splide__arrow--prev {
		left: 10px;
	}

	.proactief-slider .splide__arrow--next {
		right: 10px;
	}
}
@media screen and (max-width: 991px) {
	.container.kanaal-z {
		margin-bottom: 60px;
	}

	.container.dagopleiding {
		padding-top: 359px;
	}

	.hamburger-menu {
		display: flex;
	}

	.nav-links {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 320px;
		height: 100vh;
		background-color: var(--colors---white);
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 100px 40px 40px;
		box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
		transition: right 0.3s ease;
		z-index: 100;
		overflow-y: auto;
	}

	.nav-links.active {
		right: 0;
	}

	.nav-link {
		width: 100%;
		padding: 15px 0;
		border-bottom: 1px solid var(--colors---grey-light);
		font-size: 18px;
	}

	.nav-link:last-child {
		border-bottom: none;
	}

	/* Hide desktop language switcher on mobile */
	.nav-lang-switcher-wrap {
		display: none;
	}

	/* Show and style language switcher inside mobile menu */
	.nav-links .nav-lang-switcher-mobile {
		display: block;
		width: 100%;
		padding-top: 20px;
		margin-top: 10px;
		border-top: 1px solid var(--colors---grey-light);
	}

	.nav-links .nav-lang-switcher-mobile .nav-lang-switcher {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.nav-links .nav-lang-switcher-mobile .nav-lang-switcher a {
		display: block;
		width: 100%;
		padding: 15px 0;
		font-size: 18px;
		border-bottom: 1px solid var(--colors---grey-light);
	}

	.nav-links .nav-lang-switcher-mobile .nav-lang-switcher li:last-child a {
		border-bottom: none;
	}

	.home-header-content {
		margin-bottom: 60px;
	}

	.btn.btn-logo.btn-grey {
		width: -moz-fit-content;
		width: fit-content;
	}

	.footer-content {
		flex-flow: column;
	}

	.footer-left {
		border-bottom: 1px solid var(--colors---blue-dark);
		margin-bottom: 60px;
		padding-bottom: 40px;
	}

	.footer-right {
		border-left-width: 0;
	}

	.footer-right-links {
		padding-left: 0;
	}

	.flex-2 {
		flex-flow: column;
		margin-bottom: 60px;
	}

	.flex-2.reverse {
		flex-flow: column-reverse;
	}

	.flex-2-text {
		width: 100%;
		padding-bottom: 60px;
	}

	.flex-2-image {
		width: 100%;
	}

	.home-content-logos {
		flex-flow: column;
		padding-top: 0;
		padding-bottom: 60px;
	}

	.logo-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		max-width: none;
	}

	.home-sales-grid {
		grid-template-columns: 1fr 1fr;
	}

	.content-home-contact {
		padding-top: 60px;
	}

	.home-newsletter {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.home-content-kmo {
		flex-flow: column;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.chc-block {
		flex-flow: column;
	}

	.chc-text.bg-green-bright {
		padding-top: 60px;
	}

	.hkmo-image {
		margin-bottom: 40px;
	}

	.hkmo-text {
		padding-left: 0;
	}

	.content-home-team {
		padding-top: 60px;
	}

	.content-aanpak-full-image {
		margin-top: -20px;
	}

	.aanpak-full-image-img {
		height: 600px;
	}

	.aanpak-coaching {
		margin-bottom: 180px;
	}

	.content-kanaal-z {
		flex-flow: column;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.kanaalz-image {
		width: 100%;
		margin-bottom: 40px;
		padding-right: 0;
	}

	.kanaal-z-text {
		width: 100%;
		max-width: 570px;
		padding-left: 0;
	}

	.proactief-header {
		padding-bottom: 60px;
	}

	.proactief-grid {
		grid-template-columns: 1fr;
	}

	.proactief-grid-item {
		max-width: 500px;
	}

	.opleidingen-ctas-grid {
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

	.opleidingen-cta-item {
		max-width: 100%;
		width: 100%;
	}
	.opleidingen-cta-item .btn-white-dark {
		align-self: flex-start;
	}
	.co-right-opleidingen .cta-book {
		position: relative;
	}

	.proactief-scoren-btns {
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		flex-flow: column;
		justify-content: space-around;
		align-items: center;
	}
	.opleidingen-ctas-grid {
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	.co-left-contact a {
		display: block;
		width: max-content;
	}

	.content-opleidingen.content-contact {
		flex-direction: column-reverse;
	}

	.co-left-contact {
		display: flex;
		gap: 20px;
	}

	.od-header {
		flex-flow: column;
		margin-bottom: 60px;
	}

	.od-header-text {
		max-width: none;
		margin-left: auto;
		margin-right: auto;
	}

	.od-header-image {
		text-align: center;
		padding-left: 0;
	}

	.content-liss-dag {
		flex-flow: column;
		margin-bottom: 60px;
	}

	.content-liss-dag-left,
	.content-liss-dag-right {
		width: 100%;
	}

	.aanpak-header-dag {
		height: 600px;
	}

	.opendag-scoren-block {
		margin-bottom: 60px;
	}

	.dagopleiding-flex {
		flex-flow: column-reverse;
		margin-bottom: 60px;
	}

	.dagopleiding-flex-left {
		width: 100%;
		padding-top: 60px;
	}

	.dagopleiding-flex-right {
		border-left-width: 0;
		width: 100%;
		padding-left: 0;
	}

	.content-opleidingen {
		flex-flow: column;
	}

	.co-left {
		max-width: 100%;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}

	.co-center {
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	.co-center.team-member {
		padding-right: 40px;
	}

	.co-right {
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.co-right.team-member-top {
		width: 0;
		min-width: auto;
	}

	.content-team-grid {
		grid-template-columns: 1fr 1fr;
	}

	.blog-layout-grid {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 30px;
	}

	.team-grid-member.empty {
		display: none;
	}
	.team-grid-member:hover {
		opacity: 0.5;
	}

	.image-4 {
		object-fit: cover;
		height: 100%;
		position: absolute;
		inset: 0%;
	}

	.content-team-member {
		align-items: stretch;
	}
}

@media screen and (max-width: 767px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.video-card {
		flex-direction: column;
	}

	.video-card__thumbnail {
		width: 100%;
	}
	.container.aanpak-full-image {
		padding-top: 240px;
	}

	.btn.btn-logo.btn-blue-dark {
		width: auto;
		max-width: -moz-fit-content;
		max-width: fit-content;
	}

	.footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	.flex-2-text {
		padding-left: 0;
		padding-right: 0;
	}

	.home-sales-grid {
		grid-template-columns: 1fr;
	}

	.content-home-contact {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.home-newsletter {
		flex-flow: column;
	}

	.hn-image {
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.hn-text {
		padding-left: 0;
	}

	.aanpak-header {
		padding-bottom: 60px;
	}

	.aanpak-header-img {
		margin-bottom: 60px;
	}

	.aanpak-header-list {
		padding-left: 20px;
	}

	.content-aanpak-full-image {
		margin-bottom: 60px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.aanpak-full-image-img {
		height: 300px;
	}

	.content-kanaal-z {
		padding-left: 0;
		padding-right: 0;
	}

	.proactief-grid {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		margin-bottom: 20px;
	}

	.opleidingen-ctas-grid {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		margin-bottom: 40px;
	}

	.opleidingen-cta-item {
		padding: 30px 20px;
	}

	.proactief-scoren-block {
		margin-bottom: 0;
	}

	.content-opleidingen {
		padding-bottom: 60px;
	}

	.co-left {
		padding-top: 40px;
	}

	.co-left.team-member-mobile {
		display: none;
	}

	.co-center {
		height: 100%;
	}

	.co-center.team-member {
		padding-right: 0;
	}

	.co-right.bottom-team-member {
		min-width: 100%;
	}

	.content-cta-book {
		padding-bottom: 60px;
	}

	.ccb-block {
		justify-content: center;
		align-items: center;
	}

	.ccb-text {
		width: 100%;
		padding-bottom: 0;
		padding-left: 0;
	}

	.ccb-img {
		display: none;
		position: relative;
	}

	.content-team-start {
		text-align: center;
		flex-flow: column;
		padding-bottom: 60px;
	}

	.content-team-grid {
		grid-column-gap: 40px;
		grid-row-gap: 40px;
		grid-template-columns: 1fr;
	}

	.blog-layout-grid {
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 30px;
	}

	.paragraph {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.team-page-title {
		width: 100%;
	}

	.content-opleiding-sub {
		flex-flow: column;
	}

	.image-4 {
		height: auto;
		position: relative;
	}

	.team-member-expertise {
		margin-top: 40px;
	}

	.content-team-member {
		flex-flow: column;
	}

	.content-team-member.top {
		flex-flow: column-reverse;
		padding-bottom: 0;
	}

	.ccb-book-image {
		min-width: 200px;
	}
	.image,
	.bg-image-block {
		min-width: unset;
	}
}

@media screen and (max-width: 550px) {
	.content-contact.content-opleidingen {
		flex-direction: column;
	}
	.co-left-contact {
		flex-flow: column;
		gap: 0px;
	}
}

@media screen and (max-width: 479px) {
	.container {
		padding-left: 14px;
		padding-right: 14px;
	}

	.container.container-home-sales {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.container.dagopleiding {
		padding-top: 240px;
	}

	.home-header-content {
		padding-left: 12px;
		padding-right: 12px;
	}

	.heading {
		font-size: 30px;
	}

	.btn.btn-logo.btn-green {
		background-position: 10px 17px;
		padding-left: 30px;
	}

	.footer {
		padding-left: 15px;
		padding-right: 15px;
	}

	.footer-right {
		flex-flow: column;
	}

	.footer-right-links {
		padding-bottom: 20px;
	}

	.logo-grid {
		grid-template-columns: 1fr 1fr;
	}

	.slide-text,
	.home-team-p {
		font-size: 28px;
	}

	.chc-text.bg-green-bright {
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hkmo-image {
		width: 100%;
		min-width: auto;
	}

	.chc-image {
		min-width: auto;
	}

	.aanpak-header {
		padding-bottom: 60px;
	}

	.aanpak-header-img {
		margin-top: 0;
	}

	.t-blue-dark {
		word-break: break-all;
	}

	.aanpak-header-list {
		padding-left: 0;
	}

	.content-aanpak-full-image {
		margin-top: 10px;
		padding-top: 20px;
		padding-left: 0;
		padding-right: 0;
	}

	.aanpak-full-image-img {
		height: 250px;
	}

	.content-kanaal-z {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.proactief-grid-item,
	.proactief-scoren-block {
		padding-left: 20px;
		padding-right: 20px;
	}

	.content-liss-dag-left {
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-liss-dag-right {
		padding: 20px 10px;
	}

	.aanpak-header-dag {
		height: 300px;
	}

	.opendag-scoren-block {
		margin-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dagopleiding-flex-left {
		padding-left: 0;
		padding-right: 0;
	}

	.dagopleiding-price-inspirator-img {
		width: 70px;
		height: 70px;
		margin-right: 20px;
	}

	.div-block-4 {
		text-align: center;
		flex-flow: column;
	}

	.dagopleiding-price-img {
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.co-block-header {
		padding-left: 20px;
		padding-right: 20px;
	}

	.co-block-header[aria-expanded="true"] + .co-block-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.co-block-header[aria-expanded="false"] + .co-block-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ccb-block {
		flex-flow: column;
	}

	.ccb-text {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.ccb-img {
		display: block;
	}

	.image-5 {
		width: 100%;
	}
}

#w-node-_1f29a885-0157-a131-42b2-45f6c89ba8de-16e44721,
#w-node-_1f29a885-0157-a131-42b2-45f6c89ba8de-94f99883 {
	grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
	#w-node-_6d614920-cbea-ffa3-dd65-03a4ae6f021f-8839667a {
		grid-area: 9 / 1 / 10 / 2;
	}
}

@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-Semibold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src:
		url("../fonts/Switzer-ExtralightItalic.woff2") format("woff2"),
		url("../fonts/Switzer-ExtralightItalic.woff") format("woff");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-SemiboldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Switzer";
	src: url("../fonts/Switzer-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

.team-grid-spacer {
	display: none;
}

@media (min-width: 992px) {
	.team-grid-spacer {
		display: block;
	}
}