/* ==========================================================================
   Architequus – Kontaktseite
   Baut auf styles.css (Tokens/Header/Footer), quelle.css (Farb-Bänder,
   .section-inner, .reveal, .text-link) und blocks.css (.block-split,
   .block-centered) auf.
   ========================================================================== */

/* Zentrierte Akzent-Zeilen (nicht kursiv, in der Textfarbe des Hauses) */
.accent-line{
  font-family: var(--font-display);
  color: var(--color-accent);
  font-size: 1.05rem;
  margin: 0 0 0.3rem;
}
.accent-line:last-child{ margin-bottom: 0; }
.lede-line{
  font-family: var(--font-display);
  color: var(--color-accent);
  font-size: 1.15rem;
  margin: 0 0 1.6rem;
}

/* ---------- Kontaktkarte (im Bild-Text-Split) ---------- */
.contact-card__label{
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-ink);
  margin: 0 0 0.8rem;
}
.contact-card__divider{
  width: 32px;
  height: 1px;
  background: var(--color-accent);
  margin: 0 0 1.6rem;
}
.contact-card address{
  font-style: normal;
  color: var(--color-ink-soft);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.8rem;
}
.contact-card__group{ margin-bottom: 1.8rem; }
.contact-card__group:last-child{ margin-bottom: 0; }
.contact-card__field-label{
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0 0 0.5rem;
}
.contact-card__field-value{
  color: var(--color-ink-soft);
  font-size: 1rem;
  margin: 0;
}
.contact-card__field-value a{ color: inherit; }
.contact-card__field-value a:hover,
.contact-card__field-value a:focus-visible{ color: var(--color-accent); }

/* ---------- Unser Versprechen: Icon-Liste ---------- */
.promise-list{
  display:grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  text-align:center;
}
.promise-item{
  padding: 0 0 1.6rem;
  border-bottom: 1px solid var(--color-line);
}
.promise-item:last-child{ border-bottom:none; padding-bottom:0; }
.promise-item svg{
  width: 34px;
  height: 34px;
  color: var(--color-accent);
  margin: 0 auto 1rem;
  display:block;
}
.promise-item p{
  color: var(--color-ink-soft);
  font-size: 0.94rem;
  line-height: 1.6;
  max-width: 26ch;
  margin: 0 auto;
}

@media (min-width: 700px){
  .promise-list{
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }
  .promise-item{
    padding: 0 1.6rem;
    border-bottom: none;
    border-left: 1px solid var(--color-line);
  }
  .promise-item:first-child{ border-left: none; }
}