/* Animation in Buttons */

.wobbler {
    position: relative;
    -webkit-animation-name: scroller; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.7s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: scroller;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scroller {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:5px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes scroller {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:5px;}
    100% {left:0px; top:0px;}
}


/* Menu nav-slider */

@media screen and (max-width:605px) {


#nav-show:target .list-nav { display:block; }

#nav-show:target #icon-close { display: block; }

#nav-show:target #button-menu { display: none; }
}


/* Fullscreen background Video */

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('./img/Video_Pic_1.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}


/* --- POPUPS --- */

/* Galerie */

#popup {
    visibility: hidden;
    opacity:0;
    transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

#popup:target {
    visibility: visible;
    opacity:1;
    transition:visibility 0.5s linear 0s,opacity 0.5s linear;
}


/* Impressum */

#popup_impressum {
    visibility: hidden;
    opacity:0;
    transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

#popup_impressum:target {
    visibility: visible;
    opacity:1;
    transition:visibility 0.5s linear 0s,opacity 0.5s linear;
}

#popup_datenschutz {
    visibility: hidden;
    opacity:0;
    transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

#popup_datenschutz:target {
    visibility: visible;
    opacity:1;
    transition:visibility 0.5s linear 0s,opacity 0.5s linear;
}