input.number {
  text-align: right;
}

pre {
  text-align:left;
}

div{
  text-align: left;

}
div.shopwrapper{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); 
  gap: 0em 1em;
  vertical-align: middle;
  margin-bottom: 4em;
  padding-top: 2em;
  padding-bottom: 2em;
}   

div.shopteaser
,div.warenkorb{  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); 
  align-items: flex-end; 
  gap: 10px 10px;
  background:white;
  color: black;
  padding: 0.3em 1em;   
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 2em  ;
  max-width: 140em;
}

div.warenkorb{  
  background:white;
  color: black;
  max-width: 120em;
}

div.item {
  background:white;
  text-align: center
}

.shopteaser img 
,.warenkorb img{  
  width:100%;
  max-width: 8em; 
  max-height: 8em;
  height: auto; 
}

.shopteaser p
,.warenkorb p{ 
  text-align: center; 
  display: block ;
  margin: 0;
  margin-inline-start: 0em;
  margin-inline-end: 0em;
  font-size: 100%;
}

.hidden{
  display: none;
}