Product Icon Headlines

WARNING

Currently, this only works in combination with our Product Icons. Used on the pharma4u website.

.c-icon-headline[.-labxpert/.-labor, .-medicheck, .-forum, .-stex, .-webinare, .-databases]

H1 Example

Der pharma4u Newsletter

Show Code

<div class="c-icon-headline -pharma4u">
  <div>
    <h1 class="c-icon-headline__headline">Der pharma4u Newsletter</h1>
  </div>
</div>

H2 Example with and without Subline

Used in the Flyout Navigation.

Letzte Aktualisierung: 23.05.2025

Taxikon

Lorem ipsum dolor sit amet consetetur sadipscing elitr.

Show Code

<div class="c-icon-headline -taxikon">
  <span class="c-icon-headline__subline">Letzte Aktualisierung: 23.05.2025</span>
  <div>
    <h2 class="c-icon-headline__headline">Taxikon</h2>
  </div>
</div>
<div class="c-icon-headline -taxikon m-t-xl">
  <div>
    <h2 class="c-icon-headline__headline">Lorem ipsum dolor sit amet consetetur sadipscing elitr.</h2>
  </div>
</div>

---

Example Typo3 Markup

Stand: Januar 2025

Tax-ikon – Das Lexikon zum Taxieren

Leistungen

Show Code

<div class="c-icon-headline -taxikon">
  <span class="csc-subheader">Stand: Januar 2025</span>
  <div class="csc-header csc-header-n1">
    <h2 class="csc-firstHeader">Tax-ikon – Das Lexikon zum Taxieren</h2>
  </div>
</div>
<div class="c-icon-headline -pharma4u m-t-xxl" role="none">
  <div>
    <span class="h3 c-icon-headline__headline">Leistungen</span>
  </div>
</div>