body,html {
  height: 100%;
  margin: 0; 
}

.bg {
 
  background-image: url(Bild\ ALR.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

h1 {
  margin: 0px;
  margin-left: 10px;
}

  span {
    font-size: 20px;
    color: rgb(4, 1, 17);
    padding: 11px;
    margin: 1px;
    border-color: rgb(198, 198, 0);
    border-radius: 3px;
    background-color: rgba(88, 232, 199, 0.565); // alternativ: rgba(189, 225, 216, 0.565);
  }

  


  input[type="range"] {

    -webkit-appearance: none;
    appearance: none;
    background: rgb(199, 215, 18);
    height: 1px;
    margin-top: 22px;
    cursor: pointer;
    width: 15 rem;

  }

  
  input[type="range"]::-moz-range-track {
    background: #053a5f;
    height: 10 rem;

 
  }
  

button  {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url(play2-svgrepo-com.svg);
    cursor: pointer;
    width: 15 rem;
    padding: 10px;
  
  }


#buttonRahmen {
  padding: 5px;
  margin: 10px;
  margin-left: 0px;
  margin-top: 15px;
  
  border-radius: 3px;
  width: 95px;
  height: 50px;
}

#demo {
  font-size: 15px;
    color: rgb(4, 1, 17);
  
    border-color: rgb(198, 198, 0);
    border-radius: 3px;
    background-color: rgba(107, 158, 146, 0.565);
}

.FxSlider {
  display: flex;
 
    
  background-repeat: no-repeat;
  background-size: cover;
}

footer {
  position: fixed;
  right: 12px;
  bottom: 12px;
  padding: 3px 6px;
  background: rgba(88, 232, 199, 0.565);
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(4, 1, 17, 0.25);
  font-size: 12px;
  text-align: right;
}

footer .legal-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.image-credit {
  margin-top: 3px;
  color: rgb(4, 1, 17);
  font-size: 10px;
}

.image-credit a {
  font-size: inherit;
}

footer a {
  color: rgb(4, 1, 17);
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

footer a:hover,
footer a:focus-visible {
  color: rgb(198, 198, 0);
  text-decoration: underline;
}


@media screen and (max-width: 380px) {
  span {
    
    font-size: 15px;
  }

}