Fill imprint page with content, via new Reader component

src/components/ImprintPage/index.tsx

@@ -1,5 +1,8 @@
 import { useTranslations } from "next-intl";
+import { LinkInternal } from "../Link";
 import Page from "../Page";
+import Reader from "../Reader";
+import Spacer from "../Spacer";
 
 export default function ImprintPage() {
 	const t = useTranslations("Imprint");
@@ -10,7 +13,85 @@ export default function ImprintPage() {
 				title: t("meta-title"),
 			}}
 		>
-			Hallooo.
+			<Reader>
+				<Spacer size={20} />
+				<h1>Impressum</h1>
+				<h2>Angaben zur Technologiestiftung Berlin</h2>
+				<p>
+					Technologiestiftung Berlin
+					<br />
+					Grunewaldstraße 61-62
+					<br />
+					10825 Berlin
+				</p>
+				<p>
+					Telefon +49 30 209 69 99 0<br />
+					E-Mail: info(at)ts.berlin
+					<br />
+					Web:{" "}
+					<a href="https://www.technologiestiftung-berlin.de/" target="_blank" rel="noreferrer noopener">
+						www.technologiestiftung-berlin.de
+					</a>
+				</p>
+				<p>
+					Stiftungsverzeichnis Berlin: AZ 3416/464 B3
+					<br />
+					USt-Id-Nr.: DE 187 459 128
+				</p>
+				<p>
+					Die Technologiestiftung Berlin ist eine rechtsfähige und gemeinnützige Stiftung bürgerlichen Rechts. Sie
+					unterliegt nach dem Berliner Stiftungsgesetz in der Fassung vom 11. Dezember 1997 (GVBl. S. 674) der
+					Staatsaufsicht, die von der Senatsverwaltung für Justiz, Salzburger Str.21-25, 10825 Berlin, geführt wird.
+				</p>
+				<h2>Vertretungsberechtigter Vorstand</h2>
+				<p>
+					Nicolas Zimmer (Vorsitz)
+					<br />
+					Steffen Döring
+					<br />
+					Prof. Dr. rer. nat. Martina Schraudner
+				</p>
+				<h2>Inhaltlich Verantwortliche:r gemäß §5 TMG</h2>
+				<p>Simon Scholler (Technologiestiftung Berlin)</p>
+				<h2>Technische Umsetzung</h2>
+				<p>Technologiestiftung Berlin</p>
+				<h2>Haftungsausschluss</h2>
+				<p>
+					Es wird von uns keine Garantie dafür übernommen, dass die auf dieser Website bereitgestellten Informationen
+					vollständig, richtig und in jedem Fall aktuell sind.
+				</p>
+				<p>
+					Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Wir
+					haben keinerlei Einfluss auf die aktuelle und zukünftige Gestaltung der verlinkten Seiten. Wir distanzieren
+					uns hiermit ausdrücklich von allen inhaltlichen Änderungen, die nach der Linksetzung auf den verlinkten Seiten
+					vorgenommen werden. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
+				</p>
+				<p>
+					Wir behalten uns das Recht vor, ohne vorherige Ankündigung Änderungen oder Ergänzungen der bereitgestellten
+					Informationen vorzunehmen.
+				</p>
+				<p>
+					Wir sind bestrebt, in allen Publikationen geltende Urheberrechte zu beachten. Sollte es trotzdem zu einer
+					Urheberrechtsverletzung kommen, werden wir das entsprechende Objekt nach Benachrichtigung aus seiner
+					Publikation entfernen bzw. mit dem Urheberrecht kenntlich machen.
+				</p>
+				<p>
+					Alle auf den Webseiten genannten und gegebenenfalls durch Dritte geschützte Marken- und Warenzeichen
+					unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts und den Besitzrechten der
+					jeweiligen eingetragenen Eigentümer.
+				</p>
+				<p>
+					Dieser Haftungshinweis ist als Teil des Internetangebotes der Technologiestiftung Berlin zu betrachten. Sofern
+					Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht
+					vollständig entsprechen sollten, bleiben die übrigen Teile des Dokuments in ihrem Inhalt und ihrer Gültigkeit
+					hiervon unberührt.
+				</p>
+				<p>
+					Angaben zum Datenschutz finden sich in unserer{" "}
+					<LinkInternal href="/privacy-policy">Datenschutzerklärung</LinkInternal>.
+				</p>
+				<Spacer size={50} />
+			</Reader>
 		</Page>
 	);
 }

src/components/Reader/index.tsx

@@ -0,0 +1,23 @@
+import styled from "@emotion/styled";
+import { colors, spacings } from "../../common/styleVariables";
+import { textStyles } from "../Text";
+
+/**
+ * UI component to render HTML-style content with some default styles.
+ */
+const Reader = styled.div({
+	backgroundColor: colors.white,
+	padding: `0 ${spacings.horizontalPagePadding}`,
+	...textStyles,
+	h2: {
+		margin: `${spacings.get(4)}px 0 ${spacings.get(1)}px 0`,
+	},
+	p: {
+		margin: `0 0 ${spacings.get(2)}px 0`,
+		"&:last-of-type": {
+			margin: 0,
+		},
+	},
+});
+
+export default Reader;

src/components/Text/index.tsx

@@ -4,7 +4,7 @@ import { colors, fontSizes, fontWeights, lineHeights } from "../../common/styleV
 
 type TextType = "p" | "h1" | "h2" | "h3";
 
-const textStyles: Record<TextType, CSSObject> = {
+export const textStyles: Record<TextType, CSSObject> = {
 	p: {
 		fontSize: fontSizes.default,
 		lineHeight: lineHeights.default,