/* Basics */
.videobody {margin:5vmin auto; padding:2vmin;}
.videobody .flex-child.text {flex:0 1 80%; padding:4vmin;}
.videobody iframe {position:relative; z-index:2; display:block; margin:0 auto;}

/* Loader */
.loader {display:inline-block; width:80px; height:80px; z-index:0;}
.loader div {position:absolute; display:block; box-sizing:border-box; width:64px; height:64px; margin:8px; border:8px solid #fff; border-radius:50%; animation:loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color:#8bc53f transparent transparent transparent;}
.loader div:nth-child(1) {animation-delay:-0.45s;}
.loader div:nth-child(2) {animation-delay:-0.3s;}
.loader div:nth-child(3) {animation-delay:-0.15s;}
@keyframes loader {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}



/* ################################################################################ */
/*  --------------------------------------------------------------------- His  Responsiveness --------------------------------------------------------------- */
/* ############################################################################### */



@media screen and (max-width:450px) {
.videobody .flex-child iframe {max-width:90%;}
}/* Ende @media screen */