/* Tablet im Portrait-Modus */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #headerIMG img {
    width: 20vw;
    border-radius: 25px;
  }
  #startButton {
    width: 78vw;
    height: 4vh;
    padding: 2vh 1vw;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    stroke: white;
    position: absolute;
    left: 10vw;
    bottom: 7vh;
    background-color: var(--korrekt-grün);
    border-radius: 5px;
    transition: 0.2s;
    font-size: 2vh;
  }
  #startButton:hover {
    cursor: pointer;
  }

  #qrcode {
    width: 200px;
    border: 5px solid white;
    background-color: white;
    display: none;
  }
}

/* Monitore */
@media only screen and (min-width: 1024px) {
  body {
    font-size: 3vh;
  }
  #headerIMG img {
    display: none;
  }
  #startButton {
    width: 78vw;
    height: 4vh;
    padding: 2vh 1vw;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    stroke: white;
    position: absolute;
    left: 10vw;
    bottom: 7vh;
    background-color: var(--korrekt-grün);
    border-radius: 5px;
    transition: 0.2s;
    font-size: 2vh;
  }
  #startButton:hover {
    cursor: pointer;
  }

  #qrcode {
    width: 200px;
    border: 5px solid white;
    background-color: white;
    display: none;
  }
}