/* Gemeinsame Basis-Stile */
[class*="gastro"] { 
    background-size: cover; 
    width: 160px; 
    height: 160px; 
    background-repeat: no-repeat; 
    border: 0; 
    background-color: transparent; 
    box-shadow: 2px 1px 4px darkblue; 
    border-radius: 2px; 
    margin: 3px;
    transition: background-image 0.2s ease-in-out, background-color 0.2s; 
}

[class*="gastro"]:hover { 
    background-color: rgba(11, 31, 143, 0.8); 
    cursor: pointer; 
}

[class*="gastro"]:focus { 
    color: transparent; 
    outline: none; 
}

/* Dynamisch generierte Klassen */

/* Icon: gastros */
.gastros { 
  background-image: url('../ICONs/serv.svg'); 
  width: 110px; 
  height: 160px; 
}
.gastros:hover, .gastros:focus { background-image: url('../ICONs/servs.svg'); }
@media (max-width: 600px) { 
  .gastros { 
    width: 70px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrof */
.gastrof { 
  background-image: url('../ICONs/serf.svg'); 
  width: 210px; 
  height: 160px; 
}
.gastrof:hover, .gastrof:focus { background-image: url('../ICONs/serfs.svg'); }
@media (max-width: 600px) { 
  .gastrof { 
    width: 140px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroG */
.gastroG { 
  background-image: url('../ICONs/give.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroG:hover, .gastroG:focus { background-image: url('../ICONs/gives.svg'); }
@media (max-width: 600px) { 
  .gastroG { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroB */
.gastroB { 
  background-image: url('../ICONs/trnk.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroB:hover, .gastroB:focus { background-image: url('../ICONs/trnks.svg'); }
@media (max-width: 600px) { 
  .gastroB { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroS */
.gastroS { 
  background-image: url('../ICONs/spis.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroS:hover, .gastroS:focus { background-image: url('../ICONs/spiss.svg'); }
@media (max-width: 600px) { 
  .gastroS { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrob */
.gastrob { 
  background-image: url('../ICONs/zafe.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastrob:hover, .gastrob:focus { background-image: url('../ICONs/zafes.svg'); }
@media (max-width: 600px) { 
  .gastrob { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroZ */
.gastroZ { 
  background-image: url('../ICONs/zahl.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroZ:hover, .gastroZ:focus { background-image: url('../ICONs/zahls.svg'); }
@media (max-width: 600px) { 
  .gastroZ { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrow */
.gastrow { 
  background-image: url('../ICONs/bewi.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastrow:hover, .gastrow:focus { background-image: url('../ICONs/bewis.svg'); }
@media (max-width: 600px) { 
  .gastrow { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroA */
.gastroA { 
  background-image: url('../ICONs/wahl.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroA:hover, .gastroA:focus { background-image: url('../ICONs/wahls.svg'); }
@media (max-width: 600px) { 
  .gastroA { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroBe */
.gastroBe { 
  background-image: url('../ICONs/beer.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroBe:hover, .gastroBe:focus { background-image: url('../ICONs/beers.svg'); }
@media (max-width: 600px) { 
  .gastroBe { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroEs */
.gastroEs { 
  background-image: url('../ICONs/essn.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroEs:hover, .gastroEs:focus { background-image: url('../ICONs/essns.svg'); }
@media (max-width: 600px) { 
  .gastroEs { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroCa */
.gastroCa { 
  background-image: url('../ICONs/kafe.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroCa:hover, .gastroCa:focus { background-image: url('../ICONs/kafes.svg'); }
@media (max-width: 600px) { 
  .gastroCa { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroPy */
.gastroPy { 
  background-image: url('../ICONs/pays.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroPy:hover, .gastroPy:focus { background-image: url('../ICONs/payss.svg'); }
@media (max-width: 600px) { 
  .gastroPy { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrokl */
.gastrokl { 
  background-image: url('../ICONs/list.svg'); 
  width: 78px; 
  height: 160px; 
}
.gastrokl:hover, .gastrokl:focus { background-image: url('../ICONs/lists.svg'); }
@media (max-width: 600px) { 
  .gastrokl { 
    width: 50px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrokq */
.gastrokq { 
  background-image: url('../ICONs/listq.svg'); 
  width: 78px; 
  height: 160px; 
}
.gastrokq:hover, .gastrokq:focus { background-image: url('../ICONs/listqs.svg'); }
@media (max-width: 600px) { 
  .gastrokq { 
    width: 50px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroAB */
.gastroAB { 
  background-image: url('../ICONs/wahlB.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroAB:hover, .gastroAB:focus { background-image: url('../ICONs/wahlBs.svg'); }
@media (max-width: 600px) { 
  .gastroAB { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroBo */
.gastroBo { 
  background-image: url('../ICONs/bon.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroBo:hover, .gastroBo:focus { background-image: url('../ICONs/bons.svg'); }
@media (max-width: 600px) { 
  .gastroBo { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroTr */
.gastroTr { 
  background-image: url('../ICONs/trink.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroTr:hover, .gastroTr:focus { background-image: url('../ICONs/trinks.svg'); }
@media (max-width: 600px) { 
  .gastroTr { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroSp */
.gastroSp { 
  background-image: url('../ICONs/spisx.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroSp:hover, .gastroSp:focus { background-image: url('../ICONs/spisxs.svg'); }
@media (max-width: 600px) { 
  .gastroSp { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroCe */
.gastroCe { 
  background-image: url('../ICONs/cafe.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroCe:hover, .gastroCe:focus { background-image: url('../ICONs/cafes.svg'); }
@media (max-width: 600px) { 
  .gastroCe { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroAK */
.gastroAK { 
  background-image: url('../ICONs/wahlK.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroAK:hover, .gastroAK:focus { background-image: url('../ICONs/wahlKs.svg'); }
@media (max-width: 600px) { 
  .gastroAK { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrok */
.gastrok { 
  background-image: url('../ICONs/kass.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastrok:hover, .gastrok:focus { background-image: url('../ICONs/kasss.svg'); }
@media (max-width: 600px) { 
  .gastrok { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroKT */
.gastroKT { 
  background-image: url('../ICONs/drnk.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroKT:hover, .gastroKT:focus { background-image: url('../ICONs/drnks.svg'); }
@media (max-width: 600px) { 
  .gastroKT { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroKK */
.gastroKK { 
  background-image: url('../ICONs/kaff.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroKK:hover, .gastroKK:focus { background-image: url('../ICONs/kaffs.svg'); }
@media (max-width: 600px) { 
  .gastroKK { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroKS */
.gastroKS { 
  background-image: url('../ICONs/spikx.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroKS:hover, .gastroKS:focus { background-image: url('../ICONs/spikxs.svg'); }
@media (max-width: 600px) { 
  .gastroKS { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastrot */
.gastrot { 
  background-image: url('../ICONs/tilg.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastrot:hover, .gastrot:focus { background-image: url('../ICONs/tilgs.svg'); }
@media (max-width: 600px) { 
  .gastrot { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroR */
.gastroR { 
  background-image: url('../ICONs/rech.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroR:hover, .gastroR:focus { background-image: url('../ICONs/rechs.svg'); }
@media (max-width: 600px) { 
  .gastroR { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}

/* Icon: gastroP */
.gastroP { 
  background-image: url('../ICONs/pris.svg'); 
  width: 160px; 
  height: 160px; 
}
.gastroP:hover, .gastroP:focus { background-image: url('../ICONs/priss.svg'); }
@media (max-width: 600px) { 
  .gastroP { 
    width: 100px; 
    height: 100px; 
    margin: 5px; 
  }
}