/* Anfrage ohne Passwort (docs/ANFRAGE-OHNE-PASSWORT.md): Kontaktfelder im Anfrageformular, Ansicht „Fast geschafft“,
   Seite hinter dem Link (/anfrage/bestaetigen), Passwort-Hinweis auf /anfrage/gesendet. Eingebunden von components/AnfrageOhneKonto.tsx. */

/* ---------- Kontaktfelder (nur für nicht angemeldete Paare) ---------- */
.ae-wer{display:grid;gap:10px;border-top:1px solid var(--line,#DCE1DB);padding-top:16px;margin:6px 0 14px}
.ae-wer:first-child{border-top:0;padding-top:0;margin-top:0} /* z. B. „Mehrere anfragen“: Karte beginnt mit den Kontaktdaten */
.ae-wer .lbl{margin:0}
.ae-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
.ae-kopf b{font-size:15px;font-weight:700;color:var(--fg,#101418);letter-spacing:-.005em}
.ae-konto{margin:0;font-size:13px;color:var(--fg3,#7A8590)}
.ae-konto a{color:var(--green,#0B7A55);font-weight:700;text-decoration:none;white-space:nowrap}
.ae-konto a:hover{text-decoration:underline;text-underline-offset:2px}
.ae-konto a[aria-busy]{opacity:.6;pointer-events:none}
.ae-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ae-opt{font-weight:500;color:var(--fg3,#7A8590)}
.ae-hinweis{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;line-height:1.45;color:var(--fg2,#4A5560)}
.ae-hinweis svg{flex:none;margin-top:1px;color:var(--green,#0B7A55)}
@media (max-width:560px){.ae-wer .inp{font-size:16px}} /* iOS zoomt bei kleinerer Schrift ins Feld */
@media (max-width:340px){.ae-2{grid-template-columns:1fr}}

/* Eigene Seite des Fotografen: gleiche Felder im Stil der Seite (Akzentfarbe, Linien) */
.lp-form .ae-wer{margin:0;border-top-color:rgba(20,24,28,.1)} /* Formular ist in allen Designs hell (auch „Nacht“) */
.lp-form .ae-kopf b{color:#14181C}
.lp-form .ae-konto a,.lp-form .ae-lnk{color:var(--lp-akz,#0B7A55)}
.lp-form .ae-hinweis svg{color:var(--lp-akz,#0B7A55)}
.lp-form .ae-hinweis{color:#5A6169}

/* Sprung zu #anfrage (nach dem Absenden, „Angaben ändern“, Fehlern): nicht unter die feste Kopfzeile */
.prof #anfrage,main.in .card#anfrage,.sa-form#anfrage{scroll-margin-top:96px}

/* ---------- Ansicht „Fast geschafft – bitte bestätigt eure E-Mail“ ---------- */
.ae-ok{text-align:center;padding:4px 2px 2px}
.ae-ic{width:60px;height:60px;margin:4px auto 16px;border-radius:50%;background:var(--mint2,#EEF8F2);color:var(--green,#0B7A55);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(14,159,110,.06)}
.ae-ic.ab{background:#FBEFD9;color:#7a4f06;box-shadow:0 0 0 8px rgba(232,163,23,.08)}
.ae-ok h2{font-size:21px;line-height:1.25;margin:0 0 10px;color:var(--fg,#101418);letter-spacing:-.01em;text-wrap:balance}
.ae-ok>p{font-size:15px;line-height:1.55;color:var(--fg2,#4A5560);margin:0 0 14px}
.ae-ok b{color:var(--fg,#101418)}
.ae-mail{overflow-wrap:anywhere}
.ae-fakten{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ae-fakten li{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;background:var(--mint2,#EEF8F2);color:#145a40;font-size:12.5px;font-weight:600;line-height:1.2}
.ae-fakten li:before{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ae-tipp{background:var(--panel2,#F1F4EF);border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45;color:var(--fg2,#4A5560);margin:0 0 12px;text-align:left}
.ae-tipp b{color:var(--fg,#101418);font-weight:700}
.ae-ok form{margin:0}
.ae-note{margin:0 0 12px;text-align:left}
.ae-aendern{margin:14px 0 0!important;font-size:13px;color:var(--fg3,#7A8590);line-height:1.5}
.ae-lnk{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--green,#0B7A55);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ae-karte{max-width:520px;margin-left:auto;margin-right:auto;padding:28px 26px 24px}
@media (max-width:560px){.ae-ok h2{font-size:20px}.ae-karte{padding:24px 18px 20px}}

/* Eigene Seite: Ansicht in der weißen Formular-Karte, Icon in der Akzentfarbe */
.ae-lp .ae-ok{padding:6px 0 0}
.ae-lp .ae-ic{background:color-mix(in srgb,var(--lp,#0B7A55) 12%,#fff);color:var(--lp-akz,#0B7A55);box-shadow:0 0 0 8px color-mix(in srgb,var(--lp,#0B7A55) 6%,transparent)}
.ae-lp .ae-fakten li{background:color-mix(in srgb,var(--lp,#0B7A55) 10%,#fff);color:var(--lp-akz,#145a40)}
.ae-lp .ae-tipp{background:#F5F5F3}
.ae-lp .ae-ok h2{font-family:inherit}

/* ---------- Seite hinter dem Link (/anfrage/bestaetigen) ---------- */
.ab-karte{text-align:center}
.ab-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center}
.ab-gruen{background:#EEF7F2;color:#0B7A55;box-shadow:0 0 0 9px rgba(14,159,110,.06)}
.ab-grau{background:#F3F4F1;color:#5F6B66}
.ab-gold{background:#FBEFD9;color:#7a4f06;box-shadow:0 0 0 9px rgba(232,163,23,.08)}
[data-testid="ab-offen"] .ab-ic{animation:ab-puls 1.6s ease-in-out infinite}
@keyframes ab-puls{50%{box-shadow:0 0 0 14px rgba(14,159,110,.1)}}
@media (prefers-reduced-motion:reduce){[data-testid="ab-offen"] .ab-ic{animation:none}}
.ab-karte .sub b,.ab-karte .tiny2 b{color:#101418}
.ab-mail{overflow-wrap:anywhere}
.ab-eck{display:block;margin-top:4px;font-size:14px;color:var(--fg3,#646F7A)}
.ab-karte .hint{background:#F7F8F5;border-radius:12px;padding:12px 14px;font-size:14px;color:#5F6B66;text-align:left;margin:0}
.ab-karte form{margin:6px 0 0}
.ab-karte .err2{text-align:left}
.ab-akt{display:grid;gap:10px;margin-top:4px}
.ab-karte .tiny2{margin-top:14px}

/* ---------- /anfrage/gesendet: dezenter Hinweis „Passwort festlegen (optional)“ ---------- */
.gs-pw{margin:14px 0 0;padding:12px 14px;border:1px dashed var(--line2,#C9D0C6);border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--fg2,#4A5560)}
.gs-pw a{color:var(--green,#0B7A55);font-weight:700;white-space:nowrap}