.hero-title {
  font-size: clamp(1.5rem, 3.1vw, 2.05rem) !important;
  margin: 12px auto 6px !important;
  line-height: 1.12 !important;
}
.hero-rule {
  height: 3px !important;
  width: min(360px, 46%) !important;
  margin: 6px auto 10px !important;
}

.hero-sub {
  max-width: 64ch !important;
  font-size: .94rem !important;
  line-height: 1.45 !important;
  margin: 0 auto 8px !important;
}

.gh-stats { padding: 16px 18px 15px !important; border-radius: var(--radius); }
.gh-stats__value { font-size: clamp(1.9rem, 4.4vw, 2.5rem) !important; }
.gh-stats__label { font-size: .64rem !important; }
.gh-stats__cell { padding: 9px 14px !important; }
.gh-stats__cell-num { font-size: 1.25rem !important; }

.gh-stats__cell-label { font-size: .6rem !important; color: rgba(255, 255, 255, .62) !important; }
.gh-stats__sep { height: 32px !important; margin: 0 8px !important; }

@media (min-width: 760px) {

  .gh-stats {
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: center; gap: 18px; text-align: left;
  }
  .gh-stats__main { align-items: flex-start; }
  .gh-stats__row { margin-top: 0 !important; }
}

.section { margin-top: 14px; }
.section-title { font-size: 1.18rem; margin: 0 0 8px; }

.list,

#ending-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;

  grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
  gap: 11px;
}

@media (min-width: 1080px) {

  .list, #ending-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1360px) {
  .list, #ending-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  #top3 .list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1600px) {
  #sparen .karten-raster,
  #top-deals .karten-raster { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

#ending-list > .gs-li { display: flex; }
#ending-list > .gs-li > .item { width: 100%; }

.list .item, #ending-list .item { padding: 12px; }
.list .item-thumb, #ending-list .item-thumb { flex: 0 0 84px !important; width: 84px !important; height: 84px !important; }
.list .item-content h3, .list .item-title,
#ending-list .item-content h3, #ending-list .item-title { font-size: .97rem; line-height: 1.2; min-height: 2.4em; }
.list .item-meta, #ending-list .item-meta { gap: 5px; margin-top: 8px; }
.list .item-meta .m, #ending-list .item-meta .m { padding: 7px 9px; border-radius:var(--rund-mittel); }
.list .item-meta dt, #ending-list .item-meta dt { font-size: .63rem; }
.list .item-meta dd, #ending-list .item-meta dd { font-size: .84rem; }
.list .item-cta, #ending-list .item-cta { margin-top: 9px; }
.list .cta-btn, #ending-list .cta-btn { padding: 8px 11px; font-size: .88rem; }

.list .item-content > p:empty { display: none; }

.cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 10px 0 14px; }
.cat-item { min-height: 92px; padding: 9px 6px; gap: 5px; }
.cat-icon { width: 48px; height: 48px; }
.cat-name { font-size: .84rem; }
.cat-sub { font-size: .71rem; }
.cat-sep { margin: 5px auto 4px; }

@media (min-width: 700px)  { .cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 900px)  { .cat-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

@media (min-width: 1400px) { .cat-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } }

@media (max-width: 720px) {
  .list .item-thumb, #ending-list .item-thumb { flex: 0 0 76px !important; width: 76px !important; height: 76px !important; }
  .cat-icon { width: 50px; height: 50px; }

  .gh-stats { padding: 12px 14px 11px !important; }
  .gh-stats__row { margin-top: 10px !important; }
  .gh-stats__cell { padding: 7px 10px !important; }
  .gh-stats__sep { height: 26px !important; }

  .cat-sub {
    position: absolute; width: 1px; height: 1px;
    margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
  }
  .cat-sep { display: none; }

  .cat-item { min-height: 0; padding: 10px 6px; }

  .hero-title { margin-top: 6px !important; margin-bottom: 4px !important; }
  .hero-rule  { margin-top: 4px !important; margin-bottom: 8px !important; }
  .hero-sub   { margin-bottom: 6px !important; }
.sektion-kopf { margin-top: 12px !important; padding-bottom: 2px !important; }

  .gh-stats__label      { font-size: 12.5px !important; }
  .gh-stats__cell-label { font-size: 12.5px !important; }

  .gh-stats__cell { padding-left: 5px !important; padding-right: 5px !important; }
  .gh-stats__sep  { margin: 0 2px !important; }
  .gh-stats__cell-label { letter-spacing: 0 !important; }
}

.gh-stats { display: block; max-width: 820px; margin-left: auto; margin-right: auto; }

.gh-stats__row { width: 100%; justify-self: stretch; }
.gh-stats__cell { width: 100%; }

.gh-stats { text-align: center; }
.gh-stats__main { align-items: center; }