Überschriften

Hauptüberschrift

Muss einmal pro Seite oder Beitrag vorhanden sein. Hauptüberschrift immer in Großbuchstaben.

Das ist die Hauptüberschrift

<h1 class="highligth-heading uppercase">Das <span class="hero-underline">ist eine</span> Überschrift</h1>

Unterüberschrift mit Highlight

Kann vorkommen wenn Unterteilung Sinn macht und Text dazwischen lang genug ist.

<h2 class="highligth-heading">Das <span class="hero-underline">ist die Highlight </span> Unterüberschrift</h2>

Unterüberschrift normal

Kann vorkommen wenn Unterteilung Sinn macht und Text dazwischen lang genug ist.

<h2>Das <span class="hero-underline">ist die normale </span> Unterüberschrift</h2>

Button Primär

<a href="Linke_einfügen"><button class="button main">Button Primär</button></a>

Button Primär – fullwidth

Button über ganze breite des Elements

<a href="Linke_einfügen"><button class="button main" style="width: 100%;">Button Primär</button></a>

Button Sekundär

<a href="Link_einfügen"> <button class="button outline main"> Button sekundär </button> </a>

Button Sekundär – fullwidth

Button über ganze breite des Elements

<a href="Linke_einfügen"><button class="button main outline" style="width: 100%;">Button Sekundär</button></a>

Button Sekundär – Chat öffnen

Funktioniert nur im Code-Block und nicht im Text-Block! Seite oder Artikel muss Veröffentlicht sein damit es funktioniert.

<button onclick='LC_API.open_chat_window();return false' class='button main outline'>Frage stellen</button>

Highlight Link – linksbündig

Highlight Link – zentriert

Button Primär

<a href="Linke_einfügen"><button class="button main">Button Primär</button></a>

Button Primär – fullwidth

Button über ganze breite des Elements

<a href="Linke_einfügen"><button class="button main" style="width: 100%;">Button Primär</button></a>

Button Sekundär

<a href="Link_einfügen"> <button class="button outline main"> Button sekundär </button> </a>

Button Sekundär – fullwidth

Button über ganze breite des Elements

<a href="Linke_einfügen"><button class="button main outline" style="width: 100%;">Button Sekundär</button></a>

Button Sekundär – Chat öffnen

Funktioniert nur im Code-Block und nicht im Text-Block! Seite oder Artikel muss Veröffentlicht sein damit es funktioniert.

"
<div class="btn-container">
<button onclick='LC_API.open_chat_window();return false' class='button main outline'>Frage stellen</button>
</div>
"

Highlight Link – linksbündig

Highlight Link – zentriert

Banner Eventdesigner

Nicht direkt im Layout sonder in der Codezeile unter dem Editor an der richtigen Stelle einfügen.