Es folgen zunächst die verschiedenen Überschriftsformate, alle erzeugt mit dem Template "Überschrift", gefolgt von einem kurzen Beispieltext, um die Abstände zu überprüfen. Man sieht, dass der "Abstand oben" meist noch individuell hinzugefügt werden muss. Das ist so gewollt.

Schriftart und Schnitt der Überschriften kommen aus Global / Headlines / Font-Family: vorläufig Roboto medium (500). Die Schriftfarbe muss bei den einzelnen Überschriftsgrößen zugewiesen werden: hier immer Accent-Farbe.

Dies ist ein "Text [erweitert]", Breite max 850px, Schriftgröße +1, Farbe Grau, Zeilenhöhe 1.1

Überschrift h1, Size 25(), Line-Hight 32(), hier zentriert und in der Weite "lang"

Die "h1" wird aus SEO-Gründen immer als Topline verwendet, mit SEO-relevantem Inhalt. Hier als einfacher "Text" rechts.

Optisch ist die Haupt-Überschrift dann die "h2", die deutlich größer ist als die "h1". Abstände: margin-block-start: 0.01em;
margin-block-end: 0.6em;

Überschrift h2, Size 36 (Mob), Line-Hight 42 (Mob), zentriert, Weite "lang"

Ein kurzer Text in einem 2 Spalten-Grid, zentriert, um die Abstände zu veranschaulichen

Abstände der h2:
margin-block-start: 0.01em; margin-block-end: 0.5em;

Überschrift h3, Size 30 (Mob), Line-Hight 34 (Mob), zentriert, Weite "lang"

Ein kurzer Text in einem 2 Spalten-Grid, zentriert, um die Abstände zu veranschaulichen

Nun kommen die verschiedenen Schriftformate, im Grid 50/50, Abstand M. Zwischen den einzelnen Templates sind alle Abstände im Grundzustand.

Überschrift h4 eines Standard-Textes, Font-Size 25 (Mob), Line-Hight 30 (Mob)

Das ist ein Standard-Text ohne Formatierungs-Klasse und ohne Farb-Klasse, linksbündig und ohne weitere Optionen. Also die einfachste Grundform des Brottextes. Einstellung im ThemeDesigner / Global / Text-Elements / Paragrapf: Default : Size 19, Line-Hight 25.

Die Formatierung von Links ist hier anders als im "Text [Erweitert]. Sie entspricht hier den Einstellungen ThemeDesigner / Global / Text-Elements / Link im Text.

Das ist ein Standard-Text ohne eigene Überschrift mit Formatierungs-Klasse "Absatz small", linksbündig und ohne weitere Optionen

Das ist ein Standard-Text ohne eigene Überschrift mit Formatierungs-Klasse "Absatz medium", ausnahmsweise im Blocksatz, sonst aber ohne weitere Optionen.

Das ist ein Standard-Text ohne eigene Überschrift mit Formatierungs-Klasse "Absatz large", linksbündig und ohne weitere Optionen

Das ist ein "Fancylink" Stil 2, mittel, Absatz

Eine (separate) Überschrift h4 zum "Erweiterten Text"

Das ist ein "Text [Erweitert]". Dieses Template hat keine eigene Überschrift, kann aber Optionen für Maximale Breite, Zeilenhöhe und Schriftstärke nutzen. Keine dieser Optionen ist hier gesetzt.

Die Formatierung für Links ist hier anders als im Standard-Text.

Auch die Schriftgröße kann hier in einem ganz speziellen Verfahren (Default, +1, ...) gesetzt werden.
Dafür gebt es hier keine Optionen für "Kleine, Mittlere und Große Absätze".

STELLMEDIA INC.

376-293 City Road, Suite 600
San Francisco, CA 94102

Email: info@yourdomain.com
Twitter: @premiumcontaothemes
Phone +44 1234 567 890
Fax +44 1234 567 891

Zuletzt die verschiedenen Listenformate, links die Standardlisten, formatiert mit dem Tiny, und rechts eine Liste mit dem Template "Icon mit Text".

Listen aus dem Tiny

Das ist eine Nummerierte Liste (Orderd List):

Erster Punkt, natürlich mit etwas mehr Text für einen Umbruch. Und dann kommt der
Zweite Punkt, natürlich mit etwas mehr Text für einen Umbruch. Und dann kommt der
Dritte Punkt, natürlich mit etwas mehr Text für einen Umbruch. Hier folgt ein Text mit Einrückung:

Eingerückter Text, der eigentlich zum dritten Punkt gehören sollte, was aber wahrscheinlich nicht klar erkennbar ist.

Und das ist eine Bullet- Liste (Unorderd List):

Erster Punkt, natürlich mit etwas mehr Text für einen Umbruch. Und dann kommt der
Zweite Punkt, natürlich mit etwas mehr Text für einen Umbruch. Und dann kommt der
Dritte Punkt, natürlich mit etwas mehr Text für einen Umbruch. Hier folgt ein Text mit Einrückung:

Eingerückter Text, der eigentlich zum dritten Punkt gehören sollte, was aber wahrscheinlich nicht klar erkennbar ist.

Spiegelstrich-Listen funktionieren nicht!

Liste per "Icon mit Text"

Das ist ein Punkt mit Bild-Icon in Icongröße 60x60px mit Abstand 5px. Nur so ist es möglich, dem Icon unabhängig vom Text eine eigen Farbe zu geben. Auf Mobiles kann die Icongröße hier nicht angepasst werden.

Das ist der zweite Punkt mit Font-Awesome "Check" in Icongröße 25px mit Abstand 5px und Accent-Color. Auf Mobiles ist die Icongröße reduziert auf 20px

Das ist der dritte Punkt mit Font-Awesome "Check" in Icongröße 25px.

Das ist hier im "Stil 1" eingesezt und ist natürlich beim Aufruf der Seite erst mal geschlossen. Setzt man die Helfer-CSS "Zentiert", erscheinen Überschrift UND Tex zentriert.

Mit Akkordeon Anfang.../Ende... ist es möglich, auch Icon-Text-Listen und andere Elemente in einem Akkordeon zu "verstecken".

Diese Listen können natürlich beliebig lang sein und mit Deko bzw. Bildern ausgestattet sein

Konfiguration de Bottom-Templates

Die Grundkonfiguration:

wurde in Themes/Layout/Bottom geändert zu

Links

Link zu Doctolib:

https://www.doctolib.de/gemeinschaftspraxis/muenchen/allgemeinmedizin-am-marienplatz?utm_campaign=website-button&utm_source=allgemeinmedizin-am-marienplatz-website-button&utm_medium=referral&utm_content=option-8&utm_term=allgemeinmedizin-am-marienplatz

Gelöste Probleme

Randdarstellung von Grid-Elementen auf Mobiles:

Um zu verhindern, dass die Einstellung für den Abstand von Grid-Elementen zueinander am Handy als Randabstand erscheint, muss die Grideinstellung für Mobiles leer bleiben (also nicht auf "col_12 (100%) stellen).

Akkordeon-Darstellung

Im Template für ABM werden alle Akkordeon-Varianten initial immer geschlossen dargestellt. Hier musste nichts programmiert werden (wie in anderen Templates).

Alle anderen Einstellungen stehen in der Customize zur Verfügung: Ohne Rand, Icon-Auswahl, Aktiv-Hintergrund, Ausrichtung.

Trennung erzwingen

Bei normalem Text

Die Implementierung eines mandantenübergreifenden Wissensmanagementsystems ist ein entscheidender Schritt hin zu mehr Transparenz, Nachvollziehbarkeit und Prozessoptimierung. Gerade bei organisationsweiten Veränderungsprozessen wird deutlich, dass klare Kommunikationsstrukturen, verständliche Dokumentationsrichtlinien und kontinuierliche Feedback-Mechanismen die Erfolgswahrscheinlichkeit signifikant erhöhen.

ACHTUNG: die Klasse muss im Anfang eines Absatzes im p-Tag des Quellcodes eines Textes selbst stehen (p class="tennmich"), nicht in einem div-Tag und nicht in den Experteneinstellungen

In einem Text [erweitert] kann die Trennung ebenfalls erzwungen werden.

Die Implementierung eines mandantenübergreifenden Wissensmanagementsystems ist ein entscheidender Schritt hin zu mehr Transparenz, Nachvollziehbarkeit und Prozessoptimierung. Gerade bei organisationsweiten Veränderungsprozessen wird deutlich, dass klare Kommunikationsstrukturen, verständliche Dokumentationsrichtlinien und kontinuierliche Feedback-Mechanismen die Erfolgswahrscheinlichkeit signifikant erhöhen.

ACHTUNG: die Klasse muss im Anfang eines Absatzes im p-Tag des Textes selbst stehen (p class="tennmich"), nicht in einem div-Tag und nicht in den Experteneinstellungen

Icon mit Text

Die Icon-Postition ist von Erich im Customize optimiert: So wird das Icon auch bei mehrzeiligen Texten oben neben der ersten Zeile dargestellt.

Die Icon-Farbe unabhängig von der Textfarbe ist ebenfalls in der Customize definierbar:

Ich bin ein Font-Icon aus dem FontAwesome-Satz

Font-Icons können in der customize per Klasse für jeweils ein bestimmtes FontAwesome-Icon die Farben definiert werden. Hier gemacht für "Telefon"(das Icon heißt hier: fa-phone fa). Es muss der Name des Icons gesetzt werden, nicht die Unicode-Nr.

Ich bin ein Bild-Icon

Bild-Icon bleibt in der oberen Zeile und ist so groß wie per Klasse in der Customize definiert: .bildgroesser

Das klappt immer noch nicht für Tablets und Mobile. Auch unklar: Wie wird die Größe definiert?

Weiter bestehende Probleme mit "Icon mit Text"

Einige Problem können hier nicht gezeigt werden, da sie bereits per Customize nachgebessert sind. Es sollte aber nicht so sein, dass das über die Customize gemacht werden muss, sondern im Template selbst eingestellt werden kann!

Hier die Beispiele, was nicht funktioniert:

g Icon-Farbe kann nicht unabhängig von Textfarbe eingestellt werden (wäre sehr wichtig)

g Anzeige von Extra-Leerzeichen [nbsp] [nbsp] auf der Seite als [nbsp], auch als Trennverhinderer wird [nbsp] angezeigt. Ebenso [shy].

g Im Tiny zugewiesene Sonderzeichen werden nicht angezeigt (hier sollte statt "g" überall ein Quadrat aus Webdings stehen)

g Farbzuweisungen (hier rot und rot hinterlegt) im Textfeld auf einzelne Wörter sind unwirksam.

g Bilder innerhalb des Fließtextes (hier sollte ein Telefax sein: werden nicht dargestellt.

Listenformatierung "Unordered List" (hier sollte diese und die nächsten zwei Zeilen ein Bullet haben) innerhalb von Textbereichen ist nicht wirksam.
Einstellung des Zeilenabstands im Tiny ist nicht wirksam
Keine Breitenbegrenzung entsprechend "Text" (Lang, Mittel, Kurz) oder Breitenbegrenzung wie bei"Text Erweitert" vorhanden

Vorgabe "zentriert" bringt bei längeren Zeilen immer linksbündige Ausrichtung, kurze Positionen dazwischen bleiben jedoch trotzdem zentriert.