/* ==========================================================================
   Schlepperfreunde Schwitten – 2.14.6
   Schnellzugriffe direkt unter Hauptbild/Hero
   ========================================================================== */

.sf2146-hero-quicklinks {
  position: relative;
  z-index: 4;
  width: 100%;
  padding: clamp(28px, 3.3vw, 46px) clamp(26px, 6vw, 110px);
  background: #f7f3e8;
  border-top: 1px solid #ddd2bd;
  border-bottom: 1px solid #ddd2bd;
  box-sizing: border-box;
}

.sf2146-hero-quicklinks .sf2146-home-connect {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(201,154,48,.72) !important;
  background: #123428 !important;
  box-shadow: 0 12px 28px rgba(24,44,35,.08);
}

.sf2146-hero-quicklinks .sf2146-home-connect a {
  min-width: 0;
  min-height: 112px !important;
  padding: 20px 22px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
  align-content: center !important;
  text-align: left !important;
  border-right: 1px solid rgba(201,154,48,.45) !important;
  border-bottom: 0 !important;
  background: #123428 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background-color .18s ease, transform .18s ease;
}

.sf2146-hero-quicklinks .sf2146-home-connect a:last-child {
  border-right: 0 !important;
}

.sf2146-hero-quicklinks .sf2146-home-connect a:hover,
.sf2146-hero-quicklinks .sf2146-home-connect a:focus-visible {
  background: #194736 !important;
  transform: translateY(-2px);
}

.sf2146-hero-quicklinks .sf2146-home-connect a > span {
  grid-row: 1 / 3 !important;
  align-self: center;
  font-size: 25px !important;
  line-height: 1 !important;
}

.sf2146-hero-quicklinks .sf2146-home-connect strong {
  min-width: 0;
  color: #fff !important;
  font: 700 18px/1.2 Georgia, serif !important;
  overflow-wrap: break-word;
}

.sf2146-hero-quicklinks .sf2146-home-connect small {
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  overflow-wrap: break-word;
}

/* Keine ungewollte zusätzliche Lücke vor "Wer wir sind". */
.sf2146-hero-quicklinks + .intro {
  margin-top: 0 !important;
}

/* Tablet: 2 x 2 */
@media (min-width: 701px) and (max-width: 1150px) {
  .sf2146-hero-quicklinks {
    padding: 26px clamp(20px, 4vw, 36px);
  }

  .sf2146-hero-quicklinks .sf2146-home-connect {
    width: min(780px, 100%) !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect a {
    min-height: 108px !important;
    border-bottom: 1px solid rgba(201,154,48,.45) !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect a:nth-child(2n) {
    border-right: 0 !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect a:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
}

/* Smartphone: untereinander */
@media (max-width: 700px) {
  .sf2146-hero-quicklinks {
    padding: 18px 10px;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect a {
    min-height: 86px !important;
    padding: 16px 15px !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(201,154,48,.45) !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect a:last-child {
    border-bottom: 0 !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect strong {
    font-size: 17px !important;
  }

  .sf2146-hero-quicklinks .sf2146-home-connect small {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }
}