@media screen and (max-width: 500px) {

.main-navigation-mobile.is-enabled {
  width: 100% !important;
}

.main-navigation-mobile-search {
  max-width: 300px;
}

.page-footer .spalte1 {
  padding-right: 0;
}

.produtkkategorien .projects-item h3 {
  font-size: 0.875em;
}

.siegel-overlay {
  position: absolute;
  top: -20px;        /* Abstand von oben */
  right: -15px;      /* Abstand von rechts */
  width: 100px;     /* feste Größe */
  height: 100px;
}

.counter-fakten .counter-boxes-item p {
  font-size: 1.25em;
}

.counter-boxes-item h3 {
  font-size: 0.875em;
}

.counter-boxes.counter-fakten section.counter-boxes-item:nth-child(1),
.counter-boxes.counter-fakten section.counter-boxes-item:nth-child(4) {
  width: 50% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.counter-boxes.counter-fakten section.counter-boxes-item:nth-child(2),
.counter-boxes.counter-fakten section.counter-boxes-item:nth-child(5) {
  width: 50% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.counter-boxes.counter-fakten section.counter-boxes-item:nth-child(3) {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  clear: both !important;
  margin-top: 10% !important;
}

.bilderheader .content-image.hauptbild figure figcaption {
  font-size: 1.875em;
  top: 5%;
}

.bilderheader .content-gallery figure figcaption a {
  font-size: 14px;
}

.zutaten-check .icon-boxes-item.-headline-icon::before {
  font-size: 1.5em !important;
  top: 4px;
}

.zutaten-check .icon-boxes-item.-headline-icon h3 {
  padding-left: 1.875em;
}

.gerste-3-siegel {
  margin-top: -55px;
}

.gerste-3-siegel img {
  height: 90px !important;
  width: auto !important;
}

.guetesiegel-tierwohl.content-gallery {
  top: 50px;
  right: -15px;
}

.guetesiegel-tierwohl.content-gallery img {
  height: 80px !important;
}

.footer-links ul li {
  float: left !important;
  clear: none !important;
}

}