body, html {
    background: linear-gradient(to bottom, #537BC2, #6495ed);
}
    
.inner-wrapper {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px;
    font-family: ABCConnect-Flat-Trial;
    text-align: justify;
    color: white;
    line-height: 2.5;
}

@font-face {
  font-family: "ABCConnect-Flat-Trial";
  src: url("./ABCConnect-Flat-Trial.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  
}


img {
    width: 300px;
    
}

img:hover {
    background-color: #4a6eac;
}

h1:hover {
    color: aliceblue;

}

h1 {
    font-weight: 400;
    text-align: left;
}

.impressum {
    bottom: 0;
    text-align: left;
    
}

footer {
    background: transparent;
}

.swiper {
  width: 100%;
  height: 300px;

}

.swiper img {
  width: 50%;
  height: auto;
}

.swiper-button-prev,
.swiper-button-next {
  color: white !important;
}

figure {
    display: flex;
    justify-content: center;
}

.lausch-animation {
  width: 100%;
  height: 300px;
  background-color: gray;
  animation: lauschen 10s infinite;
}

@keyframes lauschen {
  0% {
    background-color: #6495ed;
  }
  10% {
    background-color: #698ac5;
  }
  12% {
    background-color: #ffffff;
  }
  14% {
    background-color: #698ac5;
  }
  40% {
    background-color: #1b2e4d;
  }
  50% {
    background-color: #103375;
  }
  60% {
    background-color: #486aa9;
  }
  62% {
    background-color: #ffffff;
  }
  64% {
    background-color: #486aa9;
  }
  100% {
    background-color: #6495ed;
  }
}

#lauschen.fullscreen .lausch-animation{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* 100% viewport width */
    max-width: unset;
    padding: unset;
    height: 100vh;
    z-index: 1;
}

#lauschen.fullscreen audio {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.fullscreen {
  display: block;
  margin: 20px auto 0 auto;
  padding: 15px 25px;
  border: none;
  border-radius: 100px;
  background-color:   #537BC2;
  color: white;
  font-family: "ABCConnect-Flat-Trial";
}

.fullscreen:hover {
  background-color: #6495ed;
  cursor: pointer;
}