/* Gestaltung 2026 – Persönlicher Weihnachtsspruch (Rahmen und Zitat aus Impuls.css und Suche.css) */

.weihnachtsspruch .impuls h1 + p:not(.erklaerung) { margin-top: 1rem; }
.weihnachtsspruch .impuls > p:not(.erklaerung) { font-size: 1.15rem; max-width: 40rem; }
.weihnachtsspruch .ziehen { margin: 1.8rem 0 0; }
.weihnachtsspruch .weitergeben { margin-top: 1.6rem; }
.weihnachtsspruch .weitergeben .link {
    margin: 2rem 0 3rem;
    font-family: var(--schrift-ui);
    font-size: 0.9rem;
}
.weihnachtsspruch .weitergeben .link span { color: var(--leise); }
.weihnachtsspruch .weitergeben .link a { word-break: break-all; }
.weihnachtsspruch .knoepfe {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    justify-content: end;
}
.weihnachtsspruch .impuls > p.testbetrieb {
    margin: 0 0 4.5rem;
    padding: .5rem .75rem;
    border: 1px dashed currentColor;
    font-family: var(--schrift-ui);
    font-size: .9rem;
}

/* An mich senden: Knopf klappt das Adressfeld auf, offen nimmt es die ganze Zeile ein */
.weihnachtsspruch .an-mich summary { list-style: none; }
.weihnachtsspruch .an-mich summary::-webkit-details-marker { display: none; }
.weihnachtsspruch .an-mich[open] { flex-basis: 100%; }
.weihnachtsspruch .an-mich[open] summary { background: transparent; color: var(--link); }
.weihnachtsspruch .an-mich form { margin: .8rem 0 .4rem; padding: 1rem; max-width: 32rem; border: 1px solid var(--linie); border-radius: 8px; font-family: var(--schrift-ui); }
.weihnachtsspruch .an-mich .hinweis { margin: 0 0 .8rem; font-size: .92rem; color: var(--leise); }
.weihnachtsspruch .an-mich label { display: block; font-size: .92rem; color: var(--leise); margin: 0 0 .25rem; }
.weihnachtsspruch .an-mich .zeile { display: flex; flex-wrap: wrap; gap: .5rem; }
.weihnachtsspruch .an-mich input[type="email"] { flex: 1 1 14rem; min-width: 0; font: inherit; font-size: 1.05rem; padding: .5rem .65rem; color: var(--tinte); background: var(--grund); border: 1px solid var(--linie); border-radius: 6px; }
.weihnachtsspruch .an-mich .webseite { position: absolute; left: -9999px; }
.weihnachtsspruch .an-mich .fehler { margin: 0 0 .8rem; padding: .5rem .75rem; border-radius: 6px; background: color-mix(in srgb, #C0392B 10%, transparent); border: 1px solid color-mix(in srgb, #C0392B 35%, transparent); }
.weihnachtsspruch .weitergeben .meldung { margin: 0 0 .8rem; font-family: var(--schrift-ui); }