/* =======================================================================
   qoob8 Kontakt — page-specific styles
   Loaded in addition to index.css + home.css + custom.css + unternehmen.css
   (the latter provides .contact-section/.contact-form-card/.form-* as-is).
   This file only adds the personal Christian & Verena note below the form.
   ======================================================================= */

.contact-founder {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 620px;
  margin: 44px auto 0;
}
.contact-founder-avatar {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(155deg, #2c2b28, #54514a 55%, #7c766a);
  color: #f4f1ea;
  display: grid;
  place-items: center;
  font-family: "Playfair Display", Georgia, serif;
  font-style: italic;
  font-size: 20px;
}
.contact-founder p {
  color: var(--muted);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}
.contact-founder p strong {
  color: var(--ink);
}
@media (width <= 560px) {
  .contact-founder {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
}