/* Reduceret KenBurns zoomfaktor - Original: scale(1. 15) ->  scale(1. 075) -> 0. 99 20230810 */
/* Reduceret KenBurns zoomfaktor - Original: scale(1.  ?) ->  scale(1. 000) -> 0. 93 20230810 */
@-webkit-keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }

  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }

  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@-webkit-keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }

  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }

  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@-webkit-keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }

  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }

  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@-webkit-keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }

  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }

  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@-webkit-keyframes out {
  from {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
  }

  to {
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
  }
}

@keyframes out {
  from {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
  }

  to {
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
  }
}

@-webkit-keyframes in {
  from {
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
  }

  to {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
  }
}

@keyframes in {
  from {
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
  }

  to {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
  }
}

#slides {
  position: fixed;
  width: 1px;
  height: 1px;
  left: -9999px;
}

#slideshow {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
}

#slideshow .slide,
#slideshow span,
#slideshow .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: rgb(1, 1, 1); */
  background-color: rgba(0, 0, 0, 0.75);
}
    /* background-size: contain;  */
/* #slideshow .slide span {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-aspect-ratio: 1/1) {
    #slideshow .slide span {
    background-size: contain !important;
    border-width: 4px;
    border-style: dashed;
    border-color: red;
  }
} */
#slideshow .slide span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}

#slideshow .slide span.landscape {
  background-size: cover;
}

#slideshow .slide span.portrait {
  background-size: contain;
}

#slideshow .slide span.animate.right,
#slideshow .slide span.animate.left {
  left: calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3);
}

#slideshow .slide span.animate.up,
#slideshow .slide span.animate.down {
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3);
}

#slideshow span.animate {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

#slideshow span.animate.right {
  -webkit-animation-name: right;
  animation-name: right;
}

#slideshow span.animate.left {
  -webkit-animation-name: left;
  animation-name: left;
}

#slideshow span.animate.up {
  -webkit-animation-name: up;
  animation-name: up;
}

#slideshow span.animate.down {
  -webkit-animation-name: down;
  animation-name: down;
}

#slideshow span.animate.in {
  -webkit-animation-name: in;
  animation-name: in;
}

#slideshow span.animate.out {
  -webkit-animation-name: out;
  animation-name: out;
}

#slideshow span.animate.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* #slideshow .slide span.animate {  20230809 
  opacity: 1;
  transform: scale(0.8) translate(-50%, -50%);
} */

.static-content {
  padding: 20px;
}

.slideText {
  font-family: sans-serif;
  font-size: medium;

  /*display: table-cell;
        width: 100vw;
        height: 100vh; */
  top: 90vh;
  padding: 10px;
  text-align: left;

  vertical-align: bottom;
  margin: 0;
  /* position: fixed; */
  bottom: 20px;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}