body{
    overflow:hidden;
}
.tab_container{
    display:grid;
    border:solid;
    border-width:1px 1px 0px 0px;
    cursor:pointer; 
    grid-column:1; 
    grid-row:3; 
    grid-auto-rows:3vh;
    width:0px;
    opacity:0;
    position:absolute;
    z-index:2;
    background-color:white;
    height:92vh;
    font-size:1em;
}
.tab_class{
    display:grid; 
    place-self:center; 
    width:80%; 
    height:80%; 
    background-color:#cdcdcd; 
    border-radius:5px;
}
.raum_container{
    display:grid; 
    grid-template-rows:3vh auto auto; 
    margin:1vh 1vw 1vh 1vw;
}
.raum_handling{
    display:grid; 
    grid-template-columns:10vw 10vw 10vw 15vw 10vw 10vw;
}
.prod_hinzu{
    display:grid; 
    grid-template-columns:16vw;
}
.raum_produkt_info{
    display:grid; 
    grid-template-columns:10vw 2vw 2vw;
}
#kaesten{
    height:15vh; 
    overflow-y:scroll;
}
.sidebar_container{
    grid-column:1; 
    grid-row:2; 
    display:grid; 
    height:1vh; 
    margin-left:10%; 
    width:90%; 
    align-self:center;
}
#start_scanner{
    display:grid; 
    width:10vw; 
    height:4vh; 
    border:solid 2px; 
    border-radius:12px; 
    grid-column:2; 
    cursor:pointer;
}
#produkt_speichern{
    place-self:center;
    grid-column:2/3; 
    width:10vw; 
    border:solid 1px; 
    border-radius:10px; 
    height:4vh;
    display:grid;
}
.produkt_popup{
    font-size:2em;
    border-radius:0vw 3vw; 
    overflow:hidden; 
    display:grid; 
    grid-template-rows:3vh 1px auto 5vh; 
    position:fixed; 
    top:50%; 
    left:50%; 
    transform:translate(-50%, -50%); 
    width:75vw; 
    height:50vh; 
    background-color:white;
}
.produkt_daten{
    display:grid; 
    grid-template-columns:20vw auto;
}
.produkt_inhalt{
    display:grid; 
    grid-column:1; 
    grid-row:1; 
    grid-template-columns:15vw 15vw; 
    row-gap:1vh; 
    grid-auto-rows:3vh;
    font-size:0.7em;
}
.produkt_text{
    align-self:center;
    justify-self:end;
}
.tab_container1{
    grid-row:1; 
    display:grid; 
    grid-auto-columns:8vw; 
    grid-template-rows:100%;
  }
  .tab_button{
    grid-row:1;
    place-self:center;
  }
@media (orientation: portrait) {
    .tab_container{
        font-size:2em;
    }
    .raum_container{
        grid-template-rows:15vh auto auto; 
    }
    .raum_handling{
        grid-auto-rows:3vh;
        grid-template-columns:100%;
        font-size:2em;
    }
    .prod_hinzu{
        grid-template-columns:100vw;
    }
    #prod_hinzu{
        font-size:2em;
    }
    .raum_produkt_info{
        font-size:2em;
        grid-template-columns:70vw 10vw 10vw;
    }
    #kaesten{
        height:30vh;
    }
    #js_reload{
        font-size:2em;
    }
    .sidebar_container{
        height:2vh; 
    }
    #raum_select{
        font-size:1em;
    }
    #raum_name{
        font-size: 1em;
    }
    .produkt_daten{
        font-size:1em;
    }
    #start_scanner{
        width:25vw;
    }
    #produkt_speichern{
        width:20vw; 
    }
    .produkt_popup{
        width:98vw;
    }
    .produkt_daten{
        grid-template-columns:100%;
        grid-template-rows:20vh auto 5vh;
    }
    .produkt_inhalt{ 
        grid-template-columns:50% 50%;
    }
}