*, ::after, ::before {padding: 0; margin: 0; box-sizing: border-box;}

html {font-size: 15px; scroll-behavior: smooth; overflow-x: hidden;}
body {font-size: 1rem; line-height: 1.4; font-family: "Sohne"; overflow-x: hidden;}

body.home h1 {font-size: 6.15rem;}
.h1, h1, h2 {font-family: "Moret"; font-weight: 500; line-height: 1; color: #ff6531; font-size: 4.8rem;}
.lightpurple .h1, .lightpurple h1, .lightpurple h2, .lightpurple h3,
.purple .h1, .purple h2, .purple h3 {color: #8c80ff;}
.blue .h1, .blue h1, .blue h2 {color: #50a8fc;}
h2 {font-size: 2.7rem;}
img {max-width: 100%;}
a {color: black; text-decoration: none;}
.container {max-width: 92.5rem; width: 100%; margin: 0 auto; padding: 0 2rem;}
.desktop {display: block;}
.mobile {display: none;}
@media screen and (max-width: 850px) {
    body.posts.bgimage .section.intro h1,
    .h1, h1, h2,
    body.home h1 {font-size: 4.15rem;}
    h2 {font-size: 2.7rem;}
    body .section.intro .container > div > .pretitle {font-size: 1.8rem;}
    .desktop {display: none;}
    .mobile {display: block;}
}
.more {display: none;}

.button {color: white!important; background: #ff6531; border: 2px solid #ff6531; display: inline-block; font-family: "SohneBreit"; font-size: 1.3rem!important; padding: 0.55rem 1.4rem 0.65rem!important; border-radius: 0.5rem; letter-spacing: 0.025rem;}
.button.medium {padding: 0.25rem 1.4rem 0.45rem!important; min-width: 12.5rem;}
.button.arrow {padding-right: 3.3rem!important; background: #ff6531 url(/img/arrow-right-solid-white.svg) calc(100% - 0.8rem) 53% / 1.6rem auto no-repeat;}
.button.ghost {color: #ff6531!important; background: transparent;}
.button.black {background-color: black; border-color: black;}
.button.text {color: black!important; padding: 0.3rem 0 0.4rem!important; border: 2px solid transparent; background: none; vertical-align: top; border-radius: 0; font-size: 1.1rem!important;}
.button.text > span {position: relative; top: 0.4rem; padding-bottom: 0.1rem!important; background: url(/img/underline.svg) left bottom / auto 1px repeat-x;}
.button + .button {margin-left: 1.6rem;}
.button.smaller {padding: 0.4rem 1.25rem 0.6rem!important; font-size: 1.1rem!important;}
.button.normal {font-family: "Sohne";}
.button.text.smaller {font-size: 0.82rem!important; padding: 0.3rem 0 0.4rem!important;}
.button.text.smaller > span {top: 0.35rem; border-width: 0.1rem; padding-bottom: 0!important;}
.button.smaller + .button.smaller {margin-left: 1.2rem;}
.button.extrasmall {padding: 0.25rem 1.1rem 0.45rem!important; font-size: 1rem!important; letter-spacing: 0.045rem;}
.button.extrasmall.text {padding-left: 0!important; padding-right: 0!important;}
.button.text.white {filter: invert(100%);}
.button.ghost.black {background: transparent!important; color: black!important; border: 1px solid black;}
.button.download {padding-right: 3.3rem!important; background: white url(/img/download.svg) calc(100% - 0.8rem) 53% / 1.6rem auto no-repeat; border: 1px solid black; color: black!important;}


.footer_navigation {background: transparent!important; max-width: 100%!important; margin: 0!important; padding: 7.5rem 0 2rem!important; display: flex; justify-content: space-between;}
.footer_navigation::before {content: none!important;}
.footer_navigation {position: relative;}
.footer_navigation .previous, .footer_navigation .next {font-size: 1.15rem; line-height: 2rem;}
.footer_navigation .previous::before,
.footer_navigation .next::after {
    content: ""; 
    width: 2.5rem; 
    height: 2rem; 
    background: url(/img/arrow-right-solid.svg) right center / 1.6rem auto no-repeat; 
    display: inline-block; 
    vertical-align: middle;
    position: relative;
    bottom: 0.1rem;
}
.footer_navigation .previous::before {background: url(/img/arrow-left-solid.svg) left center / 1.6rem auto no-repeat;}

@media screen and (max-width: 630px) {
    .footer_navigation .previous span, .footer_navigation .next span {display: none;}
}

.backbutton {color: black!important; font-family: "SohneBreit"; font-size: 1.18rem; background: url(/img/arrow-left-solid.svg) 0% 53% / 1.6rem auto no-repeat; padding-left: 2rem; bottom: 5rem; position: relative; display: inline-block}
body.bgimage .backbutton {color: white!important; background-image: url(/img/arrow-left-solid-white.svg);}
body.events .section.text .container > div > *:first-child {margin-top: -2rem;}

p a:not(.button) {position: relative; white-space: nowrap;}
p a:not(.button)::after {content: ""; width: 100%; height: calc(100% + 0.1rem); position: absolute; left: 0; top: 0; background: url(/img/underline.svg) left bottom / auto 1px repeat-x;}

.navigation {position: absolute; width: 100%; z-index: 2;}
.navigation .container {display: flex; justify-content: space-between; height: 9.2rem; align-items: center;}
.navigation .container a:first-child img {width: 6.2rem;}
.navigation .container > ul:nth-child(2) {display: flex; gap: 4rem; position: relative; left: 3rem; bottom: 0.2rem;}
.navigation .container > ul:nth-child(2) > li {position: relative; display: block;}
.navigation .container > ul:nth-child(2) > li a {position: relative; z-index: 1;}
.navigation .container > ul:nth-child(2) > li li.current a {font-weight: bold;}
.navigation .container > ul:nth-child(2) > li.subitems {
    background: url(/img/chevron.svg) right 60% / 0.5rem auto no-repeat; 
    padding-right: 0.95rem;
}
.navigation .container > ul:nth-child(2) > li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 250%;
    top: 0;
    background: transparent;
    left: 50%;
    transform: translateX(-50%);
}
.navigation .container > ul:nth-child(2) > li > ul {
    position: absolute; 
    left: 50%; 
    top: 4.5rem; 
    transform: translateX(-50%);
    background: white;
    height: auto;
    display: block;
    bottom: auto;
    padding: 0.9rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    pointer-events: none;
}
.navigation .container > ul:nth-child(2) > li:hover > ul {opacity: 1; top: 3rem; pointer-events: all;}
.navigation .container > ul:nth-child(2) > li > ul::after {
    position: absolute;
    content: "";
    width: 6px; 
    height: 6px; 
    background: black;
    top: 0rem;
    left: calc(50% - 3px);
    margin-top: -0.6rem;
    z-index: -1;
    filter: blur(0.4rem);
}
.navigation .container > ul:nth-child(2) > li > ul::before {
    position: absolute;
    content: "";
    width: 0; 
    height: 0; 
    border-left: 0.62rem solid transparent;
    border-right: 0.62rem solid transparent;
    border-bottom: 1rem solid white;
    top: 0;
    margin-top: -0.9rem;
    left: calc(50% - 0.62rem);
}
.navigation .container > ul:nth-child(2) > li > ul li {display: block; position: relative;}
.navigation .container > ul:nth-child(2) > li > ul li:first-child::after {
    content: ""; 
    background: white; 
    position: absolute; 
    z-index: 2; 
    width: 100%; 
    height: 1rem;
    top: 0;
    margin-top: -0.85rem;
}
.navigation .container > ul:nth-child(2) > li > ul li a {display: block; white-space: nowrap; padding: 0.4rem;}
.navigation .container > ul:nth-child(2) > li > ul li a:hover {color: #ff6531;}

.navigation ul li {display: inline-block; list-style: none;}
.navigation .container > ul:last-child {position: relative; bottom: 0.2rem;}
.navigation .container > ul:last-child li:first-child a {color: rgba(0,0,0,0.5); font-size: 0.95rem;}
.navigation .container > ul:last-child li:first-child a img {opacity: 0.4; width: 1.35rem; display: inline-block; vertical-align: middle; margin-right: 0.3rem; position: relative; bottom: 0.05rem;}
.navigation .container > ul:last-child .button {padding: 0.5rem 1rem!important; font-weight: 600; border-radius: 0.5rem; font-family: "Sohne"; font-size: 1rem!important; margin-left: 1.2rem;}
body.bgimage .navigation ul:last-child .button.ghost,
body.orange .navigation ul:last-child .button.ghost {border-color: black; color: black!important;}
body.purple.academy_courses .navigation ul:last-child .button.ghost {border-color: white; color: white!important;}
body.bgimage .navigation {filter: invert(100%);}
body.bgimage .navigation .container > ul:nth-child(2) > li > ul {filter: invert(100%);}
#togglemenu {display: none; width: 2.25rem; height: 2.15rem; position: absolute; left: 2rem; top: 3.35rem; background: none; border-radius: 0; border: 0; cursor: pointer;}
#togglemenu > span {width: 100%; height: 3px; background: black; top: 50%; transform: translateY(-50%); display: block; position: absolute;}
#togglemenu > span:nth-child(1) {top: 0.5rem;}
#togglemenu > span:nth-child(3) {top: calc(100% - 0.5rem);}

@media screen and (max-width: 1200px) {
    #togglemenu {display: flex;}
    .navigation .container > a:first-child {margin-left: 4rem;}
    .navigation .container > ul:nth-child(2) {
        display: none; 
        position: absolute; 
        top: 0; 
        left: 0; 
        background: white; 
        z-index: 2; 
        width: 100%; 
        max-width: 23rem;
        min-height: 100vh; 
        border-bottom-right-radius: 7rem; 
        padding: 9rem 2.2rem 7rem;
        bottom: auto;
    }
    .navigation .container > ul:nth-child(2) > li {font-size: 1.35rem; padding: 0.75rem 0;}
    .navigation .container > ul:nth-child(2) > li.subitems {background: none;}
    .navigation .container > ul:nth-child(2) > li > ul {pointer-events: all; opacity: 1; top: 0.5rem!important; position: relative; padding: 0; box-shadow: none; margin-bottom: 1.5rem!important;}
    .navigation .container > ul:nth-child(2) > li > ul li {font-size: 1.1rem; padding: 0.75rem 0 0 1rem;}
    .navigation .container > ul:nth-child(2) > li > ul li a {padding: 0;}
    .navigation .container > ul:nth-child(2) > li > ul li:first-child::after,
    .navigation .container > ul:nth-child(2) > li > ul::after,
    .navigation .container > ul:nth-child(2) > li > ul::before {content: none;}
    
    .navigation .container > ul:last-child {position: absolute; top: 3.1rem; right: 2rem; z-index: 1;}
    body.menuopen #togglemenu {z-index: 3;}
    body.menuopen #togglemenu > span {transition: all 0.2s ease-in-out; top: 50%; position: absolute; left: 0; transform: translateY(-50%) rotate(225deg);}
    body.menuopen #togglemenu > span:last-child {transform: translateY(-50%) rotate(135deg) ;}
    body.menuopen #togglemenu > span:nth-child(2) {display: none; transform: translateY(-50%);}
    body.menuopen .navigation .container > a:first-child {position: absolute; z-index: 3;}
    body.menuopen .navigation .container > ul:nth-child(2) {display: block;}
    body.menuopen .navigation .container::after {content: ""; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
}

.section.intro {padding-top: 14.2rem; padding-bottom: 9.8rem;}
.section.intro.orange {padding-bottom: 8rem;}
.section.intro .container > div {max-width: 37rem;}
.section.intro.orange .container > div .pretitle {color: white;}
.section.intro.center .container > div {margin-left: auto; margin-right: auto; text-align: center; max-width: 40rem;}
body.jobs .section.intro.center .container > div,
body.posts .section.intro.center .container > div {max-width: 60rem;}
body.categories .section.intro.center,
body.posts .section.intro.center {padding-bottom: 15.3rem;}
body.categories .section.intro + .section .container > div,
body.posts .section.intro + .section .container > div {margin-top: -17.5rem;}
body.partners .section.intro .container > div {margin: 0 auto; text-align: center;}

.section.intro .container > div > h1 {margin-top: 2.5rem; margin-bottom: 2.2rem;}
.section.intro .container > div > .pretitle {font-family: "SohneBreit"; font-size: 2.1rem; line-height: 1.3; margin-top: 2.25rem;}
.section.intro .container > div > .pretitle + h1 {margin-top: 1.5rem;}

.section.intro .container > div > ul,
.section.intro .container > div > p {font-size: 1.3rem; margin-bottom: 2.8rem; letter-spacing: 0.015rem; line-height: 1.85;}
.section.intro .container > div > ul {margin-left: 1.25rem;}

body.bgimage .section.intro .container > div > p {color: white;}
body.bgimage .section.intro .container > div > .pretitle {color: white;}
body.bgimage .section.intro::after {
    content: "";
    background: rgba(30,30,30,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    z-index: 0;
}
body.bgimage .section.intro .container {position: relative; z-index: 1;}
.section.intro .container > div > p:last-child {margin-bottom: 0;}
.section.intro.purple h1,
.section.intro.orange h1 {color: white; position: relative; bottom: 0.1rem; margin-bottom: 2.4rem; }
.section.intro .maskedimage {position: absolute; margin-left: 47rem; z-index: 1;}
.section.intro .maskedimage.square {
    width: 44rem;
    object-fit: cover;
    object-position: center 0%;
    margin-left: 45.5rem;
    border-radius: 21%;
    margin-top: 0.5rem;
    aspect-ratio: 1;
}
.section.intro .maskedimage.eye {
    mask: url(/img/mask.svg) center center / contain no-repeat; 
    -webkit-mask: url(/img/mask.svg) center center / contain no-repeat;  
    width: 57rem;
    margin-top: 2rem;
}
.home .section.intro .maskedimage.eye {margin-top: 10rem;}
.section.intro.eye::before {
    content: "";
    mask: url(/img/mask.svg) center center / contain no-repeat; 
    -webkit-mask: url(/img/mask.svg) center center / contain no-repeat;  
    right: 50%;
    width: 103rem;
    margin-top: -27rem;
    margin-right: -27rem;
    height: 71rem;
    position: absolute;
    z-index: -1;
    transform: scaleX(-1);
}

.section.intro.purple.eye::after,
.section.intro.purple.eye::before {background: #8c80ff;}
.section.intro.lightpurple.eye::after,
.section.intro.lightpurple.eye::before {background: #e8e6ff;}

.section.intro.eye {padding-bottom: 4rem; min-height: 55rem;}
.section.intro.eye::after {
    content: "";
    position: absolute;
    height: 40.70rem;
    width: 33rem;
    left: 50%;
    z-index: -1;
    top: 0;
    margin-left: -75.85rem;
}

.section.intro.eye .container > div {max-width: 43rem;}
.home .section.intro .container > div {max-width: 55rem;}
.home .section.intro .container > div p {max-width: 45rem;}
.section.intro.eye .container > div > h1,
.home .section.intro .container > div > h1 {margin-top: 1rem; }
.section.intro .overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; mix-blend-mode: multiply;}

@media screen and (max-width: 1400px) {
    .section.intro .maskedimage.square {width: 47vw;}
}
@media screen and (max-width: 1200px) {
    html body.districts .section.intro + .section.intro .container {flex-direction: column-reverse;}
    html body.districts .section.intro + .section.intro .maskedimage.square {width: 44rem; position: relative; top: 4.75rem;}
}
@media screen and (max-width: 1200px) {
    html body .section.intro .maskedimage.square {width: 44rem; position: relative; top: 0; margin: 0;}
}
@media screen and (max-width: 860px) {
    .section.intro .maskedimage.eye {margin-left: 0; right: 0; margin-top: calc(-63vw - 3rem)!important; margin-right: -12vw;}
    .section.intro .maskedimage.eye + div {margin-top: 63vw;}
    .section.intro.purple {background: #8c80ff;}
    .section.intro.lightpurple {background: #e8e6ff;}
}


.section.text {padding-bottom: 7.2rem;}
.section.text .container > div.twocols,
.section.text .container > div.onecol {max-width: 42rem; margin: 0 auto; text-align: center;}
.section.text .container > div.twocols .pretitle,
.section.text .container > div.onecol .pretitle {font-family: "SohneBreit"; font-size: 1rem; margin-top: 1.3rem;}
.section.text .container > div.twocols h2,
.section.text .container > div.onecol h2 {font-size: 4.4rem; line-height: 1; max-width: 41rem; margin: 0 auto; margin-top: 1.3rem; margin-bottom: 2.4rem;}
.section.text .container ol,
.section.text .container ul,
.section.text .container p {font-size: 1.135rem; line-height: 1.6; margin-bottom: 1.6rem;}
.section.text .container ol {margin-left: 2rem;}
.section.text .container ul {margin-left: 1.2rem;}
body.events .section.text .container h2,
body.legal_pages .section.text .container h2,
body.posts .section.text .container h2 {font-size: 1.2rem; font-family: "Sohne"; color: black; font-weight: bold; margin: 3rem 0 0.2rem; line-height: 1.3;}
body.events .section.text .container h3,
body.legal_pages .section.text .container h3,
body.posts .section.text .container h3 {font-size: 1.15rem; margin: 2rem 0 0.2rem; line-height: 1.3;}
.section.text .container > div.threecols {padding-top: 4.5rem; display: flex; gap: 2.8rem; max-width: 100%!important;}
.section.text .container > div.threecols h3 {font-family: "Moret"; font-weight: 500; line-height: 1; font-size: 2.67rem; position: relative; z-index: 2;}
.section.text .container > div.threecols > div {width: calc(33.33% - 1.866rem); min-width: calc(33.33% - 1.866rem);}
.section.text.courses .container > div.threecols > div:nth-child(2),
.home .section.text .container > div.threecols > div:nth-child(2) {padding-top: 7.5rem;}
.section.text .container > div.threecols img {width: 27.6rem; height: 17.3rem; margin-top: 1.5rem; margin-bottom: 2.35rem; object-fit: cover; object-position: center 25%; display: block;}

.home .section.text .container > div.threecols p:last-child a:first-child {margin-left: 2rem; position: relative; bottom: 0.6rem}
.home .section.text .container > div.threecols p:last-child a:first-child::before {content: ""; background: url(/img/favicon.svg) center center / contain no-repeat; width: 1.25rem; height: 1.8rem; position: absolute; display: block; top: 0; left: 0; margin-left: -2rem;}

@media screen and (max-width: 860px) {
    .section.text .container > div.threecols {flex-direction: column;}
    .section.text .container > div.threecols > div {width: 100%; min-width: 100%;}
    .section.text .container > div.threecols img {width: 100%; aspect-ratio: 1.6; height: auto;}
    .section.text.courses .container > div.threecols > div:nth-child(2), .home .section.text .container > div.threecols > div:nth-child(2) {padding-top: 0;}
}


#services.section,
#targetgroups.section {background: #ffe8e0; padding-top: 5.8rem;}
.section.text .container > div.twocols {display: flex; max-width: 100%;}
.section.text .container > div.twocols h2 {margin-left: 0;}
.section.text .container > div.twocols > :first-child {text-align: left; width: 43%; padding-right: 5%;}
.section.text .container > div.twocols > :first-child > div:first-child {margin-bottom: 2.5rem;}
.section.text .container > div.twocols > :last-child {
    padding-top: 5.3rem;
    text-align: left; width: 57%;
    font-size: 1.3rem;
    letter-spacing: 0.015rem;
    line-height: 1.85;
}
.section.text .container > div.twocols.equal > div {width: 50%; min-width: 50%; padding-top: 0;}
#targetgroups.section.text .container > div.threecols > div > div:first-child {margin-top: 2rem; margin-bottom: 0.5rem;}
#targetgroups.section.text .container > div.threecols > div > img {margin-top: 1.5rem;}
div.threecols.middlelower > div:nth-child(2),
#targetgroups.section.text .container > div.threecols > div:nth-child(2) {padding-top: 6rem;}

@media screen and (max-width: 850px) {
    .section.text .container > div.twocols {flex-direction: column;}
    div.threecols.middlelower > div:nth-child(2),
    #targetgroups.section.text .container > div.threecols > div:nth-child(2),
    .section.text .container > div.twocols > * {width: 100%!important; padding: 0!important;}
}

.academy_courses .section.eye + .section.text .container > div.twocols h2 {max-width: 25rem;}
.academy_courses .section.eye + .section.text .container > div.twocols .pretitle {font-size: 1.2rem;}
.academy_courses .pretitle + h1 + p {font-size: 1rem !important; line-height: 1.5!important; margin-bottom: 2rem!important;}
.academy_courses .section.intro .container > div > .pretitle {margin-top: -2rem; margin-bottom: 2rem; font-size: 1.5rem;}

.section.tabs > div > div > ul:first-child {display: flex; gap: 0.3rem; overflow: auto;}
.section.tabs > div > div > ul:first-child > li {background: #eee; border-bottom: 0.1rem solid #eee; font-family: "SohneBreit"; font-size: 1.2rem;}
.section.tabs > div > div > ul:first-child > li:first-child {border-top-left-radius: 1.3rem;}
.section.tabs > div > div > ul:first-child > li:last-child {border-top-right-radius: 1.3rem;}
.section.tabs > div > div > ul:first-child > li.active {border-color: #8c80ff; background: #f7f7f7;}
.section.tabs > div > div > ul:first-child > li.active a {color: #8c80ff;}
.section.tabs > div > div > ul:first-child > li > a {padding: 1.55rem 2.1rem 1.4rem; display: block; min-height: 100%; white-space: nowrap;}
.section.tabs > div > div > ul > li {list-style: none; background: #f7f7f7;}
.section.tabs > div > div > ul:nth-child(2) > li {display: none; padding: 2.5rem 3.75rem 6rem; border-bottom-right-radius: 5.25rem; font-size: 1.135rem; line-height: 1.8;}
.section.tabs > div > div > ul:nth-child(2) > li > div > p {max-width: 43rem; margin-bottom: 1.6rem;}
.section.tabs > div > div > ul:nth-child(2) > li.active {display: block;}
.section.tabs > div > div > ul:nth-child(2) > li h3 {color: black; font-family: "Moret"; font-weight: 500; font-size: 2.87rem; margin: 1.2rem 0 2.97rem; line-height: 1;}
.section.tabs > div > div > ul:nth-child(2) > li h4 {font-family: "Moret"; font-weight: 500; line-height: 1; font-size: 1.7rem; margin: 2.5rem 0 1.6rem;}
.section.tabs > div > div > ul:nth-child(2) > li h4 + ul {margin-top: 1rem;}
.section.tabs > div > div > ul:nth-child(2) > li ul {margin-top: -0.62rem; margin-bottom: 1.5rem;}
.section.tabs > div > div > ul:nth-child(2) > li > div div.data {display: flex; position: relative; gap: 5.5rem; width: calc(100% - 1rem); flex-wrap: wrap;}
.section.tabs > div > div > ul:nth-child(2) > li > div div.data h4 {margin-top: 0;}
.section.tabs > div > div > ul:nth-child(2) > li ul > li {list-style: none; padding: 0.82rem 0 0.82rem 2.2rem; background: url(/img/arrow-right-solid-purple.svg) 0 0.95rem / 1.4rem auto no-repeat; line-height: 1.4; max-width: 63rem;}
.section.tabs > div > div > ul:nth-child(2) > li .experts {display: grid; position: relative; grid-gap: 5.5rem; grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); width: calc(100% - 1rem); flex-wrap: wrap;}
.section.tabs > div > div > ul:nth-child(2) > li .experts.small {grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert {display: grid; grid-gap: 1.75rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); line-height: 1.65;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) {min-width: 13.25rem; width: 13.25rem;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) h4 {margin: 1.6rem 0 0.6rem;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) img {max-width: 100%; aspect-ratio: 0.98; object-fit: cover; position: relative; top: 0.2rem; width: 100%; display: block;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) div {font-family: "SohneBreit"; font-size: 0.95rem; color: black;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(2) p {margin-bottom: 1.35rem;}
.section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(2) {position: relative; bottom: 0.25rem;}
.section.tabs > div > div > ul:nth-child(2) > li .intakes {width: 100%; max-width: 43rem;}
.section.tabs > div > div > ul:nth-child(2) > li .intakes li a {display: flex; gap: 3rem; justify-content: space-between;}
@media screen and (max-width: 850px) {
    .section.tabs > div > div > ul:nth-child(2) > li .experts > .expert {display: flex; flex-direction: column;}
    .section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) {width: 100%;}
    .section.tabs > div > div > ul:nth-child(2) > li .experts > .expert > div:nth-child(1) > img {min-width: 9rem; width: 9rem;}
    .section.tabs > div > div > ul:nth-child(2) > li .experts.small > .expert > div:nth-child(1) > * {display: none;}
    .section.tabs > div > div > ul:nth-child(2) > li .experts.small > .expert > div:nth-child(1) > img {display: block;}
    .section.tabs > div > div > ul:nth-child(2) > li .experts.small {grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); grid-gap: 1.5rem;}
}


.section.tabs {padding-bottom: 5rem;}
.section.tabs + script + .section.text {padding-top: 1rem;}
.section.tabs + script + .section.text .container > h2 {font-family: "SohneBreit"; font-size: 1.2rem; color: black; font-weight: 400;}
.section.tabs + script + .section.text .container > div {position: relative; top: .5rem;}
.landing_pages .threecols h3,
.section.tabs + script + .section.text .container > div h3 {position: relative; bottom: 1.5rem;}

#featured {padding-bottom: 1rem;}
#filter h2 {margin-bottom: 4rem; font-family: "SohneBreit"; color: black; font-size: 1.2rem; font-weight: normal;}

ul.filter {display: flex; gap: 0.6rem 0.4rem; flex-wrap: wrap; margin-top: -2rem;}
ul.filter li {list-style: none;}
ul.filter li.active a {background: #ff6531; color: white;}
ul.filter li a {background: #eeeeee; text-transform: uppercase; padding: 0.85rem 2rem; font-size: 0.8rem; text-transform: uppercase; border-radius: 3rem; display: inline-block;}
ul.filter + ul.articles {margin-top: 4.7rem;}

.section.courseslist {background: #f7f7f7; text-align: center; font-size: 1.135rem;}
.section.courseslist h2 {color: black; font-size: 4.4rem; margin-top: -1.45rem; margin-bottom: 2.5rem;}
.section.courseslist div.container > div:nth-child(1) {max-width: 43rem; margin: 0 auto; line-height: 1.63;}
.section.courseslist div.container > div:nth-child(2) ul {margin-top: 4.2rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr)); gap: 2.75rem;}
.section.courseslist div.container > div:nth-child(2) ul li {list-style: none; text-align: left;}
.section.courseslist div.container > div:nth-child(2) ul li h3 {
    aspect-ratio: 1.6; 
    background: gray; 
    color: white; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin-bottom: 1.6rem; 
    text-align: center; 
    position: relative;
    transition: all 0.3s ease-in-out;
}
.section.courseslist div.container > div:nth-child(2) ul li:hover h3 {background-size: 110% auto!important;}
.section.courseslist div.container > div:nth-child(2) ul li h3::before {background: rgba(0,0,0,0.3); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.3s ease-in-out;}
.section.courseslist div.container > div:nth-child(2) ul li:hover h3::before {background: rgba(0,0,0,0.6);}
.section.courseslist div.container > div:nth-child(2) ul li h3 span {font-family: "Moret"; font-weight: 500; line-height: 1; font-size: 3.3rem; padding: 0 3rem; position: relative; z-index: 2;}
.section.courseslist div.container > div:nth-child(2) ul li div {font-family: "SohneBreit"; font-size: 1.05rem; margin-bottom: 1.5rem;}   
.section.courseslist div.container > div:nth-child(2) ul li p {line-height: 1.6; margin-bottom: 1rem;} 
.section.courseslist div.container > div:nth-child(2) ul li p:last-child a:first-child {margin-left: 2rem; position: relative; bottom: 0rem}
.section.courseslist div.container > div:nth-child(2) ul li p:last-child a:first-child::before {content: ""; background: url(/img/favicon_purple.svg) center center / contain no-repeat; width: 1.25rem; height: 1.8rem; position: absolute; display: block; top: 0; left: 0; margin-left: -2rem;}




body.memberships .section.intro.orange {padding-bottom: 12.3rem;}
body.memberships .memberships {display: flex; justify-content: center; gap: 2.7rem;}
body.memberships .memberships > div {
    background: #f7f7f7; 
    margin-top: -13rem; 
    position: relative; 
    z-index: 5; 
    max-width: 35.3rem;
    padding: 7rem 3.75rem 5rem;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.07rem;
    flex: 1;
}
body.memberships .memberships > div:last-child {background: #ffefea;}
body.memberships .memberships > div::before {
    content: "Meeste voordeel";
    background: black;
    color: white;
    font-size: 0.8rem;
    position: absolute;
    transform: translateX(-50%);
    padding: 0.15rem 1rem 0.35rem;
    border-radius: 0.9rem;
    top: 3.5rem;
}
body.memberships .memberships > div:first-child:before {content: none;}
body.memberships .memberships > div:nth-last-child(3) + div {background: #fbf1ee;}
body.memberships .memberships > div:nth-last-child(3) + div:before {content: none;}
body.memberships .memberships > div:nth-last-child(3) + div + div {background: #fde5dd;}

body.memberships .memberships > div > ul li {list-style: none;}
body.memberships .memberships > div > h2 {color: black;}
body.memberships .memberships > div > h2 span {display: block; font-size: 3rem; color: #ff6531; margin: 1.55rem 0 1.15rem;}
body.memberships .memberships > div > h2 + div {font-size: 0.85rem;}
body.memberships .memberships > div > h2 + div + a {display: inline-block; margin: 3rem 0 4rem;}
body.memberships .memberships > div > h2 + div + a + h3 {margin-top: 0;}
body.memberships .memberships > div > h3 {font-size: 1.1rem; margin: 4rem 0 1rem;}
body.memberships .memberships > div > h3,
body.memberships .memberships > div > ul {text-align: left;}
body.memberships .memberships > div > ul li {margin-bottom: 1.02rem; padding-left: 1.8rem; position: relative; line-height: 1.6;}
body.memberships .memberships > div > ul li::before {content: "✓"; color: #ff6531; font-size: 1.4rem; display: inline-block; position: absolute; left: 0; margin-top: -0.35rem}

@media screen and (max-width: 1000px) {
    body.memberships .memberships {flex-direction: column;} 
    body.memberships .memberships > div {margin: 0 auto;}
    body.memberships .memberships > div:first-child {margin-top: -13rem;}
}


body.forms .section.intro.orange {padding-bottom: 14.3rem;}
.signupform {display: flex; gap: 9rem;}
.signupform > div:nth-child(1) {margin-top: -2rem; font-size: 1.15rem; line-height: 1.65; flex-grow: 1;}
.signupform > div:nth-child(1) p {margin-bottom: 1.8rem;}
.signupform > div:nth-child(1) h2 {color: black; margin-bottom: 2.6rem;}
.signupform > div:nth-child(1) h3 {font-size: 1.1rem;}
.signupform > div:nth-child(2) {padding: 0 1rem; width: 51rem; min-width: 51rem; margin-top: -13rem; z-index: 1; position: relative;}

.form {display: flex; flex-wrap: wrap; margin: 0 -1rem; padding: 4.8rem 2.5rem 4rem 3.75rem; background: #f7f7f7; border-radius: 0.5rem;}
.form > div {display: flex; flex-direction: column; padding: 1.2rem 1rem 0; font-size: 1.15rem; position: relative;}
.form > div.title:not(:first-child) {margin-top: 2.9rem;}
.form > div.title h3 {font-family: "SohneBreit"; font-size: 1.21rem; font-weight: normal; color: #ff6531; padding-bottom: 0.5rem;}
.form > div input:not([type="submit"]), .form > div select, .form > div textarea {border: 1px solid #ccc; background: white;}
.form > div.radio, .form > div.checkbox {flex-direction: row; gap: 2.3rem; padding-bottom: 0.8rem;}
.form > div.radio input, .form > div.checkbox input {margin-right: 0.6rem; height: 1.4rem; width: 1.4rem; vertical-align: middle; position: relative; bottom: 0.15rem;}
.form > div:not(.radio, .checkbox, .submit, .title) label {font-weight: bold; font-size: 1rem;}
.form > div:not(.radio, .checkbox, .submit, .title) {padding-top: 1.3rem;}
.form > div:not(.radio, .checkbox, .submit, .title) label {padding-bottom: 0.3rem;}
.form > div input:not(.radio, .checkbox, .submit), .form > div select, .form > div textarea {border-radius: 0.5rem; padding: 0.85rem; font-size: 1.15rem;}
.form > div textarea {min-width: 100%; max-width: 100%;}
.form > div.footnote {opacity: 0.5; font-size: 0.88rem;}
.form > div.submit {flex-direction: row; justify-content: flex-end; margin-top: 2.5rem;}
.form > div:not(.title) + div.checkbox {margin-top: 0.5rem;}
.form > div.checkbox + div.checkbox {margin-top: -1.2rem;}


.section.brochure {background: #f7f7f7; padding-bottom: 2.5rem; margin-top: 6rem;}
.section.brochure > .container > div {
    box-shadow: 0px 0px 1rem rgba(0,0,0,0.15); 
    background: white; 
    max-width: 51.4rem; 
    margin: -9.5rem auto 0; 
    text-align: center; 
    padding: 4.75rem 3rem 3.5rem; 
    position: relative; 
    z-index: 5;
}
.section.brochure > .container > div > h2 {color: #ff6531; font-size: 3.5rem; max-width: 30rem; margin: 0 auto 1.4rem}
.section.brochure > .container > div > p {font-size: 1.15rem; line-height: 1.6; max-width: 37rem; margin: 0 auto 1rem;}
.section.brochure > .container > div .formholder {padding: 0 1rem;}
.section.brochure > .container > div .form {background: white; border-radius: 0; text-align: left; padding: 0;}
.section.brochure::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    height: 4vw;
    background-image: url(/img/round.svg);
    background-position: center center;
    background-size: 100% 100%;
    z-index: 0;
}



._form, ._form_element {max-width: 100%!important; padding: 0!important; margin: 0!important;}
._form ._form-title {
    color: #ff6531; 
    font-size: 3.5rem!important;
    max-width: 30rem!important; 
    margin: 0 auto 1.4rem!important; 
    font-family: "Moret"; 
    font-weight: 500!important; 
    line-height: 1!important; 
    text-align: center!important;
}
body.blue ._form ._form-title {color: #50a8fc;}
#formholder ._form_element {padding-top: 1.2rem!important;}
#formholder {
    box-shadow: 0px 0px 1rem rgba(0,0,0,0.15); 
    background: white; 
    max-width: 51.4rem; 
    margin: -9.5rem auto 0; 
    text-align: center; 
    padding: 4.75rem 4rem 3.5rem; 
    position: relative; 
    z-index: 5;
}

#formholder ._form button._submit {
    color: white !important;
    border: 2px solid #ff6531!important;
    display: inline-block!important;
    font-family: "SohneBreit"!important;
    font-size: 1.3rem !important;
    padding: 0.55rem 1.4rem 0.65rem !important;
    padding-right: 1.4rem!important;
    border-radius: 0.5rem!important;
    letter-spacing: 0.025rem!important;
    padding-right: 3.3rem !important;
    background: #ff6531 url(/img/arrow-right-solid-white.svg) calc(100% - 0.8rem) 53% / 1.6rem auto no-repeat!important;
    float: right!important;
  }
body.blue #formholder ._form button._submit {border-color: #50a8fc!important; background-color: #50a8fc!important;}
#formholder ._form_element input[type="text"], 
#formholder ._form_element input[type="date"], 
#formholder ._form_element select, 
#formholder ._form_element textarea:not(.g-recaptcha-response) {
  border-radius: 0.5rem;
  padding: 0.85rem;
  font-size: 1.15rem;
  border: 1px solid #ccc;
  background: white;
}
#formholder ._form_element ._form-label {font-size: 1rem; padding-bottom: 0.3rem; margin: 0!important; line-height: 1.4;}
#formholder ._button-wrapper {margin-top: 3.7rem}
#formholder ::-webkit-input-placeholder {color: white;}
#formholder :-ms-input-placeholder {color: white;}
#formholder ::placeholder {color: white;}
#formholder ._form_element p {
    font-size: 1.15rem;
    line-height: 1.6;
    max-width: 37rem;
    margin: 0 auto 1rem;
    text-align: center;
}
body.forms #formholder {
    margin: 0 -1rem;
    padding: 4.8rem 3.5rem 4rem 4.75rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
}
body.forms #formholder ._form {background: none!important;}


@media screen and (max-width: 1350px) {
    .signupform {flex-direction: column-reverse;}
    .signupform > div:nth-child(2) {margin-left: auto; margin-right: auto; min-width: 0; max-width: 100%;;}
    body.forms #formholder {padding: 4.8rem 3.5rem 4rem 3.5rem;}
    .form {padding: 4.8rem 2.5rem 4rem 2.5rem;}
    .signupform > div:nth-child(1) {max-width: 51rem; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 660px) {
    .form > div {width: 100%!important; min-width: 100%!important;}
    #formholder ._form button._submit {margin-bottom: 2rem;}
}



.section.become_member {text-align: center;}
.section.become_member.lastitem {padding-bottom: 4.5rem;}
.section.become_member .container {max-width: 60rem;}
.section.become_member h2 {margin-top: 3.7rem; font-size: 4.4rem;}
.section.become_member p {
    padding-top: 1.8rem;
    font-size: 1.3rem;
    letter-spacing: 0.015rem;
    line-height: 1.85;
}
.section.become_member::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    z-index: -1;
}
.section.become_member p:last-child {margin-top: 1.6rem;}
#form.section.lastitem::after,
.section.lastitem.become_member::after {background-color: #f7f7f7;}

.section.membership {padding-bottom: 4.5rem;}
.section.membership + .section.cta {padding-top: 0rem;}
.section.partners + .section.cta {padding-top: 5rem;}
.section.lastitem::after {background: white;}
.section.cta {text-align: center; padding-bottom: 5rem;}
.section.cta .container {max-width: 60rem;}
.section.cta h2 {margin-top: 3.7rem; font-size: 4.4rem;}
.section.cta p {
    padding-top: 1.8rem;
    font-size: 1.3rem;
    letter-spacing: 0.015rem;
    line-height: 1.85;
}
.section.cta p:last-child a {margin-top: 1.6rem;}

.section.people {padding-top: 6rem;}
.section.people h2 {font-size: 3.5rem; color: black;margin-bottom: 2.8rem;}
.section.people ul {display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 6.5rem 2.75rem;}
.section.people ul li {list-style: none;}
.section.people ul li > div {position: relative;}
.section.people ul li > div > img {width: 100%; aspect-ratio: 0.92; object-fit: cover; border-bottom-right-radius: 5rem; display: block;}
.section.people ul li > div > .linkedin {position: absolute; width: 2.15rem; left: 1.25rem; bottom: 1rem;}
.section.people ul li > h3 {font-family: "Moret"; font-weight: 500; line-height: 1; color: black; font-size: 2.4rem; margin-top: 1.5rem;}
.section.people ul li > h3 + div {font-family: "SohneBreit"; color: black; font-size: 1.2rem; margin: 1.25rem 0 1.6rem; line-height: 1.2;}
.section.people ul li > p {font-size: 1.15rem; margin-bottom: 1.3rem;}
.section.people .summary {display: block;}
.section.people .summary::after {content: "Lees meer"; display: inline-block; background: url(/img/underline.svg) left bottom / auto 1px repeat-x; cursor: pointer;}
.section.people .summary + .fullcontent {display: none;}
.section.people.serviceproviders h3 {margin-bottom: 1rem;}

.section.districthead {padding-top: 2rem; padding-bottom: 12rem;}
.section.districthead .quote {max-width: 43rem; margin: -1.55rem auto 5.7rem; text-align: center; font-family: "Moret"; font-weight: 500; line-height: 1.15; color: #ff6531; font-size: 2.67rem;}
.person {margin-top: 4.5rem; top: 2rem; position: relative; text-align: center; padding-top: 2rem;}
.person::before {content: ""; left: 50%; transform: translateX(-50%); width: 1px; height: 5.2rem; position: absolute; top: 0; margin-top: -4rem; background: rgba(0,0,0,0.25);}
.section.districthead .person img {margin-top: 1.5rem;}
.person .imgs {margin: 1.2rem auto 1.5rem; display: flex; justify-content: center; flex-direction: row-reverse;}
.person .imgs img {margin: 0 -1rem;}
.person img {width: 6.7rem; height: 6.7rem; object-fit: cover; display: block; margin: 1.2rem auto 1.5rem; border-radius: 100%; overflow: hidden;}
.person img + div:not(.large) {opacity: 0.5; font-size: 0.85rem;}
.person div.large {max-width: 30rem; margin: 0 auto; font-size: 1.1rem; line-height: 1.63;}
.person img + div + div {position: relative; margin-top: 0.4rem}
.person h3 {font-family: "Moret"; font-weight: 500; font-size: 2.4rem; margin-top: -0.65rem; margin-bottom: 1.1rem;}

.section.lastitem::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    height: 4vw;
    top: 100%;
    background-image: url(/img/round_inverse_black.svg);
    background-position: center center;
    background-size: 100% 100%;
}
ul.articles.featured {position: relative;}
ul.articles.featured::after,
.section.people.councilmembers .container::before,
.section.vacatures .container > div::before {
    position: absolute;
    content: "";
    top: 0rem;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-top: -6.7rem;
}
ul.articles.featured::after {top: auto; bottom: 0; margin-bottom: -4rem;}
.section.people.councilmembers {padding-top: 7rem;}
.section.people.councilmembers .container::before {margin: 0;}
.section.vacatures .container > div {display: flex; gap: 2.5rem; position: relative;}
.section.vacatures .container > div > div {width: 50%;}
.section.vacatures .container > div > div:nth-child(1) {padding-right: 6rem; font-size: 1.15rem; line-height: 1.6;}
.section.vacatures .container > div > div:nth-child(1) .pretitle {font-family: "SohneBreit"; font-size: 1.2rem; margin: 0.2rem 0}
.section.vacatures .container > div > div:nth-child(1) h2 {font-size: 4.4rem; margin: 2.6rem 0 1.2rem;}
.section.vacatures .container > div > div:nth-child(2) ul {margin-top: 3rem;}
.section.vacatures .container > div > div:nth-child(2) ul li {list-style: none; border-bottom: 1px solid black;}
.section.vacatures .container > div > div:nth-child(2) ul li a {display: block; padding: 1.2rem 0; font-family: "SohneBreit"; font-size: 1.05rem; background: url(/img/arrow-right-solid.svg) 100% 53% / 1.6rem auto no-repeat;}
.section.vacatures .container > div > div:nth-child(2) ul li a:hover {color: #ff6531; background-image: url(/img/arrow-right-solid-orange.svg)}
.section.vacatures::after {background-color: white;}

@media screen and (max-width: 850px) {
    .section.vacatures .container > div {flex-direction: column;}
    .section.vacatures .container > div > div {width: 100%;}
    .section.vacatures .container > div > div:nth-child(1) {padding-right: 0;} 
}


.section.districts {text-align: center; padding-top: 3rem;}
.section.districts .container:first-child {max-width: 46rem;}
.section.districts h2 {margin: 4.4rem auto 2rem; letter-spacing: -0.035rem; font-size: 4.46rem;}
.section.districts p {font-size: 1.135rem; margin-bottom: 1.75rem; line-height: 1.65;}
.section.districts .container:nth-child(2) > div {display: flex; flex-wrap: wrap; padding-top: 3.15rem; justify-content: flex-start; gap: 2.28rem; margin: 0 auto;}
.section.districts .container:nth-child(2) > div > div {min-width: 20.3rem; width: 20.3rem; text-align: left;}
.section.districts .container:nth-child(2) > div > div h3 {font-family: "Moret"; font-weight: 500; line-height: 1; font-size: 2.65rem; padding-top: 2.65rem; padding-bottom: 1rem;}
.section.districts .container li {list-style: none;}
.section.districts .container li a {
    font-family: "SohneBreit"; 
    font-size: 1.02rem;
    padding: 1.15rem 1.4rem 1.22rem 0;
    letter-spacing: 0.025rem; 
    display: block; 
    border-bottom: 1px solid black; 
    text-decoration: none;
    background: url(/img/arrow-right-solid.svg) 100% 53% / 1.6rem auto no-repeat;
    display: block;
    break-inside: avoid-column;
}
.section.districts .container li a:hover {
    color: #ff6531;
    background-image: url(/img/arrow-right-solid-orange.svg);
}
.section.districts .container:nth-child(3) > div {text-align: left; margin: 6.4rem auto 2rem;}
.section.districts .container:nth-child(3) > div h3 {font-family: "Moret"; font-weight: 500; line-height: 1; font-size: 3.465rem; padding-top: 1.9rem; padding-bottom: 2.1rem;}
.section.districts .container:nth-child(3) > div p {font-size: 1.135rem; max-width: 43rem;}
.section.districts .container:nth-child(3) > div ul {margin-top: -0.3rem; column-width: 20.3rem; gap: 2.28rem; max-width: 43rem;}
.section.districts .container:nth-child(3) li a {min-width: 20.3rem; width: 20.3rem;}
@media screen and (max-width: 715px) {
    .section.districts .container:nth-child(3) li a,
    .section.districts .container:nth-child(2) > div > div {min-width: 100%; width: 100%;}
}


.section.text .container > div.pretitle {font-size: 1.2rem; font-family: "SohneBreit";}
.section.text.courses .container > div.pretitle {position: relative; top: 2rem;}

body.districts .navigation + .section.intro .container > div {max-width: 100%;}
body.districts .navigation + .section.intro .container > div > * {text-align: center;}
body.districts .section.intro .container > div > div {font-family: "SohneBreit"; font-size: 1.35rem; margin-top: 0.5rem; max-width: 100%;}
body.districts .section.intro .container > div > h1 {max-width: 100%; font-size: 5.5rem; margin-top: 1.6rem; padding-bottom: 2rem;}
body.districts .section .container > div h2 {font-size: 3.5rem!important; color: black; padding-top: 1.8rem; margin-bottom: 2.9rem;}
body.districts .section.intro + .section.intro {padding-top: 5.5rem; padding-bottom: 0;}
body.districts .section.intro + .section.intro + .section.become_member {margin-top: 7.8rem;}
body.districts .section.intro + .section.intro + .section.text .container > div:first-child {border-top: 1px solid rgba(0,0,0,0.25); padding-top: 5rem;}
body.districts .section.intro + .section.intro .container {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start;}
body.districts .section.intro + .section.intro .container img {position: relative; margin-left: 0;}

.section.featuredpartners {padding-top: 0;}
.section.featuredpartners h3 {font-family: "SohneBreit"; font-size: 1.2rem; font-weight: normal; margin-bottom: 3rem;}
.section.featuredpartners .container {overflow: hidden;}
.section.featuredpartners ul {display: flex; gap: 2.55rem;}
.section.featuredpartners ul li {list-style: none; min-width: 20.2rem; height: 12rem; position: relative;}
.section.featuredpartners ul li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fbfbfb; border: 1px solid #efefef; border-bottom-right-radius: 2.2rem;}
.section.featuredpartners ul li a img {display: block; width: 70%; height: 70%; object-fit: contain; mix-blend-mode: multiply;}
.section.featuredpartners div.carouselnavigation {left: 0; justify-content: flex-end;}

.section.partners {padding-top: 0; padding-bottom: 0rem;}
.section.partners ul {display: grid; gap: 1.95rem; grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); margin-top: -7rem;}
.section.partners ul > li {background: #f7f7f7; list-style: none; padding: 2rem 2.2rem 3.5rem; text-align: center; font-size: 1.15rem; line-height: 1.6;}
.section.partners ul > li img {width: 20rem; height: 6.5rem; display: block; margin: 2.5rem auto 3.25rem; object-fit: contain; mix-blend-mode: multiply;}


.section.uitgelicht {padding-bottom: 3.5rem;}
.section.uitgelicht h2 {color: black;}
ul.articles {margin-top: 2rem; display: flex; gap: 3.6rem 2.7rem;}
ul.articles.wrap {flex-wrap: wrap;}
ul.articles li {list-style: none; width: 27.7rem; min-width: 27.7rem; position: relative;}
ul.articles li img {width: 27.7rem; height: 17.3rem; object-fit: cover; border-bottom-right-radius: 5.3rem; display: block; object-position: center 25%;}
ul.articles li > a > span:first-child {position: absolute; right: 0; top: 0; background: black; color: white; text-transform: uppercase; font-size: 0.78rem; padding: 0.75rem 1rem 0.85rem; letter-spacing: 0.015rem;}
ul.articles li > a > div {display: flex; flex-direction: row-reverse; justify-content: space-between; padding-top: 1.3rem;}
ul.articles li > a > div > span {white-space: nowrap; font-family: "SohneBreit"; font-size: 0.8rem; margin-left: 1rem; text-align: right;}
ul.articles li > a > div > span span {display: block; color: #ff6531; padding-top: 0.1rem;}
ul.articles li > a > div h3 {font-family: "SohneBreit"; font-size: 1.47rem; font-weight: normal; line-height: 1.27; position: relative; bottom: 0.4rem;}
ul.articles + div {display: flex; justify-content: space-between; padding-top: 2rem;}
ul.articles.featured {display: grid; gap: 2.2rem 2.7rem; grid-template-columns: 58rem auto;}
ul.articles.featured li:first-child {width: 58rem; grid-row-start: 1; grid-row-end: 4;}
ul.articles.featured li:first-child img {width: 58rem; aspect-ratio: 1200/750; height: auto;}
ul.articles.featured li:first-child > a > div {padding-top: 2.6rem;}
ul.articles.featured li:first-child > a > div h3 {font-size: 2.1rem;}
ul.articles.featured li > a > div p {display: none; font-size: 1.15rem; margin: 0.9rem 0; line-height: 1.5; padding-right: 5rem;}
ul.articles.featured li:first-child > a > div p {display: block;}
@media screen and (max-width: 1400px) {
    ul.articles {max-width: 59rem; margin-inline: auto;}
    #filter .container {max-width: 63rem; margin-inline: auto;}
    ul.articles.featured {display: flex; flex-direction: row; flex-wrap: wrap;}
    ul.articles.featured li:first-child {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;}
}

@media screen and (max-width: 600px) {
    ul.articles.featured li:first-child > a > div p {display: none;}
    ul.articles.featured li:first-child {width: 27.7rem;}
    ul.articles.featured li:first-child img {width: 27.7rem; height: 17.3rem;}
    ul.articles.featured li:first-child > a > div h3 {font-size: 1.47rem;}
    ul.articles {max-width: 28rem;}
    #filter .container {max-width: 32rem;}
}


div.carouselnavigation {display: flex; gap: 1rem; position: relative; left: 0.5rem;}

div.carouselnavigation div img {display: block; width: 3.3rem;}
ol.carouseldots {display: flex; justify-content: center; gap: 0.65rem;}
ol.carouseldots li {list-style: none;}
ol.carouseldots li a {display: block; width: 0.72rem; height: 0.72rem; background: black; opacity: 0.25; border-radius: 100%; overflow: hidden; color: transparent;}
ol.carouseldots li.selected a {opacity: 1;}

.section.events .container > div ul li {list-style: none; padding-bottom: 1.75rem;}
.section.events .container > div ul li a {display: flex; background: #f7f7f7; border-radius: 0.5rem; padding: 2.2rem 1.8rem 2.2rem 2.75rem;}
.section.events .container > div ul li a > div:nth-child(1) {min-width: 7.5rem; width: 7.5rem;}
.section.events .container > div ul li a > div:nth-child(1) > div {display: inline-block; text-align: center;}
.section.events .container > div ul li a > div:nth-child(1) span {display: block; text-transform: uppercase; font-size: 1.05rem; line-height: 1.5rem; font-family: "SohneBreit"; }
.section.events .container > div ul li a > div:nth-child(1) span:nth-child(2) {
    font-family: "SohneBreit"; 
    font-weight: 500; 
    line-height: 1.1; 
    font-size: 2.3rem;
}
.section.events .container > div ul li a > div:nth-child(2) h3 {
    font-family: "SohneBreit";
    line-height: 1.2; 
    font-size: 1.85rem; 
    margin: 0.4rem 0 2.5rem; 
    font-weight: 400;
}
.section.events .container > div ul li a > div:nth-child(2) p {font-size: 1.15rem; margin-bottom: 1.85rem; line-height: 1.5;}
.section.events .container > div ul li a > div:nth-child(2) div:last-child {color: #ff6531; font-weight: bold; padding-bottom: 0.5rem; font-size: 1.05rem;}
.section.events .container > div ul li a > div:nth-child(2) div:first-child {font-family: "SohneBreit"; font-size: 1rem!important;}
.section.events .container > div ul li a > div:nth-child(3) {min-width: 27.5rem; width: 27.5rem; margin-left: 5rem;}
.section.events .container > div ul li a img {display: block; width: 27.5rem; height: 18rem; border-radius: 0.5rem; object-fit: cover;}
.section.events form.form {margin: -2rem 0 4rem 0;}
.section.events .form, .section.events .form > div {padding: 0; margin: 0; background: none; width: 100%;}
.section.events .form > div label {position: absolute; font-weight: normal; opacity: 0.6; font-size: 1.15rem; padding: 0.85rem 0 0.85rem 3rem; display: none;}
.section.events .form > div input[type="search"] {padding-left: 3rem; padding-right: 10rem; background: url(/img/search.svg) 1rem center / auto 1.2rem no-repeat!important;}
.section.events .form > div input[type="search"]:placeholder-shown + label {display: block;}
.section.events .form > div input[type="submit"] {
    position: absolute; 
    right: 0.15rem; 
    top: 0.07rem; 
    transform: scale(0.83);
    margin: 0 -0.6rem 0 0;
}
.section.events h3 {margin: 2rem 0;}
@media screen and (max-width: 1100px) {
    .section.events .container > div ul li a {flex-direction: column-reverse; padding: 2.2rem 2.75rem 2.2rem 2.75rem; margin-bottom: 2rem;}
    .section.events .container > div ul li a > :first-child {display: none;}
    .section.events .container > div ul li a > div:nth-child(3) {margin: 0.5rem 0 1.75rem; width: auto; min-width: 0;}
}
@media screen and (max-width: 600px) {
    .section.events .container > div ul li a img {width: 100%; max-width: 100%; aspect-ratio: 1.52; height: auto;}
}
@media screen and (max-width: 500px) {
    .section.events .container > div ul li a {flex-direction: column-reverse; padding: 2.2rem 2rem 2.2rem 2rem;}
}

.posts.bgimage .section.intro h1 {font-size: 5.4rem;}
.posts.bgimage .section.intro {padding-bottom: 14.65rem;}
.events .section.intro p,
.posts .section.intro:not(.list) p {font-size: 1rem!important;}
.section.post {background: #f7f7f7;}
body.events .section.post {background: white; padding-top: 0;}
.section.post .container > div {max-width: 61.5rem; margin: -15rem auto 0; background: white; padding: 7.5rem 8.65rem; position: relative; z-index: 5;}
body.events .section.post .container > div {padding-bottom: 0;}
.section.post .container > div::before {height: 8rem; width: 1px; background: #ff6531; position: absolute; content: ""; left: 50%; top: 0; transform: translateY(-50%);}
body.orange .section.post .container > div::before {background: rgba(0,0,0,0.25);}
.section.post .container > div ul,
.section.post .container > div p {line-height: 2; margin-bottom: 2.2rem;}
.section.post .container > div blockquote {padding-top: 2rem; padding-left: 12%; padding-right: 12%; padding-bottom: 1.5rem;}
.section.post .container > div blockquote + p em {font-family: "SohneBreit"; margin-top: -2.5rem; padding-left: 12%; display: block; opacity: 0.35; font-style: normal; font-size: 1rem; position: relative; bottom: 1.25rem; line-height: 1.3;}
.section.post .container > div blockquote + p em::before {content: "—"; margin-right: 0.5rem;}
.section.post .container > div blockquote p, .section.post .container > div blockquote p:first-child {padding: 0; font-family: "Moret"; font-weight: 500; line-height: 1; color: #ff6531; font-size: 2.1rem!important; text-align: left;}
.section.post .container > div > p:first-child {font-family: "SohneBreit"; font-size: 1.5rem!important; line-height: 1.3; text-align: center; margin-bottom: 3.1rem; padding: 0 5%;}
.section.post .container > div p img {display: block; margin: 4rem -8.65rem; width: calc(100% + 17.3rem); max-width: calc(100% + 17.3rem);}
.section.post .container > div p a:not(.button) {color: #ff6531;}
.section.post .container > div p a:not(.button)::after {background: url(/img/underline_orange.svg) left bottom / auto 1px repeat-x;}


@media screen and (max-width: 800px) {
    .section.post .container > div {padding-left: 3rem; padding-right: 3rem;}
}
@media screen and (max-width: 600px) {
    .section.post .container > div {padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem;}
}

body.questions .section.text .container > div,
body.jobs .section.text .container > div,
body.events .section.text .container > div,
body.legal_pages .section.text .container > div {max-width: 61.5rem; margin: 0 auto;}

ul.questions {margin: 2rem 0 5rem!important; padding: 0!important;}
ul.questions li {border-bottom: 1px solid black; list-style: none; position: relative;}
ul.questions li > a.anchor {position: absolute; margin-top: -3.5rem; background: none!important; pointer-events: none;}
ul.questions li > a {
    font-family: "SohneBreit";
    font-size: 1.02rem;
    padding: 1.15rem 1.4rem 1.22rem 0;
    letter-spacing: 0.025rem;
    display: block;
    text-decoration: none;
    background: url(/img/arrow-right-solid.svg) 100% 53% / 1.6rem auto no-repeat;
    display: block;
}
ul.questions li > a::after {content: none;}
ul.questions li > a:hover {color: #ff6531; background: url(/img/arrow-right-solid-orange.svg) 100% 53% / 1.6rem auto no-repeat;}
ul.questions li > a + div {display: none;}
ul.questions li.active > a {opacity: 0; pointer-events: none;}
ul.questions li.active > a + div {display: block; padding: 0 0 3rem;}
ul.questions li.active > a + div .questiontitle,
ul.questions li.active > a + div h2 {font-size: 1.2rem; font-weight: bold; font-family: "Sohne"; color: black;}
ul.questions li.active > a + div h2 {font-weight: normal; font-style: italic; line-height: 1.6;}

.section.reviews {background: #f7f7f7; text-align: center; padding-bottom: 1.2rem;}
.section.reviews::after {background-color: #f7f7f7;}
.reviews .container {overflow: hidden; position: relative;}
.reviews ul {display: flex; padding-bottom: 4.3rem; overflow: hidden;}
.reviews ul li {list-style: none; min-width: 100%;}
.reviews ul li > * {max-width: 53rem; margin-left: auto; margin-right: auto;}
.reviews ul li .h1 {font-size: 4.4rem; margin-bottom: 3.7rem;}
.reviews ul li .h1 .full {display: none;}
.reviews ul li img {margin-top: 0.5rem; width: 9.75rem; height: 9.75rem; border-radius: 100%; object-fit: cover; object-position: center 25%; margin-bottom: 2.55rem;}
.reviews ul li > div:nth-child(3) {font-family: "SohneBreit"; text-transform: uppercase; margin-bottom: 0.65rem;}
.reviews div.carouselnavigation {display: flex; width: calc(100% - 1rem); justify-content: space-between; align-items: flex-start; position: absolute; top: 50%; transform: translateY(-25%);}
.reviews div.carouselnavigation div img {width: 3.7rem;}
.reviews div.carouselnavigation div:first-child {position: relative; right: 0.4rem;}
.reviews div.carouselnavigation div:last-child {position: relative; left: 0.4rem;}
.reviews ol.carouseldots {position: absolute; z-index: 9; width: calc(100% - 4rem); margin-top: -1rem;}
.reviews ol.carouseldots li {min-width: 0;}
.reviews ol.carouseldots li.selected a {opacity: 1;}
@media screen and (max-width: 1000px) {
    .reviews div.carouselnavigation {display: none;}
}


.section.purple:not(.eye) {background-color: #8c80ff;}
.section.lightpurple:not(.eye) {background-color: #e8e6ff;}
.section.orange::after,
.section.orange:not(.eye) {background-color: #ff6531;}
.section.orange h2 {color: black;}
.section.blue {background-color: #96cbff;}
.section.blue h2 {color: white;}
.section {padding: 7.8rem 0 9rem; position: relative;}
.section > img:last-child {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 4vw;
}
body.bgimage .section > img:last-child {z-index: 1;}

.section.post .container > div p img.pasfoto {width: 25rem; display: inline; margin: 0;}

/* FOOTER */

.section.footer {background: black; padding-top: calc(4vw + 8.8rem); padding-bottom: 4rem;}
.section.footer > img:first-child {width: 100%; height: 4vw; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.section.footer, .section.footer a {color: rgba(255,255,255,0.5);}
.section.footer li {list-style: none; line-height: 1.2; padding: 0.6rem 0;}
.section.footer h3 {color: white; font-size: 1rem; line-height: 2.2;}
.section.footer h2 {font-size: 2.4rem; color: white; line-height: 1; margin: 0.7rem 0 1.7rem;}
.section.footer .container {display: flex; justify-content: space-between; line-height: 2.4;}

.section.footer .container:first-of-type > div {display: flex; justify-content: space-between;}
.section.footer .container:first-of-type > div > div {width: 15.25rem;}
.section.footer .container:first-of-type > div:last-child > div {width: 35.25rem; line-height: 1.75;}
.section.footer .container:first-of-type > div:last-child > div p {margin-bottom: 2.2rem;}

.section.footer .container:nth-last-child(2) > div {display: flex; flex-direction: column; justify-content: flex-end; padding-top: 5.5rem;}
.section.footer .container:nth-last-child(2) > div:first-child img {width: 17.7rem; margin-bottom: 4.2rem;}
.section.footer .container:nth-last-child(2) > div:last-child {text-align: right; font-size: 1.32rem; line-height: 1.45; letter-spacing: 0.06rem;}
.section.footer .container:nth-last-child(2) > div:last-child a {color: white;}
.section.footer .container:nth-last-child(2) > div:last-child ul {padding: 1.2rem 0 2.8rem;}
.section.footer .container:nth-last-child(2) > div:last-child ul li {margin-left: 1.4rem;}
.section.footer .container:nth-last-child(2) > div:last-child ul li a img {filter: invert(100%); height: 2rem; vertical-align: middle; opacity: 0.7;}

.section.footer .container:last-child > div {display: flex; width: 100%; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.25); padding: 1.3rem 0 0;}
.section.footer .container:last-child > div > div:first-child {font-family: "SohneBreit"; text-transform: uppercase; font-size: 0.98rem;}
.section.footer .container:nth-last-child(2) ul li,
.section.footer .container:last-child ul li {display: inline-block; font-size: 0.95rem;}
.section.footer .container:last-child ul li {margin-left: 2.45rem;}

@media screen and (max-width: 1350px) {
    .section.footer .container {flex-direction: column;}
    .section.footer .container:first-of-type > div {}
    .section.footer .container:first-of-type > div > div {width: 33.33%; min-width: 33.33%; margin-bottom: 5rem;}
}
@media screen and (max-width: 850px) {
    .section.footer .container:nth-last-child(2) > div:last-child {text-align: left;}
    .section.footer .container:nth-last-child(2) > div:last-child ul li {margin-left: 0; margin-right: 1.4rem;}
    .section.footer .container:last-child > div {flex-direction: column;}
    .section.footer .container:last-child ul li {margin-left: 0; margin-right: 2.45rem;}
}
@media screen and (max-width: 650px) {
    .section.footer .container:first-of-type > div {flex-wrap: wrap;}
    .section.footer .container:first-of-type > div > div {width: 50%; min-width: 50%;}
    body.academy_courses .section.footer {padding-top: 4rem;}
    body.academy_courses .section.footer .container:last-child > div {border: 0;}
    body.academy_courses .section.reviews > .container,
    body.academy_courses .section.footer .container:not(:last-child) {display: none!important;}
}

.popup {
    position: fixed;
    bottom: 2.8rem;
    right: 2.4rem;
    width: 30rem;
    min-height: 5rem;
    background: #50a8fc;
    padding: 2.2rem 2rem 2.2rem 2.2rem;
    z-index: 9;
    display: none;
}
.popup h2 {color: white; font-size: 2.4rem; margin-bottom: 0.6rem; margin-top: -0.4rem;}
.popup p {margin-bottom: 1.8rem; line-height: 1.45;}
.popup p:last-child {text-align: right; margin: 0 -0.6rem -0.85rem;}
@media screen and (max-width: 650px) {
    .popup {
        bottom: 0;
        right: 1rem;
        width: calc(100% - 2rem);
    }
}


@media screen and (max-width: 480px) {
    html {font-size: 3.125vw;}
}