@media screen and (orientation:portrait) {
  .videoleft{
  position:absolute;
  top:0;
  bot:33vw;
}
.rightgeo{
  position:absolute;
  top:33vw;
  bot:0vw;

}
.tutorialAreaClass{
  display:none;
}
}
@media screen and (orientation:landscape) {
  .videoleft{
  transform: scale(0.7);
  position:absolute;
  left:0;
  right:66vw;
  top:0;
  bot:0;
}
.rightgeo{
  position:absolute;
  right:0;
  left:33vw;
  top:0;
  bot:0;
}
.tutorialAreaClass{
  position:absolute;
  right:0;
  left:5vw;
  top:50vh;
}
 }
@media screen and (orientation:landscape) and (min-width:1500px) {
  .videoleft{
  position:absolute;
  left:0;
  right:66vw;
  top:0;
  bot:0;
}
.rightgeo{
  position:absolute;
  right:0;
  left:33vw;
  top:0;
  bot:0;
}
.tutorialAreaClass{
  position:absolute;
  right:0;
  left:5vw;
  top:50vh;
  bot:0;
  z-index: -3;
}
}
@media screen and (orientation:landscape) and (max-height:700px) {
  .rightgeo{
    top:0;
    transform: scale(0.6);
}
.tutorialAreaClass{
  position:absolute;
  right:0;
  left:5vw;
  top:60vh;
}

}

.settingclass{
  display:none;
}


.kalibrierungsschritte {
  display: -webkit-box;
  display: flex;
  width: 30%;
  height: 10vh;
  margin: 0;
  padding: 0 0 2rem 0;
  list-style: none;
}
.kalibrierungsschritt{
  width:15%;
}
.kalibrierungsschritt-sep{
  width:7%;
}
.kalibrierungsschritt-sep-completed{
  background-color: green;
}
.kalibrierungsschritt-sep-completed2{
  background-color: red;
}
.kalibrierungsschritt-sep-in-progress{
  background-color: yellow;
}
.kalibrierungsschritt-completed{
  background-color: green;
}
.kalibrierungsschritt-completed2{
  background-color: red;
}
.kalibrierungsschritt-in-progress{
background-color: yellow;
}
.kalibrierungsschritt-not-started{
 background-color: grey;
}
.kalibrierung__label {
  font-size: 1vw;
}
.introjs-skipbutton {
  color: #F33 !important;
}
.disable-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.zuruecksetzbutton {
  background-color: green;
  border: none;
  color: white;
  padding: 15px 32px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.about{
  position:absolute;
  left:5vw;
  right:50vw;
  top:94vh;
  bot:5vh;
}