:root {
                --primaryColor: #3643ba;
                --primaryContrastColor: #fff;
                --secondaryColor: #3643ba;
                --secondaryContrastColor: #fff;
                --backgroundColor: #FFFFFF;
                --accentBackgroundColor: #F7F7F7;
                --accentBackgroundColorDark: #E5E5E5;
                --textHeadingColor: #3643ba;
                --textColor: #000000;
            }

            @media (min-width: 1200px) {
  .header__container {
    padding: 0 120px;
  }
  .header {
    padding: 0;
  }
}

.triangle-top{all:unset}
.triangle-footer{all:unset}
.circles-top > svg {height:0px; width:0px}
.circles-bottom > svg {height:0px; width:0px}

.header .logo {
  max-height: 60px;
  height: auto;
}


/* VIDEOS NAAST TEXT */
.pimIsEenHeld {
  display: flex;
  align-items: flex-start;
  gap: 100px;         /* ruimte tussen tekst en video */
  margin-bottom: 10px; /* ruimte tussen secties */
  flex-wrap: wrap;   /* zorgt dat het onder elkaar komt op kleine schermen */
}

.pimIsEenHeld .text {
  flex: 1 1 400px;   /* tekst neemt ruimte, minimaal 300px */
}

.pimIsEenHeld .video {
  flex: 1 1 300px;   /* video neemt ook ruimte, minimaal 300px */
}

.pimIsEenHeld .video iframe {
  width: 100%;       /* iframe schaalt mee */
  height: 315px;     /* vaste hoogte (kan je aanpassen of met aspect ratio werken) */
  border-radius: 0px;
}

/* EINDE --  VIDEOS NAAST TEXT */

/* --- MOBIEL: compacter op kleine schermen --- */
@media (max-width: 768px) {
  .pimIsEenHeld {
    flex-direction: column;  /* zet tekst en video onder elkaar */
    gap: 5px;              /* minder ruimte tussen tekst en video */
    margin-bottom: 20px;     /* kleinere marge onder de sectie */
  }

  .pimIsEenHeld .text,
  .pimIsEenHeld .video {
    flex: 1 1 100%;         /* laat beide de volle breedte gebruiken */
  }

  .pimIsEenHeld .video iframe {
    height: 220px;          /* iets lagere videohoogte voor mobiel */
  }
}