h1 { text-align: center; font-weight: 100; }
.chooseVideos { display: flex; flex-wrap: wrap; column-gap:2%; row-gap:40px; margin:0px 2%; }
.chooseVideo { flex-basis:18.4%; cursor: pointer; }
.thumbnail { position: relative; }
.thumbnail .icon { position:absolute; left:0; top:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; color:#f0faf0; font-size: 3vw; text-shadow:0 0 10px #3c3c3c; }
.vText { margin:0.5vh 0 0 0;}
.vText .titel { font-weight: 300; margin:0 0 0.5vh 0; text-align: center; }
.overlay { position: absolute; z-index: 100; left:0; top:0; width:100%; aspect-ratio:16/9; background-color: #000; display: none; overflow: hidden; }
.icon.cancel { color:#3c3c3c; font-size: 4vw; text-shadow:0 0 10px #f0faf0; cursor: pointer; position: absolute; right:1vw; top:1vh; }
#vResponse video { width:100%; }
#vResponse { width:100%; }
video::-webkit-media-controls-mute-button { display:none; }
video::-webkit-media-controls-fullscreen-button { display: none; }

.homeWrapper { text-align: center; margin:40px 0; }
.homeChoose { display: flex; flex-wrap: wrap; justify-content: space-between; }
.homeChoose a { display: flex; flex-basis:49%; background-color: #f0faf0; justify-content: center; align-items: center; padding: 20px 5px; text-decoration: none; color:var(--textColor); margin:40px 0 0 0; }

@media screen and (max-width: 1200px) {
	.chooseVideo { flex-basis:23.5%; }
}
@media screen and (max-width: 800px) {
	.chooseVideo { flex-basis:32%; }
}
@media screen and (max-width: 500px) {
	.chooseVideo { flex-basis:49%; }
}
@media screen and (max-width: 350px) {
	.chooseVideo { flex-basis:100%; }
}