.fuss {
             position: relative;
                 left: 5px;
               bottom: 1px;
                color: #FFFFFF;
          font-family: sans-serif;
            font-size: small;
     background-color: #444444;
              display: block;
}
.fusskasten { 
  margin: 2px;
  padding: 2px;
  background-color: #555555";
  color: white;
/*  border: 2px solid red; */
  }

.fusskasten img {
  width: 30px;
  transition: transform 0.2s ease;
  display: block;
}

.fusskasten img:hover {
}

.subfuss {
  background-color: #222222;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: white;
}     

.subfuss a:hover {
  color: #5FD2E2;
  transform: scale(1.4)  
}

.subfusskasten {
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1em;
  /*border: 1px solid yellow;*/
}


/***************************************************
*  Media Querry für Desktop. Ab einem Seitenverhältniss
*  von 1.2 wird auf Desktop umgeschaltet
*/

@media (width > 400px) {   /* Landscape PC */

.fuss {
  position: static;
  left: 10px;
  bottom: 1px;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: small;
  background-color: #444444;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  }
  
.fusskasten { 
  margin: 2px;
  padding: 2px;
  background-color: #555555";
  color: white;
/*  border: 2px solid green;*/
  }
     
.fusskasten img {
  width: 40px;
  transition: transform 0.2s ease;
}

.fusskasten img:hover {
  transform: scale(1.1);     
}     
     
}

@media (aspect-ratio > 0.9) {   /* Landscape PC */

.fusskasten { 
  margin: 0;
  padding: 10px;
  background-color: #555555";
  color: white;
/*  border: 2px solid blue;*/
 }

.fusskasten img {
  width: 50px;
  transition: transform 0.2s ease;
}

}