/**************************************************************************/
/******************************** HOMEPAGE ********************************/
/**************************************************************************/

/********** VIDEOS **********/
.videos { margin-bottom: 0; }
.video_1 { margin-top: 40px; width: 100%; position: relative; }
#play-video_1 { position: absolute; z-index: 1; width: 100%; }
#play-video_1:hover { cursor: pointer; }
.video_1 > embed, .video_2 > embed { position: absolute; width: 100%; height: 641px; position: relative; z-index: 0; }
.video_2 { margin-block: 60px; }
.video_2 > h2 { font-size: 40px; padding-block: 30px; }
.brand-momentum { margin-top: 0;  }
.brand-momentum > h2 { padding-block: 30px; }
.rssapp-title-header { color: var(--main-txt-color); }
.rssapp-card-container_modern { width: 360px; }
.rssapp-carousel-container { width: unset !important; }

/********** POWERED **********/
.sectionImage { width: 100%;  }
.imageBackground { width: 40%; background: #D3DDE4; border-radius: 0px 0px 80px 0px; }
.kolommen { display: flex; flex-wrap: wrap; justify-content: space-between; }
.kolommen-achtergrond { display: flex; flex-wrap: wrap; background: #F7F9FA; border-radius: 0px 0px 80px 0px; width: 100% }
.kolom { width: 55%; padding: 20px;  }
.kolom > h2 { font-size: 30px; }
.knop { background-color: var(--secondary-txt-color); cursor: pointer; color: white; border-radius: 30px; text-align: center; padding-inline: 20px; padding-block: 10px; font-weight: bold; font-size: 22px; margin-top: 50px; margin-inline: 50px; }

/********** GROEI **********/
.titelBar { background: linear-gradient(90deg, #FFFFFF 50%, #0B3279 50%); margin-top: 30px; padding-left: 40px; }
.titelBar > h3 { background: var(--main-txt-color); border-radius: 40px 0px 0px 0px; padding-left: 40px; padding-block: 10px; }
.kolom-links, .kolom-rechts { display: flex; width: 48%; }
.kolom-links { flex-wrap: wrap; } 
.kolom-rechts iframe { margin: auto; }
.kolom-img { width: 100%; overflow: hidden; margin-top: 25px; }
.kolom-img img { object-fit: cover; object-position: center; }
.kolom-links > .kolom-img > img { width: 100%; height: 250px; }
.kolom-links > div > p, .kolom-rechts > div > p { font-size: 14px; }
.kolom-img.tweede { margin-top: 50px; }
.ytmVideoInfoVideoTitleContainer { display: none !important; }
/********** ONDERSTEUNING **********/
.support { display: flex; flex-wrap: wrap; justify-content: center; gap: 33px; }
.support > h2 { width: 100%; text-align: center; }
.icon { font-weight: bold; text-align: center; font-size: 18px; line-height: 18px; }
.icon > h1 { padding-top: 15px; padding-bottom: 30px; }
.icon > svg { width: 100%; }
.card { 
  border-radius: 0px 22px 0px 0px; 
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #DAE3EC;
  box-shadow: 0px 11px 20px 0px #DAE3EC;
  /*margin: 10px 10px 10px 10px;*/
  --e-column-margin-right: 10px;
  --e-column-margin-left: 10px; 
  padding-block: 10px;
  padding-inline: 15px;
  width: 28%;
  text-align: left;
}

/********** INTERNATIONAAL DE TOP **********/
.int { width: 100%; }
.global-bg { background: linear-gradient(90deg, #FFFFFF 50%, #0B3279 50%); }
.global-img { display: flex; position: relative; }
.global-img > img { align-self: end; }
.inhoud { background-color: var(--main-txt-color); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px; width: 55%; }
.inhoud > h2 { color: white; font-size: 50px; width: 100%; padding-bottom: 10px; }
.blok > h1 { color: white; font-weight: bold; font-size: 20px; }
.blok { text-align: center; width: 28%; margin-bottom: 40px; }
.aantal, .aantal-groot { font-size: 80px; color: #41B3E0; font-weight: bold; }
.aantal-groot { font-size: 42px; }
.global { display: flex; flex-wrap: wrap-reverse; background-color: var(--main-txt-color); border-radius: 0px 0px 0px 150px; }
.landen { color: white; font-size: 12px; padding-left: 20px; }
.topMob { display: none; }

/********** EIGENDOMSMOGELIJKHEDEN **********/
.opportunities { display: flex; }
.rechts { padding-inline: 30px; width: 55%; }
.rechts > p { margin: 0; }
.links { width: 50%; box-sizing: border-box; }
.links > img { width: 100%; vertical-align: middle; border-radius: 0px 0px 80px 0px; overflow: hidden; }
.rechts > p.tekst { color: black; }

/********** MET DE KRACHT VAN **********/
/*.power { display: flex; }*/
.power-links { width: 55%; padding-right: 10px; }
.power-links > img { width: 60%; }
.power-rechts { width: 45%; margin-top: auto; }
.flip-card-front > img { width: 100%; height: 100%; object-fit: cover; }
.flip-card-front > h3 { z-index: 99; position: relative; top: -65%; }
.flip-card { perspective: 1000px; margin-bottom: 30px; height: 30%; }
.flip-card-overlay { position: absolute; background-color: #0B3279A8; width: 100%; height: 100%; }
.flip-card-inner {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner { transform: rotateX(180deg); }
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border-radius: 40px 0px 40px 0px;
}
.flip-card-front {
  background-color: #bbb;
  color: black;
  overflow: hidden;
}
.flip-card-back { transform: rotateX(180deg); box-shadow: 0px 11px 20px 0px #B6C6D2; vertical-align: middle; display: flex; }
.flip-card-back > p { padding: 10px; font-size: 14px; align-self: center;  }



/********** 500 AWARD **********/
.award-boven, .award-onder { display: flex; justify-content: space-between; }
.boven-links { width: 40%; }
.boven-links > img { width: 100%; }
.boven-rechts { width: 42%; }
.boven-rechts > h2 { font-size: 40px; }
.boven-rechts > p { margin-block: 30px; font-weight: bold; font-size: 18px; }
.onder-links { width: 50%; }
.onder-rechts { width: 40%; margin-top: 40px; }
.onder-rechts > h2 { font-size: 40px; padding-bottom: 20px; }
.onder-rechts > p { font-weight: bold; font-size: 16px; }
.onder-links .video_1 > embed { width: 100%; height: 355px; margin: 0; }
.onder-links > .knop { margin-top: 26px; }
/*------------------------------------------------------------------------*/


/**************************************************************************/
/******************************* RESPONSIVE *******************************/
/**************************************************************************/

@media screen and (max-width: 1180px) { 
  .kolommen > .kolom-links { flex-wrap: wrap; height: 100%; }

  .kolom-links > .kolom-img > img, .kolom-rechts > .kolom-img > img { width: 100%; height: 300px; }
  .inhoud { padding: 30px; width: 100%; }
  .inhoud > h2 { white-space: wrap; font-size: 32px; }
  .global-img { width: 600px; }
  .video_1 > embed, .video_2 > embed { height: 50vw !important; }
}

@media screen and (max-width: 890px) { 
  .imageBackground, .kolom { width: 100%; }
  .titelBar > h3 { padding-right: 20px; }
}

@media screen and (max-width: 768px) {
  .kolom-rechts { margin-top: 90px; }
  .video_1 > embed, .video_2 > embed { width: 100%; }
  .kolom-links, .kolom-rechts { flex-wrap: wrap; }
  .knop { font-size: 18px; }
  .kolom-links > img, .kolom-rechts > img { width: 100%; object-fit: contain; }
  .card { width: 100%; margin-inline: 0; }
  .global-img { width: 100%; }
  .opportunities { flex-wrap: wrap; }
  .opportunities > .links, .opportunities > .rechts { width: 100%; padding-inline: 0; }
  .opportunities > .rechts > h2 { font-size: 22px; margin-top: 10px; }
  .power { flex-wrap: wrap; }
  .power-links, .power-rechts { width: 100%; }
  .power-rechts { margin-top: 20px; /*height: 650px;*/ }
  .award-boven, .award-onder { flex-wrap: wrap; }
  .award-boven > .boven-links, .award-boven > .boven-rechts { width: 100%; }
  .award-onder > .onder-links, .award-onder > .onder-rechts { width: 100%; }
  .kolom-links, .kolom-rechts {  width: 100%; }
  .blok { width: 100%; }
  .support > h2 { text-align: start; }
  .global-img > img { width: 350px; }
  .flip-card-front > h3 { top: -55%; }
}

@media screen and (max-width: 576px) { 
  .power-rechts { /*height: 800px;*/ }
  .imageBackground { padding-inline: 5%; }
  .titelBar > h3 { padding-left: 5%; }
  .inhoud { padding-block: 30px; padding-inline: 5%; }
}

@media screen and (max-width: 375px) {
  .kolom-links > img, .kolom-rechts > img{ padding-left: 25px; }
  .power-rechts { height: 800px; }
  .global-img > img { width: 100%; }
  .power-rechts { height: 900px; }
  .onder-rechts > h2, .boven-rechts > h2 { font-size: 34px; }
}

@media screen and (max-width: 330px) { 
  .power-rechts { height: 1000px; }
}