Texte

Überschriften, Fließtext, HTML, Listen, Tabellen, Code, Markdown und Templates.

Überschrift (h1) · headline

Überschrift (h2) · headline

Überschrift (h3) · headline

Überschrift (h4) · headline

Überschrift (h5) · headline
Überschrift (h6) · headline
Text

Überschrift h2 im Fließtext

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus. Mit fettem Text, kursivem Text, unterstrichenem Text, durchgestrichenem Text, einem Link, Inline-Code, tiefgestellt und hochgestellt.

Überschrift h3 im Fließtext

  • Ungeordneter Listenpunkt
  • Zweiter Punkt
    • Verschachtelter Punkt
  • Dritter Punkt
  1. Geordneter Listenpunkt
  2. Zweiter Punkt
  3. Dritter Punkt

Überschrift h4 im Fließtext

Ein Zitat im Fließtext. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.


Überschrift h5 im Fließtext

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Überschrift h6 im Fließtext

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Text mit Bild (oben) · text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Text mit Bild (links) · text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Text mit Bild (rechts) · text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Text mit Bild (unten) · text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

HTML
Eigener HTML-Code (gefiltert)
Unfiltered HTML · unfiltered_html
Ungefilterter HTML-Code
Aufzählung ungeordnet · list
  • Erster Punkt
  • Zweiter Punkt
  • Dritter Punkt
Aufzählung geordnet · list
  1. Erster Punkt
  2. Zweiter Punkt
  3. Dritter Punkt
Beschreibungsliste · description_list
Begriff eins
Beschreibung des ersten Begriffs.
Begriff zwei
Beschreibung des zweiten Begriffs.
Begriff drei
Beschreibung des dritten Begriffs.
Tabelle · table
Tabellenbeschriftung (caption)
Name Kategorie Preis
Summe 245 €
Produkt A Hardware 120 €
Produkt B Software 80 €
Produkt C Service 45 €
Tabelle mit Zeilenköpfen · table
Mo Di Mi
Vormittag 8–12 Uhr 8–12 Uhr geschlossen
Nachmittag 13–17 Uhr 13–17 Uhr 13–17 Uhr
Code
<?php

function greet(string $name): string
{
    return "Hallo, {$name}!";
}

echo greet('Contao');
Markdown

Markdown-Überschrift

Ein Absatz mit fettem und kursivem Text sowie einem Link.

  • Punkt eins
  • Punkt zwei

Ein Zitat in Markdown.

Template
Schlüssel eins
Wert eins
Schlüssel zwei
Wert zwei

Akkordeon, Slider & Gruppen

Elemente, die andere Inhaltselemente als Kinder enthalten.

Akkordeon · accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Content-Slider · swiper
Elementgruppe · element_group

Kind-Element 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Kind-Element 2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.


Hyperlink
Hyperlink mit Bild · hyperlink
Nach-oben-Link · toplink

Medien

Bild, Galerie, Video-Player sowie YouTube- und Vimeo-Einbettungen.

Bild · image
Galerie · gallery
Video · player
Videobeschreibung
YouTube
YouTube-Video
Vimeo
Vimeo-Video

Dateien

Einzelner Download und Download-Liste.

Download
Downloads

Einbinden

Elemente, die bestehende Inhalte, Artikel, Formulare oder Module einbinden.

Referenziertes Element

Dieses Text-Element wird unten per Inhaltselement-Alias ein zweites Mal eingebunden.

Inhaltselement einbinden · alias

Referenziertes Element

Dieses Text-Element wird unten per Inhaltselement-Alias ein zweites Mal eingebunden.

Artikel einbinden · article (Barrierefreiheit)

Barrierefreiheitserklärung

Für uns gelten folgende Rechtsvorschriften:

  • Barrierefreie-IKT-Gesetz Berlin (BIKTG Bln)
  • Barrierefreie-Informationstechnik-Verordnung (BITV 2.0)

Website

Diese Erklärung zur Barrierefreiheit gilt für die Website https://kiss.dinge.io.

Letzte Aktualisierung der Website

Diese Website wurde zuletzt am 2026-09-24 14:15 in wesentlichen Punkten inhaltlich überarbeitet.

Feedback und Kontaktangaben

Sind Ihnen Mängel beim barrierefreien Zugang zu Inhalten auf unserer Website aufgefallen oder haben Sie Anmerkungen sowie Fragen zum barrierefreien Zugang? Melden Sie sich gerne bei uns:

Per Post:
Digitale Dinge
Mustermannstr.
12345 Musterstadt

Per Web-Formular:
Kontakt

Per E-Mail:

Stand der Vereinbarkeit mit den Anforderungen

Die Anforderungen werden in § 3 BITV 2.0 benannt. Insbesondere sind die Kriterien der EN 301 549 (entspricht den Erfolgskriterien der Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA) zu erfüllen. Die Webseiten unter https://kiss.dinge.io sind wegen der folgenden Unvereinbarkeiten teilweise mit der BITV 2.0 vereinbar.

Nicht barrierefreie Inhalte

  • Nicht durchgängig korrekte Reihenfolge der Überschriften (h2–h6)
  • Lesereihenfolge nicht immer chronologisch
  • Unzureichende Kontraste bei einzelnen Texten
  • Vereinzelt fehlende Alt-Texte

Begründung

Trotz umfangreicher technischer und organisatorischer Maßnahmen lassen sich technische Barrieren bei der Inhaltserstellung durch Mitarbeiterinnen und Mitarbeiter nicht vollständig ausschließen. Wir überprüfen unsere Webseiten mindestens einmal pro Quartal auf Barrierefreiheit und korrigieren nicht barrierefreie Inhalte fortlaufend.

Durchsetzungsverfahren

Sollten Sie der Ansicht sein, dass Sie durch eine nicht ausreichende barrierefreie Gestaltung unserer Website benachteiligt sind, können Sie sich an die zuständige Durchsetzungsstelle wenden. Diese erreichen Sie unter:

Senatsverwaltung für Inneres und Sport
IKT-Steuerung
Berliner Landesbeauftragte für Digitale Barrierefreiheit
Klosterstraße 47
10179 Berlin

Telefon: 030 90223-1525 oder -1526
Fax: 030 9028-4341 oder -4239
E-Mail: Digitale-Barrierefreiheit@senInnDS.berlin.de

Erstellung dieser Erklärung zur Barrierefreiheit

Diese Erklärung wurde am 14.04.2025 erstellt. Die Erklärung wurde zuletzt am 27.06.2025 überprüft.

Artikelteaser · teaser
Formular · form

Was können wir für Sie tun?

Was ist die Summe aus 8 und 3?
Modul · module

Benutzer

Mitgliederbezogene Elemente wie das Login-Formular.

Login-Formular · login

Die Elemente two_factor, change_password, close_account und manage_passkeys werden nur für angemeldete Mitglieder ausgegeben und sind deshalb hier nicht sichtbar.


Legacy-Elemente

Ältere Start/Stop-Elemente, die weiterhin unterstützt werden.

Akkordeon Einzelelement · accordionSingle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Akkordeon Umschlag · accordionStart

Inhalt zwischen accordionStart und accordionStop. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Content-Slider Legacy · sliderStart / sliderStop

Slide 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Slide 2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at risus vel nulla consequat fermentum. Donec et orci mauris, nullam tempor velit id mi luctus.

Ende der Dokumentation

Zurück