Ich habe es nur auf der Abonnementsseite und größtenteils korrekt formatiert mit Folgendem zum Laufen gebracht:
/* TEIL 1: Die Kopfzeile (Gestaltet wie eine native H1) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
content: "Dies ist die Überschrift";
display: block;
/* Styling passend zu 'title-wrapper'-Überschriften */
font-family: var(--heading-font-family);
font-size: var(--font-up-5);
font-weight: bold;
line-height: var(--line-height-small);
color: #DDDDDD;
/* Abstand zwischen dieser Überschrift und dem Text darunter */
margin-bottom: 8px;
}
/* TEIL 2: Der Haupttext (Mit Abstand darunter) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
content: "Dies ist der einfache Text, der unter der Überschrift steht. \A Sie können hier immer noch Backslash-A für neue Zeilen verwenden.";
display: block;
/* Styling passend zum Standard-Fließtext */
font-family: var(--font-family);
font-size: var(--font-0);
line-height: var(--line-height-medium);
color: #DDDDDD;
white-space: pre-wrap;
/* Dies erzeugt den leeren Raum (Wagenrücklauf) unter Ihrem Text */
margin-bottom: 40px;
}
