@media (min-width: 992px) {
  #theme-page-navigation .navbar-nav .nav-link.h4:not(.disabled){font-size: 18px;}
}
#theme-page-navigation .navbar-nav > .last .nav-link {
  padding-right: 8px;
}
.theme-header-pane-empty {min-height: 110px;}
@media (min-width: 1200px) {
    .theme-header-pane-empty {min-height: 180px;}
}
.nav-desktop .navbar-nav li a { text-decoration: none; color: #707070; border-radius: 0px; font-family: inherit; margin: 0; padding: 10px; border: 0px solid transparent; transition: color .5s; position: relative }
.nav-desktop .navbar-nav li a:hover:after,
.nav-desktop .navbar-nav li a:focus:after { width: calc(100% - 16px); left: 8px }
.nav-desktop .navbar-nav li a:after { content: " "; height: 2px; width: 0; background: #e23835; position: absolute; left: 8px; bottom: 0; transition: width .4s }
.nav-desktop .navbar-nav li.active>a { background-color: transparent; color: #e23835 }
.nav-desktop .navbar-nav li.active>a:hover,
.nav-desktop .navbar-nav li.active>a:focus { background-color: transparent; color: #e23835 }
.nav-desktop .navbar-nav li.active>a:after { width: calc(100% - 16px); left: 8px }

body.page-40:not(.gescrolld) .nav-desktop .navbar-nav li a {color: #fff!important;}
body.page-40:not(.gescrolld) .nav-desktop .navbar-nav li a:after {background: #fff!important;}
body.page-40:not(.gescrolld) .nav-desktop .navbar-nav li.active>a {color: #fff!important;}
body.page-40:not(.gescrolld) .nav-desktop .navbar-nav li.active>a:hover,
body.page-40:not(.gescrolld) .nav-desktop .navbar-nav li.active>a:focus {color: #fff!important;}

.nav-extra .navbar-nav li a { text-decoration: none; color: #707070; border-radius: 0px; font-family: inherit; margin: 0; padding: 3px; border: 0px solid transparent; transition: color .5s; position: relative }
.nav-extra .navbar-nav li:not(.first) a::before {position: absolute; content: "|"; left: -4px;}
.nav-extra .navbar-nav li a:hover:after,
.nav-extra .navbar-nav li a:focus:after { width: calc(100% - 16px); left: 8px }
.nav-extra .navbar-nav li a:after { content: " "; height: 2px; width: 0; background: #e23835; position: absolute; left: 8px; bottom: 0; transition: width .4s }
.nav-extra .navbar-nav li.active>a { background-color: transparent; color: #e23835 }
.nav-extra .navbar-nav li.active>a:hover,
.nav-extra .navbar-nav li.active>a:focus { background-color: transparent; color: #e23835 }
.nav-extra .navbar-nav li.active>a:after { width: calc(100% - 16px); left: 8px }

body.page-40:not(.gescrolld) .nav-extra .navbar-nav li a {color: #fff!important;}
body.page-40:not(.gescrolld) .nav-extra .navbar-nav li a:after {background: #fff!important;}
body.page-40:not(.gescrolld) .nav-extra .navbar-nav li.active>a {color: #fff!important;}
body.page-40:not(.gescrolld) .nav-extra .navbar-nav li.active>a:hover,
body.page-40:not(.gescrolld) .nav-extra .navbar-nav li.active>a:focus {color: #fff!important;}

.bg-rood {background-color: #E23835;}
.bg-zand {background-color: #faf8f2;}

/*/HOMEHERO/*/
.block-full-width {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.background-image {
    overflow: hidden;
    z-index: 0;
}
.block-link .block-content {
    z-index: 1;
}

.block-content {
    background-image: linear-gradient(180deg, transparent 50%, rgba(34, 34, 34, .7)),linear-gradient(0deg, transparent 50%, rgba(34, 34, 34, .6));
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 60px;
    position: absolute;
    top: 0;
    width: 100%;
}
.block-link .block-content-link {position: relative;}
.block-link .block-content-link:after {content: " "; height: 2px; width: 0; background: #ffffff; position: absolute; left: 0px; bottom: 0; transition: width .2s;}
.block-link:hover .block-content-link:after {width: calc(100%);}
	
.grid-row {
    display: flex;
    flex-wrap: wrap;
    padding-left: calc(5.5vw / 2);
    padding-right: calc(5.5vw / 2);
    position: relative;
}
.grid-column {
    padding: 0 calc(5.5vw / 2);
}

.fit-width-content {
    width: -moz-fit-content;
    width: fit-content;
}
.object-fit-container.fit-parent {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.object-fit-container.cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.object-fit-container.cover img {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-fit-container img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.label {
    background: #fff;
    border-radius: 1px;
    color: #000;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    line-height: .75rem;
    padding: 3px 4px;
    text-transform: uppercase;
}
.block-content .label+[class^=heading-] {
    margin-top: 10px;
}
.heading-2 {
    font-size: calc(1.188rem + .25*((100vw - 20rem) / 100));
    font-weight: 700;
    line-height: 1.263;
    text-transform: uppercase;
    word-break: break-word;
}
.block-content-subtitle {
    margin-top: 5px;
}
/*//*/

/*/BOOTSTRAP/*/
#theme-page-navigation .logo {height: 87px;}
@media (min-width: 1200px) {
    #theme-page-navigation .logo {height: 154px;}
    .gescrolld #theme-page-navigation .logo {height: 87px;}
}
@media (min-width: 992px) {
    #theme-page-navigation .navbar-nav .nav-link:not(.disabled) {
        font-size: inherit;
    }
}
.page-40:not(.gescrolld) .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255,255,255, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")!important;
}
/*//*/
.gescrolld #theme-page-navigation {filter: drop-shadow(0px 0px 14px rgba(34, 34, 34, .2));}
#theme-page-navigation.navbar-expand-lg {background-color:transparent;}
.gescrolld #theme-page-navigation.navbar-expand-lg {background-color: #fff;}
.page-40:not(.gescrolld) img.zwkleur {filter: invert(1);}

/*/ADMIN/*/
.dnnEditState #theme-page-navigation {z-index: 0;}
.dnnEditState .theme-page-breadcrumb {
    z-index:0;
}
/*//*/

/*/FOOTER/*/
.theme-footer-imprint .theme-login {
  width: 12px;
  margin-left: 4px;
  margin-top: -5px;
}
/*//*/

/*FORMS*/
.ModLiveFormsC {display: none}
.page-break-section,
.LiveForm.Default .thank-you {border-radius: 0!important;box-shadow:none!important;background-color: #faf8f2!important}
label.error {font-size: .875rem;}
.page-break-section .Field.Required::before{content: "* ";position: absolute;left: 0px;}
.form-select:focus,
.form-control:focus, .form-control.focus {border: dashed 2px #000!important;box-shadow:none!important;outline: 0!important;}
.selectievaklabel {display: inline;}

html body form#Form .dnnLogin #dnn_ctr_Login_pnlLogin { margin: 0 auto 0 0;}
.dnnLogin .Field label[class*="Field-Label-"], .dnnLogin .Field > label {font-weight: bold; margin-bottom: 4px;}
html body form#Form .dnnLogin {text-align: left;}
html body form#Form .dnnLogin #dnn_ctr_Login_pnlLogin .LoginPanel {background-color: #faf8f2!important; padding: 15px;}
.LoginPanel .Field {margin-bottom: 20px;}
#dnn_ctr_Login_Login_DNN_lblLogin,
.LoginPanel .dnnForm .Field:last-child .Field-Label-Top{display: none}

/*//*/
a {text-underline-offset: .2rem;}
a:focus .ratio.bg-rood,
a:hover .ratio.bg-rood {background-color: #000;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {text-wrap:balance}
ul,ol {margin-bottom: 1rem;}
.page-50 #broodkruimel {display:none;}
.onderzoekitems .sticky-md-top {top: 150px; transition: all .4s;z-index:800;}
