<<<<<<< HEAD
 body {
     padding: 0;
     margin: 0;
 }
=======
@media only screen and (min-width: 990px) {
    body {
    text-align: center;
    background-color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
    font-size: large;
/*    background-image: url("img/overkill_nachthimmel_und_zug.jpg");*/
    background-color: #cccccc; /* Used if the image is unavailable */
    margin: 0;
    }
* {box-sizing: border-box;}
.container {
    height: 100vh;
    background-image: url("img/background.webp");
    background-size: cover;
    background-repeat: repeat; /* Do not repeat the image */
    background-position: right;
    margin: 0;
  }
>>>>>>> 854cd1a23d1875a1f6af4a91cb937bb23bd43f7c

 #header {
     background-color: aliceblue;
     height: 10vh;
     padding: 0;
     margin: 0;
     font-size: 2vh;

 }

 #header_left {
     float: left;
     height: 10vh;
     display: flex;
     align-items: center;
     justify-content: center;


 }

 #header_right {
     float: right;
     height: 10vh;
     display: flex;
  align-items: center;
  justify-content: center;

<<<<<<< HEAD
 }
=======
.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}
}
@media screen and (max-width: 990px) {
 
  body {
  text-align: center;
  background-color: #f5f5f5;
  font-family: 'Open Sans', sans-serif;
  font-size: large;
/*    background-image: url("img/overkill_nachthimmel_und_zug.jpg");*/
  background-color: #cccccc; /* Used if the image is unavailable */
  }
* {box-sizing: border-box;}
.container {
  height: 100vh;
  background-image: url("img/background_mobile.webp");
  background-size: cover;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-position: right;
}

.header {
  overflow: hidden;
  /*background-color: grey;*/
  background: rgba(255, 255, 255, 0.4);
  padding: 20px 0px;
}


.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 20px;
  border-radius: 4px;
}

.login_with {
  font-size: 25px; 
}
.header-right {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 20px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}

}
>>>>>>> 854cd1a23d1875a1f6af4a91cb937bb23bd43f7c