/*
	Theme Name: SJT Theme
	Author: Bart Merkus
	Author URI: https://www.bartmerkus.nl/
	Description: Een maatwerk Wordpress Thema voor de Samenwerkingsagenda Jeugdhulp Twente.
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: sjt-theme
*/
@font-face {
    font-family: "Epiloguet";
    src: url("fonts/Epiloguet.ttf") format("truetype");
}
.navActielijnButtonMobileBack {
    display: none;
}

.logged-in .headerFullWidth {
    top: 32px;
}
.logged-in .headerFullWidthOpen {
    top: 82px;
}
.logged-in .headerNavMenuFullWidth {
    height: calc(100ch - 60px);
}
.logged-in .headerNavMenuFullWidthOpen {
    top: 182px;
}

/*-------------------- VARIABLEN */
:root {
    --kleur-paars-donker: #444c88;
    --kleur-roze: #d391ad;
    --kleur-paars-licht: #dddce9;
    --kleur-grijs-licht: #efefef;
    --kleur-wit: #fff;
    --kleur-tekst-donker: #444c88;
    --kleur-tekst-licht: #fff;
    --kleur-paars-opacity-70: rgba(68, 76, 136, 0.7);
    --kleur-licht-paars-opacity-70: rgba(221, 220, 233, 0.7);
    --primary-font: "Epiloguet", sans-serif;
    --font-size-hero: 70px;
    --font-size-sub-hero: 50px;
    --font-size-big: 36px;
    --font-size-medium: 26px;
    --font-size-text: 20px;
    --font-size-button: 18px;
    --font-size-input: 18px;
    --font-size-news: 16px;
    --font-size-copy: 14px;
    --line-height-hero: 80px;
    --line-height-sub-hero: 60px;
    --line-height-big: 46px;
    --line-height-medium: 36px;
    --line-height-text: 35px;
    --line-height-news: 26px;
    --line-height-button: 18px;
    --line-height-input: 18px;
    --line-height-copy: 14px;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
}

/*-------------------- ALGEMEEN */
* {
    font-family: var(--primary-font);
    color: var(--kleur-tekst-donker);
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
}

h1 {
    font-size: var(--font-size-hero);
    line-height: var(--line-height-hero);
    font-weight: var(--font-weight-bold);
    margin-bottom: 20px;
}

h2 {
    font-size: var(--font-size-sub-hero);
    line-height: var(--line-height-sub-hero);
    margin-bottom: 20px;
}

h3 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
    margin-bottom: 20px;
}

h4, h5, h6 {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
    margin-bottom: 20px;
}

p {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
    margin-bottom: 20px;
}
p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0 0 40px 20px;
}
ul li,
ol li {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
}
ul li a,
ol li a {
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
}

a:focus-visible {
    background-color: #000 !important;
    color: var(--kleur-tekst-licht) !important;
}

table, th, tr {
  border: 1px solid #444c88;
  border-collapse: collapse;
}

table{
    margin-bottom:20px;
}

th{
    font-weight: 800;
    text-align: left;
    border-left: none;
    border-right: none;
}

th, td {
	padding: 5px;
}

.fullWidthContainer {
    width: 100%;
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.normalContainer {
    position: relative;
    width: 100%;
    padding: 0 20px;
    max-width: 1400px;
    z-index: 1;
}

.kolomContainer {
    display: grid;
    grid-gap: 100px;
}

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

.kolom-2-3 {
    grid-template-columns: 2fr 3fr;
}

.kolom-3-1 {
    grid-template-columns: 3fr 1fr;
}

.button {
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 20px;
    border-radius: 25px;
}

.buttonLightPurple {
    background-color: var(--kleur-paars-licht);
    color: var(--kleur-paars-donker);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.buttonLightPurple:hover {
    background-color: var(--kleur-roze);
    color: var(--kleur-tekst-licht);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.buttonDarkPurple {
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.buttonDarkPurple:hover {
    background-color: var(--kleur-roze);
    color: var(--kleur-tekst-licht);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.heroScrollSign {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
    pointer-events: none;
    z-index: 997;
    -webkit-transition: 2s;
    transition: 2s;
}
.heroScrollSign p {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    -webkit-transform: rotate(-90deg) translateX(36px) translateY(26px);
    transform: rotate(-90deg) translateX(36px) translateY(26px);
    margin-bottom: 0;
}
.heroScrollSign img {
    width: 20px;
    height: auto;
}

.heroScrollSignLight p {
    color: var(--kleur-paars-licht);
}

.heroScrollSignDark p {
    color: var(--kleur-paars-donker);
}

.heroScrollSignOpen {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
}

.leftLine {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    max-height: 100vh;
}

.bgDarkPurple {
    background-color: var(--kleur-paars-donker);
}

.bgLightPurple {
    background-color: var(--kleur-paars-licht);
}

.textWhite {
    color: var(--kleur-tekst-licht);
}

.textDarkPurple {
    color: var(--kleur-paars-donker);
}

.textLightPurple {
    color: var(--kleur-paars-licht);
}

.textPink {
    color: var(--kleur-roze);
}

.headerFullWidth {
    position: fixed;
    top: 0;
    left: 0;
    height: 150px;
    padding: 20px 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.headerFullWidth::before {
    content: "";
    position: absolute;
    top: -150px;
    left: 0;
    height: 150px;
    width: 100%;
    background-color: var(--kleur-paars-donker);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.headerFullWidth .headerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.headerFullWidth .headerContainer .headerLogo {
    width: 145px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.headerFullWidth .headerNavSection {
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}
.headerFullWidth .headerNavSection .headerNavSearchButton {
    display: none;
    position: relative;
    background-color: transparent !important;
    border: 0 !important;
    margin-right: 20px;
    cursor: pointer;
    z-index: 3;
}
.headerFullWidth .headerNavSection .headerNavSearchButton img {
    width: 20px;
    height: auto;
}
.headerFullWidth .headerNavSection .headerNavSearchButtonActief {
    display: block;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer {
    position: absolute;
    width: 300px;
    top: -10px;
    right: 120px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
    position: absolute;
    width: 300px;
    top: 0;
    right: -300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm input {
    height: 50px;
    width: 70%;
    border: 0;
    padding: 5px 10px;
    border-radius: 10px 0 0 10px;
    font-size: var(--font-size-text);
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
    background-color: var(--kleur-paars-licht);
    font-size: var(--font-size-text);
    color: var(--kleur-tekst-donker);
    width: 30%;
    border: 0;
    height: 50px;
    padding: 5px 10px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchFormOpen {
    right: 0;
    pointer-events: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerFullWidth .headerNavSection .headerNavMenuButton {
    background-color: transparent !important;
    border: 0 !important;
    color: var(--kleur-paars-licht);
    font-size: var(--font-size-text);
    font-weight: var(--font-weight-medium);
    width: 60px;
    text-align: right;
    cursor: pointer;
}

.headerFullWidthNavOpen::before {
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.mainNavStickyClosed {
    top: -150px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.mainNavSticky {
    background-color: var(--kleur-paars-donker);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.headerDarkFullWidth .headerNavSection .headerNavMenuButton {
    color: var(--kleur-paars-donker);
}
.headerDarkFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
    background-color: var(--kleur-paars-donker) !important;
    color: var(--kleur-tekst-licht) !important;
}
.headerDarkFullWidth.headerFullWidthNavOpen .headerNavMenuButton {
    color: var(--kleur-paars-licht) !important;
}
.headerDarkFullWidth.mainNavSticky {
    background-color: var(--kleur-paars-licht) !important;
}
.headerDarkFullWidth.mainNavSticky.headerFullWidthNavOpen .headerNavMenuButton {
    color: var(--kleur-paars-licht) !important;
}

.headerNavMenuFullWidth {
    position: fixed;
    top: 275px;
    right: 0;
    width: 100%;
    height: calc(100vh - 150px);
    background-color: var(--kleur-paars-licht);
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    z-index: 998;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.headerNavMenuFullWidth .headerNavMenuContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 100px;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul {
    list-style-type: none;
    margin: 0;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li {
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li a {
    font-size: var(--font-size-big);
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover {
    padding-left: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover a {
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 320px;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton .navActielijnButtonPlus {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--kleur-tekst-licht);
    background-color: var(--kleur-paars-donker);
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-left: 40px;
    font-size: var(--font-size-big);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .actielijnSubmenuOpen {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul {
    list-style-type: none;
    margin: 0;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li {
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li a {
    font-size: var(--font-size-medium);
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li:hover {
    padding-left: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li:hover a {
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavSocialContainer {
    text-align: center;
    border-top: 1px solid var(--kleur-roze);
    padding: 20px 0;
    max-width: 1360px;
}
.headerNavMenuFullWidth .headerNavSocialContainer a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavSocialContainer a:hover {
    font-weight: var(--font-weight-semibold);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.headerNavMenuFullWidthOpen {
    top: 150px;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.heroHomeFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}
.heroHomeFullWidth .homeHeroContainer .kolom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.heroHomeFullWidth .homeHeroContainer h2 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
    font-weight: var(---font-weight-regular);
}
.heroHomeFullWidth .homeHeroContainer .buttonHomeHero {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.heroHomeFullWidth .homeHeroContainer .kolomHeroPortret {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.heroHomeFullWidth .homeHeroContainer .kolomHeroPortret .heroPortret {
    max-width: 600px;
}

.homeFeatureFullWidth {
    min-height: 100vh;
    min-height: 100svh;
}
.homeFeatureFullWidth .homeFeatureContainer {
    max-width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homeFeatureFullWidth h2 {
    font-size: var(--font-size-hero);
    line-height: var(--line-height-hero);
    text-align: center;
    margin-bottom: 40px;
}
.homeFeatureFullWidth p {
    text-align: center;
    max-width: 800px;
    margin-bottom: 40px;
}

.homeActielijnenFullWidth {
    min-height: 100vh;
    min-height: 100svh;
}
.homeActielijnenFullWidth .homeActielijnenContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer {
    width: 100%;
    border-bottom: 1px solid var(--kleur-roze);
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
    font-weight: var(--font-weight-regular);
    margin-bottom: 0;
}

.sectieNieuwsFullWidth {
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    overflow: hidden;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 60px 0;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-nav,
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-dots {
    display: none;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider a {
    text-decoration: none;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--kleur-wit);
    height: 100%;
    min-height: 500px;
    border-radius: 50px;
    padding: 20px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemBottom h2 {
    text-align: left;
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 20px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemTop {
    height: 300px;
    width: 100%;
    border-radius: 45px;
    background-size: cover;
    background-position: center;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSliderNoInit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsButtonsControlsContainer {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsSliderButton {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--kleur-paars-donker);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsSliderButtonLight {
    background-color: var(--kleur-paars-licht);
}

.eventsTeaserFullWidth {
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}
.eventsTeaserFullWidth .eventsTeaserContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer {
    margin-bottom: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer a {
    text-decoration: none;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--kleur-wit);
    padding: 20px;
    border-radius: 75px;
    height: 100%;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderItemLeftTitelContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderCatLabel {
    display: inline-block;
    text-decoration: underline;
    font-weight: var(--font-weight-medium);
    margin-bottom: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft h3 {
    font-weight: var(--font-weight-semibold);
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderDatumLabel {
    position: relative;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 16px 16px 60px;
    border-radius: 25px;
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-wit);
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderDatumLabel::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 26px;
    height: 28px;
    background-image: url("img/icon-calendar-white.svg");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemRight {
    background-size: cover;
    background-position: center;
    border-radius: 60px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .owl-nav {
    display: none;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer .eventButtonsControlsContainer {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer .eventSliderButton {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--kleur-paars-licht);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
}
.eventsTeaserFullWidth .button {
    -ms-flex-item-align: center;
    align-self: center;
}

.nieuwsbriefFullWidth {
    position: relative;
    background-size: cover;
    background-position: right bottom;
    min-height: 100vh;
    min-height: 100svh;
}
.nieuwsbriefFullWidth .nieuwsbriefOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: none;
    z-index: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop {
    max-width: 650px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop h2 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 40px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer {
    background-color: var(--kleur-wit);
    height: 100px;
    border-radius: 50px;
    padding: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-cont {
    width: 100%;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-before-form-content,
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-after-form-content {
    display: none;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 50px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
    width: 100%;
    margin: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container {
    position: relative;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container input {
    height: 50px;
    font-size: var(--font-size-text);
    border: 0;
    min-width: 350px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container .nf-error-msg {
    position: absolute;
    bottom: -50px;
    left: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .submit-container .nf-field-element input {
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    border: 0;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 20px;
    border-radius: 25px;
    cursor: pointer;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom {
    max-width: 650px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom h3 {
    font-weight: var(--font-weight-medium);
    margin-bottom: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom .nieuwsBriefPayOffSmall {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
}

.contactFooterFullWidth {
    min-height: 100vh;
    min-height: 100svh;
    background: -webkit-gradient(linear, left top, right top, from(rgb(68, 76, 136)), to(rgb(211, 145, 172)));
    background: linear-gradient(to right, rgb(68, 76, 136) 0%, rgb(211, 145, 172) 100%);
}
.contactFooterFullWidth .contactFooterContainer {
    max-width: 900px;
}
.contactFooterFullWidth .contactFooterContainer h2 {
    text-align: center;
}
.contactFooterFullWidth .contactFooterContainer p {
    text-align: center;
    color: var(--kleur-paars-licht);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer {
    background-color: var(--kleur-wit);
    padding: 50px 100px;
    border-radius: 35px;
    margin-top: 60px;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-before-form-content,
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-after-form-content {
    display: none;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    grid-template-areas: "fci1 fci3" "fci2 fci3" "fci4 fci4";
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(1) {
    grid-area: fci1;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(1) .nf-field-element input {
    height: 50px;
    border: 0;
    border-bottom: 2px solid var(--kleur-paars-donker);
    font-size: var(--font-size-input);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) {
    grid-area: fci2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) .nf-field-element input {
    height: 50px;
    border: 0;
    border-bottom: 2px solid var(--kleur-paars-donker);
    font-size: var(--font-size-input);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) {
    grid-area: fci3;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) .nf-field-element textarea {
    padding-top: 15px;
    border: 0;
    border-bottom: 2px solid var(--kleur-paars-donker);
    font-size: var(--font-size-input);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) {
    grid-area: fci4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) .nf-field-element input {
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    border: 0;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 20px;
    border-radius: 25px;
    cursor: pointer;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
    margin-bottom: 0;
}

.heroOverFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}
.heroOverFullWidth .overHeroContainer .kolom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.heroOverFullWidth .overHeroContainer h1 {
    text-align: center;
}
.heroOverFullWidth .overHeroContainer .kolomHeroPortret {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.heroOverFullWidth .overHeroContainer .kolomHeroPortret .heroPortret {
    max-width: 600px;
}

.contentCenterFullWidth .contentCenterContainer {
    max-width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contentCenterFullWidth h2 {
    text-align: center;
    margin-bottom: 40px;
}
.contentCenterFullWidth p {
    text-align: center;
    max-width: 800px;
    margin-bottom: 40px;
}

.overWatFullWidth {
    padding-top: 0;
}
.overWatFullWidth .overWatContainer {
    background-color: var(--kleur-wit);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    padding: 20px;
    border-radius: 50px;
}
.overWatFullWidth .overWatContainer .overWatContainerLeft {
    min-height: 600px;
    border-radius: 45px;
    background-position: center;
    background-size: cover;
}
.overWatFullWidth .overWatContainer .overWatContainerRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px;
}
.overWatFullWidth .overWatContainer .overWatContainerRight .overWatSubTitle {
    display: block;
    color: var(--kleur-roze);
    text-decoration: underline;
    margin-bottom: 40px;
    font-weight: var(--font-weight-medium);
}

.overAanpakFullWidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.overAanpakFullWidth .overAanpakContainerTop {
    margin-bottom: 40px;
}
.overAanpakFullWidth .overAanpakContainerTop p {
    color: var(--kleur-paars-licht);
    max-width: 50%;
}
.overAanpakFullWidth .overAanpakContainerBottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    max-width: 1480px;
}
.overAanpakFullWidth .overAanpakContainerBottom a {
    text-decoration: none;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem {
    position: relative;
    background-color: var(--kleur-wit);
    border-radius: 50px;
    padding: 60px 100px 60px 40px;
    height: 100%;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem .aanpakItemLink {
    position: absolute;
    right: 40px;
    bottom: 60px;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem .aanpakItemLine {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: calc(100% - 80px);
    height: 1px;
    background-color: var(--kleur-roze);
}

.overStaanFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}
.overStaanFullWidth .overStaanContainer {
    text-align: center;
}
.overStaanFullWidth .overStaanContainer p {
    max-width: 50%;
    margin: 0 auto;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
    margin: 40px 0;
    display: grid;
    grid-template-areas: "osi1 osi1 osi2 osi2 osi3 osi3" " . osi4 osi4 osi5 osi5 . ";
    grid-gap: 40px;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
    background-color: var(--kleur-wit);
    border-radius: 50px;
    padding: 60px 40px;
    text-align: left;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem h3 {
    font-size: var(--font-size-text);
    font-weight: var(--font-weight-semibold);
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem p {
    max-width: none;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem1 {
    grid-area: osi1;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem2 {
    grid-area: osi2;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem3 {
    grid-area: osi3;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem4 {
    grid-area: osi4;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem5 {
    grid-area: osi5;
}
.overStaanFullWidth .rightLine {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    max-height: 100vh;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.overVoorFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    background-size: cover;
    background-position: center;
}
.overVoorFullWidth .overVoorContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.overVoorFullWidth .overVoorInhoudContainer {
    background-color: var(--kleur-wit);
    border-radius: 50px;
    padding: 60px 40px;
    max-width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.overVoorFullWidth .overVoorInhoudContainer .overVoorInhoudContainerTop {
    margin-bottom: 40px;
}
.overVoorFullWidth .overVoorInhoudContainer .overVoorSubTitle {
    display: block;
    color: var(--kleur-roze);
    text-decoration: underline;
    margin-bottom: 40px;
    font-weight: var(--font-weight-medium);
}

.ervaringenFullWidth {
    padding-top: 0;
}
.ervaringenFullWidth .ervaringenContainer {
    border-top: 1px solid var(--kleur-roze);
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerTop {
    margin-bottom: 40px;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerTop .ervaringenIcon {
    font-size: 90px;
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium);
    text-align: center;
    min-height: 150px;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom {
    margin-bottom: 50px;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom .ervaringItemContainer p {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-medium);
    font-style: italic;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom .ervaringItemContainer .ervaringNaam {
    font-size: var(--font-size-text);
    font-weight: var(--font-weight-regular);
    font-style: normal;
}

.heroActielijnenFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.heroActielijnenFullWidth .heroActielijnenContainer h2 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
    font-weight: var(---font-weight-regular);
}
.heroActielijnenFullWidth .heroActielijnenContainer .buttonActielijnenHero {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolomHeroPortret {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolomHeroPortret .heroPortret {
    max-width: 600px;
}

.actielijnenOverOnsFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
}
.actielijnenOverOnsFullWidth .actielijnenOverOnsContainer .kolom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.actielijnenOverOnsFullWidth .actielijnenOverOnsContainer .kolom h2 {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
}

.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerTop {
    text-align: center;
    margin-bottom: 40px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerTop p {
    color: var(--kleur-paars-licht);
    margin: 0 auto;
    max-width: 600px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom a {
    text-decoration: none;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 40px;
    background-color: var(--kleur-wit);
    border-radius: 50px;
    padding: 40px 40px 60px 40px;
    margin: 20px 0;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid var(--kleur-roze);
    padding: 20px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight .actielijnIllustratie1 {
    width: 250px;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
}

.actielijnSingleHeroFullWidth {
    padding-top: 300px;
}
.actielijnSingleHeroFullWidth .actielijnSingleHeroAfbeelding {
    background-color: var(--kleur-wit);
    padding: 20px;
    border-radius: 50px;
    margin: 40px 0;
}

.actielijnSingleContentFullWidth {
    padding-top: 0;
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer {
    max-width: 900px;
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer h2 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer h3 {
    font-size: var(--font-size-text);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0;
}

.nieuwsHeroFullWidth {
    padding-bottom: 50px;
}
.nieuwsHeroFullWidth .nieuwsHeroContainer {
    padding-top: 100px;
    text-align: center;
}

.nieuwsGridFullWidth .nieuwsGridContainerSectie {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
    margin-bottom: 40px;
    grid-template-areas: "gi1 gi1 gi2 gi2" "gi3 gi4 gi5 gi6" "gi7 gi8 gi9 gi10";
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem {
    background-color: var(--kleur-wit);
    padding: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem .nieuwsGridItemText a {
    text-decoration: none;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem .nieuwsGridItemText h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semibold);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 300px;
    border-radius: 45px;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemText h2 {
    font-size: var(--font-size-text);
    line-height: var(--line-height-news);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemText p {
    font-size: var(--font-size-news);
    line-height: var(--line-height-news);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemImage {
    min-height: 200px;
    margin-bottom: 20px;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem1 {
    grid-area: gi1;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem2 {
    grid-area: gi2;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem3 {
    grid-area: gi3;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem4 {
    grid-area: gi4;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem5 {
    grid-area: gi5;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem6 {
    grid-area: gi6;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem7 {
    grid-area: gi7;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem8 {
    grid-area: gi8;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem9 {
    grid-area: gi9;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem10 {
    grid-area: gi10;
}

.singlePostHeroFullWidth .singlePostHeroContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerTop {
    padding-top: 60px;
    margin-bottom: 50px;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerTop img {
    border-radius: 50px;
    max-height: 500px;
}
.singlePostHeroFullWidth .singlePostHeroContainer h1 {
    color: var(--kleur-paars-licht);
    font-size: var(--font-size-sub-hero);
    line-height: var(--line-height-sub-hero);
    max-width: 1200px;
    text-align: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostTagLijst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostTagLijst li {
    color: var(--kleur-paars-licht);
    margin-right: 20px;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom .singlePostMetaContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom p {
    color: var(--kleur-paars-licht);
}

.singlePostContentFullWidth {
    padding-bottom: 0;
}
.singlePostContentFullWidth .singlePostContentContainer {
    max-width: 900px;
}
.singlePostContentFullWidth .singlePostContentContainer h2 {
    font-size: var(--font-size-big);
}
.singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer {
    padding: 100px;
}
.singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer p {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
}

.singlePostMeerNieuwsContainer {
    padding-top: 100px;
    border-top: 1px solid var(--kleur-roze);
}

.kennisPageHeroFullWidth {
    position: relative;
    min-height: 60vh;
    min-height: 60svh;
    padding: 200px 0 150px 0;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer h1 {
    font-size: var(--font-size-sub-hero);
    line-height: var(--line-height-sub-hero);
    text-align: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer p {
    color: var(--kleur-paars-licht);
    max-width: 800px;
    text-align: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer img {
    margin: 40px 0;
    max-width: 400px;
}

.kennisPageCategorysFullWidth {
    padding-top: 0;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 430px 430px;
    grid-gap: 40px;
    margin-top: -50px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer a {
    text-decoration: none;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem {
    height: 100%;
    background-color: var(--kleur-wit);
    padding: 40px;
    border-radius: 50px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem .kennisbankGridItemTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem img {
    width: auto;
    height: 250px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin-bottom: 0;
}

.kennisBankSubGridFullWidth {
    padding-top: 0;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 40px;
    margin-top: -50px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer {
    height: 100%;
    background-color: var(--kleur-wit);
    padding: 40px;
    border-radius: 50px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin-bottom: 20px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst {
    list-style-type: none;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem {
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-image: url("img/arrow-right-pink.svg");
    background-size: cover;
    background-position: center;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem a {
    font-size: var(--font-size-text);
    line-height: var(--line-height-input);
    text-decoration: none;
}

.kennisbankSingleHeroFullWidth {
    position: relative;
    min-height: 60vh;
    min-height: 60svh;
    padding: 200px 0 150px 0;
}
.kennisbankSingleHeroFullWidth .kennisbankSingleHeroContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kennisbankSingleContentFull {
    padding-top: 0;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -100px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentTop {
    width: 100%;
    min-height: 300px;
    border-radius: 20px 20px 0 0;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom {
    background-color: var(--kleur-wit);
    border-radius: 0 0 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
    padding: 40px;
    width: 65%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleProjectLabel {
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    background-color: var(--kleur-roze);
    color: var(--kleur-wit);
    text-decoration: none;
    padding: 16px 20px;
    border-radius: 25px;
    margin-bottom: 20px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft h1 {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 40px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo iframe,
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo object,
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
    background-color: var(--kleur-grijs-licht);
    padding: 40px;
    width: 35%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst {
    list-style-type: none;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-image: url("img/arrow-right-pink.svg");
    background-size: cover;
    background-position: center;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a {
    font-size: var(--font-size-text);
    line-height: var(--line-height-input);
    text-decoration: none;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a:hover {
    text-decoration: underline;
}

.eventsGridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
.eventsGridContainer a {
    text-decoration: none;
}
.eventsGridContainer .eventGridItem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--kleur-wit);
    padding: 20px;
    border-radius: 50px;
    height: 100%;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridCatLabel {
    display: inline-block;
    text-decoration: underline;
    font-weight: var(--font-weight-medium);
    margin-bottom: 40px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semibold);
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel {
    position: relative;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 60px;
    border-radius: 25px;
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-wit);
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 26px;
    height: 28px;
    background-image: url("img/icon-calendar-white.svg");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.eventsGridContainer .eventGridItem .eventGridItemRight {
    background-size: cover;
    background-position: center;
    border-radius: 45px;
}

.singleEventHeroFullWidth {
    padding: 200px 0 100px;
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--kleur-wit);
    padding: 20px;
    border-radius: 50px;
    height: 100%;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemLeftTitleContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemCatLabel {
    display: inline-block;
    text-decoration: underline;
    font-weight: var(--font-weight-medium);
    margin-bottom: 40px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft h3 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semibold);
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel {
    position: relative;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 60px;
    border-radius: 25px;
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-wit);
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 26px;
    height: 28px;
    background-image: url("img/icon-calendar-white.svg");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemRight {
    background-size: cover;
    background-position: center;
    border-radius: 45px;
}

.singleEventContentFullWidth {
    padding-bottom: 0;
}
.singleEventContentFullWidth .singleEventContentContainer {
    max-width: 900px;
}
.singleEventContentFullWidth .singleEventContentContainer h2 {
    font-size: var(--font-size-big);
}

.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer {
    max-width: 860px;
    background-color: var(--kleur-wit);
    border-radius: 50px;
    padding: 40px 60px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer h3 {
    text-align: center;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer p {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer {
    margin-top: 40px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-before-form-content,
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-after-form-content {
    display: none;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    grid-template-areas: "fci1 fci2" "fci3 fci3";
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap .eventAanmeldNaamContainer {
    display: none;
    pointer-events: none;
    opacity: 0;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) {
    grid-area: fci1;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) .nf-field-element input {
    height: 50px;
    border: 0;
    border-bottom: 2px solid var(--kleur-roze);
    font-size: var(--font-size-input);
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) {
    grid-area: fci2;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) .nf-field-element input {
    height: 50px;
    border: 0;
    border-bottom: 2px solid var(--kleur-roze);
    font-size: var(--font-size-input);
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) {
    grid-area: fci3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) .nf-field-element input {
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    border: 0;
    display: inline-block;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    padding: 16px 20px;
    border-radius: 25px;
    cursor: pointer;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
    margin-bottom: 0;
}

.contactHeroFullWidth {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    padding: 200px 0;
}
.contactHeroFullWidth .contactHeroContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.contactHeroFullWidth .contactHeroContainerTop {
    padding-bottom: 50px;
    border-bottom: 1px solid var(--kleur-roze);
}
.contactHeroFullWidth .contactHeroContainerTop .contactHeroEmail {
    font-weight: var(---font-weight-regular);
}
.contactHeroFullWidth .contactHeroContainerTop .contactHeroEmail a {
    text-decoration: none;
}
.contactHeroFullWidth .contactHeroContainerBottom {
    padding-top: 50px;
}
.contactHeroFullWidth .contactHeroContainerBottom p {
    max-width: 400px;
}
.contactHeroFullWidth .contactAdresLijst {
    list-style-type: none;
    padding-top: 5px;
}
.contactHeroFullWidth .contactAdresLijst .contactAdresLijstNaam {
    font-weight: var(--font-weight-medium);
}
.contactHeroFullWidth .contactAdresLijst li {
    margin-bottom: 10px;
    color: var(--kleur-paars-donker);
    font-size: var(--font-size-medium);
}

.contactAfbeeldingFullWidth {
    padding: 0 0 0 0;
}
.contactAfbeeldingFullWidth .contactAfbeelding {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    border-radius: 25px;
}

.searchHeroFullWidth {
    position: relative;
    min-height: 60vh;
    min-height: 60svh;
    padding: 200px 0 150px 0;
}
.searchHeroFullWidth .searchHeroContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchHeroFullWidth .searchHeroContainer h1 {
    font-size: var(--font-size-sub-hero);
    line-height: var(--line-height-sub-hero);
    text-align: center;
}
.searchHeroFullWidth .searchHeroContainer p {
    max-width: 800px;
    text-align: center;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer {
    width: 100%;
    max-width: 800px;
    border-bottom: 1px solid var(--kleur-roze);
    margin-top: 25px;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input {
    width: calc(100% - 50px);
    height: 50px;
    border: 0;
    color: var(--kleur-wit);
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semi-bold) !important;
    background-color: transparent;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-webkit-input-placeholder {
    color: var(--kleur-paars-licht);
    font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-moz-placeholder {
    color: var(--kleur-paars-licht);
    font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input:-ms-input-placeholder {
    color: var(--kleur-paars-licht);
    font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-ms-input-placeholder {
    color: var(--kleur-paars-licht);
    font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::placeholder {
    color: var(--kleur-paars-licht);
    font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm button {
    width: 50px;
    background-color: transparent;
    background-image: url(img/icon-search.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm button:hover {
    background-size: 46%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.zoekGridFullWidth {
    padding-top: 0;
    margin-top: -50px;
}
.zoekGridFullWidth .zoekGridContainerSectie {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
    margin-bottom: 40px;
    grid-template-areas: "zi1 zi1 zi2 zi2" "zi3 zi4 zi5 zi6" "zi7 zi8 zi9 zi10";
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem {
    background-color: var(--kleur-wit);
    padding: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem .zoekGridItemText a {
    text-decoration: none;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem .zoekGridItemText h2 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    font-weight: var(--font-weight-semibold);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr;
    border-radius: 50px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemImage {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    min-height: 300px;
    background-position: center;
    background-size: cover;
    border-radius: 45px;
    overflow: hidden;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemImage .zoekPostTypeLabel {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    line-height: 14px;
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    padding: 5px;
    border-radius: 5px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemText h2 {
    font-size: var(--font-size-text);
    line-height: var(--line-height-news);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemText p {
    font-size: var(--font-size-news);
    line-height: var(--line-height-news);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemImage {
    position: relative;
    margin-bottom: 20px;
    min-height: 200px;
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    overflow: hidden;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemImage .zoekPostTypeLabel {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--kleur-paars-donker);
    color: var(--kleur-tekst-licht);
    padding: 5px;
    border-radius: 5px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem1 {
    grid-area: zi1;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem2 {
    grid-area: zi2;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem3 {
    grid-area: zi3;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem4 {
    grid-area: zi4;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem5 {
    grid-area: zi5;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem6 {
    grid-area: zi6;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem7 {
    grid-area: zi7;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem8 {
    grid-area: zi8;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem9 {
    grid-area: zi9;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem10 {
    grid-area: zi10;
}

.footerFullWidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
}
.footerFullWidth .footerTopContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 60px 0;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu {
    list-style-type: none;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu li {
    margin-bottom: 15px;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu li a {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    color: var(--kleur-paars-licht);
    text-decoration: none;
}
.footerFullWidth .footerTopContainer h2 {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
    color: var(--kleur-paars-licht);
    margin-bottom: 40px;
}
.footerFullWidth .footerTopContainer .footerAdresLijst {
    margin: 0;
    list-style-type: none;
}
.footerFullWidth .footerTopContainer .footerAdresLijst li {
    margin-bottom: 10px;
    color: var(--kleur-paars-licht);
    line-height: var(--line-height-input);
}
.footerFullWidth .footerTopContainer .footerKolomAdres {
    margin: 0 20px;
}
.footerFullWidth .footerBottomContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 0 0;
    max-width: 1360px;
    border-top: 1px solid var(--kleur-roze);
}
.footerFullWidth .footerBottomContainer .kolom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 60px 0 0 !important;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
    margin: 0 20px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li:first-child {
    margin-left: 0;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li a {
    font-size: var(--font-size-copy);
    line-height: var(--line-height-copy);
    color: var(--kleur-paars-licht);
    text-decoration: none;
}
.footerFullWidth .footerBottomContainer p {
    font-size: var(--font-size-copy);
    line-height: var(--line-height-copy);
    color: var(--kleur-paars-licht);
    margin: 0;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.sr-only:focus {
    left: 20px;
    top: 20px;
    width: auto;
    height: auto;
    padding: 20px;
}

@media (max-width: 1400px) {
    .overWatFullWidth {
        padding: 20px;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu {
        margin: 0px 60px 0px 20px !important;
    }
    .footerLinkednLogo {
        margin-right: 20px;
    }
}
@media (max-width: 1050px) {
    h1 {
        font-size: var(--font-size-sub-hero);
        line-height: var(--line-height-sub-hero);
    }
    h2 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .kolomContainer {
        grid-gap: 50px;
    }
    .heroHomeFullWidth .homeHeroContainer .heroPortret {
        max-width: 100% !important;
    }
    .homeHeroContainer h2 {
        font-size: var(--font-size-medium) !important;
        line-height: var(--line-height-medium) !important;
    }
    .homeFeatureFullWidth h2 {
        font-size: var(--font-size-sub-hero);
        line-height: var(--line-height-sub-hero);
    }
    .homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
        font-size: var(--font-size-medium) !important;
    }
    .nieuwsbriefFullWidth {
        background-position: 70% bottom;
    }
    .sectieNieuwsContainer {
        grid-template-columns: 1fr !important;
    }
    .heroOverFullWidth .overHeroContainer .heroPortret {
        max-width: 100% !important;
    }
    .overWatFullWidth .overWatContainer {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
    .overWatFullWidth .overWatContainer .overWatContainerRight {
        padding: 0;
    }
    .overAanpakFullWidth .overAanpakContainerTop p {
        max-width: 100%;
    }
    .overAanpakFullWidth .overAanpakContainerBottom {
        grid-template-columns: 1fr;
    }
    .overAanpakFullWidth .overAanpakContainerBottom .aanpakItem {
        padding: 40px 20px 90px 20px;
    }
    .overAanpakFullWidth .overAanpakContainerBottom .aanpakItem h3 {
        font-size: var(--font-size-medium);
        line-height: var(--line-height-medium);
    }
    .overStaanFullWidth .overStaanContainer p {
        max-width: 100%;
    }
    .overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
        grid-template-areas: "osi1 osi1 osi2 osi2" "osi3 osi3 osi4 osi4" " . osi5 osi5 . ";
    }
    .heroActielijnenFullWidth .heroActielijnenContainer .heroPortret {
        max-width: 100% !important;
    }
    .nieuwsGridFullWidth .nieuwsGridContainerSectie {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "gi1 gi1" "gi2 gi2" "gi3 gi4" "gi5 gi6" "gi7 gi8" "gi9 gi10";
    }
    .kennisPageCategorysFullWidth .kennisPageCategorysContainer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .kennisBankSubGridFullWidth .kennisBankSubGridContainer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .eventsGridContainer {
        grid-template-columns: 1fr;
    }
    .singleEventAanmeldenFullWidth {
        padding: 100px 20px;
    }
    .footerFullWidth .footerTopContainer .footerNavContainer .menu li a {
        font-size: var(--font-size-text);
        font-weight: var(--font-weight-text);
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
        margin: 0 0 10px 0;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu li a {
        margin: 0;
    }
}
@media (max-width: 700px) {
    .headerFullWidth {
        height: 100px;
    }
    .headerFullWidth::before {
        height: 100px;
    }
    .headerFullWidth .headerContainer a {
        z-index: 999;
    }
    .headerFullWidth .headerLogo {
        width: 100px !important;
    }
    .headerFullWidth .headerNavSection {
        right: 20px;
        width: calc(100% - 40px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer {
        position: fixed;
        top: 100px;
        right: auto;
        left: 0;
        width: 100%;
        height: calc(100% - 100px);
        border-radius: 0;
        pointer-events: none;
        z-index: 999;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
        right: -20px;
        width: calc(100% - 40px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 100px;
        opacity: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm input {
        width: 100%;
        border-radius: 10px;
        height: 50px;
        margin-bottom: 20px;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
        height: 50px;
        border-radius: 10px;
        width: 200px;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer .searchFormOpen {
        right: 20px;
        opacity: 1;
        -webkit-transition: 0.5s 0.5s;
        transition: 0.5s 0.5s;
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainerOpen {
        background-color: var(--kleur-paars-licht);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .headerNavMenuFullWidth {
        height: calc(100vh - 100px);
        height: calc(100svh - 100px);
        padding-top: 50px;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd {
        position: absolute;
        top: 0;
        opacity: 1;
        left: 20px;
        width: calc(100% - 40px);
        height: 100%;
        -webkit-transition: 1s;
        transition: 1s;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofdClosed {
        opacity: 0;
        left: -100%;
        -webkit-transition: 1s;
        transition: 1s;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub {
        position: absolute;
        top: 0;
        left: auto;
        right: -100%;
        width: calc(100% - 40px);
        height: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: 1s;
        transition: 1s;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .navActielijnButtonMobileBack {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--kleur-paars-donker);
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: none;
        cursor: pointer;
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
        padding-top: 20px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li a {
        font-size: var(--font-size-text);
    }
    .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSubOpen {
        right: 20px;
        pointer-events: auto;
        opacity: 1;
        -webkit-transition: 1s;
        transition: 1s;
    }
    .headerNavMenuFullWidthOpen {
        top: 100px;
    }
    .kolom-1-1,
    .kolom-2-3 {
        grid-template-columns: 1fr;
    }
    .homeFeatureFullWidth h2 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .heroHomeFullWidth .homeHeroContainer .heroPortret {
        width: 100%;
        max-width: 280px !important;
        margin: 0 auto;
    }
    .homeActielijnenLinkContainer h3 {
        padding-right: 20px;
    }
    .nieuwsGridItemBottom {
        padding: 20px 0 !important;
    }
    .nieuwsButtonsContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .nieuwsButtonsContainer .nieuwsButtonsControlsContainer {
        margin-bottom: 20px;
        margin-right: 0 !important;
    }
    .sectieEventSliderItem {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 20px 20px 60px 20px !important;
    }
    .sectieEventSliderItem .eventSliderItemLeft {
        padding: 0 !important;
    }
    .sectieEventSliderItem .eventSliderItemLeft h3 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .sectieEventSliderItem .eventSliderItemRight {
        width: 100%;
        min-height: 240px;
        margin-bottom: 20px;
    }
    .overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
        grid-template-areas: "osi1" "osi2" "osi3" "osi4" "osi5";
    }
    .overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
        padding: 40px 20px;
    }
    .overVoorFullWidth .overVoorInhoudContainer {
        max-width: 100%;
        padding: 40px 20px;
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 20px 40px 20px;
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft {
        border: none;
        padding: 0;
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft h3 {
        font-size: var(--font-size-medium);
        line-height: var(--line-height-medium);
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight .actielijnIllustratie {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .nieuwsGridFullWidth .nieuwsGridContainerSectie {
        grid-template-columns: 1fr;
        grid-template-areas: "gi1" "gi2" "gi3" "gi4" "gi5" "gi6" "gi7" "gi8" "gi9" "gi10";
    }
    .nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemImage {
        min-height: 200px;
        border-radius: 15px;
    }
    .kennisPageCategorysFullWidth .kennisPageCategorysContainer {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .kennisBankSubGridFullWidth .kennisBankSubGridContainer {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
        width: 100%;
        padding: 40px 20px;
    }
    .kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
        width: 100%;
        padding: 40px 20px;
    }
    .eventsGridContainer {
        grid-template-columns: 1fr;
    }
    .eventsGridContainer .eventGridItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .eventsGridContainer .eventGridItem .eventGridItemItemLeft {
        padding: 20px 0;
    }
    .eventsGridContainer .eventGridItem .eventGridItemRight {
        min-height: 250px;
    }
    .singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft {
        padding: 20px 0;
    }
    .singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemRight {
        min-height: 250px;
    }
    .singleEventAanmeldenFullWidth .singleEventAanmeldenContainer {
        padding: 20px 40px;
    }
    .singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-template-areas: none;
    }
    .singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field {
        grid-area: none !important;
    }
    .singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer {
        padding: 20px;
    }
    .singlePostHeroFullWidth .singlePostHeroContainer h1 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSliderNoInit {
        grid-template-columns: 1fr;
    }
    .contactHeroFullWidth .contactHeroContainerBottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .nieuwsbriefFullWidth {
        padding: 50px 0;
    }
    .nieuwsbriefFullWidth .nieuwsbriefOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        pointer-events: none;
        z-index: 0;
    }
    .nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer {
        padding: 20px;
        height: 150px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container input {
        min-width: 100%;
        max-width: 100%;
    }
    .nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container .nf-error-msg {
        bottom: -115px;
    }
    .nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .submit-container .nf-field-element input {
        width: 100%;
    }
    .contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer {
        padding: 20px;
    }
    .contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap {
        grid-template-columns: 1fr;
        grid-template-areas: none;
    }
    .contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field {
        grid-area: unset !important;
    }
    .footerFullWidth .footerTopContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .footerFullWidth .footerTopContainer .kolom {
        margin-bottom: 50px;
    }
    .footerFullWidth .footerBottomContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footerFullWidth .footerBottomContainer .kolom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer {
        margin-bottom: 20px;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu {
        margin-right: 0;
    }
    .footerFullWidth .footerBottomContainer p {
        margin-left: 20px;
    }
    .footerFullWidth .footerBottomContainer .footerLinkednLogo {
        margin-left: 20px;
    }
}
@media (max-width: 360px) {
    .normalContainer {
        padding: 0 5px;
    }
    ul,
    ol {
        margin: 0 0 40px 5px;
    }
    ul li,
    ol li {
        overflow-wrap: break-word;
    }
    p {
        font-size: 12px !important;
        overflow-wrap: break-word;
    }
    h1,
    h2,
    h3 {
        font-size: var(--font-size-medium) !important;
        line-height: var(--line-height-medium) !important;
        overflow-wrap: break-word;
    }
    .headerFullWidth {
        height: 50px;
    }
    .headerFullWidth::before {
        height: 50px;
    }
    .headerFullWidth .headerLogo {
        width: 60px !important;
    }
    .headerFullWidth .headerNavSection {
        right: 5px;
        width: calc(100% - 10px);
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer {
        top: 50px;
        height: calc(100% - 50px);
    }
    .headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
        padding-top: 40px;
    }
    .headerFullWidth .headerNavMenuFullWidth {
        height: calc(100vh - 50px);
        height: calc(100svh - 50px);
        padding-top: 10px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd {
        left: 5px;
        width: calc(100% - 10px);
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton .navActielijnButtonPlus {
        left: 100px;
        margin-left: 0;
        width: 15px;
        height: 15px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li {
        line-height: 14px;
        margin-bottom: 4px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover {
        padding-left: 5px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub {
        left: 5px;
        width: calc(100% - 10px);
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
        padding-top: 5px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li:hover {
        padding-left: 5px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li a {
        font-size: 12px;
        line-height: 12px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .navActielijnButtonMobileBack {
        width: 15px;
        height: 15px;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer {
        padding: 5px 0;
    }
    .headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer p,
    .headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer a {
        font-size: 14px;
        line-height: 14px;
    }
    .headerFullWidth .headerNavMenuFullWidthOpen {
        top: 50px;
    }
    .homeHeroContainer h1 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .overHeroContainer h1 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .heroActielijnenContainer h1 {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big);
    }
    .homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
        font-size: var(--font-size-text) !important;
        line-height: var(--line-height-text) !important;
    }
    .eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft h3 {
        font-size: var(--font-size-medium);
        line-height: var(--line-height-medium);
    }
    .overAanpakFullWidth .overAanpakContainerBottom .aanpakItem h3 {
        font-size: var(--font-size-text);
        line-height: var(--line-height-text);
    }
    .overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
        padding: 20px;
    }
    .overVoorFullWidth .overVoorInhoudContainer {
        padding: 40px 20px;
    }
    .actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft h3 {
        font-size: var(--font-size-text);
        line-height: var(--line-height-text);
    }
    .kennisPageCategorysFullWidth .kennisPageCategorysContainer {
        grid-template-rows: 500px;
    }
    .kennisPageHeroFullWidth .kennisPageHeroContainer img {
        max-width: 100%;
    }
    .singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel,
    .eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel {
        padding: 16px 16px 16px 60px;
    }
    .footerFullWidth .footerTopContainer .footerKolomAdres {
        margin: 0 5px 30px 5px;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer {
        margin-left: 5px;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu {
        margin: 0 !important;
    }
    .footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
        margin-bottom: 0;
    }
    .footerFullWidth .footerBottomContainer p {
        margin-left: 5px;
    }
    .footerFullWidth .footerBottomContainer .footerLinkednLogo {
        margin-left: 5px;
    }
}