/* Anfrage-Formular „Sprechen wir“ – gemeinsam für alle Seiten (Startseite, /vela). Braucht die Farb-Variablen der Seite. */
.ask { border: 0; padding: 0; border-radius: 22px; width: min(560px, calc(100% - 32px)); max-height: calc(100svh - 32px); overflow: auto; background: #fff; color: var(--day-ink); box-shadow: 0 40px 100px -30px rgba(5,6,12,.7); }
.ask::backdrop { background: rgba(5,6,12,.62); backdrop-filter: blur(4px); }
.ask form, .ask .done { padding: 28px clamp(20px, 5vw, 34px) 26px; display: grid; gap: 14px; }
.ask h2 { margin: 0; font-family: var(--display); font-weight: 600; font-size: clamp(1.4rem, 4vw, 1.9rem); letter-spacing: -.01em; }
.ask p { margin: 0; color: var(--day-ink-2); font-size: 15px; }
.ask .lbl { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--day-ink-2); margin-top: 6px; }
.ask .ints { display: flex; flex-wrap: wrap; gap: 8px; }
.ask .ints button { font: 600 14px var(--body); padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(20,23,41,.2); background: transparent; color: var(--day-ink); cursor: pointer; transition: background .2s, color .2s; }
.ask .ints button[aria-pressed="true"] { background: var(--day-ink); color: #fff; border-color: var(--day-ink); }
.ask input[type=email], .ask input[type=text] { width: 100%; font: 16px var(--body); padding: 14px; border-radius: 12px; border: 1px solid rgba(20,23,41,.2); background: #fff; color: var(--day-ink); box-sizing: border-box; }
.ask input:focus-visible, .ask button:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }
.ask .go { font: 700 16px var(--body); padding: 15px 20px; border-radius: 14px; border: 0; background: var(--day-ink); color: #fff; cursor: pointer; margin-top: 4px; }
.ask .go[disabled] { opacity: .5; cursor: wait; }
.ask .fine { font-size: 12.5px; color: var(--day-ink-3); } .ask .fine a { color: inherit; }
.ask .err { color: #b3123f; font-size: 14px; }
.ask .x { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(20,23,41,.06); font-size: 22px; line-height: 1; cursor: pointer; color: var(--day-ink); }
.ask .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }