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

body {
    margin: auto;
    background-image: url(Ticker.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    font-size: 18px;
    text-align: center;
    max-width: 850px;
    font-family: Arial, Helvetica, sans-serif;
}


.wetter .img-fit {
     width: 330px;
     object-fit: cover;
     object-position: 70%;
     height: 420px; 
}

.wetter .img-fit1 {
     width: 470px;
     object-fit: cover;
     object-position: 80%;
     height: 420px; 
}

.wetter img, .wetter iframe {
     width: 400px;
     height: 420px;
     border: 2px solid darkgreen;           /* Bilderrahmenfarbe */
     border-radius:7px;
     border-style: inset;
}

.wetterstart img {                          /* Niederschlagsradar auf der Startseite */
     width: 300px;
     height: 300px;
     filter: opacity(75%);
     border: 3px solid darkgreen;           /* Bilderrahmenfarbe */
     border-radius:4%;
     border-style: inset;
}

.onecol .wasser {
     height: 500px;
     width: 800px;
     border: 2px solid darkgreen;           /* Bilderrahmenfarbe */
     border-radius:7px;
     border-style: inset;
}

  .onecol .moonshine {
     height: 420px;
     width: 800px;
     border: 2px solid darkgreen;           /* Bilderrahmenfarbe */
     border-radius:7px;
     border-style: inset;
}

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

  h1 { 
     font-size: 130%;
  }

  .wetter img, .wetter iframe {
     width: 300px;
     height: 315px;
  }

  .wetter .img-fit {
     width: 247px;
     object-fit: cover;
     object-position: 70%;
     height: 315px; 
  }

  .wetter .img-fit1 {
     width: 353px;
     object-fit: cover;
     object-position: 80%;
     height: 315px; 
  } 

  .onecol .wasser {
     height: 375px;
     width: 600px;
  }

  .onecol .moonshine {
     height: 310px;
     width: 600px;
}
  
  .onecol iframe {
     height: 365px;
     width: 600px; 
  }
  .onecol #flugradar {
     height: 450px;
  }

}

@media screen and (max-width: 600px) {
  .wetter img, .wetter iframe {
     width: 200px;
     height: 210px;
  }

  .wetter .img-fit {
     width: 165px;
     object-fit: cover;
     object-position: 70%;
     height: 210px; 
  }

  .wetter .img-fit1 {
     width: 235px;
     object-fit: cover;
     object-position: 80%;
     height: 210px; 
  }
  
  .onecol .wasser {
     height: 250px;
     width: 400px;
  }
  .onecol iframe {
     height: 250px;
     width: 400px;
  }
 
  .onecol .moonshine {
     height: 210px;
     width: 400px;
}
 
  .onecol #flugradar {
     height: 450px;
  }