Testseite Abstände

Vorlesen

Zitat-Slider

Ein lächelnder Mann mit Brille steht vor einem Hintergrund mit dem Logo der Deutschen Sportjugend. Er trägt einen dunklen Blazer und ein weißes Hemd. Der Fokus liegt auf seiner freundlichen Ausstrahlung und dem professionellen Umfeld.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Eine lächelnde Frau mit langen, blonden Haaren trägt einen bunten Schal und einen dunklen Blazer. Sie steht vor einem Hintergrund mit dem Logo der Deutschen Sportjugend.

Zitat Kiki

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ein Mann mit kurzem, blondem Haar und einem Bart steht vor einer weißen Wand. Er trägt ein weißes Hemd und lächelt leicht.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Abstand zwischen Überschrift und Fließtext soll größer sein, als der Abstand zwischen zwei Fließtexten

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Absatz:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Neuer Text (CE) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Abstand zwischen Fließtext und Aufzählung soll nicht so groß sein, wie bei einem normalen Absatz

...und: Abstand zwischen einzelnen Aufzählungszeichen vergrößern - ähnlich dem Abstand zwischen Fließtext und Aufzählung. Es sollte allerdings zwischen den beiden Varianten ein Unterschied sein (Bezug zwischen Aufzählungszeichen einer Liste erhalten!)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

  • sanctus est Lorem ipsum
  • dolor sit amet. Lorem ipsum dolor
  • sit amet, consetetur sadipscing elitr,

sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 

Beim Einsatz von RTE-Buttons kleinere Abstände zum darüberstehenden Text, da Buttons eigentlich immer zum Text der darüber steht gehören

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

Button

sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Weitere Überschrift

Neue Überschrift

Eine weitere Überschrift - gleiche Größe wie der Fließtext, Schrift in bold, allerdings soll der Abstand zum Fließtext der darunter folgt nicht so groß sein, wie bei einem Absatz (Im Bsp. sieht man, dass der Abstand vor und nach der Überschrift gleich groß ist - sieht dadurch aus, als würde die Überschrift weder zum Text oben noch zum Text unten gehören).

Lorem Ipsum

Button

IDA e.V. für die Opferberatung Rheinland

Weiterlesen

IDA e.V. für die Opferberatung Rheinland

Weiterlesen

Mehr Kindern den Zugang zu sicherem Schwimmen ermöglichen

Weiterlesen

dsj macht sich im Bundestag für frühzeitige Bewegungsförderung stark

Weiterlesen

Sportjugend Berlin

Weiterlesen

Gesucht werden Projekte, mit denen Kinder und Jugendliche ihr Umfeld aktiv mitgestalten

Weiterlesen

Neue Folge "Tauziehen - der Podcast zu Politik und Sport"

Weiterlesen

Historischer Moment in Dakar: Youth Olympic Games 2026 eröffnet

Weiterlesen

Bayerische Sportjugend (BSJ)

Weiterlesen

Bayerische Sportjugend (BSJ)

Weiterlesen