.video-teaser{background-color:#f4f4f4;padding:50px 0}
@media screen and (max-width:750px ){.video-teaser{padding:25px 0}}
.video-grid{margin-top:50px;padding:2% 0;display:grid;gap:40px 5.5%;grid-template-columns:1fr 1fr}
@media screen and (max-width:750px ){.video-grid{grid-template-columns:1fr;gap:30px;margin-top:15px}}
.video-grid iframe{width:100%}
.video-block{max-width:553px}
.video-block:hover .video-block__button{opacity:1;transform:translateY(0)}
.video-block .resp-youtube{display:block}
.video-block .resp-youtube-title{display:block;word-break:break-word;text-align:left;min-height:34px}
.video-block__top{position:relative;display:flex;justify-content:space-between;gap:16px;align-items:center}
.video-block__button{position:absolute;cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center;top:0;right:0;border-radius:50%;box-shadow:0 0 0 #666;border:1px solid #a1a1a1;opacity:0;transform:translateY(50%);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.video-block__button:hover{box-shadow:0 0 4px #666}
@media screen and (max-width:750px ){.video-block__button:hover{box-shadow:0 0 0 #666}}
@media screen and (max-width:750px ){.video-block__button{opacity:1;position:static;transform:translateY(0)}}
.arcticmodal-overlay[data-modal="currentVideo"]{background-color:#000 !important}
#currentVideo{width:560px;max-width:calc(100vw - 48px);min-width:0;min-height:0;position:relative}
#currentVideo iframe{width:100%;aspect-ratio:1.77777778}
#currentVideo .video-block{flex-grow:1;padding:16px}
#currentVideo .modal__close{padding:8px}