a, a:hover, a:focus {
  text-decoration: none;
}

.categorycard {
  border-radius: 20px;
  box-shadow: rgb(255 255 255) -3px -3px 10px, rgb(0 0 0 / 20%) 3px 3px 10px;
}

.categorycard div {
  min-height: 88px;
}

.categorycard a {
    color: #a8a8a8;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;    
}
.card-image {
  background-position: center;
  background-size: cover;
  border-radius: 20px 0 0 20px;
}

.card-title, .categorycard  {
  text-decoration: none !important;
  text-decoration-style: none !important;
  color: #a8a8a8;
  background-color: #f1f1f1;
}

.category-name-holder {
  background-color: #f4f4f4;
  margin-top: 50px;
}

.categoryname {
  border-radius: 10px;  
  text-align: center;  
  background-position: center;
  background-size: cover;
  color: #fff;
  margin-bottom: 1em;
}

.neg-mt {
  margin-top: -40px;
}

.pos-mt {
/*  margin-top: 50px;*/
  background-color: #f4f4f4;
  overflow-y: scroll;
  /*height: calc((var(--vh, 1vh) * 100) - 9rem);*/
  height: calc(100vh - 5rem);
/*  height: calc(100vh - 120px);*/
}

.food-price {
    color: #c5a031;    
}

.food-price.var {
  font-size: 14px;
}

.food-text {
  font-size: 12px;
  font-style: italic;
}
    
.language {
  position: absolute;
  top: 10px;
  right: 20px;
}

.toback {
  position: absolute;
  top: 10px;
  left: 10px;
}

.fs-36 {
  font-size: 36px;
}

.groupicon {
  padding: 25px 15px 15px;
  background-color: #ddd;
  border-radius: 10px;
  color: #949494;
  box-shadow: rgb(255 255 255) -3px -3px 10px, rgb(0 0 0 / 20%) 3px 3px 10px;
}

.groupicon.active {
  color: #9a865e;
}

.topicon {
  /*position: fixed;*/
}

.topicon a {
  color: #ab956a;
}

.languageradio {
  width: 100%;
}

.languageradio label { 
  color: #9a865e;
  border-color: #9a865e;  
}  

.languageradio .btn-check, .btn-primary {
  background-color: #9a865e;
  border-color: #9a865e;  
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  background-color: #9a865e; 
  border-color: #9a865e;
}

.footer {
  background-color: #f1f1f1;   
}

.footer h4 {
  text-align: center;
  font-size: 14px !important;
  color: #a8a8a8;
}