body {

}

h1 {
    font-family: "Atlas Grotesk Bold";
    font-size: 50px;
    line-height: 1.5;
    color: var(--cs-color-black);
    padding: 16px 0;
}

h1.pre {
    font-family: "TheSansB W7 Bold";
    font-size: 22px;
    line-height: 24px;
    color: #888888;
    padding: 16px 0;
}

h1.small {
    font-size: 40px;
}

/*h1.sub {*/

/*}*/

h2 {
    font-family: "Atlas Grotesk Medium";
    font-size: 30px;
    line-height: 1.4;
    color: var(--cs-color-black);
    padding: 20px 0;
}

h2 > span {
    font-family: "Atlas Grotesk Regular";
    color: #888888;
}

/*p ~ h2 {*/
    /*padding-bottom: 10px;*/
/*}*/

a + h2,
p + h2 {
    padding-top: 50px;
}

h3 {
    font-family: "Atlas Grotesk Bold";
    font-size: 24px;
    line-height: 1.5;
    color: var(--cs-color-black);
    padding: 16px 0;
}

h4 {
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    line-height: 1.5;
    color: var(--cs-color-black);
    padding: 40px 0 10px 0;
}

h5 {
    font-family: "Atlas Grotesk Bold";
    font-size: 20px;
    line-height: 1.5;
    color: var(--cs-color-black);
    padding: 16px 0;
}

h6 {
    font-family: "Atlas Grotesk Regular Italic";
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-color-black);
    padding: 16px 0;
}

p + h1,
a + h1,
p + h3,
a + h3,
p + h5,
a + h5,
p + h6,
a + h6 {
    padding-top: 35px;
}

/*h5 {*/
    /*font-family: "";*/
    /*font-size: ;*/
    /*line-height: ;*/
    /*color: var();*/
    /*padding: ;*/
    /*letter-spacing: ;*/
/*}*/

/*h6 {*/
    /*font-family: "";*/
    /*font-size: ;*/
    /*line-height: ;*/
    /*color: var();*/
    /*padding: ;*/
    /*letter-spacing: ;*/
/*}*/

p {
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    padding: 16px 0;
}

p.small {
    font-size: 13px;
    padding: 13px 0;
}

p strong {
    font-family: "TheSansB W7 Bold";
}

p em {
    font-family: "TheSansB W5 Plain Italic";
}

p strong em,
p em strong {
    font-family: "TheSansB W7 Bold Italic";
}

p.intro {
    font-family: "TheSansB W7 Bold";
    font-size: 24px;
    line-height: 1.5;
}

.content ul,
.standard-content ul{
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    padding: 16px 0;
}

.content ul.ul_submenu,
.standard-content ul.ul_submenu{
    padding: 4px 0;
}

.content ul li,
.standard-content ul li {
    padding-left: 13px;
    background-image: url("../ico/angle-right-light.svg");
    background-size: 4px;
    background-position: left 9px;
    background-repeat: no-repeat;
}

.content ul li.unfolded,
.standard-content ul li.unfolded{
    padding-left: 13px;
    background-image: url("../ico/angle-down-light.svg");
    background-size: 8px;
    background-position: left 10px;
    background-repeat: no-repeat;
}

.content ul li.li_single,
.standard-content ul li.li_single{
    padding-left: 13px;
    background-image: none;
    background-size: 8px;
    background-position: left 10px;
    background-repeat: no-repeat;
}

.content ul li strong,
.standard-content ul li strong {
    font-family: "TheSansB W7 Bold";
}

.content ul li em,
.standard-content ul li em {
    font-family: "TheSansB W5 Plain Italic";
}

.content ul > li a,
.standard-content ul > li a {
    color: var(--cs-color-black);
    border-bottom: solid 1px var(--cs-color-black);
    font-family: inherit;
    cursor: pointer;
}

.content ul > li a:hover,
.standard-content ul > li a:hover {
    color: var(--cs-color-red);
    border-bottom: solid 1px var(--cs-color-red);
}

.content ol,
.standard-content ol{
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    padding: 16px 0;
    list-style-type: decimal;
    list-style-position: inside;
}

.content ol li,
.standard-content ol li {
    /*padding-left: 13px;*/
    background-size: 4px;
    background-position: left 9px;
    background-repeat: no-repeat;
}

.content ol li strong,
.standard-content ol li strong {
    font-family: "TheSansB W7 Bold";
}

.content ol li em,
.standard-content ol li em {
    font-family: "TheSansB W5 Plain Italic";
}

.content ol > li a,
.standard-content ol > li a {
    color: var(--cs-color-black);
    border-bottom: solid 1px var(--cs-color-black);
    font-family: inherit;
    cursor: pointer;
}

.content ol > li a:hover,
.standard-content ol > li a:hover {
    color: var(--cs-color-red);
    border-bottom: solid 1px var(--cs-color-red);
}

a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
}

p a {
    all: initial!important;
    color: var(--cs-color-black)!important;
    border-bottom: solid 1px var(--cs-color-black)!important;
    font-family: inherit!important;
    cursor: pointer!important;
}

p a:hover {
    color: var(--cs-color-red)!important;
    border-bottom: solid 1px var(--cs-color-red)!important;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #E1E0E0;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.desc {
    padding-top: 50px;
}

.asc {
    padding-bottom: 40px;
}

.white {
    color: var(--cs-color-white);
}

.green {
    color: var(--cs-color-green);
}

.purple {
    color: var(--cs-color-purple);
}

.orange {
    color: var(--cs-color-orange);
}

.bg-white {
    background-color: var(--cs-color-white);
}

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

.bg-purple {
    background-color: var(--cs-color-purple);
}

.bg-orange {
    background-color: var(--cs-color-orange);
}

.btn-go-to {
    display: inline-block;
    width: auto;
    min-width: 260px;
    white-space: nowrap;
    line-height: 56px;
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-red);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    text-align: left;
    color: var(--cs-color-white);
    padding: 0 90px 0 30px;
    max-width: 100%;
    background-image: url("../ico/arrow-right.svg");
    background-size: 20px 20px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    margin: 16px 0 16px 0;
}

.btn-go-to:hover {
    border: solid 2px var(--cs-color-white);
    background-position: calc(100% - 40px) center;
}

p > a.btn-go-to {
    display: inline-block!important;
    width: auto!important;
    min-width: 260px!important;
    white-space: nowrap!important;
    line-height: 56px!important;
    border: solid 2px var(--cs-color-red)!important;
    background-color: var(--cs-color-red)!important;
    font-family: "Atlas Grotesk Bold"!important;
    font-size: 18px!important;
    text-align: left!important;
    color: var(--cs-color-white)!important;
    padding: 0 90px 0 30px!important;
    max-width: 100%!important;
    background-image: url("../ico/arrow-right.svg")!important;
    background-size: 20px 20px!important;
    background-position: calc(100% - 20px) center!important;
    background-repeat: no-repeat!important;
    margin: 16px 0 16px 0!important;
    -moz-osx-font-smoothing: grayscale!important;
    -webkit-font-smoothing: antialiased!important;
    box-sizing: border-box!important;
}

p > a.btn-go-to:hover {
    border: solid 2px var(--cs-color-white)!important;
    background-position: calc(100% - 40px) center!important;
}

.btn-read-more {
    display: inline-block;
    white-space: nowrap;
    line-height: 56px;
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-red);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    text-align: left;
    color: var(--cs-color-white);
    padding: 0 90px 0 30px;
    width: 240px;
    max-width: 100%;
    background-image: url("../ico/arrow-right.svg");
    background-size: 20px 20px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    margin: 30px 0;
}

.btn-read-more:hover {
    border: solid 2px var(--cs-color-white);
    background-position: calc(100% - 40px) center;
}

.btn-lees-alle-reacties {
    display: inline-block;
    white-space: nowrap;
    line-height: 56px;
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-red);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    text-align: left;
    color: var(--cs-color-white);
    padding: 0 90px 0 30px;
    width: 260px;
    max-width: 100%;
    background-image: url("../ico/arrow-right.svg");
    background-size: 20px 20px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    margin: 30px 0;
}

.btn-lees-alle-reacties:hover {
    border: solid 2px var(--cs-color-white);
    background-position: calc(100% - 40px) center;
}

.clear {
    float: none!important;
    clear: both!important;
}

.content {
    padding-top: 100px;
    padding-bottom: 100px;
}

.content + .content {
    padding-top: 0;
}

.end-padding {
    padding-top: 100px;
}

#banner-menu-1 {
    padding: 110px 0 50px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

#banner-menu-1:before {
    content: "";
    display: block;
    height: 100%;
    width: calc(50% - 860px);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: var(--cs-color-white);
}

#banner-menu-1:after {
    content: "";
    display: block;
    height: calc(100% - 100px);
    width: calc(50% - 860px);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #D0CCCC;
}

#banner-menu-1 > div > span {
    display: block;
}

#banner-menu-1 > div > span:nth-of-type(1) {
    font-family: "TheSansB W7 Bold";
    font-size: 22px;
    line-height: 24px;
    color: var(--cs-color-white);
    opacity: 0.6;
    padding-bottom: 40px;
}

#banner-menu-1 > div > span:nth-of-type(2) {
    font-family: "Atlas Grotesk Bold";
    font-size: 50px;
    color: var(--cs-color-white);
}

.menu-1 {
    background-color: #D0CCCC;
    padding-top: 5px;
}

.menu-1 > div > div {
    padding: 20px 0 0 0;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
}

.menu-1 a {
    display: inline-block;
    margin: 5px 5px 0 5px;
    min-width: 140px;
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #888888;
    background-color: #EEEAE9;
    white-space: nowrap;
    padding: 0 20px;
}

.menu-1 a:first-of-type {
    margin: 5px 5px 0 0;
}

.menu-1 a:last-of-type {
    margin: 5px 0 0 5px;
}

.menu-1 a.selected {
    padding-bottom: 15px;
    background-color: var(--cs-color-white);
    color: #363636;
}

.menu-1 a:hover {
    background-color: var(--cs-color-white);
    color: #363636;
}
.menu-1-mobile {
    padding-top: 20px;
    display: none;
}
.menu-1-mobile select {
    background-color: var(--cs-color-white);
    border: 1px solid #E1E0E0;
    border-radius: 0;
    padding: 0 50px 0 20px;
    background-image: url("../ico/select.svg");
    background-size: 16px;
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "TheSansB W6 SemiBold";
    font-size: 16px;
    line-height: 52px;
    color: #363636;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menu-1-mobile select:hover {
    border: 1px solid #363636;
    box-shadow: 8px 4px 16px 0 rgba(0,0,0,0.08);
}

.menu-3 {
    background-color: #D0CCCC;
    font-size: 0;
}

.menu-3 > div > div {
    padding: 5px 0 5px 0;
    font-size: 0;
    text-align: center;
}

.menu-3 a {
    display: inline-block;
    margin: 5px 5px;
    min-width: 140px;
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #888888;
    background-color: #EEEAE9;
    white-space: nowrap;
    padding: 0 20px;
}

.menu-3 a.selected {
    background-color: var(--cs-color-white);
    color: #363636;
}

.menu-3 a:hover {
    background-color: var(--cs-color-white);
    color: #363636;
}

.searchfields {
    margin-top: 40px;
    margin-bottom: 10px;
}

.searchfields select {
    background-color: var(--cs-color-white);
    border: 1px solid #E1E0E0;
    border-radius: 0;
    padding: 0 50px 0 20px;
    background-image: url("../ico/select.svg");
    background-size: 16px;
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "TheSansB W6 SemiBold";
    font-size: 16px;
    line-height: 52px;
    color: #363636;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.searchfields select:hover {
    border: 1px solid #363636;
    box-shadow: 8px 4px 16px 0 rgba(0,0,0,0.08);
}

.searchfields input[type="text"] {
    background-color: var(--cs-color-white);
    border: 1px solid #E1E0E0;
    border-radius: 0;
    padding: 0 50px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "TheSansB W6 SemiBold";
    font-size: 16px;
    line-height: 52px;
    color: #363636;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.searchfields input[type="text"]::placeholder {
    color: #888888;
}

.searchfields input[type="text"]:hover {
    border: 1px solid #363636;
    box-shadow: 8px 4px 16px 0 rgba(0,0,0,0.08);
}

.searchfields a, .searchfields button {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    overflow: visible;
    margin: 0;
    padding: 0;


    display: block;
    font-size: 24px;
    line-height: 54px;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.searchfields a[data-action="show-searchbar"],
.searchfields a[data-action="hide-searchbar"] {
    color: #363636;
    background-color: #E1E0E0;
}

.searchfields button {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

.searchfields a:hover,
.searchfields button:hover {
    color: var(--cs-color-white);
    background-color: #363636;
}

.searchfields .searchbar {
    display: none;
}

a.btn-prev, a.btn-next {
    display: block;
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 46px;
    color: var(--cs-color-white);
    text-align: center;
    background-color: var(--cs-color-blue);
    width: 200px;
    max-width: 100%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    border: solid 2px var(--cs-color-blue);
}

a.btn-prev {
    float: left;
    background-image: url("../ico/btn-vorige.svg");
    background-position: 15px center;
}

a.btn-prev:hover {
    padding-left: 20px;
    background-position: 25px center;
}

a.btn-next {
    float: right;
    background-image: url("../ico/btn-volgende.svg");
    background-position: calc(100% - 15px) center;
}

a.btn-next:hover {
    padding-right: 20px;
    background-position: calc(100% - 25px) center;
}

.pages {
    /*display: flex;*/
    /*justify-content: space-between;*/
    text-align: center;
    font-size: 0;
}

.pages > a, .pages > span {
    /*display: block;*/
    /*width: 12.5%;*/
    display: inline-block;
    width: 50px;
    margin: 0 4px;
}

.pages > a:first-child {
    margin: 0 4px 0 auto;
}

.pages > a:last-child {
    margin: 0 auto 0 4px;
}

.pages > a > div, .pages > span > div {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.pages > a > div {
    background-color: #E1E0E0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pages > a:hover > div {
    background-color: var(--cs-color-red);
}

.pages > a.selected > div {
    background-color: var(--cs-color-red);
}

.pages > span > div {
    background-image: url("../ico/more-pages.svg");
    background-size: 40% 40%;
    background-position: center center;
    background-repeat: no-repeat;
}

.pages > span > div:after {
    content: "";
    display: block;
    border: solid 1px #E1E0E0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
}

.pages > a > div > span {
    position: absolute;
    top: calc(50% + 2px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 1;
    color: #363636;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pages > a:hover > div > span {
    color: var(--cs-color-white);
}

.pages > a.selected > div > span {
    color: var(--cs-color-white);
}

.pages + span {
    display: block;
    font-family: "Atlas Grotesk Bold";
    font-size: 14px;
    line-height: 1.5;
    color: #888888;
    text-align: center;
    padding: 13px 0;
}

.pages + span > span {
    color: #363636;
}

#banner-article {

}








#top {
    width: 100%;
    height: 152px;
}

#popups {
    width: 100vw;
    background-color: rgba(44,48,62, 0.5);
    z-index: 1002;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow-y: scroll;
}

#popups > a {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#popups > a span {
    width: 31px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--cs-color-white);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#popups > a span:first-of-type {
    transform: translate(-50%, -50%) rotate(45deg);
}

#popups > a span:last-of-type {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#popups > a:hover span {
    background-color: var(--cs-color-red);
}

#popups > div {
    width: 100%;
    padding: 90px 0;
    background-color: var(--cs-color-blue);
}

#popup-newsletter span.title {
    font-family: "Atlas Grotesk Bold";
    font-size: 28px;
    line-height: 1.5;
    color: var(--cs-color-white);
}

#popup-newsletter span.text {
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: var(--cs-color-white);
}

#popup-newsletter span.small {
    font-family: "TheSansB W5 Plain";
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    padding-top: 40px;
    display: block;
}

#popup-newsletter label {
    display: block;
    font-family: "TheSansB W6 SemiBold";
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    margin-top: 50px;
}

#popup-newsletter input[type="text"],
#popup-newsletter input[type="email"],
#popup-newsletter input[type="tel"] {
    font-family: "TheSansB W5 Plain";
    font-size: 20px;
    line-height: 1.5;
    color: var(--cs-color-white);
	width: 100%;
	height: auto;
    border: none;
	border-bottom: solid 2px #787D90;
	background-color: transparent;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
	overflow: auto;
	display: block;
}

#popup-newsletter input[type="text"]::placeholder,
#popup-newsletter input[type="email"]::placeholder,
#popup-newsletter input[type="tel"]::placeholder {
    color: rgba(255,255,255,0.75);
}

#popup-newsletter input[type="text"]:focus,
#popup-newsletter input[type="email"]:focus,
#popup-newsletter input[type="tel"]:focus {
    border-bottom: solid 2px var(--cs-color-white);
}

#popup-newsletter .checkbox {
    vertical-align: middle;
    font-family: "TheSansB W6 SemiBold";
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    margin-top: 40px;
}

#popup-newsletter .checkbox a {
    color: var(--cs-color-white);
}

#popup-newsletter .checkbox a:hover {
    color: var(--cs-color-red);
}

#popup-newsletter .checkbox > label {
    margin-top: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 2px #787D90;
    cursor: pointer;
    background-image: none;
    background-position: center;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#popup-newsletter .checkbox > label:hover {
    border: solid 2px var(--cs-color-white);
}

#popup-newsletter input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#popup-newsletter input[type="checkbox"]:checked + label {
    border: solid 2px var(--cs-color-white);
    background-image: url("../ico/check-light.svg");
}

#popup-newsletter button {
    height: 56px;
    line-height: 52px;
    padding: 0 90px 0 30px;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
	overflow: auto;
	display: inline-block;
    white-space: nowrap;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    text-align: left;
    background-image: url("../ico/arrow-right.svg");
    background-size: 20px 20px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    margin-top: 25px;
    border: solid 2px var(--cs-color-red);
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#popup-newsletter button:hover {
    background-position: calc(100% - 40px) center;
    border: solid 2px var(--cs-color-white);
}

#popup-push-notifications span.title {
    font-family: "Atlas Grotesk Bold";
    font-size: 28px;
    line-height: 1.5;
    color: var(--cs-color-white);
}

#popup-push-notifications span.text {
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: var(--cs-color-white);
    margin-bottom: 60px;
    display: block;
}

#popup-push-notifications span.small {
    font-family: "TheSansB W5 Plain";
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    padding-top: 40px;
    display: block;
}

#popup-push-notifications input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

#popup-push-notifications input[type="checkbox"] + label {
    position: relative;
    display: block;
    width: fit-content;
    margin-bottom: 20px;
    padding-left: 38px;
    font-family: "TheSansB W5 Plain";
    font-size: 14px;
    line-height: 20px;
    color: var(--cs-color-white);
    user-select: none;
}
#popup-push-notifications input[type="checkbox"] + label > i,
#popup-push-notifications input[type="checkbox"] + label > svg {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: sub;
    position: absolute;
    left: 0;
    transition: opacity ease 0.4s;
    -webkit-transition: opacity ease 0.4s;
    -moz-transition: opacity ease 0.4s;
    -o-transition: opacity ease 0.4s;
}
#popup-push-notifications input[type="checkbox"] + label > i:first-of-type,
#popup-push-notifications input[type="checkbox"] + label > svg:first-of-type {
    opacity: 1;
}
#popup-push-notifications input[type="checkbox"] + label > i:last-of-type,
#popup-push-notifications input[type="checkbox"] + label > svg:last-of-type {
    opacity: 0;
}
#popup-push-notifications input[type="checkbox"]:checked + label > i:first-of-type,
#popup-push-notifications input[type="checkbox"]:checked + label > svg:first-of-type {
    opacity: 0;
}
#popup-push-notifications input[type="checkbox"]:checked + label > i:last-of-type,
#popup-push-notifications input[type="checkbox"]:checked + label > svg:last-of-type {
    opacity: 1;
}

#popup-push-notifications button {
    height: 56px;
    line-height: 52px;
    padding: 0 90px 0 30px;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
	overflow: auto;
	display: inline-block;
    white-space: nowrap;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    text-align: left;
    background-image: url("../ico/arrow-right.svg");
    background-size: 20px 20px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    margin-top: 25px;
    border: solid 2px var(--cs-color-red);
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#popup-push-notifications button:hover {
    background-position: calc(100% - 40px) center;
    border: solid 2px var(--cs-color-white);
}

#popup-response span.title {
    font-family: "Atlas Grotesk Bold";
    font-size: 28px;
    line-height: 1.5;
    color: var(--cs-color-white);
}

#popup-response span.text {
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 1.5;
    color: var(--cs-color-white);
}

#popup-response span.small {
    font-family: "TheSansB W5 Plain";
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    padding-top: 40px;
    display: block;
}

#popup-response label {
    display: block;
    font-family: "TheSansB W6 SemiBold";
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255,255,255,0.5);
    margin-top: 50px;
}

#popup-response {
    width: 100vw;
    background-color: rgba(44,48,62, 0.5);
    z-index: 1002;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    position:absolute;
    top:50%;
    left:50%;
    height:fit-content;
    /*margin-left:-300px;*/
    margin-top:-200px;
    width:22%!important;
    padding-top: 33px!important;
    padding-left: 33px!important;
    padding-right: 33px!important;
    transform: translate(-50%);
    padding-bottom: 70px!important;
}

#popup-response > div > div > a[data-action="close-popup"] > div {
    transform: translateY(40%);
    background-color: var(--cs-color-red);
    color: var(--cs-color-white);
    line-height: 50px;
    padding: 0 40px 0 30px;
    font-family: "Atlas Grotesk Bold";
    text-align: center;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#popup-response > div > .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

#popup-response > div > div > .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

#popup-response > div > div > .col-xl-3 {
    text-align: center;
}

#popup-response > div > div > .col-md-12 {
    text-align: center;
}

@media only screen and (min-width: 574px) {
    #popup-response {
        position:absolute;
        width:500px!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    #popup-response > div > div > .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 574px) {
    #popup-response {
        position:absolute;
        width:100%!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    #popup-response > .container {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media only screen and (max-width: 574px) {
    #popup-respone > div {
        width: 100%!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
        margin-right: auto!important;
        margin-left: auto!important;
    }
}

#close-popup span:first-of-type {
    transform: translate(-50%, -50%) rotate(45deg);
}

#close-popup span:last-of-type {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#close-popup:hover span {
    background-color: var(--cs-color-red);
}

#close-popup {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#close-popup span {
    width: 31px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--cs-color-white);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



#popup-searchbar {
    display: none;
}

#popup-searchbar input[type="text"],
#popup-searchbar input[type="email"],
#popup-searchbar input[type="tel"] {
    font-family: "TheSansB W4 SemiLight";
    font-size: 40px;
    line-height: 1.5;
    color: var(--cs-color-white);
	width: 100%;
	height: auto;
    border: none;
	border-bottom: solid 2px #787D90;
	background-color: transparent;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
	overflow: auto;
	display: block;
    background-image: url("../ico/search.svg");
    background-size: 40px 40px;
    background-position: right 20px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

#popup-searchbar input[type="text"]::placeholder,
#popup-searchbar input[type="email"]::placeholder,
#popup-searchbar input[type="tel"]::placeholder {
    color: rgba(255,255,255,0.75);
}

#popup-searchbar input[type="text"]:focus,
#popup-searchbar input[type="email"]:focus,
#popup-searchbar input[type="tel"]:focus {
    border-bottom: solid 2px var(--cs-color-white);
}

#popup-searchbar button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 75px;
    height: 75px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: hidden;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.slider {
    position: relative;
    min-height: 80px;
    background-color: var(--cs-color-white);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    margin: 50px 0;
}

.slider a[data-action="slide-section"] {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 80px;
    padding: 29px 58px 27px 25px;
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-color-black);
    background-color: var(--cs-color-white);
    background-image: url("../ico/select.svg");
    background-size: 18px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
}

.slider a[data-action="slide-section"].close {
    background-image: url("../ico/select-close.svg");
}

.slider-content {
    padding: 0 58px 11px 25px;
    display: none;
}

[data-pdf] {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

[data-pdf] > embed {
    position: absolute;
    top: 0;
    left: 0;
}

nav {
    width: 100vw;
    background-color: rgba(44,48,62, 0.5);
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow-y: scroll;
}

nav > div:first-of-type {
    float: right;
    max-width: 100%;
    min-height: 100vh;
    width: 400px;
    padding: 95px 30px;
    background-color: var(--cs-color-blue);
    position: relative;
}

nav > div > a {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 20px;
}

nav > div > a span {
    width: 31px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--cs-color-white);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

nav > div > a span:first-of-type {
    transform: translate(-50%, -50%) rotate(45deg);
}

nav > div > a span:last-of-type {
    transform: translate(-50%, -50%) rotate(-45deg)
}

nav > div > a:hover span {
    background-color: var(--cs-color-red);
}

nav ul:nth-of-type(1) {
}

nav ul:nth-of-type(1) li a {
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    line-height: 2;
    color: var(--cs-color-white);
    padding: 0 20px;
    margin: 5px 0;
    display: block;
}

nav ul:nth-of-type(1) li a:hover {
    color: var(--cs-color-black);
    background-color: var(--cs-color-white);
}

nav ul:nth-of-type(2) {
    margin-top: 60px;
}

nav ul:nth-of-type(2) li.disabled {
    display: none;
}

nav ul:nth-of-type(2) li a {
    font-family: "TheSansB W5 Plain";
    font-size: 16px;
    line-height: 2;
    color: #CACBCF;
    padding: 1px 20px;
    display: block;
}

nav ul:nth-of-type(2) li a span {
    margin-right: 5px;
}
nav ul:nth-of-type(2) li a span i:nth-of-type(2),
nav ul:nth-of-type(2) li a span svg:nth-of-type(2) {
    display: none;
}
nav ul:nth-of-type(2) li.active a span i:nth-of-type(1),
nav ul:nth-of-type(2) li.active a span svg:nth-of-type(1) {
    display: none;
}
nav ul:nth-of-type(2) li.active a span i:nth-of-type(2),
nav ul:nth-of-type(2) li.active a span svg:nth-of-type(2) {
    display: initial;
}

nav  ul:nth-of-type(2) li a:hover {
    color: var(--cs-color-white);
    text-decoration: underline;
}

nav  ul:nth-of-type(2) li a:hover span {
    color: var(--cs-color-red);
    text-decoration: none;
}

nav  ul:nth-of-type(3) {
    margin-top: 70px;
    padding: 0 20px;
}

nav  ul:nth-of-type(3) li {
    display: inline;
}

nav  ul:nth-of-type(3) li:first-of-type {
    margin-right: 6px;
}

nav  ul:nth-of-type(3) li a {
    display: inline-block;
    width: calc(50% - 5px);
    height: 46px;
    line-height: 46px;
    border: solid 2px var(--cs-color-red);
    color: var(--cs-color-white);
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    text-align: center;
}

nav  ul:nth-of-type(3) li:first-of-type a {
    border: solid 2px rgba(255,255,255,0.5);
}

nav  ul:nth-of-type(3) li:last-of-type a {
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-red);
}

nav  ul:nth-of-type(3) li a:hover {
    border: solid 2px var(--cs-color-red);
    background-color: transparent;
    color: var(--cs-color-red);
}


header {
    width: 100%;
    height: 153px;
    position: fixed;
    top: 0;
    z-index: 1000;
}

header .logo {
    width: calc(50% - 580px);
    float: left;
    height: 100%;
    background-color: var(--cs-color-white);
}

header .logo > div {
    width: 280px;
    height: 100%;
    float: right;
}

header .logo > div a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 71% 51%;
}

/*header .logo > div a:hover {*/
    /*background-size: 80% 80%;*/
/*}*/

#pre-nav {
    width: calc(50% + 580px);
    float: right;
    background-color: var(--cs-color-blue);
}

#pre-nav > div {
    width: 1440px;
}

#pre-nav ul:first-of-type {
    float: left;
    display: inline-block;
    margin: 13px 23px;
    color: #FFFFFF;
    font-family: "TheSansB W6 SemiBold";
    font-size: 14px;
    line-height: 30px;
}

#pre-nav ul li {
    display: inline;
    padding: 0 4px;
}

#pre-nav ul li.disabled {
    display: none;
}

#pre-nav ul li a i:nth-of-type(2),
#pre-nav ul li a svg:nth-of-type(2) {
    display: none;
}

#pre-nav ul li.active a i:nth-of-type(1),
#pre-nav ul li.active a svg:nth-of-type(1) {
    display: none;
}

#pre-nav ul li.active a i:nth-of-type(2),
#pre-nav ul li.active a svg:nth-of-type(2) {
    display: initial;
}

#pre-nav ul li.disabled + li {
    display: none;
}

#pre-nav ul:first-of-type li a:hover {
    text-decoration: underline;
}

#pre-nav ul:last-of-type {
    float: right;
    display: inline-block;
    margin: 13px 0;
    color: #FFFFFF;
    font-family: "TheSansB W2 Extralight";
    font-size: 18px;
    line-height: 30px;
}

#pre-nav ul:last-of-type li a:hover {
    color: var(--cs-color-red);
}
#pre-nav ul:last-of-type li a {
    font-size: 14px;
}
#pre-nav ul:last-of-type li a i,
#pre-nav ul:last-of-type li a svg {
    font-size: 18px;
    vertical-align: sub;
}

#nav {
    width: calc(50% + 580px);
    float: right;
    height: 96px;
    background-color: var(--cs-color-white);
}

#nav > div {
    width: 1440px;
}

#nav a {
    display: inline-block;
    line-height: 36px;
    color: var(--cs-color-black);
    font-family: "Atlas Grotesk Bold";
    font-size: 18px;
    float: left;
    padding: 0 15px;
    margin: 30px 5px;
}

#nav a:hover {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}


#nav a:first-of-type {
    font-size: 25px;
    margin-left: 0;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 30px;
    border-right: solid 1px #B2B2B2;
}

#nav a:first-of-type:hover {
    margin-left: 0;
    padding-left: 0;
    color: var(--cs-color-red);
    background-color: var(--cs-color-white);
}

#nav a:nth-of-type(8) {
    width: 62px;
}

#nav a:nth-of-type(8):hover {
    background-color: var(--cs-color-white);
}

#nav a:nth-of-type(8) span {
    display: block;
    background-color: var(--cs-color-black);
    height: 3px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#nav a:nth-of-type(8) span:nth-of-type(1) {
    width: 24px;
    margin-top: 10px;
    margin-bottom: 3px;
}

#nav a:nth-of-type(8) span:nth-of-type(2) {
    width: 32px;
    margin-bottom: 3px;
}

#nav a:nth-of-type(8) span:nth-of-type(3) {
    width: 28px;
    margin-bottom: 3px;
}

#nav a:nth-of-type(8):hover span:nth-of-type(1) {
    width: 32px;
    background-color: var(--cs-color-red);
}

#nav a:nth-of-type(8):hover span:nth-of-type(2) {
    width: 32px;
    background-color: var(--cs-color-red);
}

#nav a:nth-of-type(8):hover span:nth-of-type(3) {
    width: 32px;
    background-color: var(--cs-color-red);
}

#nav a:nth-of-type(9), #nav a:nth-of-type(10) {
    line-height: 46px;
    margin: 23px 5px;
    padding: 0 25px;
    float: right;
}

#nav a:nth-of-type(9) {
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-red);
    color: var(--cs-color-white);
    margin-right: 0;
}

#nav a:nth-of-type(9):hover {
    border: solid 2px var(--cs-color-red);
    background-color: var(--cs-color-white);
    color: var(--cs-color-red);
    margin-right: 0;
}

#nav a:nth-of-type(10) {
    border: solid 2px var(--cs-color-apple-blue-sea-green);
    background-color: var(--cs-color-white);
    color: var(--cs-color-apple-blue-sea-green);
}

#nav a:nth-of-type(10):hover {
    border: solid 2px var(--cs-color-apple-blue-sea-green);
    background-color: var(--cs-color-apple-blue-sea-green);
    color: var(--cs-color-white);
}

#nav.selected-1 a:nth-of-type(1) {
    color: var(--cs-color-red);
}

#nav.selected-2 a:nth-of-type(2) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-3 a:nth-of-type(3) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-4 a:nth-of-type(4) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-5 a:nth-of-type(5) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-6 a:nth-of-type(6) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-7 a:nth-of-type(7) {
    color: var(--cs-color-white);
    background-color: var(--cs-color-red);
}

#nav.selected-8 a:nth-of-type(8) {
}

#nav.selected-9 a:nth-of-type(9) {

}

#nav.selected-10 a:nth-of-type(10) {

}

footer {
    position: relative;
}

footer > div:nth-of-type(1) {
    padding: 250px 0 80px 0;
    background-image: url("../img/bgs/bg-footer-quicklinks.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

footer > div:nth-of-type(1) a {
    padding-top: 95%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

footer > div:nth-of-type(1) a > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer > div:nth-of-type(1) a > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;

    background: -moz-linear-gradient(left, rgba(44,48,62,1) 0%, rgba(114,116,126,0) 75%);
    background: -webkit-linear-gradient(left, rgba(44,48,62,1) 0%,rgba(114,116,126,0) 75%);
    background: linear-gradient(to right, rgba(44,48,62,1) 0%,rgba(114,116,126,0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c303e', endColorstr='#0072747e',GradientType=1 );


    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer > div:nth-of-type(1) .row > div:nth-of-type(1) > a {
    background-image: url('../img/zoek-een-afdeling-in-uw-buurt.jpg');
}

footer > div:nth-of-type(1) .row > div:nth-of-type(2) > a {
    background-image: url('../img/ben-ik-een-vrijzinnig-humanist.jpg');
}

footer > div:nth-of-type(1) .row > div:nth-of-type(3) > a {
    background-image: url('../img/lid-of-een-vrijwilliger-worden.jpg');
}

footer > div:nth-of-type(1) .row > div:nth-of-type(4) > a {
    background-image: url('../img/bekijk-onze-partners.jpg');
}

footer > div:nth-of-type(1) a > div > div {
    padding: 23px 90px 27px 25px;
    background-color: var(--cs-color-white);
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: "Atlas Grotesk Bold";
    font-size: 16px;
    line-height: 24px;
    color: var(--cs-color-black);
    min-height: 98px;
    min-width: 100%;
    background-image: url("../ico/go-to.svg");
    background-position: calc(100% - 20px) calc(100% - 25px);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/*footer > div:nth-of-type(1) .row-sm > div > a > div:after {*/
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*background-color: rgba(0,0,0,0.5);*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

footer > div:nth-of-type(1) a:hover > div > div {
    background-position: calc(100% - 30px) calc(100% - 25px);
}

footer > div:nth-of-type(1) a:hover > div:after {
    opacity: 0.3;
}

footer > div:nth-of-type(2) {
    padding: 0px 0 270px 0;
    background-color: #EEEAE9;
}

footer > div:nth-of-type(2) * {
    z-index: 2;
    position: relative;
}

footer > div:nth-of-type(2) > div:nth-of-type(1) > div > div > div {
    font-family: "Atlas Grotesk Bold";
    font-size: 20px;
    line-height: 27px;
    color: var(--cs-color-black);
    border-bottom: solid 2px #B2B2B2;
    padding-bottom: 16px;
    margin-bottom: 40px;
    padding-top: 50px;
}

footer > div:nth-of-type(2) ul li {
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 38px;
    color: #363636;
}

footer > div:nth-of-type(2) ul li a span {
    margin-right: 5px;
    font-size: 12px;
}

footer > div:nth-of-type(2) ul li a:hover {
    text-decoration: underline;
    color: var(--cs-color-black);
}

footer > div:nth-of-type(2) ul li a:hover span {
    text-decoration: none;
    color: var(--cs-color-red);
}

footer > div:nth-of-type(2) > div:nth-of-type(2) a[data-action="show-popup-newsletter"] {
    width: calc(100% - 40px);
    padding: 27px 185px 27px 25px;
    background-color: var(--cs-color-white);
    font-family: "Atlas Grotesk Bold";
    color: var(--cs-color-black);
    font-size: 18px;
    line-height: 24px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    box-shadow: 0;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) a[data-action="show-popup-newsletter"] > div {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--cs-color-red);
    color: var(--cs-color-white);
    width: 180px;
    line-height: 50px;
    padding: 0 40px 0 30px;
    font-family: "Atlas Grotesk Bold";
    background-image: url("../ico/arrow-right.svg");
    background-size: 18px 18px;
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) a[data-action="show-popup-newsletter"] + span {
    font-family: "TheSansB W5 Plain";
    font-size: 12px;
    line-height: 20px;
    color: #888888;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) a[data-action="show-popup-newsletter"]:hover {
    color: #363636;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) a[data-action="show-popup-newsletter"]:hover > div {
    right: -40px;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .sm-icon a {
    display: inline-block;
    width: 47px;
    height: 33px;
    margin-right: 10px;
    position: relative;
    margin-top: 22px;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .sm-icon a img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .sm-icon a:hover img {
    max-width: 100%;
    max-height: 100%;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .vlaanderen {
    display: flex;
    align-items: center;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .vlaanderen span {
    font-family: "TheSansB W5 Plain";
    font-size: 16px;
    line-height: 1.6;
    color: #363636;
    /*flex: 1;*/
    margin-right: 30px;
}

footer > div:nth-of-type(2) > div:nth-of-type(2) .vlaanderen img {
    width: 160px;
    height: auto;
}

footer > div:nth-of-type(3) {
    max-width: 1720px;
    margin: -220px auto 0 auto;
    background-color: var(--cs-color-blue);
    padding: 80px 0 75px 0;
}

footer > div:nth-of-type(3) * {
    z-index: 2;
    position: relative;
}

footer .contact-info > span {
    font-family: "Atlas Grotesk Bold";
    color: var(--cs-color-white);
    font-size: 20px;
    line-height: 27px;
    display: block;
    margin-bottom: 35px;
    padding-bottom: 8px;
    border-bottom: solid 2px #787D90;
    max-width: 940px;
}

footer .contact-info > div {
    margin-top: 15px;
    margin-bottom: 15px;

    padding-left: 80px;
    padding-right: 80px;
    
    font-family: "TheSansB W7 Bold";
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    text-transform: uppercase;
    background-size: 50px 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

footer .contact-info > div:nth-of-type(1) {
    background-image: url("../ico/footer-phone.svg");
}

footer .contact-info > div:nth-of-type(2) {
    background-image: url("../ico/footer-mail.svg");
}

footer .contact-info > div:nth-of-type(3) {
    background-image: url("../ico/footer-location.svg");
    padding-right: 20px;
}

footer .contact-info > div > a {
    display: block;
    margin-top: 15px;
    font-family: "TheSansB W5 Plain";
    font-size: 18px;
    line-height: 24px;
    color: var(--cs-color-white);
    text-transform: none;
}

footer .contact-info > div > a:hover {
    color: var(--cs-color-red);
}

footer > div:nth-of-type(4) > div > div > div {
    margin-top: 0;
    font-family: "TheSansB W7 Bold";
    font-size: 14px;
    line-height: 2;
}

footer > div:nth-of-type(4) a {
    font-family: "TheSansB W5 Plain";
    text-decoration: underline;
    margin-left: 13px;
}

footer > div:nth-of-type(4) a:hover {
    color: var(--cs-color-red);
}

footer > div:nth-of-type(4) img {
    max-height: 48px;
    max-width: 100%;
    height: auto;
    width: auto;
}

footer > div:nth-of-type(4) a[data-action="scroll-to"] {
    display: block;
    margin-left: 0;
    width: 0;
    height: 0;
    border-left: solid 72px transparent;
    border-right: solid 72px transparent;
    border-bottom: solid 72px var(--cs-color-purple);
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 1;
}

footer > div:nth-of-type(4) a[data-action="scroll-to"] img {
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: auto;
    max-width: initial;
    max-height: initial;
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer > div:nth-of-type(4) a[data-action="scroll-to"]:hover {
    border-bottom: solid 72px var(--cs-color-blue);
}

footer > div:nth-of-type(4) a[data-action="scroll-to"]:hover img {
    top: 30px;
    width: 29px;
}

footer > img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: calc(50% - 396px);
}

#adbuddy {
    color: #888888;
    font-family: "TheSansB W5 Plain";
    font-size: 12px;

}

#adbuddy > span {
    /*color: var(--cs-color-red);*/
}

/*#adbuddy > span > svg {*/
    /*animation-name: beat;*/
    /*animation-duration: 1300ms;*/
    /*animation-timing-function: ease;*/
    /*animation-delay: 0s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-direction: normal;*/
    /*animation-fill-mode: initial;*/
    /*animation-play-state: initial;*/
    /*transform-origin: center;*/
/*}*/

#adbuddy > a {
    font-family: inherit;
    text-decoration: none;
    margin-left: 0;
    /*color: var(--cs-color-red);*/
    display: initial!important;
}

#adbuddy > a:hover {
    /*color: #ffc600;*/
    color: #888888;
    text-decoration: underline;
}

@keyframes beat {
    0% {
        transform: scale(1);
        color: var(--cs-color-red);
    }
    14% {
        transform: scale(1.3);
        color: #ffc600;
    }
    28% {
        transform: scale(1);
        color: var(--cs-color-red);
    }
    42% {
        transform: scale(1.3);
        color: #ffc600;
    }
    50% {
        transform: scale(1);
        color: var(--cs-color-red);
    }
}




/* Scrollbar */
.menu-1 .frame {
    width: calc(100% - 5px);
    /*height: 160px;*/
    padding: 0;
}
.menu-1 .frame .slidee {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}
.menu-1 .frame .slidee li {
    /*float: left;*/
    margin: 0 5px 0 0;
    padding: 0;
    /*width: 120px;*/
    height: 100%;
    display: inline-block;
}
.menu-1 .frame .slidee {
    list-style: none;
    width: 100%;
    /*height: 90px;*/
    /*margin: 0;*/
    margin-left: -5px;
    padding: 0;
    white-space: nowrap;
    /*overflow-x: auto;*/
    overflow-x: hidden;
    overflow-y: hidden;
}
.scrollbar {
    width: calc(100% - 5px);
    height: 10px;
    padding: 0px 0px 0px 0px!important;
    /*background-clip: content-box;*/
    background: #eeeae9;
    border-radius: 10px;
    display: none;
    margin-top: -5px;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #ffffff;
    border-radius: 10px;
}

.mgmtError {
    padding: 5px 0px 0px 0px!important;
}

.online-offline-label {
    width: fit-content;
    background-color: #000000;
    padding: 6px 15px;
    font-family: "TheSansB W6 SemiBold";
    text-transform: uppercase;
    color: var(--cs-color-white);
    font-size: 14px;
    line-height: 1;
}


@media (max-width: 1719px) {
    header .logo {
        width: 16%;
    }

    header .logo > div {
        width: 100%;
    }

    header .logo > div a {
        background-position: 15px center;
    }

    #pre-nav {
        width: 84%;
        padding-right: 15px;
    }

    #pre-nav > div {
        width: 100%;
    }

    #nav {
        width: 84%;
    }

    #nav > div {
        width: 100%;
    }

    #nav a:nth-of-type(9), #nav a:nth-of-type(10) {
        display: none;
    }
}

@media (max-width: 1339px) {
    #top {
        height: 108px;
    }

    header .logo {
        width: 14%;
    }

    header {
        height: 108px;
    }

    header .logo > div a {
        background-position: center center;
        background-size: 80% 80%;
    }

    #pre-nav {
        width: 86%;
    }

    #pre-nav ul:first-of-type {
        margin: 6px 15px;
    }

    #pre-nav ul:last-of-type {
        margin: 6px 0;
    }

    #pre-nav ul:first-of-type li:nth-of-type(2),
    #pre-nav ul:first-of-type li:nth-of-type(5),
    #pre-nav ul:first-of-type li:nth-of-type(7){
        display: none;
    }

    #nav {
        width: 86%;
        height: 66px;
    }

    #nav > div {
        display: inline-block;
        width: initial;
        white-space: nowrap;
        float: right;
        line-height: 0;
    }

    #nav a {
        padding: 0 8px;
        margin: 15px 0;
    }

    #nav a:first-of-type {
        display: none;
    }
}

@media (max-width: 991px) {
    .menu-1 {
        display: none;
    }
    .menu-1-mobile {
        display: block;
    }
    #top {
        height: 80px;
    }

    header .logo {
        width: 25%;
    }

    header {
        height: 80px;
        width: 100%;
    }

    header .logo > div a {
        background-position: 15px center;
        background-size: 80% 80%;
    }

    #pre-nav {
        display: none;
    }

    #nav {
        width: 75%;
        height: 80px;
    }

    #nav > div {
        display: block;
        white-space: initial;
        float: initial;
        text-align: right;
    }

    #nav a {
        padding: 0 15px;
        margin: 22px 0;
        display: none;
        float: initial;
    }

    #nav a:nth-of-type(8) {
        display: inline-block;
    }

    footer .contact-info > div {
        margin-top: 15px;
        margin-bottom: 15px;

        padding-left: 80px;
        padding-right: 0;

        width: 100%;
    }

    .content {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

@media (max-width: 767px) {

}

@media (max-width: 575px) {
    a.btn-prev, a.btn-next {
        width: 100%;
    }

    nav ul:nth-of-type(3) li a {
        width: 100%;
        margin: 5px 0;

    }

    header .logo {
        width: 40%;
    }

    #nav {
        width: 60%;
    }

    #banner-menu-1 {
        padding: 65px 0 35px 0;
    }

    .content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    h1.pre {
        font-size: 18px;
        line-height: 1.1;
    }

    h1.small {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    p {
        font-size: 15px;
        line-height: 1.5;
    }

    p.intro {
        font-size: 18px;
        line-height: 1.5;
    }

    .content ul, .standard-content ul {
        font-size: 15px;
        line-height: 1.5;
    }

    .content ul li, .standard-content ul li {
        padding-left: 11px;
        background-size: 3px;
        background-position: left 7px;
    }

    #banner-menu-1 > div > span:nth-of-type(1) {
        font-size: 17px;
        line-height: 1.2;
        padding-bottom: 20px;
    }

    #banner-menu-1 > div > span:nth-of-type(2) {
        font-size: 30px;
    }

    footer > div:nth-of-type(1) a > div > div {
        padding: 21px 90px 25px 25px;
        font-size: 14px;
        line-height: 1.5;
        min-height: 88px;
    }

    footer > div:nth-of-type(2) > div:nth-of-type(1) > div > div > div {
        font-size: 17px;
        line-height: 1.4;
        padding-bottom: 14px;
        margin-bottom: 30px;
        padding-top: 40px;
    }

    footer > div:nth-of-type(2) ul li {
        font-size: 15px;
        line-height: 2;
    }

    footer .contact-info > span {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    footer .contact-info > div {
        font-size: 11px;
    }

    footer .contact-info > div > a {
        font-size: 15px;
        line-height: 1.4;
    }

    footer > div:nth-of-type(1) {
        padding: 100px 0 80px 0;
        background-image: url("../img/bgs/bg-footer-quicklinks.jpg");
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }

    footer > div:nth-of-type(4) a {
        display: block;
        margin-left: 0;
    }

    .online-offline-label {
        padding: 4px 10px;
        font-size: 12px;
    }
}










@media (max-width: 1719px) {

}

@media (max-width: 1339px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 575px) {
}







@media print {
    #top,
    #album-popup,
    #popups,
    nav,
    header,
    footer {
        display: none;
    }
}