* {
    --required-fields-message: 'Velden gemarkeerd met een * zijn verplicht.';
        --bs-primary: #95AA9B;
        --bs-primary-rgb: 149, 170, 155;
        --bs-primary-hover: #C2DDCA;
        --bs-heading-color: var(--bs-primary);
        --bs-form-check-bg: var(--bs-primary);
        --bs-secondary: #CFDAC7;
        --bs-secondary-rgb: 207, 218, 199;
        --bs-secondary-hover: #F2FFE9;
        --bs-form-check-bg: var(--bs-secondary);
        --bs-body-bg: #ffffff;
    --logo-width:18rem;
     --logo-width-small:14rem;
        --bs-border-radius: 0;
        --bs-button-border-radius: 0;
        .btn-lg, .btn-sm { border-radius: 0; }
    --bs-body-font-size: 1.25rem;
    --block-spacer: 2rem;
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-hover-color: var(--bs-primary);
    --swiper-pagination-color: var(--bs-primary);
    --swiper-pagination-bullet-inactive-color: var(--bs-body-color);
    --swiper-theme-color: var(--bs-primary);
    --bs-body-font-family: "gotham", sans-serif;;
    --bs-body-font-weight: 200;
        h1,h2,h3,h4,h5{
            font-family: "gotham", sans-serif;;
        }
        h1,h2,h3,h4,h5{
            font-weight: 100;
        }
}
    h1,h2,.main-menu > li > a{
text-transform: uppercase;
letter-spacing: .01rem;
}
.main-menu  > li > a{
font-size: 16px;
}
.top-menu a{
font-size: 14px;
}
.block h5,
.block__title{
color: #D9AFA8 !important;
}
.top-menu-item:first-child a{
padding: 3px 10px;
border-radius: 6px;
background: #D9AFA8 !important;
color: white !important;
}
.banner__title{
font-family: limon-script, sans-serif;
text-transform: inherit;
font-size: 4rem;
}
.action-card{
  background-image: url('/assets/ornaments/orna-bloem-wit-v2.png');
  background-repeat: no-repeat;
  background-position: 0 125%;
  background-size: auto;
}
.card-footer{
background: transparent !important;
}
.site-footer{
  background-image: url('/assets/ornaments/footer-flowers-wit.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: auto; /* or a specific size if needed */
}
.site-footer a.text-bg-primary,
.site-footer__title.text-bg-primary{
background:transparent !important;
}
.banner__image {
  position: relative;
}
.banner__image::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -140px;
   width: 800px;
  height: 100%;
  transform: scale(.6);
  /* background-image: url('/assets/ornaments/Moeder-met-maan-en-zon2.png'); */
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  pointer-events: none;
}