Skip to content

Styleguide

Typographie

Abschnittseinleitung

Headline H1

Subheading H2

Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text.

Quicksand; #222222; 18px; 300

Quicksand; #222222; 25px; 400

Quicksand; #222222; 20px; 400

Quicksand; #2f7dae; 16px; 500

Regulärer Body-Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Quicksand; #222222; 16px; 400

Überschrift H3

Regulärer Body-Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Quicksand; #222222; 20px; 400

Quicksand; #222222; 16px; 400

Farben

Main Accent

#2F7DAE

Main Accent Hover

#296499

Alternative Accent

#F7CA02

Background

#F2F4F7

Layout

Dieses Element hat innen oben und unten den Standardabstand eingestellt.

Beatae illum laudantium esse voluptatem dolore dolorem. Ipsum recusandae dolorem id et voluptatibus nihil magnam possimus. Perferendis et dolorem quos sed fugit et a. Odit blanditiis explicabo nihil. Natus quis dolorem provident ea qui quod expedita. Temporibus ad et ut soluta et asperiores qui. In omnis odit dolor voluptas. Voluptas nam iste deserunt voluptates nemo. Et magni corrupti et laborum soluta rerum voluptas.

Dieses Element hat innen oben und unten den Standardabstand eingestellt.

Beatae illum laudantium esse voluptatem dolore dolorem. Ipsum recusandae dolorem id et voluptatibus nihil magnam possimus. Perferendis et dolorem quos sed fugit et a. Odit blanditiis explicabo nihil. Natus quis dolorem provident ea qui quod expedita. Temporibus ad et ut soluta et asperiores qui. In omnis odit dolor voluptas. Voluptas nam iste deserunt voluptates nemo. Et magni corrupti et laborum soluta rerum voluptas.

Dieses Element hat innen oben und unten den halben Standardabstand eingestellt.

Dieses Element hat innen oben und unten ein viertel Standardabstand eingestellt.

Dieses Element hat innen oben und unten den doppelten Standardabstand eingestellt.

Das Projekt wurde im Rahmen des INTERREG-Programms Deutschland-Nederland mit Mitteln des Europäischen Fonds für Regionale Entwicklung (EFRE) kofinanziert.

An den Anfang scrollen