#Body {overflow-x: auto}
*{scroll-behavior: smooth;}
.tekstbalans {text-wrap: balance;display: block;}
a {text-underline-position: under;text-underline-offset: -0.1rem;text-decoration-thickness: from-font;}
a.menulink {text-decoration: none;text-underline-offset: -0.2rem;}
/*a.h1.menulink {text-underline-offset: -0.8rem;}*/
a.h1.menulink {text-decoration-thickness: 6px!important;text-underline-offset: -0.5rem!important;}
a.menulink:hover {text-decoration: underline;}
.hoofdlinkshouder a {text-decoration: none;}
.hoofdlinkshouder a:hover {text-decoration: underline;}
.theme-footer-imprint .theme-page-login {
    width: 13px;
}
.scrollverder {margin-bottom: 40px; margin-left: -26px; position: absolute; bottom: 60px; left: 50%; width: auto!important}
.scrollverder svg{}
#theme-to-top:hover svg path {fill:#000!important}
body.page-36 h2,
body.page-36 h3,
body.page-36 h4{ color: #ED2F77;}
body.page-36 #theme-to-top svg path {fill:#ED2F77!important}

body.page-37 h2,
body.page-37 h3,
body.page-37 h4{ color: #00A2E2;}
body.page-37 #theme-to-top svg path {fill:#00A2E2!important}

body.page-44 #theme-to-top svg path {fill:#000000!important}

body.page-36:has(".detailpagina") #broodkruimel{ display:none;}

h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family:"mason-sans"!important;
	font-weight: 700!important;
}

h1, .h1 {
	font-size: calc(2.5rem + 2.5vw);
    text-wrap: balance;
    line-height: 1!important;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 4.5625rem;
  }
}
h2, .h2 {
	font-size: calc(2.5rem + 1.5vw);
    text-wrap: balance;
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 3.5625rem;
  }
}
h3, .h3 {
	font-size: calc(1.5rem + 1.5vw);
}
@media (min-width: 1200px) {
	h3, .h3 {
		font-size: 2.5625rem;
	}
}
h4, .h4 {
	font-size: calc(1rem + 1.5vw);
}
@media (min-width: 1200px) {
	h4, .h4 {
		font-size: 2rem;
	}
}
h5, .h5 {
	font-size: calc(2rem); font-weight: 700!important;
}
h1, .h1,h2, .h2,h3, .h3 {line-height: .9!important;}

.zwartfade {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.zwartfadevanuitonder {
    background: #000000;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6) 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.homehero{background-image: url("../img/landingpage-hero.jpg"); background-repeat: no-repeat; background-position: top center;background-size: cover}
.bg-oranje { background-color: #FF6A2F;}
.bg-roze { background-color: #ED2F77;}
.bg-rood { background-color: #BD222E;}
.bg-blauw { background-color: #00A2E2;}
.bg-zwart { background-color: #292727;}
.bg-zwartzwart { background-color: #000000;}
.bg-okergeel { background-color: #F49518;}
.bg-okergeelrood:nth-child(odd) { background-color: #F49518;}
.bg-okergeelrood:nth-child(even) { background-color: #BD222E;}
.bg-grijs {background-color: #E5E5E5!important;}
.bg-roze-kantelen {background-color: #ED2F77;background-image: url("../img/bg-kantelen-semitransparant.png"); background-repeat: repeat; background-position: top center;}
.text-geel {color: #FDCF37;}
.borderdots {border-right-style: dotted!important;}

.terughouder {z-index: 2;}
.logo-houder {position:absolute; top:0;left:20px;width: 50px;transition:all .3s ease-in-out;z-index: 2;}
@media (min-width: 576px) {
    .logo-houder {width: 100px;}
}
@media (min-width: 768px) {
    .logo-houder {transform: translateX(-50%);position:absolute; top:0;left:50%;width: 100px;}
}
@media (min-width: 992px) {
    .page-21 .logo-houder {width: 150px;}
}


.introrechts,
.tweebloktekst,
.overflow-x-hidden {overflow-x: hidden;}

.introlinks {}
.introrechts {padding:30px 30px 30px 30px;}
@media (min-width: 768px) {
    .introrechts {padding:80px 30px 30px 70px;}
}
@media (min-width: 992px) {
    .page-21 .introrechts {padding:80px 30px 30px 90px;}
}

@media (max-width: 767.9999px) {
    .agenda .kleurtegel:nth-child(odd) .kleurtegelkleur{background-color: #00A2E2;}
    .agenda .kleurtegel:nth-child(even) .kleurtegelkleur{background-color: #ED2F77;}
    .verhaal .kleurtegel:nth-child(odd) .kleurtegelkleur{background-color: #F49518;}
    .verhaal .kleurtegel:nth-child(even) .kleurtegelkleur{background-color: #BD222E;}

    .ratio {
        padding-top:2rem;
        padding-bottom:2rem;
     }
    .ratio::before {
        display: none;
     }
    .ratio > * {
      position: relative;
      top: inherit;
      left: inherit;
      width: 100%;
      height: auto;
    }
}
@media (min-width: 768px) and (max-width: 1199.9999px) {
    .agenda .kleurtegel:nth-child(4n+1) .kleurtegelkleur,
    .agenda .kleurtegel:nth-child(4n) .kleurtegelkleur {background-color: #00A2E2;}
    .agenda .kleurtegel:nth-child(4n+2) .kleurtegelkleur,
    .agenda .kleurtegel:nth-child(4n+3) .kleurtegelkleur {background-color: #ED2F77;}
    .verhaal .kleurtegel:nth-child(4n+1) .kleurtegelkleur,
    .verhaal .kleurtegel:nth-child(4n) .kleurtegelkleur {background-color: #F49518;}
    .verhaal .kleurtegel:nth-child(4n+2) .kleurtegelkleur,
    .verhaal .kleurtegel:nth-child(4n+3) .kleurtegelkleur {background-color: #BD222E;}
}
@media (min-width: 1200px) {
    .agenda .kleurtegel:nth-child(odd) .kleurtegelkleur{background-color: #00A2E2;}
    .agenda .kleurtegel:nth-child(even) .kleurtegelkleur{background-color: #ED2F77;}
    .verhaal .kleurtegel:nth-child(odd) .kleurtegelkleur{background-color: #F49518;}
    .verhaal .kleurtegel:nth-child(even) .kleurtegelkleur{background-color: #BD222E;}
}
.kleurtegelkleurder,
.kleurtegelkleur {transition:all .15s ease-in-out;}
.kleurtegelkleurder:hover .kleurtegelkleur,
.kleurtegelkleur:hover {background-color: #292727!important;}

#list>div:nth-child(4n+1), #list>div:nth-child(4n) {
  background-color: red;
}

#list>div:nth-child(4n+2), #list>div:nth-child(4n+3) {
  background-color: blue;
}

body.page-36:has(".detailpagina") #dnn_HeaderPane{ display:none;}
body.modal-open .logo-houder,
body.modal-open #theme-page-navigation {
    padding-right: 17px;
}
.modal .btn-close {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}

/*/ADMIN/*/
.dnnEditState #theme-page-navigation {position: relative!important}
/*//*/

#theme-page-main .tekstblok.kop-rood h2,
#theme-page-main .tekstblok.kop-rood h3 {color:#BD222E!important;}
#theme-page-main .tekstblok.kop-okergeel h2,
#theme-page-main .tekstblok.kop-okergeel h3 {color:#F49518!important;}
#theme-page-main .tekstblok.kop-roze h2,
#theme-page-main .tekstblok.kop-roze h3 {color:#ED2F77!important;}
#theme-page-main .tekstblok.kop-blauw h2,
#theme-page-main .tekstblok.kop-blauw h3 {color:#00A2E2!important;}

/*/FORM/*/
.ModLiveFormsC {display: none}
.grecaptcha-badge { visibility: hidden; display: none }
.page-break-section .recaptcha {background: url("../img/recaptcha.png") no-repeat left center;padding-left: 60px}
.page-break-section .Field.Required::before{content: "* ";position: absolute;left: 0px;}
.posrelative {position: relative}
.moxie-shim.moxie-shim-html5:hover,
.moxie-shim.moxie-shim-html5:focus,
.moxie-shim.moxie-shim-html5 input:hover,
.moxie-shim.moxie-shim-html5 input:focus,
.plupload_filelist_footer {background-color: #fff!important;}
li.plupload_failed,
.plupload_failed .plupload_file_name,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_action,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_size,
.plupload_failed .plupload_clearer,
.plupload_file_icon {display: none!important;}
.plupload_file_status {color: #42454A!important;}
.plupload_file_name {width: 70%!important;}
.plupload_file_size,
.plupload_file_process,
.plupload_file_status {width: 10%!important;}
li.plupload_delete {width: 100%!important;}
.plupload_failed .plupload_file_status {}
.LiveForm.Default .Field-Label-Hidden.label_hidden {display: none;}
.LiveForm.Default ul.page-break-section, .LiveForm.Default .thank-you {
    padding: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    background-color: transparent!important;
}

@media (min-width: 768px) {
    .LiveForm.Default .Field input,
    .LiveForm.Default .Field.mobile-under input,
    .LiveForm.Default .Field textarea,
    .LiveForm.Default .Field.mobile-under textarea,
    .LiveForm.Default .Field select,
    .LiveForm.Default .Field.mobile-under select{
        width: 500px!important;
    }
}
.kiesrol p {margin-bottom: 0!important;font-size: 0.875em;}
.bg-rood .LiveForm.Default .thank-you,
.bg-rood .LiveForm.Default .thank-you h2,
.bg-rood .LiveForm.Default ul.page-break-section h2 {color: #fff!important;}
.bg-rood .LiveForm.Default .Field.Text {color: #fff!important;}
.bg-okergeel .LiveForm.Default .thank-you,
.bg-okergeel .LiveForm.Default .thank-you h2,
.bg-okergeel .LiveForm.Default ul.page-break-section h2 {color: #fff!important;}
.bg-okergeel .LiveForm.Default .Field.Text {color: #fff!important;}
/*//*/

/*/VIDEOWEERGAVE/*/
.video_wrapper {
    margin: 0 auto;
    position: relative;
    background-color: #000;
}
/*.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}*/

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}
.videoPoster:hover {
    cursor: pointer;
}
.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background-image: url("../img/video-play.png");
    background-size: 100%;
    margin: -40px 0 0 -40px;
}
.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}
/*//*/
/*/CAROUSEL/*/
.carousel .carcontrol .carousel-control-prev-icon,
.carousel .carcontrol .carousel-control-next-icon { height: 65px; width: 65px; background: none!important }
.carousel .carcontrol .carousel-control-prev-icon { left: 0; }
.carousel .carcontrol .carousel-control-next-icon { right: 0; }
.carousel .carcontrol .carousel-control-prev-icon::before {
    display: inline;
    content: "";
    padding: 1rem;
    -webkit-mask: url(/Portals/_default/Skins/1018/assets/img/icons/circle-arrow-left-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/1018/assets/img/icons/circle-arrow-left-light.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
}
.carousel .carcontrol .carousel-control-next-icon::before {
    display: inline;
    content: "";
    padding: 1rem;
    -webkit-mask: url(/Portals/_default/Skins/1018/assets/img/icons/circle-arrow-right-light.svg) no-repeat 50% 50%;
    mask: url(/Portals/_default/Skins/1018/assets/img/icons/circle-arrow-right-light.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
}
.carousel .carcontrol .carousel-control-prev-icon svg {
    margin-left: 10px;font-size: 200%;
}
.carousel .carcontrol .carousel-control-next-icon svg {
    margin-right: 10px;font-size: 200%;
}
.carousel-indicators {bottom: -30px!important;}
.slick-slide figcaption,
.carousel-item figcaption {min-height: 80px;}
.modal .btn-close {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
.max-height-80vh {
  max-height: 75vh;
}
figcaption {padding-top: .5em;}
/*//*/
.detailpagina table,
.tekstblok table {margin-bottom: 2.5rem;}
.detailpagina ul,
.tekstblok ul,
.detailpagina ol,
.tekstblok ol {margin-bottom: 1.5rem;}

/*/TIJDLIJN/*/
@media (min-width: 768px) {
    .tijdlijn .kleurtegel:nth-child(odd) .kleurtegelkleur{background-color: #F49518;}
    .tijdlijn .kleurtegel:nth-child(even) .kleurtegelkleur{background-color: #BD222E;}
}
.bg-tijdlijn{background-image: url("../img/Vlaardingen-anno-1018-door-Ulco-Glimmerveen.jpg"); background-repeat: no-repeat; background-position: top center;background-size: cover}

.checkbox label span {
  border: solid 2px transparent!important;
}
.checkbox label:has(input:checked) span {
  border: solid 2px white!important;
}
.tijdlijn .checkbox .p-1{cursor: pointer;}
.tijdlijn .kleurtegel .checkbox {border: solid 3px transparent!important; cursor: pointer;}
.tijdlijn .kleurtegel:has(input:checked) .checkbox {border: solid 3px white!important;}
/*//*/