.video-grid.grid-1{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 2rem;
}

.video-grid.grid-1 video,
.video-grid.grid-1 iframe{height: 600px;}

.video-grid.grid-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding-top: 2rem;
}

.video-grid.grid-2 video,
.video-grid.grid-2 iframe{height: 400px;}

.video-grid.grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding-top: 2rem;
}

.video-grid.grid-3 video,
.video-grid.grid-3 iframe{height: 300px;}

.video-grid video,
.video-grid iframe {
    width: 100%;
    height: auto;
    display: block;
}

.video-grid .player.right-content-area-supported{
    max-width: 100%;
    height: auto;
}

.video-grid .inhalt{
    margin-top: 1rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1480px) {

    .video-grid.grid-2 video,
    .video-grid.grid-2 iframe{height: 300px;}

    .video-grid.grid-3 video,
    .video-grid.grid-3 iframe{height: 250px;}
  
}

@media (max-width: 1199px) {

    .video-grid.grid-3{grid-template-columns: repeat(2, 1fr);gap: 30px;}

    .video-grid.grid-1 video, 
    .video-grid.grid-1 iframe{height: 500px;}

}

@media (max-width: 991px) {

    .video-grid.grid-2 video,
    .video-grid.grid-2 iframe{height: 250px;}

}

@media (max-width: 767px) {

    .video-grid.grid-1 video, 
    .video-grid.grid-1 iframe{height: 400px;}

}

@media (max-width: 600px) {

    .video-grid.grid-2, 
    .video-grid.grid-3{grid-template-columns: 1fr;gap: 20px;}

    .video-grid.grid-1 video, 
    .video-grid.grid-1 iframe{height: 250px;}

}

@media (max-width: 400px) {

}