/* Visitenkarte A15 (30.10.2026 spaet): Massnahmen der Conversion-Analyse (Marketing). Kommt nach nav-gg.css.
   Bausteine: Karten und Haken-Listen der Seite (a9.css .karte/.liste.haken), Knoepfe aus kueche.css (kc-druckknopf). */

/* 7: Die Gutschein-Ecke bleibt auf allen Seiten wie live (David 30.10.2026: Entfernen auf der Kundenseite macht er nicht mit) */

/* 4: Anlass ueber dem Hauptknopf */
.anlass { margin: 0 0 12px; font-size: 15px; line-height: 21px; color: var(--text-2); text-align: center; text-wrap: balance; }
/* 6: Termin als zweiter, schlichter Knopf */
.knopf.termin { margin-top: 10px; gap: 12px; }
.termin-text { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.termin-text b { font-weight: inherit; line-height: 21px; }
.termin-text small { font-size: 13px; line-height: 17px; color: var(--text-2); }
/* 7: Kontakt speichern unter den Kacheln */
.kacheln + .knopf { margin-top: 12px; }

/* 3: Google-Bewertungen im Aufbau von Google Maps (Avatar, Name, Local Guide, Sterne + Zeit, Text), in der dunklen Karte der Seite
   (Flaeche, Radius, Linie wie .kachel); Sterne in Googles Gelb wie im Beleg, kleines Google-G rechts oben */
.stimmen { display: grid; gap: 12px; margin-top: 16px; }
.stimme { margin: 0; padding: 16px 16px 14px; border-radius: var(--radius); background: var(--flaeche);
  box-shadow: inset 0 0 0 1px var(--linie); text-align: left; }
.stimme-kopf { display: flex; align-items: center; gap: 12px; }
.stimme-bild { position: relative; display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%;
  background: var(--farbe); color: #fff; font-size: 18px; line-height: 1; font-weight: 500; }
.stimme-lg { position: absolute; right: -3px; bottom: -3px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%;
  background: #f29900; box-shadow: 0 0 0 2px var(--flaeche); }
.stimme-lg svg { width: 12px; height: 12px; }
.stimme-wer { flex: 1; min-width: 0; }
.stimme-wer b { display: block; font-size: 16px; line-height: 20px; font-weight: 600; color: var(--text); }
.stimme-wer small { display: block; margin-top: 1px; font-size: 13px; line-height: 17px; color: var(--text-2); }
.stimme-g { flex: none; width: 20px; height: 20px; align-self: flex-start; margin-top: 2px; }
.stimme-wertung { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13px; line-height: 18px; color: var(--text-2); }
.stimme .sterne { color: #fbbc04; font-size: 15px; letter-spacing: 1px; }
.stimme blockquote { margin: 6px 0 0; font-size: 16px; line-height: 23px; color: var(--text); }
.stimme-quelle { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--linie); font-size: 12px; line-height: 16px; color: var(--text-3); }

/* 2: Haken der Karriere-Kopfzeile kompakt, Knopf direkt darunter */
.einstieg .kopf-haken { width: fit-content; max-width: 100%; margin: 12px auto 0; padding: 0; background: none; border-radius: 0; text-align: left; }
.einstieg .kopf-haken li { grid-template-columns: 16px 1fr; column-gap: 8px; padding: 3px 0; font-size: 15px; line-height: 20px; color: var(--text-2); }
.einstieg .kopf-haken li + li { border-top: 0; }
.einstieg .kopf-haken .i { width: 16px; height: 16px; margin-top: 2px; }
.einstieg .kopf-haken + .knopf { margin-top: 16px; }