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

Statement bei der Vollversammlung der dsj 2026

Weiterlesen

Sieben Gewählte, langjährige Engagierte und ein Wechsel an der Spitze: Was die Vorstandswahl bedeutet

Weiterlesen

So könnt ihr die Olympischen Jugendspiele Dakar 2026 verfolgen

Weiterlesen

Digitale Sprechstunde

Weiterlesen

Friederike Uhlenbrock und David Knöß von der dsj im Interview

Weiterlesen

Deutsche Sportjugend (dsj)

Weiterlesen

Unter dem Motto „Bewegen, stärken, entwickeln“ diskutiert die dsj die Zukunft des Kinder- und Jugendsports

Weiterlesen

Neuer dsj-Vorstand setzt auf Jugendbeteiligung und bessere Bedingungen für den Jugendsport

Weiterlesen

Politik im Dialog und Qualität im Fokus

Weiterlesen

Zweijährige Projektphase mit Abschlusskonferenz in Split beendet

Weiterlesen