/*
 * newsletter-public.css – öffentliche Newsletter-Seiten (Archiv, Ausgabe im Browser, Abmelden, Bestätigen).
 *
 * Wird über $rahmenStylesheets des Website-Rahmens NACH design.css geladen und baut auf deren Bausteinen auf (.einzel-karte, .einzel-hinweis, .btn).
 * Nur Tokens aus design.css, keine eigenen Farben, keine Pixelwerte. Eigener Baustein: .newsletter-ausgabe (die Karten des Archivs stehen in design.css).
 */

/*
 * Der Beitrag ist das Mail-HTML des Renderers (Absätze, Überschriften, Fett, Listen, Links, zweispaltige Unterschrift) mit
 * Inline-Stilen für Mailprogramme. Hier wird es in die Website eingepasst: Schrift und Größe der Website statt Arial, Listenzeichen
 * wieder an (die Website-Vorgabe schaltet sie ab), lange Links umbrechen. !important ist hier nötig und bleibt auf diese Datei
 * beschränkt, weil nur so die eingefrorenen Inline-Stile zu überstimmen sind. Abstandszellen und der Balken der Artikel behalten
 * ihre Inline-Maße, deshalb nur die Textzellen der Unterschrift (.col).
 */
.newsletter-ausgabe { overflow-wrap: anywhere; }
.newsletter-ausgabe p,
.newsletter-ausgabe li,
.newsletter-ausgabe td.col {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}
.newsletter-ausgabe h2,
.newsletter-ausgabe h3 {
    font-family: var(--font-ui) !important;
    font-size: var(--fs-block) !important;
    line-height: 1.3 !important;
    letter-spacing: -.008em;
    overflow-wrap: break-word;
}
.newsletter-ausgabe strong { font-weight: 600 !important; }
.newsletter-ausgabe ul { list-style: disc; }
.newsletter-ausgabe a { text-decoration: underline; }
/* Kein table-layout:fixed: Die Artikeltabelle beginnt mit einer Abstandszeile über alle Spalten, sonst teilte der Browser die Breite gleichmäßig und der Balken würde zur Fläche. */
.newsletter-ausgabe table { max-width: 100%; }

/* Unterschrift am Handy untereinander statt zweier schmaler Spalten. */
@media (max-width: 32.5rem) {
    .newsletter-ausgabe td.col {
        display: block;
        width: auto !important;
        padding: 0 0 var(--s4) !important;
    }
}

/* Blättern und Weg ins Archiv deutlich vom Beitrag getrennt. */
.einzel-karte > .thema-blaettern {
    margin-top: var(--s8);
    padding-top: var(--s6);
    border-top: 1px solid var(--linie);
}
.einzel-karte > .nl-archivlink { margin-top: var(--s6); }

/* Links im Fließtext der Seiten (Datenschutzhinweise) sind als Link erkennbar, auch ohne Farbe. */
.einzel-karte p > a { text-decoration: underline; }