* {
  font-family: sans-serif;

  margin: 0;
  padding: 0;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

  animation:            fadein 0.4s;
    -moz-animation:     fadein 0.4s; /* Firefox */
    -webkit-animation:  fadein 0.4s; /* Safari and Chrome */
    -o-animation:       fadein 0.4s; /* Opera */
}

* { ::selection { background: transparent; } }

@keyframes          fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes     fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes  fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes       fadein { from { opacity: 0; } to { opacity: 1; } }

body {
  overflow-x: hidden;
  overflow-y: default;
}

.headfootsvg {
  margin: 0.3%;
  margin-bottom: 0;
}

#dorftv {
  margin-top: 10%;
}

#youtube {
  margin-bottom: 6%;
}

#videoemboddy {
  margin: 0.3%;
  margin-top: 6%;
}

#vid1{
  position: relative !important;
  width: 99.6% !important;
  padding-bottom: 56.25%;

  margin-bottom: -22%;

  margin-left:  0.2%;
}

.embedvid {
  padding-top: 56.25%;  /* for 16:9 aspect-ratio -> (9/16)*100 */

  margin-left:  0.6%;
  margin-right: 0.6%;

  margin-bottom: 6%;

  position: relative;
}

.embedvid iframe {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 99%;

  border: 0;
}