*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*

:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
  z-index:10000000;
  position:sticky;
}

.menu-w-box:focus-within .menu-w-item {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

.menu-w-box2.menu-small:focus-within {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

#quick-actions:target {
  outline: none;
  scroll-margin-top: 120px;  sticky header 
}

#quick-actions:target > .zone-wrapper {

}


.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 12px 20px;
  text-decoration: none;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
  z-index: 10000;
}

.skip-link:focus {
  transform: translateY(0);
}

*/

*,html,body {
	font-family: 'Lato',sans-serif;
    font-weight:200;
    font-style:normal;
}

body { 
    padding: 150px 0 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(100vh - 0px);
    counter-reset: section; 
    overflow-y: overlay;
    background-color:#FEFEFE;
}

.git-frame.git-gridlayout {
 padding:0;
border:none;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	scroll-behavior: smooth;
    
}	

@font-face {
    font-family: 'Lato';
    src: url(../assets/fonts/Lato/Lato-Regular.ttf) ;
  }

  @font-face {
    font-family: 'Lato-Bold';
    src: url(../assets/fonts/Lato/Lato-Bold.ttf) ;
  }


p {
    color: rgb(56, 56, 56);
}

li, ul {
     color: rgb(56, 56, 56);
}

.git-questionnaire-label {
}
h4 {
    margin-bottom: 15px;
}
input {
	font-family: inherit;
    padding: 5px;
    font-size:16px;
    margin-left: 1px;
}

/* BEGIN KEUZERONDJES */

.git-radio-btn input[type=radio] {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0px 5px -2px 0px !important; 
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #7C8B90;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background-color: #fff;
    cursor: pointer;
}


.git-radio-btn input[type=radio]:checked {
    background-color: #001759; 
    border-color: #001759; 
}


.git-radio-btn input[type=radio]:checked::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* EINDE KEUZERONDJES */

/*
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: .5rem;
  line-height: 1.2;
  font-weight: 400 !important;
  color: #383838;
}
*/

h1, .h1 { 
        font-size: 25px;
        line-height: 1.6rem;
        color: #001759;
        font-family: 'Lato-Bold', sans-serif;}
h2, .h2 { font-size: 23px; }
h3, .h3 { font-size: 21px; }
h4, .h4 { font-size: 19px;
          font-weight: 500;
        font-family:'Lato-Bold', sans-serif;
        font-size:23px;}
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; 
        margin: 25px 0px 25px 0px;
}


.header h2,
.header h3,
.header h4,
.header h5  {
        font-size: 25px;
        line-height: 1.6rem;
        color: #001759;
        font-family: 'Lato-Bold', sans-serif;}
    color: rgb(56, 56, 56);
}

.header h6 {
    font-size:12px;
    font-style: italic;
}

.git-questionnaire .git-questionnaire-question h6.git-questionnaire-label {
    font-family: "Lato-Bold", sans-serif !important;
        color: #404B4F !important;
}

.git-questionnaire .git-questionnaire-question .git-questionnaire-label {
    font-family: "Lato-Bold", sans-serif !important;
    margin-right: 30px;
        color: #404B4F !important;
}

th, tr, td {
    padding: 10px 10px;
    text-align: start;
    font-size: 14px !important;
}

#cb_1\:BLOCK_AANSLAGEN_grid td:nth-child(1) {
    padding: 10px 10px 10px 10px;
   /* excel aan display: none; */
}
#cb_1\:BLOCK_AANSLAGEN_grid td:nth-child(2) {
    padding: 10px 10px 10px 10px
}

#cb_1\:BLOCK_AANSLAGEN_grid th:nth-child(1) {

   /* excel aan display: none; */
}

#cb_1\:BLOCK_AANSLAGEN_grid th:nth-child(2) {

}

#cb_1\:BLOCK_AANSLAGEN_grid th:nth-child(9) {
    padding: 0;
   /* excel aan display: none; */
}

td {
    color: #000;
    padding:10px;
}

tr {
    border-bottom: solid 1px #dadada;
    padding:10px;
}

hr {
    border-style: solid none none;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #F9F9F9;
}

table {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    margin-top: 20px;
    background-color:#f7f4ee;
    font-size: 14px !important;
}

#BLOCK_AANSLAGEN_grid {
    text-align:right;
}

/* BUTTONS */


/* formulier opslaan button */

button.git-text-button.enabled.git-quest-save {
    background-color: white !important;
    font-size: 16px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius: 0px;
    color: #001759;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0px;
}


/* reactmodal buttons */

span.git-buttonbar-right button.git-text-button {
    background-color: #0b8844 !important;
    font-size: 20px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius: 0px;
    color: #fff;
    border: none;
}


span.git-buttonbar-left button.git-text-button {
    background-color: #fff !important;
    color: #333;
    border: 2px solid #333;
    font-size: 20px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius:0px;
}

/* reactmodal buttons */

.git-text-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}


.enabled.git-quest-prev,
#docResult {
    background-color: #fff !important;
    color: #333;
    border: 2px solid #7C8B90;
    font-size: 20px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius:0px;
    font-family:'Lato-Bold', sans-serif;
}

.enabled.git-quest-prev :hover {
    background-color: #f0f0f0 !important;
}

.enabled.git-quest-next,
.button.git-quest-next:disabled,
.enabled.git-quest-submit {
    background-color: #0b8844 !important;
    font-size: 20px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius:0px;
    color: #fff;
    border: none;
}

.enabled.git-quest-next:hover,
.enabled.git-quest-submit:hover {
    background-color: #a82d4c;
}

/* Voeg een pijl toe aan de Volgende-knop */
.enabled.git-quest-next::after,
.enabled.git-quest-submit::after {
    content: " →";
    margin-left: 8px;
}

/* Voeg een pijl toe aan de Vorige-knop */
.enabled.git-quest-prev::before {
    content: "← ";
    margin-right: 8px;
}

/* Voeg een downloadicoon toe aan DocResults */
#docResult::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 8px;
        background-image: url(../assets/images/Download-document.svg); 
}


/* EINDE BUTTONS ROTTERDAM*/

button {
    width: auto;
    height: auto;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .8rem 2rem .6rem;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    background-color: #fff !important;
    padding:10px;
    margin-top:20px;
    font-size:18px;
    /* color: #001759;
    text-decoration: underline; */
    line-height: 20px;
}

button:hover {
    cursor: pointer;
}

/* Button verbergen wanneer deze disabled is binnen een formulier */

.git-questionnaire button.git-quest-prev:disabled {
    display: none !important;
}

/* controleren formulier uitval
.content-wrapper-full {
    margin-bottom: 3%;

} */

.git-block-recordactions button {
    color: #001759 !important;
    border: 0;
    background: #fff !important;
    text-decoration: underline;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    border-radius: 0;
    font-family: 'Lato',sans-serif;
    background-image: url(./images/iconen/i-file.svg);

}

/* ICONEN  */

.git-block-recordactions button {
color: #001759;
}
.git-buttonbar button {
    border: solid 2px #001759;
    width: 145px;
    border-radius: 45px;
}
.git-buttonbar .git-buttonbar-right button, .git-popup-inner button {
    background-color: #001759 !important;
    color: #fff;
    width: 145px;
    position:relative !important;
    cursor:pointer;
    margin-top: 20px !important;
}
.git-buttonbar button:hover {
    box-shadow: 0px 2px 22px rgb(192 192 192 / 71%);
}
section {
    width: 100%;
}

/* reset.css */

ul{
        list-style: disc;
        margin-left:20px;
}
.git-lp-header ul {
    list-style: disc;
    margin-inline-start: 40px;
    font-size: 18px;
}
.git-questionnaire .git-grid {
    height: 100% !important;
    overflow-x: auto;
}
input[type="submit"] {
    width: auto;
    border: 0px solid #CCC;
    height: 35px;
    line-height: 30px;
    padding: 0px 15px;
    float: right;
    background: #001759;
    font-weight: 700;
    color: #FFF;
    margin-left: 100px;
}

strong {
    font-weight: 700;
    font-family: 'Lato-Bold',sans-serif;
    color: rgb(56, 56, 56);
}

.git-icon-help {
    border: none !important;
    background-image: none !important;
    height: 30px !important;
    color: #001759;
}
.git-icon-help:before {
    font-family: "Font Awesome 5 Free";
    content: "\f059";
    font-weight: 900;
    background-color: #fff;
}
.mdi-map-marker:before {
    content: "\F34E";
}
.mdi-phone:before {
    content: "\F3F2";
}
.mdi-email:before {
    content: "\F1EE";
}
.mdi-facebook-box:before {
    content: "\F20D";
}
.mdi-twitter-box:before {
    content: "\F545";
}
.footer-content .link-list li span {
    font-size: 17px;
    padding: .625rem .5rem;
    vertical-align: middle;
    color: #fff;
}

.git-icon-delete3 {
    background-image: url(/js/static/8877d8a….png);
    background-position: -80px -226px;
    width: 16px;
    padding: 8px 8px !important;
    border: 0px !important;
}

.mdi-set, .mdi:before {
    display: inline-block;
    font: normal normal normal 24px/1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header-wrapper .logo {
    display: table;
	float:right;
    width:100%;
}

.header-wrapper {
    margin: 0 auto 0px auto;
    padding: 0px 40px 0px 40px;
}

.header-wrapper img {
    height: 100%;
    float:left;
    width: 220px;
    margin: 20px 20px 20px 0px;
    position: relative;
    z-index: 1000;
}

.header-wrapper .topMenu  li a {
    color: rgb(56, 56, 56);
    text-decoration: none;
    font-size: 18px;
    font-weight: 200;
    font-family: 'Lato',sans-serif;
    color:#fff;
}

.header li {
    font-size: 16px;
    color: rgb(56, 56, 56);
    line-height: 24px;
}

.TitelPagina h1 {
    color: #001759;
    font-size: 28px;
    font-family: 'Lato-Bold', sans-serif;
    margin:32px 0px 25px 0px;
}

.TitelPaginaTelefoon h1 {
    color: #001759;
    font-size: 25px;
    font-family: 'Lato-Bold', sans-serif;
    display:none;
}

/* Begin menu knoppen */

.menu-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-buttons {
    display: flex;
    list-style: none;
    padding: 0;
}

.menu-button {
    color: white;
    text-decoration: none;
    padding: 0px 20px;
    margin-right: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.menu-button:hover {

}

.menu-button i {
    margin-right: 8px;
}

.menu-button p {
    margin: 0;
}

.Uitloggen {
        background-image: url(./images/Uitloggen.svg);
       width: 16px;
       height: 16px;
       filter: brightness(0.6) contrast(1.1);

}

.Home {
    background-image: url(./images/Home.svg);
   width: 16px;
   height: 16px;
   filter: brightness(0.6) contrast(1.1);

}

.hamburger-container {
    display: none; /* Verberg de hamburgerknop standaard */
    align-items: center;
}

.hamburger-container span {
    color: white;
    margin-right: 10px;
    font-size: 18px;
}

.hamburger {
    flex-direction: column;
    cursor: pointer;
}

.hamburger .bar {
    width: 25px;
    height: 3px;
    background-color: black;
    margin: 4px 0;
}

.dropdown-menu {
    display: none;
    flex-direction: column;
    background-color: #444;
    position: absolute;
    top: 50px;
    right: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 150px;
    z-index: 1000;
}

.dropdown-menu a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #555;
}

.dropdown-menu a i {
    margin-right: 8px;
}

.dropdown-menu a p {
    margin: 0;
}

.dropdown-menu a:hover {
    background-color: #555;
}

#toggle-font-size {
    padding: 10px 20px;
    font-size: 16px;
    margin: 5px;
    background-color: #4CAF50;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#toggle-font-size:hover {
    background-color: #45a049;
}


/* Toevoeging hamburger menu*/

.topMenu a p {
    color:#404B4F;
    font-size: 18px;
}

.topMenu a:hover p {
    cursor:pointer;
}


.menu-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 20px;
}

.menu-buttons {
    display: flex;
    list-style: none;
    padding: 0;
}

.menu-button {
    margin-right:20px;
    border-width: 1px;
    color: #404B4F;
    font-size: 16px;
    text-align: center;
    border-radius: 3rem;
}

.menu-button i {
    margin-right: 8px;
}

.menu-button p {
    margin: 0;
}


.hamburger-container {
    display: none; /* Verberg de hamburger en het woord 'Menu' standaard */
    align-items: center;
}

.hamburger-container span {
    color: #404B4F; /* kleur van de tekst menu */
    margin-right: 10px;
    font-size: 18px;
}

.hamburger {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.hamburger .bar {
    width: 20px;
    height: 3px;
    background-color: #404B4F; /* Kleur van de hamburger */
    margin: 2px 0;
    transition: all 0.3s ease; /* Soepele overgang voor de animatie */
}

.dropdown-menu {
    display: none;
    flex-direction: column;
    background-color: #f7f4ee;
    position: absolute;
    top: 50px;
    right: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 150px;
    z-index: 1000;
}

.dropdown-menu a {
    color: white;
    text-decoration: none;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000 !important;
    border-radius:0px;
    margin-right: 0px;
}

.dropdown-menu a i {
    margin-right: 8px;
}

.dropdown-menu a p {
    margin: 0;
}

.dropdown-menu a:hover {
    background-color: #001759;
}

/* Wanneer de hamburger actief is, transformeren de balken in een kruis */
.hamburger.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active .bar:nth-child(2) {
    opacity: 0; /* Verberg de middelste balk */
}

.hamburger.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Einde menu knoppen */

.topMenu-wrapper {
    z-index: 100; 
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: center; 
    position:absolute;
    background-color:#fff;
}

.topMenu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
    /* Beperk de breedte */
    max-width: 1320px;
    width: 100%;
}



.header-wrapper .topMenu {
	position: absolute;
	right: 0;
}
.header-wrapper .topMenu li:hover {
	cursor: pointer;
	border-bottom: 1px solid #fff;
}
.header-wrapper .topMenu  li  {
	float: left;
}

.login-page {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.footer.page-footer .footer-copyright {
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    position:absolute;
}

.container-fluid p {
    margin-top: 60px;
}

.container-fluid a {
    margin-top: 60px;
}

.container2 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.box {  
    margin-bottom: 0px !important;
    background-color: #fff;
}

.achtergrond {
    background-color: #001759;
    height: 380px;
    position: relative;
    z-index:0;
}

.git-lp-main {

}

.achtergrond-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -130px;
}

@media (min-width: 576px) {
	.container2 {
    max-width: 540px;
}
}
@media (min-width: 768px) {
	.container2 {
    max-width: 720px;
}
}
@media (min-width: 992px) {
	.container2 {
    max-width: 960px;
}
}

@media (min-width: 1200px) {
	.container2 {
    max-width: 1140px;
}
}
.white-space {
	margin-top: 50px;
}
.footer-content .title {
	color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: .5rem;
    text-transform: none;
}

.footer-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 58px;
    background: #001759;
}

.footer-ul {
    color:#353b40;
    line-height: 24px;
    font-size: 14px;
}

@media (min-width: 768px)
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}

@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.footer-content .link-list li a:hover {
    text-decoration: underline;
}
.link-list li {
	line-height: 1.25rem;
    padding: .25rem 0 .25rem .5rem;
}
.link-list li a {
	font-size: 14px;
    letter-spacing: .00625rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    line-height: 2.1875rem;
}
.link-list.contact-list a {
	font-size: 18px;
}
footer.page-footer .container-fluid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 125px;
    box-shadow: 0 50vh 0 50vh hsl(0, 0%, 13%);;
    background-color: #f2f2f4;
}
footer.page-footer .footer-copyright img {
    margin-right: 10px;
}
footer img {
    vertical-align: middle;
    border-style: none;
    width: 25px;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


/* sub knoppen overige zones */

/* Standaard header styling */

.git-lp-header {
    width: 100%;
    transition: margin 0.3s ease, opacity 0.3s ease;
}

.git-lp-header .header {    
    padding: 40px 0px 0px 0px;
    background-color: #fff;
}

.row.centered.margin.text-center.git-lp-zone-w.git-lp-zone-n.git-lp-zone-o {
    margin-top: 0; /* Standaard geen marge */
    transition: margin-top 0.3s ease; /* Soepele overgang bij hoogteveranderingen */
}

.zone-wrapper {
    transition: margin-top 0.3s ease;
    background-color: rgba(0,23,89,.08);
    padding: 30px 0; /* Standaard padding */
    background-image: url(../assets/images/crown-blue.svg);
    background-position: center right;
    background-repeat: no-repeat;
}

.zone-wrapper:has(.row.centered.margin.text-center.git-lp-zone-w.git-lp-zone-n.git-lp-zone-o:empty) {
    background-color: #FFFFFF !important; /* Verander naar wit */
    padding:0px;
} 

.zone-z-achtergrond {
    margin-top:40px;
    padding: 0px 0px 0px 0px;
}

.git-lp-zone-z {
    color:red;
    max-width: 1170px;
    min-width: 980px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    clear: both;
    padding: 0;
}

.git-lp-zone-w .git-lp-zone-o {
    margin-top:400px
}

.git-lp-zone-n {
    transition: margin-top 0.3s ease;
}


/* DEFAULT MENU ITEMS */

.info-lijst {
    display: flex;
    flex-wrap: wrap; 
    list-style: none;
  }
  
.info-lijst .menu-w-box {
	flex: 0 0 auto;
    width: 33.333%;
    text-decoration: none;
    padding: 1rem;
    transition: transform 0.5s ease-in-out;
}


li.menu-w-box {
	flex: 0 0 auto;
    width: 33.333%;
    text-decoration: none;
    padding: 1rem;
    transition: transform 0.5s ease-in-out;
  }
  
    .menu-w-box a {
    text-decoration: none; /* Verwijder onderstreping */
    list-style: none;
  }

/* Verwijder padding links van de eerste kolom */
.menu-w-box:nth-child(3n+1) {
    padding-left: 0;
}

/* Verwijder padding rechts van de laatste kolom */
.menu-w-box:nth-child(3n) {
    padding-right: 0;
}


.info-w-box {
    line-height: 20px;
    font-size: 16px;
	min-height: 80px;
    display: inline-block;
    width: 100%;
    color:#000;
}


.icon-container {
    background: #001F4E; /* Donkerblauw */
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px; /* Zorgt voor consistente breedte */
  }
  
  .icon-container i {
    color: white;
    font-size: 40px;
  }

  .title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    padding: 25px;
    background: white;
  }

  .arrow {
    font-size: 20px;
    font-weight: bold;
    color: black;
    transition: transform 0.3s ease-in-out;
  }

.menu-w-box .title {
    font-size: 20px;
    line-height: 1.6rem;
    color:#001759;
    font-family: 'Lato-Bold', sans-serif;
}

/* MENU-W-ITEM:HOVER */

.menu-w-item:hover {
    background-color:#001759;
}

.menu-w-item:hover .title {
    border-bottom:1px solid #001759;
}

.menu-w-item:hover .info-w-box  {
    color:#fff;
}

.menu-w-item:hover .arrow {
    transform: translateX(-10px);
  }

/* Einde MENU-W-ITEM:HOVER */

.menu-w-item {
    background-color: #fff;
    text-decoration: none;
    justify-content: center;
    height: 80px;
    width: 100%;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, transform .2s ease-in-out;
    cursor: pointer;
    display:flex;
    box-shadow: 2px 2px 0 0 #0000001a;
}


.flex-container {
    display: flex;
    align-items: center;
    margin-bottom: 1%;
}

.menu-w-box2 {
    margin-right:20px;
    margin-bottom: 20px;
    border-color: #0b8844;
    color: #fff;
    font-size: 16px;
    background-color: #0b8844;
    padding: 8px 15px;
    text-align: center;
    border-radius: 0.2rem;
    text-decoration: none !important;
}

.menu-w-item2 {
	flex: 0 0 auto;
    height: auto;
    border: none;
    -webkit-border-radius: 5px;
    color: #FFF !important;
    text-decoration: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

.menu-w-box2 a {
    text-decoration: none; /* Verwijder onderstreping */
    list-style: none;
  }


.menu-w-box2:hover {
opacity: 0.9;;
}

.menu-w-box2 .title {
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    text-decoration: none;
}

.title a {
    text-decoration: none !important;
}

.menu-w-box2 .title:hover {
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}

/*
.git-lp-zone-n:has(.row.centered.margin.text-center.git-lp-zone-w.git-lp-zone-n.git-lp-zone-o:empty) {
	margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.git-lp-zone-w, .git-lp-zone-n {
	margin-top: 25px !important;
    margin-bottom: 25px !important;
}
*/

.git-questionnaire-label {
    font-family: 'Lato',sans-serif;
}

.enabled.git-icon-button  {
    background-color: white !important;
    color: #001759 !important;
    clip-path: none;
    padding: 0px 0px;
}

.enabled.git-icon-button:hover {
background-color: white !important;

}

thead {
    border-bottom: solid 2px #dadada !important;
}

.header {
    background-color: #fff;
    text-decoration: none;
    width: 100%;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.git-lp-header p {
    font-size: 16px;
    color: rgb(56, 56, 56);
    line-height:24px;
    /*margin-bottom: 20px;*/
}

.git-lp-header h1
,.git-lp-header h2
,.git-lp-header h3
,.git-lp-header h4
,.git-lp-header h5
,.git-lp-header h6{
    margin-bottom: 20px;
}




/***footer***/

.page-footer {
    margin-top: auto;
    display: table;
    flex-direction: column-reverse;

}

.footer {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
    padding: 2rem 0;
    width: 100%;
    height: 200px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-column {
    flex: 1;
    margin: 0 10px;
    min-width: 200px;
}

.footer-column h2 {
    font-size: 1.1em;
    margin-bottom: 10px;
    font-weight: bold;
    color: #ffffff;
}

.footer-column p, .footer-column a {
    font-size: 0.95em;
    color: #ffffff;
    text-decoration: none;
    line-height: 2.3em;
}

.footer-column a:hover {
    text-decoration: underline;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 3px solid #001759;
    margin-top: 20px;
    padding-top: 15px;
    font-size: 16px;
    max-width: 1320px;
    margin: 20px auto 0;
    flex-wrap: wrap;
}

.footer-bottom .left, .footer-bottom .center, .footer-bottom .right {
    flex: 1;
    text-align: center;
}

.footer-bottom .left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px; /* ruimte tussen <p> en <a> */
}
.footer-bottom .right {
    text-align: right;
    max-width: 1px;

}

.footer-bottom a,
.footer-bottom p{
    color: #404A4F;
    margin: 0 10px;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

/* Responsieve styling voor schermen van 1023px of kleiner */
@media (max-width: 1023px) {
    
    .footer {
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        padding: 2rem 0;
    }
    
    .footer-content {
        flex-direction: column; /* Zet de kolommen onder elkaar */
        align-items: flex-start; /* Links uitlijnen */
        text-align: left; /* Tekst links uitlijnen */
        gap: 25px; /* Extra ruimte tussen kolommen */
        padding-left: 20px; /* Optionele padding aan linkerkant voor uitlijning */
    }

    .footer-column {
        margin: 10px 0;
        min-width: unset;
        width: 100%; /* Zorgt dat de kolommen volledige breedte nemen */
    }

    .footer-bottom {
        flex-direction: column; /* Zet privacy links en copyright onder elkaar */
        align-items: flex-start; /* Links uitlijnen */
        text-align: left; /* Tekst links uitlijnen */
        margin-top: 30px;
        gap: 5px; /* Extra ruimte tussen links */
        padding-left: 20px; /* Optionele padding voor linkse uitlijning */
    }

    /* Links in .footer-bottom op een eigen regel en met dezelfde ruimte */
    .footer-bottom .left a {
        display: block; /* Zet elke link op een eigen regel */
        margin: 2px 0;
        line-height: 2.3em; /* Zorgt voor dezelfde verticale ruimte als de andere links */
    }

    /* Zet copyright in .footer-bottom aan de linkerkant */
    .footer-bottom .right {
        text-align: left;
        margin-top: 10px; /* Extra ruimte boven copyright */
    }
}



/***footer***/

/* ONTVANGSTBEVESTIGING EN LAAD ICOON */

@media (max-width: 600px) {
    .git-quest-nav {
        flex-direction: column !important;
    }
}

@media (max-width: 600px) {
    .git-quest-prev, .git-quest-next, .git-quest-submit, #main, .git-buttonbar-left, .git-buttonbar-right {
        width: 100%;
    }
}

.box button {
    background-color: #0b8844 !important;
    font-size: 18px !important;
    border-radius:0px;
    color: #fff;
    border: none;
    cursor:pointer;
}

.box button:hover {
opacity: 0.9;
}

.box button:disabled {
    background-color: #cccccc;
    color: #fff;
    cursor: not-allowed;
    opacity: 0.5;
}

.git-quest-submit-progress {
    position : relative;
  }
   
  .git-quest-submit-progress .git-text-button-label {
      visibility : hidden;
  }
   
  .git-quest-submit-progress::after {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border: 4px solid transparent;
      border-top-color: #e00e49;
      border-radius: 50%;
      animation: button-loading-spinner 1s ease infinite;
  }
   
  @keyframes button-loading-spinner {
    from {
      transform: rotate(0turn);
    }
   
    to {
      transform: rotate(1turn);
    }
  }
  
  /* EINDE ONTVANGSTBEVESTIGING EN LAAD ICOON */


/* PDF EN EXCEL KNOPPEN */


.col-xs-1.col-sm-6.col-md-8.col-lg-8 {
    flex-basis: 0%;
    max-width: 0%;
}

.col-xs-5.col-sm-3.col-md-2.col-lg-2 {
    flex-basis: 0%;
    margin-left: auto;
}

.col-xs-6.col-sm-3.col-md-2.col-lg-2 {
    flex-basis: 0%;
}

/* EINDE PDF EN EXCEL KNOPPEN */

/* =============== BREADCRUMBS =============== */


#breadcrumb-container {
  width: 100%;
  background-color: #001759;
  padding: 1rem 0;
  overflow-x: auto;
}


.breadcrumb-inner {
  max-width: 1320px;
  margin: 0 auto;
}


.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  align-items: center;
}


.breadcrumb-list li {
  margin: 0 10px 0px 0px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}


.breadcrumb-list li + li::before {
  content: ">";
  margin-right: 10px;
  color: #ccc;
}


.breadcrumb-list a {
  color: #fff;
  text-decoration: underline;
}


.breadcrumb-list li[aria-current="page"] {
  text-decoration: none;
  font-weight: bold;
}


@media screen and (max-width: 1350px) {
  .breadcrumb-inner {
    flex-wrap: wrap;
    max-width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb-inner {
    flex-wrap: wrap;
    max-width: 90%;
    padding:  0px 0px 0px 20px;
  }
}

/* =============== EINDE BREADCRUMBS =============== */



/* EMANDATE */

.git-gridlayout {
    padding: 0px;
    text-decoration: none;
    width: 100%;
    background-color: white;

}

.blok {
	padding: 0px; /*emandate*/
    border-radius: 5px;
    margin: 10px 0px 30px 0px;
}

/*
.git-lp-header .header {
    border-bottom-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    margin-top: -100px;
    padding: 40px 40px 40px 40px; 
} 
*/

.git-label {
    color: #000;
}

.emdWarn {
    color: #721c24;
    padding: 1%;
}

#opdrachtgeverSelect ,
#bankenSelect{
    min-width:250px;
    max-width:500px;
    padding: 12px; 
    font-size: 16px;
    color: #333;
    background-color: #f8f9fa; 
    border: 1px solid #ddd; 
    border-radius: 5px; 
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23333' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E"); /* Custom pijl als SVG */
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
    margin: 10px 0px 10px 0px;
}

/* EINDE EMANDATE */

/* CARROUSEL */

.git-questionnaire .git-quest-example-question .git-quest-example-carousel .swiper-slide {
                width: auto;
}

/* EINDE CARROUSEL */


.git-block-recordactions button{
    width: auto;
    height: auto;
    border: none;
    outline: none;
    display: inline-block;
    font-weight: 200 !important;
    text-decoration: none;
    background-color: #f7f4ee !important;
    font-family: 'Lato',sans-serif;
    font-size:18px;
    color: #001759 !important;
}

#cb_1\:BLOCK_AANSLAGEN_grid input[type="checkbox"] {
  /* excel aan display: none; */
}

#cb_2\:uplToggler:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f574";
    }
    
    #cb_3\:BLOCK_FORMULIERCONCEPTEN\:verwijderenAction:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f2ed";
    }
    
    #cb_3\:BLOCK_FORMULIERCONCEPTEN\:bewerkenAction:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f304";
    }
    
    #cb_1\:avgMatCB_btn:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f56d";
    }
    
    #cb_2\:COMP_DOCUMENT\:afdrukkenAction:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f56d";
    }
    
    #cb_1\:BLOCK_AANSLAGEN\:afdrukkenAction:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f15C";
    }

    #cb_2\:BLOCK_AANSLAGEN\:afdrukkenAction:before {
        padding-right:10px;
        font-family: 'Font Awesome 5 Free';font-weight: 900;
        content: "\f15C";
        }
    
    #cb_1\:BLOCK_TAXATIES\:afdrukkenAction:before {
        padding-right:10px;
        font-family: 'Font Awesome 5 Free';font-weight: 900;
        content: "\f15C";
        }
    #cb_2\:BLOCK_TAXATIES\:afdrukkenAction:before {
        padding-right:10px;
        font-family: 'Font Awesome 5 Free';font-weight: 900;
        content: "\f15C";
        }
        
    #cb_1\:BLOCK_AANSLAGEN\:excelAction:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f15C";
    }
    
    .git-questionnaire > button:first-child:before {
    padding-right:10px;
    font-family: 'Font Awesome 5 Free';font-weight: 900;
    content: "\f0c7";
    }

.enabled.git-quest-next {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff !important;
}

.git-icon-help {
     background-image: url(/js/static/e087361….png);
    background-position: -305px -96px;
    width: 16px;
    height: 16px;
}

button#main {
    background-color: #0b8844 !important;
    font-size: 20px !important;
    padding: 15px 15px 15px 20px !important;
    border-radius:0px;
    color: #fff;
    border: none;
    cursor:pointer;
}

.button#main:hover  {
    opacity: 0.9;
}

#docResult:hover  {
opacity: 0.9;
}

.git-questionnaire-question .git-toolbar-button {
    background-color: #fff !important;
    color: #001759 !important;
}

.git-quest-submit-progress {
  position : relative;
}
 
.git-quest-submit-progress .git-text-button-label {
    visibility : hidden;
}
 
.git-quest-submit-progress::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
    z-index:999999;
}
 
@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
 
  to {
    transform: rotate(1turn);
  }
}

/* EINDE */

/*  GOUWIT AANPASSINGEN NIET AANKOMEN!  */
.git-grid-sel {
    width: 3rem;
}
 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.

/* GOUWIT AANPASSINGEN  */

.Background-wrap {
    height: 0;
}
.git-layoutpanel {
	position: relative !important;
}
.git-layoutpanel button {
    margin-top: auto;
    background-color: #fff;
    position: relative !important;
}

.homepage-style .blok {
	overflow: unset !important;
}

.git-questionnaire .git-questionnaire-question {
    display: inline-block;
    min-width: 45%;
}

div.git-questionnaire-row.indent0 {
    margin: 15px 0px 15px 0px
}

.git-questionnaire #questions > span {
    display: block;
    margin-bottom: 30px;
}

.git-questionnaire .git-questionnaire-question[data-type=GRID] {
    display: block !important;
}

.git-questionnaire .git-questionnaire-question[data-type="GRID"] .git-questionnaire-row {
    overflow-x: auto; 
    max-width: 100%;
}

.git-questionnaire .git-questionnaire-question[data-type="GRID"] .git-questionnaire-row .git-questionnaire-content {
    display: table; 
    width: 100%;
    table-layout: fixed; 
    min-width: 100%;
}

.git-questionnaire .git-questionnaire-question[data-type="GRID"] .git-questionnaire-row .git-questionnaire-content > * {
    display: table-cell; 

}

.git-questionnaire-content > * {
    display: table-cell;

}

.git-questionnaire .git-questionnaire-question input[type=text] {
    width: 100% !important;
}

.git-questionnaire .git-questionnaire-question td input[type=text] {
    background-color: white;
    padding: 10px 0px;
    text-align: center !important;
    font-size:14px !important;
        border-radius: 10px;
}

[data-type="CURRENCY"] .git-questionnaire-question-inner >span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

input[type="email"],
input[type="text"] {
	border-bottom-color: #585858;
	box-sizing: content-box;
    background-color: transparent;
    border: none;
    border: 1px solid #7C8B8F;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    width: auto !important;
    font-size: 16px;
    padding: 10px 10px;
    text-align: left !important;
    margin-top: 5px;
}


.git-questionnaire-label {
    font-weight: normal !important;
}

.git-questionnaire .git-progress-active {
  font-weight: normal !important;
}

/* SUCCES BERICHT */

#conf, .git.notification {

}

#conf,
.git-notification {
    background-color: #eaf7eb !important; /* Lichte groene achtergrond */
    font-weight: bold !important; /* Vetgedrukte tekst */
    position: relative;
    display: flex; /* Zorgt voor een nette horizontale uitlijning */
    align-items: center; /* Centreert de tekst verticaal */
    gap: 8px; /* Ruimte tussen het icoon en de tekst */
    padding: 25px 20px; /* Ruimte binnen de box */
    border: 2px solid #ACD6B7; /* Optionele groene rand aan de linkerkant */
    color: #2C662D; /* Donkergroene tekst */
    margin-top:50px;
}


#conf::before,
.git-notification::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../assets/images/Step-completed.svg"); /* Correcte pad naar de afbeelding */
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0; /* Zorgt ervoor dat het icoon niet verkleind wordt */
}

#conf.error {
    background-color: #f8d7da !important; /* Lichte rode achtergrond */
    border-color: #E00E0E !important; /* Rode rand */
    color: #721c24 !important; /* Donkere rode tekst */
}


#conf.error::before {
    background-image: url("../assets/images/Step-failed.svg"); /* Fout icoon */
}


/* EINDE SUCCES BERICHT */

.homepage-style .row {
	-webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
}
.error input {
background-image: none;
border-bottom-color: #001759 !important;
box-shadow: 0 1px 0 0 #001759 !important;
}
.error {
	position: relative;
    width: 100%;
    display: table;
}

.git-lp-header > .header-wrapper {
	height: 100%;
	margin-bottom: 50px;
	font-size: 14px;
}
/* GOUWIT AANPASSINGEN EINDE  */

/* BEGIN PROGRESS BAR */

.git-questionnaire {
    position: relative;
}

.git-quest-progress::before {
    content: none !important;
    background: none !important;
    /* Of eventueel: display: none !important; */
}

.git-quest-progress {
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between; 
    width: 100% !important;
    height: 60px;

    margin: 20px 0;
    border: 2px solid #B6C4C8;
    box-sizing: border-box;
    overflow: auto;

    margin-bottom: 50px !important;
    margin-top: 30px !important;

  }
  
  .git-quest-progress > span {
    flex: 1;
    display: flex; 
    justify-content: center;
    align-items: center;  
    border-right: 1px solid #ccc; 
    padding: 0 8px;
    margin: 0 !important;
    height: auto !important;
    text-align: center;
    color: #404B4F !important;
  }
  
  .git-quest-progress > span:last-child {
    border-right: none;
  }
  
  .git-questionnaire .git-progress-active {
    border-bottom: 5px solid #001759;
  }
  
  .git-quest-progress > .git-progress-prev,
  .git-quest-progress > .git-progress-inactive[aria-label*="voltooid"],
  .git-quest-progress > .git-progress-completed {
    background-color: #eaf7eb !important;
    font-weight: bold !important;
    position: relative;
    display: flex;
    align-items: center; 
    gap: 8px;
    padding-left: 20px; 
}

.git-quest-progress > .git-progress-prev::before,
.git-quest-progress > .git-progress-inactive[aria-label*="voltooid"]::before,
.git-quest-progress > .git-progress-completed::before {

    content: ""; 
    width: 20px; 
    height: 20px; 
    background-image: url(../assets/images/Step-completed.svg); 
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0; 
}


/* END PROGRESS BAR */

.git-quest-nav {
display: flex;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 10px;
flex-direction: row;
justify-content: space-between;
border-top: 1px solid #CAD6DA;
}

.git-quest-nav button:last-child {
    margin-left: auto; 
}

.nav a:hover {
        cursor: pointer;
}


.git-questionnaire-label {
    font-family: 'Lato',sans-serif !important;
}

.git-block-recordactions {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.digid-loket-opties {
	list-style-type: square;
	text-indent: 20px;
}
.homepage-style .git-gridlayout {
	display: flex;
    flex-direction: column;
}
.homepage-style .box {
	width: 100%;
    margin-bottom: 0 !important;
    font-size: 14px;
}
.homepage-style .git-gridlayout .row {
    margin-bottom: 30px;
}
.homepage-style #git-content {
	width: 100%;
    background: unset;
    box-shadow: unset;
    margin-bottom: 40px;
}
#rsin p,#digid p {
	font-weight: bolder;
}
.homeContent {
	font-size: 14px;
}
.git-content {
	width: 100%;
}
#git-content {
	width: 100%;
margin-bottom: 20px;
}
.validation-error {
	color: #eb0f0f;
}
/*
.validation-error {
    padding: 15px 15px 15px 15px;
    display: inline-block;
    margin-top: 8px;
    background-color: #f8d7da !important;
    border: 2px solid #E00E0E;
    color: #000 !important;

}

.validation-error::before {
    content: ""; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    margin-right: 8px; 
    background-image: url(../assets/images/Step-failed.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
*/
/* LINKS */

.clear{
	clear:both;
}
.pageMenu a,
.pageDetails a,
.homeLists a,
p a,
a {
    color:#3344dd;
    text-decoration: underline;
    font-family: 'Lato-Thin', sans-serif;
}

a.text-blue:hover {
	color: #FF9900 !important;
}

a img,
.header-wrapper a,
#menu-hoofdmenu a,
.logo a,
.footer a,
.breadcrumbs a {
	border: 0;
}

ul.newsList li a,
ul.faqs li a {
	background: url('images/list-item-arrow.png') no-repeat left center;
	padding-left: 10px;
}

#smart-archives-fancy .tabs li {
	background: none;
}

/* SECTIONS */
.git-lp-main-wrapper-header {
	margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    font-size: 40px;
    min-height: 100px;
    font-weight: 500;
    line-height: 1.1;
}

/* POPUP MODAL WIJZIGING */

.ReactModalPortal .ReactModal__Overlay{
	background-color: rgba(72, 72, 72, 0.75) !important;
    z-index: 20;
    display: flex;
    background-color: #fff !important;
    margin: 0 auto;
    z-index: 99999;
    position: fixed !important;
    left: 20% !important;
    right: 20% !important;
    top: 30% !important;
    bottom: 30% !important;
    padding: 40px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    max-width: 700px;
   overflow-y: auto;
}

@media (max-width: 600px) {
    .ReactModalPortal .ReactModal__Overlay {
        top: 10% !important;
        bottom: 10% !important;
    }
}

.ReactModal__Overlay .ReactModal__Content {
    border:none !important;
    position:unset !important;
}

.ReactModal__Content .ReactModal__Content--after-open {
    border:none;
    position:unset;
}

.ReactModalPortal {
    background-color: rgba(72, 72, 72, 0.75) !important;
    z-index: 2000;
    width: 100%;
    height: 100%;
    position: fixed;
    display: table;
}

.git-buttonbar {
    display: table;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
}

.git-popup-title {
    margin: 0px;
    color: #212121;
    font-size: 20px;
    border-bottom: none;
    margin-bottom:10px !important;
    font-family: "Lato-Bold", sans-serif;
}
.git-lp-main-wrapper {
width: 100%;
margin-top: 20px;
}

.git-n-menu {
	border: 0px !important;
    border-radius: 8px 8px 0px 0px;
    background-color: #F8D0D0;
    padding: 10px 20px;
    margin-right: 12px !important;
    float: left;
    display: table;
}
.git-frame-title h4 {
    font-family: 'Lato',sans-serif;
    font-size: 40px;
}
/*
.git-lp-main .box {
    padding: 40px;
}
*/

section.blok.git-frame {
    padding: 10px 0px 10px 0px
}

.git-frame-title {
    display: none; /* Verberg standaard het element */
}

.git-frame-title:not(:empty) {
    display: block; /* Toon het element alleen als het niet leeg is */
    color:#001759;
}

/* GRID */
.row   {
	position: relative;
	width: 100%;
}
.header-padding {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}
.row [class*="span"] /* wildcard, used to detect all elements within .row starting with 'span' */ { 
	float: left;
	position: relative;
}

.row.no-overflow {
	overflow: visible;
}
.centered.row {
	max-width: 1320px;
    min-width: 940px;
    margin: 0 auto;
    clear: both;
    padding: 0;
}
.row .textCenter{
	text-align: center;
}
/* HEADER & FOOTER */

.git-content {
	width: 100%;
}


/* FORMS */

.formRow {
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	width :100%;
}
.formRow label {
	font-size: 90%;
	font-weight: 600;
	color: #444;
	text-align: left !important;
	float: left;
	width: 100%;
}

.git-questionnaire button.git-text-button {
    margin-bottom: 20px;
}


input[type="email"],
input[type="text"] {
	border-bottom-color: #585858;
	box-sizing: content-box;
    background-color: transparent;
    border: none;
    border: 1px solid #7C8B8F;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    width: auto !important;
    font-size: 16px;
    padding: 10px 10px;
    text-align: left !important;
    margin-top: 5px;
}


textarea {
	padding: 3px 10px;
	line-height: 25px;
	height: 100px;
	width: 100% !important;
	color: #444;
    margin-top: 5px;
}	
input[type="file"]{
	border: 0;
	padding: 0px 10px 0 0 ;
	line-height: 25px;
    height: 40px;
	float: left;
    line-height: 40px;
	background: #FFF;
	color: #444;
	width: 50%;
}


/*  GIT-CONTENT */
.git-header-top {
	padding-left: 40px;
    padding-right: 40px;
    background-color: #001759;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    width: 100%;
    height: 50px;
    display: table;
}

/* HEADER */ 

.header-wrapper .topMenu li span{
    padding: 0 15px;
	line-height: 16px;
}


@media (max-width: 1350px) {
    .centered.row {
        max-width: 90%;
    }

    #breadcrumb {
        max-width: 90%;
    }
    
    #breadcrumb-container {
        margin-left: 0px;
    }

    .info-lijst .menu-w-box {
        width: 50%;
        padding: .5rem;
    }

    .menu-w-box:nth-child(3n) {
        padding-right: .5rem;
    }

    .menu-w-box:nth-child(3n+1) {
    padding-left: .5rem;
}
}

@media all and (max-width:1050px){
footer.page-footer .footer-copyright {
    max-width: 1050px;
	background-size: cover;
    
}	

.menu-w-box:nth-child(4n+0) {
    margin-right: 0px;
  }

.centered.row{
		max-width:90%;
        min-width: 800px;
	}		

    section {
        margin-right:10px;
    }


	.git-frame {
		-webkit-overflow-scrolling: touch;
    	overflow: auto;
	}

    .ReactModalPortal .ReactModal__Overlay {
		left:0 !important;
		right:0 !important;
		border-radius:0 !important;
		padding:10px;
        width: 90%;
	}
	
	.git-buttonbar {
    padding: 30px;
}
	
	.menu-w-box {
    	width: 50%;
	}


    .menu-w-box .title {
        text-align: left;
        font-size:18px;
    }

    .Pijl {
        display:none;
    }

    .flex-container {
        display: block;
        /* align-items: center; */
        margin-bottom: 1%;
    }

    .menu-w-box i {
        width:100%;
    }

    .info-w-box {
        margin-left: 50px;
        line-height: 17px;
        font-size: 18px;
        display: none;
    }

}
@media all and (max-width:920px){
	.span7{
		width:96%;
	}
	.iframe{
	height: 2000px;
	}
   
    /* BEGIN PROGRESS BAR MOBIEL */

    /* BEGIN PROGRESS BAR MOBIEL */
.

/* END PROGRESS BAR */



}
@media all and (max-width:800px){
	.breadCrumbs span,
	.pageMenu .subLink,
	.sliderWrapper,
	#sidebar,
	.headerSearch{
		display: none;
	}
	.pageMenu .menu {
		margin-bottom: 0px;
	}
	.row.padding [class*="span"] {
		padding: 10px 15px;
	}
	.breadCrumbs {
		padding: 10px 10px !important;
	}
	.pageMenu {
		border-bottom: 1px solid #EFEFEF;
		width: 100%;
	}
	.pageDetails {
		border: 0;
	}
	.footer [class*="span"] {
		border-top: 0px solid #efefef;
	}
	.centered.row {
		max-width: 96%;
		min-width: 700px;
		margin: 0 auto;
		clear: both;
		display: flex;
	}

    .blok {
        margin-top: 0%;
    }

	.taxInfo .row.padding .span4 ,
	.margin .span5,	.span5,
	.margin .span6,	.span6,
	.margin .span7,	.span7,
	.margin .span8,	.span8,
	.margin .span9,	.span9,
	.margin .span10,	.span10,
	.margin .span11,	 .span11,
	.margin .span12,	 .span12{
		width: 98%;
		-moz-box-shadow:    0px 0px 0px  #000;
		-webkit-box-shadow: 0px 0px 0px  #000;
		box-shadow:         0px 0px 0px  #000;
	}
	.margin .span3,	.span3{
		width: 46%;
	}
	.iframe{
	height: 2000px;
	}

    .footer-list {
        max-width: 100%;
        margin-top:20px;
    }

    .footer-wrapper {
        flex-direction: column;
        padding: 10px;
        padding-left:20px;
    }    

    .info-lijst .menu-w-box {
        width: 100%;
        padding: .5rem;
    }
    

}
@media all and (max-width:700px){
	.taxInfo .row.padding .span4{
		height:auto;
	}
	.iframe{
	height: 2000px;
	}
	
    
}

@media all and (max-width:500px){
	.hidden-sm {
		display: none;
	}
	
	.iframe{
	height: 2000px;
	}
	
	.themeNavigation .row.padding  .span4 {
		box-shadow: 0 0 0 #000;
		font-size: 20px;
		height: 50px;
	}
	.themeNavigation .span4 .title{
		padding:12px 4px;
	}
	.margin .span1,	.span1,
	.margin .span2,	.span2,
	.margin .span3,	.span3,
	.margin .span4,	.span4{
		width: 98%;
		-moz-box-shadow:    0px 0px 0px  #000;
		-webkit-box-shadow: 0px 0px 0px  #000;
		box-shadow:         0px 0px 0px  #000;
	}
}


@media all and (max-width:400px){
	.themeNavigation .row.padding  .span4{
		text-align:left;
		font-size:18px;
	}
	.themeNavigation  .span4 .title{
		margin-left:1%;
	}
	.iframe{
	height: 2000px;
	}
}
@media (min-width: 600px) {
	.header-wrapper {
	display:table;
    width: 100%;
}
}

@media (max-width:600px) {

    .git-buttonbar button,
    .git-buttonbar-right button {
        width: 100% !important;
        border-radius: 45px;
    }
}

@media (min-width: 769px) and (max-width: 1030px) {
    .content-footer .footer-copyright {
        white-space: normal;
    }

    .content-footer .footer-copyright span,
    .address {
        margin-left: 13px;
    }

    .content-footer .footer-nav .contact-info {
        margin: 0 0 0 50px;
    }

    .content-footer .footer-copyright span:before {
        content: "";
        position: absolute;
        bottom: 3px;
        margin: 0 -5px;
        height: 14px;
        border-left: 1px solid #c2c2c2;
        display:none;
      }
}


/* MOBIELE WEERGAVE */

@media (min-width: 768px) {
	.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    }
}


@media (min-width: 992px){
	.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
}


/* BEGIN SKIPLINKS - TAB FUNCTIES */

:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
  z-index: 10000000;
}

a.menu-link {
  display: block;
}

a.menu-link:focus {
  outline: none;
}

a.menu-link:focus-visible .menu-w-item {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

#quick-actions:target {
  outline: none;
  scroll-margin-top: 120px;
}

.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 12px 20px;
  text-decoration: none;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
  z-index: 10000;
}

.skip-link:focus-visible {
  transform: translateY(0);
}

/* Buttons – muisklik geen focus, TAB wel */

button:focus {
  outline: none;
  box-shadow: none;
}

button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

.git-text-button:focus {
  outline: none;
  box-shadow: none;
}

.git-text-button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.git-text-button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

.menu-w-box2.menu-small:has(:focus-visible) {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}


input:focus {
  outline: none;
  box-shadow: none;
}


.using-keyboard input:focus {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}


.using-keyboard input[type="email"]:focus,
.using-keyboard input[type="text"]:focus {
  border-bottom-color: #001759;
}

.using-keyboard .hamburger-container:focus,
.using-keyboard .hamburger:focus,
.using-keyboard .hamburger-container:focus-within {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

.using-keyboard .menu-button:focus,
.using-keyboard .dropdown-menu a:focus {
  outline: 3px solid #000;
  outline-offset: 3px;
  border-radius: 6px;
}

/* EINDE SKIPLINKS - TAB FUNCTIES */