.grotec-home-2025 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.grotec-home-2025 {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-top: 32px;
  overflow: hidden; /* Nur für diesen Container, nicht global */
}

.grotec-home-2025 .video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Verhindert Video-Überlauf */
}

.grotec-home-2025 .video-mask {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: url('Logo-Video-Grotec.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url('Logo-Video-Grotec.png');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.grotec-home-2025 video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}


/* Spezielle Anpassungen für grosse Apple-Geräte Mac Desktop-Auflösungen (min2560px) */
@media screen and (min-width: 2560px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 55vh !important; 
    min-height: 550px;
  }
}



/* Spezielle Anpassungen für kleinere Desktop-Auflösungen (1681px - 1919px) */
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 50vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 550px;
  }
}



/* Spezielle Anpassungen für kleinere Desktop-Auflösungen (1441px - 1680px) */
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 50vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 420px;
  }
}


/* Spezielle Anpassungen für kleinere Desktop-Auflösungen (1361px - 1440px) */
@media screen and (min-width: 1361px) and (max-width: 1440px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 50vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 420px;
  }
}




/* Spezielle Anpassungen für kleinere Desktop-Auflösungen (1281px - 1360px) */
@media screen and (min-width: 1281px) and (max-width: 1360px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 50vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 420px;
  }
}


/* Spezielle Anpassungen für kleinere Desktop-Auflösungen (1025px - 1280px) */
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 50vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 250px;
  }
}

/* Mobile Optimierungen für bessere Performance */
@media screen and (max-width: 1024px) {
  .grotec-home-2025 {
    margin-top: 20px;
  }
  
  .grotec-home-2025 .video-container {
    height: 31vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 310px;
  }
}

@media screen and (max-width: 768px) {
  .grotec-home-2025 {
    margin-top: 15px;
  }
  
  .grotec-home-2025 .video-container {
    height: 31vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 300px;
  }
  
  .grotec-home-2025 video {
    /* Optimierte Video-Performance auf mobilen Geräten */
    will-change: transform;
  }
}

@media screen and (max-width: 480px) {
  .grotec-home-2025 {
    margin-top: 10px;
  }
  
  .grotec-home-2025 .video-container {
    height: 31vh !important; /* Noch kleinere Höhe für kleine Smartphones */
    min-height: 250px;
  }
}

/* Touch-optimierte Styles */
@media (hover: none) and (pointer: coarse) {
  .grotec-home-2025 video {
    /* Bessere Performance auf Touch-Geräten */
    transform: translate3d(-50%, -50%, 0);
    backface-visibility: hidden;
  }
}