Intro-Text auf der /s Seite einfügen?

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; 
}

2 „Gefällt mir“