body{
    margin:0px;
    padding:0px;    
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
}
#HomeButton{
    position:absolute;
    left:0px;
    top:0px;
    height: 3em;
    width: 3em;
    background-color: #dd040c;
    color: #FFFFFF;
    background-image: url(Home.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
}
#TitelSuche{
    height: calc(3em - 0.3em);
    position: absolute;
    left: 3em;
    top:0px;
    width: 100%;
    max-width:calc(100vw - 3em);
    background-color: #ffffff;
    color: #000000; 
    overflow:hidden;
    border-bottom: 0.3em solid #dd040c;
}
#Suchfeld{
    position: absolute;
    left:0em;
    background-color: #ffffff;
    color: #000000; 
    border 0 solid black;
    width: calc(100vw - 3em);    
    height:3em;
}
#LayerSuche{
    z-index: 20;
    width:100vw;
    position:absolute;
    top:3em;
    background-color: #ffffff;
    color: #000000;  
    visibility:hidden;     
}
#LayerSuche tr{
    height:50px;
    max-height:5vw;
}
#LayerGegenstand{
    z-index: 20;
    width:100vw;
    position:absolute;
    top:3em;
    background-color: #ffffff;
    color: #000000;  
    visibility:hidden;     
}
#LayerGegenstand img{
    width:110px;
    position:relative;
    z-index: inherit;
    object-fit: contain;
    image-rendering: pixelated;
}
#LayerSuche img{
    width:110px;
    position:relative;
    z-index: inherit;
    object-fit: contain;
}
#LayerMenu{
    z-index: 20;
    width:100vw;
    position:absolute;
    top:3em;
    background-color: #ffffff;
    color: #000000;       
}
@media (orientation: portrait){
.M{
    width:37vw;
    height: 37vw; 
}
}
@media (orientation: landscape){
.M{
    width:21vw;
    height: 21vw; 
}
}
.M{
    float:left;
    background-color:#dd040c;
    margin: 6vw 0 0 6vw ;
    padding: 2vw;
    color: #ffffff;
}