#fw-section-video-with-text-2fc9110a-7123-4749-a98a-894cfab22582 {

/* Target the video element and its wrapper specifically */
.video-block video, 
.video-player iframe,
[class*="video"] video {
    max-height: 500px !important; /* Adjust this to the height you want */
    width: auto !important;       /* This keeps it from stretching horizontally */
    margin: 0 auto !important;    /* Centers it if it's too skinny */
    display: block !important;
}

/* Optional: Shrink the container so it doesn't leave giant gaps */
.video-block, .video-player-wrapper {
    max-width: 300px !important; /* Adjust this to match your desired width */
    margin: 0 auto !important;
}

}




#fw-section-text-carousel-f3f19f75-7b6d-4d2d-b93b-637cf171a940 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-text-carousel-f3f19f75-7b6d-4d2d-b93b-637cf171a940 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}




#fw-section-announcement-bar-0 {

/* Verklein alleen de hoogte van de balk */
.announcement-bar {
  padding-top: -2px !important;    /* Ruimte boven de tekst */
  padding-bottom: -2px !important; /* Ruimte onder de tekst */
  min-height: -3px !important;     /* Verwijdert de minimale standaardhoogte */
  line-height: 0.2 !important;    /* Zorgt dat de regelhoogte compact is */
}

}











#fw-section-password {
--font-heading-scale: 1.05;
--font-body-scale: 1.04;
}
#fw-section-password {

/* 1. Dwing de GIF op de alleronderste laag */
html, body {
    background-image: url('https://image2url.com/r2/default/images/1773312700572-762c47c7-22d9-4c0b-8901-07aabf85954b.gif') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* 2. Maak ELKE container transparant zodat de GIF erdoorheen schijnt */
#root, 
#__next, 
main, 
section, 
.page-container, 
.site-content, 
[class*="Section"], 
[class*="Container"] {
    background-color: transparent !important;
    background-image: none !important;
}

/* 3. Zorg dat tekst leesbaar blijft (optioneel, pas kleur aan indien nodig) */
p, h1, h2, h3, span {
    color: inherit;
}

}