/* T12 – Musterstimmen, Fakten, Kontaktfoto und Abschluss. */
.voice-content, .voice-card:nth-child(2) .voice-content {
  padding: 32px 32px 32px 24px;
}
.voice-card:nth-child(2) .voice-content { padding: 32px 24px 32px 32px; }
.voice-key-facts { margin-top: 24px; border-top: 1px solid #E4DCD0; padding-top: 16px; }
.voice-content .voice-facts-title {
  margin: 0 0 12px; font: 400 10px/1.5 var(--sans);
  text-transform: uppercase; letter-spacing: 1.5px; color: #806950;
}
.voice-key-facts ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; }
.voice-fact { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.voice-fact img { display: block; flex: 0 0 30px; width: 30px; height: 30px; object-fit: contain; mix-blend-mode: normal; filter: none; }
.voice-fact > div { min-width: 0; }
.voice-fact strong { display: block; font: 500 22px/1.1 var(--serif); color: #141414; white-space: nowrap; }
.voice-fact small { display: block; margin-top: 4px; font: 400 11px/1.45 var(--sans); color: #5D554B; }

#erstgespraech .final-photo img { object-fit: cover; object-position: 42% 30%; mix-blend-mode: normal; }
#erstgespraech .final-photo::before, #erstgespraech .final-photo::after { display: none; }

#faq { row-gap: 56px; padding-bottom: 80px; }
.faq-closing { grid-column: 1 / -1; text-align: center; }
#faq .faq-closing p { margin: 0 0 20px; font: 400 14px/1.8 var(--sans); color: var(--label); }

/* T12 G – das Foto bleibt klar; die Kacheln dürfen über den Bildrand ragen. */
.about-photo { overflow: visible; border-radius: 16px; }
.about-photo img {
  -webkit-mask-image: none; mask-image: none; filter: none;
  border-radius: 16px; border: 1px solid #ffffff12; box-shadow: 0 25px 80px #0005;
}
.about-photo .photo-caption { display: none; }
.about-facts > div { min-width: 140px; }
.about-card {
  position: absolute; width: 168px; padding: 12px 15px 19px;
  background: #F4EFE8; border-radius: 12px; box-shadow: 0 20px 60px #0006;
  color: #141414; text-align: center; z-index: 3;
}
.about-card img {
  position: static; display: block; width: 64px; height: 64px; margin: 0 auto 2px;
  border: 0; border-radius: 0; box-shadow: none; object-fit: contain;
  mix-blend-mode: normal; -webkit-mask-image: none; mask-image: none;
}
.about-card strong { display: block; font: 500 26px/1 var(--serif); white-space: nowrap; }
.about .about-card p { margin: 8px 0 0; font: 400 11px/1.5 var(--sans); color: #555047; }
.about-card--process { top: 12px; right: -40px; transform: rotate(6deg); }
.about-card--sales { top: 48%; left: -50px; transform: rotate(-7deg); }
.about-card--automation { bottom: -30px; right: -30px; width: 184px; padding-inline: 5px; transform: rotate(-3deg); }

@media (max-width: 960px) {
  #erstgespraech .final-photo img { object-position: 45% 15%; }
}
@media (max-width: 760px) {
  .voice-content, .voice-card:nth-child(2) .voice-content { padding: 32px 4px 12px; }
  .voice-key-facts ul { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .voice-fact img { flex-basis: 26px; width: 26px; height: 26px; }
  .voice-fact strong { font-size: 20px; }
  .voice-fact small { margin-top: 2px; }
  #faq { row-gap: 40px; padding-bottom: 60px; }
  .faq-closing .primary-cta { width: 100%; font-size: 12px; padding: 15px 12px; gap: 8px; }
  .about-facts { gap: 32px; }
  .about-facts > div { min-width: 140px; }
  .about-photo { margin-bottom: 24px; }
  .about-card { width: 112px; padding: 8px 8px 12px; }
  .about-card img { width: 40px; height: 40px; }
  .about-card .card-rule { margin: 5px auto 8px; }
  .about-card strong { font-size: 18px; }
  .about .about-card p { margin-top: 6px; font-size: 9px; }
  .about-card--process { top: 8px; right: 8px; }
  .about-card--sales { top: 53%; left: 8px; }
  .about-card--automation { bottom: -12px; right: 8px; width: 136px; padding-inline: 6px; }
}