:root {
  --kleuren_achtergrond: rgb(230,230,230);
  --kleuren_body:  #5a5a5a;
  --kleuren_ldh_rood: rgb(232,35,26);
  --kleuren_ldh_donker: rgb(7, 35, 41);
  --kleuren_ldh_donker_grijs: rgb(170,185,187);
  --kleuren_ldh_grijs: rgb(230,230,230);
  --kleuren_ldh_donker:  rgb(7, 35, 41);
  --kleuren_ldh_beige: rgb(246, 243, 239);
  --default_font_size: 18px;
  --default_line_height: 1.428em;

}

.img_preview {
    display: none;
    height:200px
}

.img_preview_small {
  width:100%;
  height:100%;
  object-fit: cover;
}

.asteriskField {
    display: none;
}

#
#KLEUREN
#

html {
    -ms-overflow-style: none;  
    scrollbar-width: none;
    
  
  
  }
  
::-webkit-scrollbar {
    display: none;
  }

body {
    color: var(--kleuren_body);
  
    font-size: var(--default_font_size);
    xline-height: var(--default_line_height);
   
  }

  .btn {
    font-size: 95%;
  }
.text-ldh {
    color: var(--kleuren_ldh_rood);
  }
  
.text-ldh-dark {
    color: var(--kleuren_ldh_donker);
  }
  
.bg-ldh {
    background: var(--kleuren_ldh_rood);
  }
  
.bg-ldh-grijs {
    background: var(--kleuren_ldh_grijs);
  }

.bg-ldh-donker-grijs {
    background: var(--kleuren_ldh_grijs);
  }
  
.bg-ldh-beige {
    background: var(--kleuren_ldh_beige);
  }
  
.bg-ldh-dark {
    background: var(--kleuren_ldh_donker);
  }
  
.bg-ldh-donkergrijs {
    background: var(---kleuren_ldh_donker_grijs);
  }

.border-ldh {
    border-color: var(--kleuren_ldh_rood);
  }

.border-ldh-dark {
    border-color: var(--kleuren_ldh_donker);
  }
.btn-ldh {
    --bs-btn-color: white;
    --bs-btn-bg: var(--kleuren_ldh_rood);
    --bs-btn-border-color: var(--kleuren_ldh_rood);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--kleuren_ldh_donker);
    --bs-btn-hover-border-color: var(--kleuren_ldh_donker);
    --bs-btn-focus-shadow-rgb: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-border-color: var(--kleuren_ldh_donker_grijs);
  }

 .btn-outline-ldh {
    --bs-btn-color: var(--kleuren_ldh_rood);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--kleuren_ldh_rood);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--kleuren_ldh_rood);
    --bs-btn-hover-border-color: var(--kleuren_ldh_rood);
    --bs-btn-focus-shadow-rgb: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--kleuren_ldh_rood);
    --bs-btn-active-border-color: var(--kleuren_ldh_rood);
  }

  .btn-ldh-dark {
    --bs-btn-color: white;
    --bs-btn-bg: var(--kleuren_ldh_donker);
    --bs-btn-border-color: var(--kleuren_ldh_donker);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--kleuren_ldh_rood);
    --bs-btn-hover-border-color: var(--kleuren_ldh_rood);
    --bs-btn-focus-shadow-rgb: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-border-color: var(--kleuren_ldh_donker_grijs);
  }


  .btn-outline-ldh-dark {
    --bs-btn-color: var(--kleuren_ldh_donker);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--kleuren_ldh_donker);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--kleuren_ldh_donker);
    --bs-btn-hover-border-color: var(--kleuren_ldh_donker);
    --bs-btn-focus-shadow-rgb: var(--kleuren_ldh_donker_grijs);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--kleuren_ldh_donker);
    --bs-btn-active-border-color: var(--kleuren_ldh_donker);
  }



.border-color-ldh {
    border-color: var(--kleuren_ldh_rood);
  }
  
#HEADER
.header-afbeelding {
  height:50vh; 
  object-fit: cover; 
}

logo-text {
  font-weight : 700;
}

.header {
  border-radius: 15% 0% 15% 0%!important; 
}

.header-titel {
  margin-right:-16px;
  margin-bottom:-16px;
  padding-left:25px!important; 
  border-left: 5px #f8f9fa solid!important;
  border-top: 5px #f8f9fa solid!important;
  border-radius:1em 0px 0px 0px; 
  max-width:95%;
}

.header-afbeelding {
  height:50vh; 
  object-fit: cover; 
}

.header-afbeelding-beheer {
  height:25vh; 
  object-fit: cover; 
}


.header-image {  
  height:30em;
  border-radius:15% 0% 15% 0%!important;
  object-fit: cover;
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}


.header-text {
  letter-spacing: .05em;
  text-shadow: 2px 2px 2px #072329;
}

.fp-footer {
  border-radius: 15% 0% 15% 0%;
}

.witte-divider {
  background: none repeat scroll 0 0 rgba(255,255,255,0.4);
  top: 0;
  display: block;
  height: 50vh;
  left: calc(35%);
  width: 1vh;
  margin: 0 auto;
  position: absolute;
}