/* =========================================================
   HERO VIDEO - Mobirise-proof (background style)
========================================================= */

#header6-1 .item-img {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* De thumbnail/video wrapper werkt als achtergrond */
#header6-1 .image-wrapper.video-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

/* Thumbnail vult volledig (cover) */
#header6-1 .image-wrapper.video-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Iframe cover techniek: altijd vullen, nooit witte ruimte */
#header6-1 .image-wrapper.video-thumb iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;        /* 16:9 op basis van viewport width */
  min-width: 177.77vh;    /* 16:9 op basis van viewport height */
  min-height: 100vh;      /* vult altijd de hero hoogte */
  transform: translate(-50%, -50%);
  border: 0;
}

/* Titelblok en andere overlay moeten boven de video */
#header6-1 .link-icon-wrapper {
  position: absolute;
  z-index: 15;
}

/* =========================================================
   PLAY BUTTON (rond + rood)
========================================================= */

#header6-1 .video-play-button {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 90px;
  height: 90px;
  transform: translateX(-50%);
  background: #067FA3;         
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  transition: 0.3s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

#header6-1 .video-play-button:hover {
  background: #000000;         
  transform: translateX(-50%) scale(1.08);
}

#header6-1 .play-icon {
  width: 0;
  height: 0;
  border-left: 28px solid #ffffff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  margin-left: 6px;
}

/* Mobiel: knop kleiner, hero iets lager indien gewenst */
@media (max-width: 767px) {
  #header6-1 .item-img {
    height: 70vh;
    min-height: 420px;
  }

  #header6-1 .video-play-button {
    width: 65px;
    height: 65px;
  }

  #header6-1 .play-icon {
    border-left: 20px solid #ffffff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }
}

  .youtube-icon
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:72px;
	height:50px;
	background:#FF0000;
	border-radius:14px;
	pointer-events:none;
	display:inline-block;
}

.youtube-icon::after
{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-35%, -50%);
	width:0;
	height:0;
	border-left:18px solid white;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
}