.wpp-center {
  display: flex;
  flex-flow: column;
  /* align-items: center; */
  justify-content: space-between;
  flex-grow: 1;
}

.wpp-center a {
  display: flex !important;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.wpp-container {
  /* background: #7e9aa8; */
  /* padding: 0.4rem 1rem; */
  color: #6f7780;

  /* display: flex; */

  display: grid;
  grid-template-columns: 1fr 1fr;

  width: 100%;
  max-width: 100%;

  justify-content: space-between;
  box-sizing: border-box;
}

.wpp-title {
  font-size: 1.5rem !important;
  color: #33496a !important;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.wpp-description {
  color: #6f7780;
  height: 100%;
}

.wpp-hr {
  width: 100%;
  margin: 0.8rem 0 !important;
  background-color: #6f7780 !important;
}

/* .wpp-container h1 {
  margin: 0 !important;
  font-size: 1.5rem;
  white-space: nowrap;
} */

.wpp-left {
  display: flex;
  flex-flow: column nowrap;
  text-align: initial;

  width: 100%;

  padding: 0 0.4rem;
  justify-content: space-between;
}

.wpp-left > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.wpp-left svg {
  border: solid #6f7780 1px;
  border-radius: 8px;
  padding: 0.2rem;
  width: 90%;
}

.wpp-left svg + svg {
  margin-left: 0.2rem;
}

.wpp-right {
  /* display: flex; */

  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;

  padding: 0 0.4rem;
  border-left: #6f7780 1px solid !important;
  box-sizing: border-box;
  color: #6f7780;
  gap: 0.4rem;
  /* border box funktioniert nicht? */
  /* padding-left: 0.3rem; */
}

/* .wpp-container svg {
  fill: white;
  margin: 0.1rem;
  width: 2rem;
  min-width: 2rem;
} */

.wpp-right > div {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;

  padding: 0.2rem;
  font-size: 1rem;

  box-sizing: border-box;

  border: 1px #6f7780 solid;
  border-radius: 4px;
  white-space: nowrap;
}

/* .wpp-right > div + div {
  margin-left: 0.4rem;
} */

ul.products {
  display: grid !important;
  max-width: calc(280px * 4 + 10rem);
  column-gap: 15px;
  row-gap: 73px !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, auto)) !important;
}

ul.products::before {
  display: none !important;
}

ul.products > li {
  width: 100% !important;
  display: flex;
  flex-flow: column;
}

ul.products > li > div {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
}

ul.products > li > div > a {
  flex-grow: 1;
  display: flex !important;
  flex-flow: column;
}

/* produktseite, vorschlaege */
@media screen and (min-width: 900px) and (max-width: 1217px) {
  .single-product ul.products {
    grid-template-columns: 1fr 1fr !important;
  }

  /* damit es nicht die ganze Seite einnimmt, wenn tablet sized */
  .single-product ul.products > * {
    max-width: 400px;
  }
}

/* @media screen and (max-width: 600px) {
  .elementor-element.elementor-products-grid ul.products {
    grid-template-columns: 1fr !important;
  }
} */

.ast-article-single.product {
  height: 100%;
}

.ast-article-single.product .astra-shop-thumbnail-wrap {
  height: 100% !important;
  display: flex;
  flex-flow: column;
}

.astra-shop-thumbnail-wrap {
  height: 100%;
}

.astra-shop-summary-wrap {
  display: none !important;
}

/* front page */

@media screen and (min-width: 1400px) {
  .elementor-element-b3f5d24 .elementor-element-populated {
    position: absolute !important;
    width: 100vw !important;
    height: 25rem !important;
  }
}

.woocommerce-LoopProduct-link > *:not(:first-child) {
  display: none !important;
}

.grid-item-info-buttons {
  align-items: center !important;
  /* margin-top: 1.4rem; */
  /* height: 53px !important; */
  padding: 12px 0;
  background: #1880a4;
  border: solid 2px #4699b5;
  border-top: none;
  padding-right: 10px;
}