html {
	scroll-behavior: smooth;
}

body {
	background-color: #FFF;
	color: #131313;
	font-family: var(--sans);
	padding: 0 4.5%;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--text-color: #131313;
	--color-1: #F54B19;
	--color-2: #C100E2;

	--red: #F54B19;
	--darkgray: #666;
	--gray: #999;
	--lightgray: #D3D3D3;
	--lightergray: #EEE;

	--width-l: 1400px;
	--width: 1200px;
	--width-m: 800px;
	--width-s: 600px;
	--width-xs: 300px;
	
	--serif: "IBM Plex Serif", serif;
	--sans: "DM Sans", sans-serif;
	--mono: "DM Mono", monospace;
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Serif"),
		local("IBMPlexSerif"),
		url("fonts/IBMPlexSerif-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: italic;
	font-weight: 400;
	src: local("IBM Plex Serif Italic"), 
		local("IBMPlexSerif-Italic"),
		url("fonts/IBMPlexSerif-Italic.woff2") format("woff2");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400;
	src: local("DM Sans Regular"),
		url("fonts/dm-sans-v11-latin-regular.woff2") format("woff2"),
		url("fonts/dm-sans-v11-latin-regular.woff") format("woff");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 700;
	src: local("DM Sans Bold"),
		url("fonts/dm-sans-v11-latin-700.woff2") format("woff2"),
		url("fonts/dm-sans-v11-latin-700.woff") format("woff");
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 400;
	src: local("DM Mono Regular"),
		url("fonts/dm-mono-v10-latin-regular.woff2") format("woff2"),
		url("fonts/dm-mono-v10-latin-regular.woff") format("woff");
}

h1, h2, h3, h4, h5 {
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	color: var(--red);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

figure {
	margin: 0;
}

figure img {
	width: 100%;
	height: auto;
}

figure a {
	border-bottom: none!important;
}

img {
	vertical-align: baseline;
}

hr {
	border: none;
	margin: 35px 0;
}

hr:after {
	content: "\00b7\00a0\00a0\00b7\00a0\00a0\00b7\00a0\00a0\00b7";
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1;
}

ul {
	margin: 0;
	padding: 0;
}

ol {
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}

video {
	width: 100%!important;
	height: auto!important;
}

sup {
	position: relative;
	bottom: 1ex;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	padding: 0 0 0 2px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

tbody {
	border-top: 2px solid #EEE;
}

tr {
	border-bottom: 1px solid #EEE;
}

td {
	padding: 15px 0;
}



.caps {
	font-variant-caps: all-small-caps;
}

::selection {
	background: var(--red);
	color: #FFF;
}

/* EDIT */

#meta,
#newsbar {
	background: var(--red);
	color: #FFF;
	font-family: var(--mono);
	font-size: .8rem;
	line-height: 1.3em;
	}

#meta {
	position: fixed;
	top: 0;
	right: 0;
	padding: 10px 5px;
	z-index: 999;
}

#meta a {
	color: #FFF;
	padding: 0 5px;
}

#newsbar {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
}

#newsbar p {
	margin: 0 auto;
	padding: 10px 5%;
}

/* HEADER + FOOTER */

.site-logo a::before {
	display: inline-block;
	content: "●";
	margin: 0 5px 0 0;
}

.site-logo a {
	font-weight: bold;
}

.site-logo a:hover {
	color: var(--red);
	transition: all 0.1s;
}

#site-header,
#site-footer {
	max-width: var(--width);
	margin: 30px auto;
	font-family: var(--sans);
	font-size: .95rem;
	line-height: 1.8em;
}

/* HEADER */

#site-nav {
	display: flex;
	flex-flow: row wrap;
	gap: 90px;
	row-gap: 15px;
}

#site-nav a {
	text-decoration: none;
}

#site-nav a:hover {
	color: var(--text-color);
}

.nav-margin a {
	margin: 0 30px 0 0;
}

/* FOOTER */

#site-footer {
	position: relative;
	padding: 30px 0 120px 0;
}

#nav-footer {
	display: flex;
	flex-flow: row wrap;
	gap: 90px;
	row-gap: 30px;
	justify-content: flex-start;
}

#nav-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-footer h4 {
	font-weight: bold;
}

#nav-footer h4 a,
#nav-footer a {
	color: var(--text-color);
	text-decoration: none;
}

#nav-footer a:hover {
	color: var(--red);
	transition: color .1s;
}

@media screen and (max-width: 700px) {
	#nav-footer div:first-child {
		width: 100%;
	}
}

/* BASIC-PAGE */

#page-basic {
	max-width: var(--width-s);
	margin: 60px auto 120px auto;
}

#page-basic h1 {
	font-size: 2rem;
	line-height: 1.5em;
	margin: 0 0 30px 0;
}

#page-basic h1 sup a {
	text-decoration: none!important;
	}

#page-basic h2 {
	font-size: 1.4rem;
	line-height: 1.2em;
	margin: 30px 0 15px 0;
}

#page-basic h3 {
	font-size: 1.2rem;
	line-height: 1.2em;
	margin: 5px 0 10px 0;
}

#page-basic p {
	color: var(--text-color);
	font-family: var(--serif);
	font-size: 1.1rem;
	line-height: 1.7em;
	margin: 0 0 30px 0;
}

#page-basic p.lesen a {
	display: block;
	padding: 40px 0;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

#page-basic blockquote {
	margin: 60px 0;
	padding: 0;
}

#page-basic blockquote p {
	max-width: 60%;
	color: var(--red);
	font-family: var(--sans);
	font-size: 1.8rem;
	line-height: 1.65em;
}

#page-basic a {
	color: var(--red);
}

#page-basic a:hover {
	text-decoration: underline;
}

#page-basic ul,
#page-basic ol {
	color: #303030;
	font-family: var(--serif);
	font-size: 1.1rem;
	line-height: 1.5em;
	margin: 0 0 30px 0;
	list-style-position: inside;
}

#page-basic ul {
	list-style-type: square;
}

/* ERROR */

#page-error {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
}

#page-error div {
	max-width: 600px;
}

#page-error h1 {
	font-size: 3rem;
	margin: 0 0 30px 0;
}

#page-error h2 {
	font-size: 1.4rem;
	margin: 0 0 60px 0;
}

#page-error p {
	font-size: 1.1rem;
	line-height: 1.6em;
	margin: 0 0 60px 0;
}

#page-error a {
	font-size: .9rem;
	border: 1px solid var(--red);
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 25px;
}

#page-error a:hover {
	background: var(--red);
	color: #FFF;
	transition: all .2s;
}


/* HOME */

#site-home {
	max-width: var(--width);
	margin: 90px auto;
	min-height: 50vh;
}

#home-hello {
	max-width: 80%;
}

#home-hello p {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.65em;
}

#home-hello p a {
	color: #000;
	text-decoration: none;
	}

#home-hello p a.hello-info {
	vertical-align: super;
    font-size: 40%;
    line-height: 1;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 0 0 0 -5px;
    padding: 0 6px;
    transition: all .2s;
	}

#home-hello p a.hello-info:hover {
	background: #000;
	color: #FFF;
}

#hello-links {
	font-size: .9rem;
	padding: 30px 0 0 0;
}

#hello-links a {
	color: var(--red);
	margin: 0 15px 0 0;
	padding: 8px 38px 8px 15px;
	border: 1px solid var(--red);
	border-radius: 25px;
	text-decoration: none;
	transition: all .2s;
}

#hello-links a:hover {
	background: var(--red);
	color: #FFF;
}

/* BLOG */

#blog,
#blog-entry {
	margin: 60px auto 120px auto;
}

#blog {
	max-width: var(--width);
}

#blog-entry {
	max-width: var(--width-s);
}

#blog h1 {
	font-size: 2.2rem;
	margin: 0 0 30px 0;
}

/* BLOG ENTRY */

#blog-entry {
	margin: 60px auto 30px auto;
	padding: 0 0 30px 0;
}

#blog-entry::after {
	display: block;
	content: "";
	margin: 60px 0 0 0;
	border-bottom: 2px solid #E1E1E1;
}

#blog-entry h1 {
	margin: 0 0 15px 0;
	font-size: 1.7rem;
	line-height: 1.4em;
}

#blog-entry h1 a {
	color: #202020;
	text-decoration: none;
}

#blog-entry h2 {
	margin: 0 0 15px 0;
	font-size: 1.5rem;
	line-height: 1.4em;
}

#blog-entry h3 {
	margin: 0 0 15px 0;
	font-size: 1.2rem;
	line-height: 1.4em;
}

#blog-entry time {
	color: var(--red);
	display: block;
	margin: 0 0 60px 0;
	font-family: var(--mono);
	font-size: .9rem;
}

#blog-entry p {
	color: var(--text-color);
	font-family: var(--serif);
	font-size: 1.1rem;
	line-height: 1.7em;
	margin: 0 0 30px 0;
}

#blog-entry blockquote {
	width: 60%;
	margin: 60px 0;
}

#blog-entry blockquote p {
	color: var(--red);
	font-family: var(--sans);
	font-size: 1.8rem;
	line-height: 1.4em;
}

#blog-entry ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 0 0 30px 0;
}

#blog-entry ul li {
	font-size: 1rem;
	line-height: 1.75em;
}

#blog-entry ul li a {
	text-decoration: none;
}

#blog-entry ul li a:hover {
	text-decoration: underline;
}

#blog-entry ol {
	list-style-position: inside;
	margin: 0 0 60px 0;
	padding: 0 0 0 20%;
}

#blog-entry ol li {
	font-size: 1rem;
	line-height: 1.7em;
}

#blog-entry figure {
	margin: 60px 0 90px 0;
}

#blog-entry figure figcaption {
	color: var(--darkgray);
	margin: 20px 0 0 0;
	font-size: .9rem;
	line-height: 1.6em;
}

#blog-entry figure figcaption small, 
#blog-entry figure figcaption small a {
	color: var(--gray);
}

/* BLOG-AUTOR */

#blog-autor {
	max-width: var(--width-s);
	margin: 0 auto 120px auto;
}

#blog-autor p {
	font-size: 1rem;
	line-height: 1.75em;
}

#blog-autor p:first-child {
	margin: 0 0 20px 0;
}

#blog-autor p a {
	color: var(--red);
	font-size: .8rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid var(--red);
}

#blog-autor p a:hover {
	color: var(--color);
	border-bottom: 1px solid var(--color);
}

/* BLOG-INDEX */

#blog-index {
	max-width: var(--width-m);
	margin: 0 auto;
}

#blog-index ul {
	list-style-type: none;
	border-top: 2px solid var(--lightergray);
	margin: 0 0 30px 0;
}

#blog-index ul li {
	display: flex;
	gap: 40px;
	align-items: baseline;
	padding: 20px 0;
	border-bottom: 1px dashed var(--lightgray);
}

#blog-index ul li a {
	color: var(--text-color);
	font-family: var(--mono);
	font-size: .9rem;
	text-decoration: underline;
	text-decoration-color: var(--color-2);
}

#blog-index ul li a:hover {
	text-decoration: none;
}

#blog-index ul li time {
	color: var(--gray);
	font-family: var(--mono);
	font-size: .9rem;
}


















/* TEXTE */

#site-texte {
	max-width: var(--width-m);
	margin: 60px auto 120px auto;
}

#site-texte h1 {
	font-size: 3rem;
	margin: 0;
}

.texte-index h2 {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

.texte-index {
	font-family: var(--mono);
	font-size: .9rem;
	line-height: 2em;
	padding: 60px 0;
}

.texte-index a {
	color: var(--text-color);
	text-decoration: none;
}

.texte-index a:hover {
	color: var(--red);
}

.texte-index ul {
	list-style-type: none;
	margin: 0 0 90px 0;
	border-top: 2px solid var(--lightergray);
}

.texte-index ul li {
	display: grid;
	grid-template-columns: minmax(120px, 25%) auto;
	grid-column-gap: 30px;
	padding: 20px 0;
	border-bottom: 1px dashed var(--lightgray);
}

.texte-tags a {
	border: 1px solid var(--color-2);
	color: var(--color-2);
	padding: 6px 14px;
	border-radius: 25px;
}

.texte-tags a:hover {
	color: var(--text-color);
	border-color: var(--text-color);
	transition: all .2s;
}
	
/* TEXT */

#text-single {
	position: relative;
	max-width: calc(var(--width-s) + 100px);
	margin: 60px auto;
}

#text-single p {
	color: var(--text-color);
	max-width: var(--width-s);
	font-family: var(--serif);
	font-size: 1.1rem;
	line-height: 1.72em;
	margin: 0 auto;
	font-variant-ligatures: common-ligatures;
	font-variant-numeric: oldstyle-nums;
}

#text-single p a {
	color: var(--red);
}

#text-single a:hover {
	}

#text-single p+p {
	text-indent: 30px;
}

#text-dachzeile {
	max-width: var(--width-s);
	color: var(--color-2);
	font-family: var(--mono);
	font-size: .9rem;
	line-height: 1;
	margin: 0 auto;
}

#text-dachzeile a {
	color: var(--color-2);
	text-decoration: none;
	padding: 6px 12px;
	border: 1px solid var(--color-2);
	border-radius: 30px;
}

#text-dachzeile a:hover {
	color: var(--text-color);
	border-color: var(--text-color);
	transition: all .2s;
}

#text-single h1,
#text-single h2,
#text-single h3 {
	max-width: var(--width-s);
}

#text-single h1 a,
#text-single h2 a,
#text-single h3 a {
	text-decoration: none;
}

#text-single h1 {
	font-size: 2.8rem;
	line-height: 1.4em;
	margin: 30px auto 20px auto;
}

#text-single h2 {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: 40px auto 15px auto;
	}

#text-single h3 {
	font-size: 1.4rem;
	line-height: 1.5em;
	margin: 30px auto 10px auto;
	}

#text-teaser {
	max-width: var(--width-s);
	margin: 0 auto 75px auto;
	}

#text-teaser p {
	font-family: var(--sans);
	font-size: 1.3rem;
	line-height: 1.7em;
}

#text-single figure {
	margin: 90px auto;
}

#text-single figure img {
	width: 100%;
	height: auto;
}

#text-single figcaption {
	color: var(--gray);
	max-width: 600px;
	margin: 15px auto 0 auto;
	font-size: 1rem;
	line-height: 1.6em;
}

#text-single video {
	margin: 0;
}

#text-single blockquote {
	max-width: var(--width-s);
	margin: 60px auto;
}

#text-single blockquote p {
	background: -webkit-linear-gradient(25deg, var(--red), #C100E2 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--red);
	font-family: var(--sans);
	font-size: 1.8rem;
	line-height: 1.55em;
	padding: 0 40% 0 0;
}

#text-single ol {
	color: #333;
	max-width: 600px;
	margin: 60px auto 90px auto;
	font-size: 1rem;
	line-height: 1.55em;
}

#text-single ol li {
	margin-left: 30%;
	list-style-position: inside;
}

ol li + li {
	margin-top: 10px;
}

#text-nav {
	max-width: var(--width-s);
	margin: 30px auto 90px auto;
}

#text-nav a {
	color: var(--red);
	font-size: 1rem;
	text-decoration: none;
}

#text-nav a:hover {
	color: var(--text-color);
	transition: all .4s ease-in-out;
}

/* INFO */

#site-info {
	max-width: var(--width-s);
	margin: 60px auto;
	padding: 60px 0;
	}

#site-info figure {
	margin: 0 0 60px 0;
}

#site-info figcaption {
	margin: 15px 0 0 0;
}

#site-info figcaption p {
	font-family: var(--sans);
	font-size: 1rem;
	color: var(--darkgray);
}

#site-info p {
	color: var(--color);
	font-family: var(--serif);
	font-size: 1.1rem;
	line-height: 1.75em;
	margin: 0;
	}

#site-info p+p {
	text-indent: 50px;
}

#site-info blockquote {
	max-width: var(--width-s);
	margin: 60px auto;
}

#site-info blockquote p {
	background: -webkit-linear-gradient(25deg, var(--red), #C100E2 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--red);
	font-family: var(--sans);
	font-size: 1.8rem;
	line-height: 1.55em;
	padding: 0 40% 0 0;
}

#site-info h2 {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 60px 0 20px 0;
	}

#site-info h3 {
	font-size: 1rem;
	margin: 30px 0 10px 0;
	}

#site-info ol {
	margin: 30px 0 60px 0;
	padding: 0 0 0 30%;
}

#site-info ol li {
	color: var(--darkgray);
	font-size: 1rem;
	line-height: 1.65em;
}

/* LINKS */

ul.linktree {
	list-style-type: none!important;
}

ul.linktree li a {
	display: block;
	font-family: var(--sans);
	font-size: 1.1rem;
	text-decoration: none;
	margin: 0 0 20px 0;
	padding: 20px 30px;
	border: 1px solid var(--red);
	transition: background .2s;
}

ul.linktree li a:hover {
	background: var(--red);
	color: #FFF!important;
	text-decoration: none!important;
}
























































/* ARTIKEL */

#site-artikel {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4%;
}

#site-artikel h1 {
	font-size: 3.2rem;
	line-height: 1.4em;
	margin: 0 0 60px 0;
}

#site-artikel h2 {
	font-size: 2rem;
	line-height: 1.4em;
	text-align: center;
	margin: 0 0 60px 0;
}

.grid-artikel {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 50px;
	grid-column-gap: 50px;
}

.grid-artikel article {
	border-radius: 15px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	overflow: hidden;
	transition: all .2s;
}

.grid-artikel article:hover {
	transform: scale(1.05);
}

.grid-artikel a {
	display: block;
	text-decoration: none;
}

.grid-artikel article img {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.grid-artikel div {
	padding: 0 6% 6% 6%;
}

.grid-artikel article h3 {
	font-size: 2rem;
	line-height: 1.6em;
	margin: 0 0 20px 0;
}

.grid-artikel article p {
	color: #555;
	font-size: 1.7rem;
	line-height: 1.7em;
	margin: 0 0 20px 0;
}

.grid-artikel small {
	display: block;
	color: #AAA;
	font-size: 1.4rem;
	text-align: right;
}

@media screen and (max-width: 1000px) {
	.grid-artikel {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 500px) {
	.grid-artikel {
		grid-template-columns: 1fr;
	}
}

































/* *** 9.0 FOTOS ************************************************* */

#header-fotoset {
	max-width: 1200px;
	margin: 30px auto 60px auto;
	padding: 0 4%;
}

#header-fotoset h1 {
	display: inline-block;
	font-size: 4rem;
}

.nav-fotoset {
	display: inline-block;
	margin: 0 30px 0 0;
}

.nav-fotoset a {
	color: #CCC;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	padding: 0 20px 0 0;
}

.nav-fotoset a:hover {
	color: #333;
}

/* FOTOS / GRID */

#fotoset {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 45px;
	max-width: 1200px;
	margin: 0 auto 90px auto;
	padding: 0 4%;
}

#fotoset figure {}

#fotoset figure img {
	display: block;
}

a.link-foto:hover img {
	transform: scale(1.05);
	transition: all .1s ease-out;
}

#fotoset figcaption {
	padding: 20px 0 0 0;
}

#fotoset h2 {
	font-size: 1.8rem;
}

#fotoset p {
	font-family: "chaparral-pro", Georgia, Serif;
	font-size: 1.8rem;
	margin: 15px 0 0 0;
}

#fotoset-text {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4%;
}

#fotoset-text p {
	font-size: 1.7rem;
	line-height: 1.5em;
}

@media screen and (max-width: 768px) {
	#fotoset {
		grid-template-columns: 1fr 1fr;
		grid-gap: 22px;
	}
}

@media screen and (max-width: 475px) {
	#fotoset {
		grid-template-columns: 1fr;
		grid-row-gap: 40px;
	}
}

#fotoset-aside {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4%;
}

#fotoset-aside p {
	color: #8A8A8A;
	font-size: 1.45rem;
	line-height: 2em;
}

#fotoset-aside p a {
	color: #8A8A8A;
}

.icon-info {
	/*background: #B1B1B1;*/
	color: #8A8A8A;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 2px 8px;
	border: 1px solid #B1B1B1;
	border-radius: 5px;
}













#grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 60px;
	grid-column-gap: 60px;
	max-width: var(--width);
	margin: 0 auto;
}

/* GRID > PAPER (TEXTE) */

.paper h2 {
	font-size: 1rem;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}

.paper p {
	font-size: 1rem;
	line-height: 1.4em;
}

@media screen and (max-width: 640px) {
	#grid {
		grid-template-columns: 1fr;
	}
}

















/* *** 8.2 TEXT ************************************************** */

#article__text {
	position: relative;
	max-width: 940px;
	margin: 0 auto;
	padding: 60px 0;
}

/* *** TEXT > HEADLINES *** */

#article-dachzeile {
	color: var(--color);
	max-width: 640px;
	margin: 0 auto 30px auto;
	font-family: var(--sans);
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#article__text h1,
#article__text h2,
#article__text h3 {
	color: #212121;
	max-width: 640px;
}

#article__text h1 a,
#article__text h2 a,
#article__text h3 a {
	color: #212121;
	text-decoration: none;
}

#article__text h1 {
	font-size: 6rem;
	line-height: 1.2em;
	margin: 0 auto 30px auto;
	padding: 0 5%;
}

#article__text h2 {
	font-size: 2.6rem;
	line-height: 1.5em;
	margin: 40px auto 15px auto;
	padding: 0 5%;
	}

#article__text h3 {
	font-size: 2.2rem;
	line-height: 1.5em;
	margin: 20px auto 10px auto;
	padding: 0 5%;
	}

/* *** TEXT > TEASER *** */

#article__text-teaser {
	max-width: 640px;
	margin: 0 auto 60px auto;
	padding: 0 5%;
	}

#article__text-teaser p {
	font-family: var(--sans);
	font-size: 2.8rem;
	line-height: 1.4em;
}

/* *** TEXT > BODY *** */

#article__text-body p {
	color: #3E3E3E;
	max-width: 640px;
	font-family: "chaparral-pro", Georgia, Serif;
	font-size: 2.2rem;
	line-height: 1.55em;
	text-indent: 30px;
	margin: 0 auto;
	padding: 0 5%;
	font-variant-ligatures: common-ligatures;
	font-variant-numeric: oldstyle-nums;
	}

/* TO DO */
#article__text-body p.video {
	margin:  60px auto;
	text-indent: 0;
}

@media screen and (max-width: 640px) {
	#article__text-body p {
		font-size: 1.8rem;
		line-height: 1.4em;
	}
}

#article__text-body p.new,
#article__text-body p.n {
	margin: 30px auto 0 auto;
	text-indent: 0;
	}

#article__text-body p.dropcap {}

#article__text-body p:first-child,
#article__text-body h2+p,
#article__text-body h3+p,
#article__text-body h4+p,
#article__text-body hr+p,
#article__text-body ul+p,
#article__text-body ol+p,
#article__text-body blockquote+p,
#article__text-body figure+p {
	text-indent: 0;
	}

#article__text-body p a {
	color: var(--red);
}

#article__text-body p a:hover {
	/*border-bottom: 1px solid #F84816;*/
	}

@media screen and (max-width: 640px) {
	#article__text {
		padding: 30px 0 90px 0;
	}
	#article__text h1 {
		font-size: 3rem;
		margin: 0 auto 30px auto;
		}
		#article__text-teaser {
			margin: 0 auto 30px auto;
			padding: 0 10%;
		}
	#article__text-teaser p {
		font-size: 1.8rem;
		line-height: 1.6em;
	}
}

/* *** TEXT > FIGURE *** */

#article__text-body figure {
	max-width: 940px;
	margin: 90px auto;
}

#article__text-body figure img {
	width: 100%;
	height: auto;
}

#article__text-body figcaption {
	max-width: 640px;
	margin: 30px auto 0 auto;
	padding: 0 5%;
	font-size: 1.8rem;
	line-height: 1.8em;
}

@media screen and (max-width: 640px) {
	}

/* *** TEXT > BLOCKQUOTE *** */

#article__text-body blockquote {
	width: 35%;
	float: right;
	padding: 30px 5% 30px 60px;
}

@media screen and (max-width: 1020px) {
	#article__text-body blockquote {
		width: 100%;
		float: none;
		margin: 60px auto;
		padding: 0;
	}
}

#article__text-body blockquote p {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.6em;
}

/* FUSSNOTEN UND LISTEN */

#article__text-body p sup {
	vertical-align: super;
	font-size: 70%;
	line-height: 0;
	padding: 0 1px;
	}

#article__text-body ol {
	color: #444;
	max-width: 640px;
	margin: 60px auto 90px auto;
	font-size: 1.4rem;
	line-height: 1.6em;
}

#article__text-body ol li {
	margin-left: 40%;
	padding: 0 5%;
	list-style-position: inside;
}

ol li + li {
	margin-top: 10px;
}

@media screen and (max-width: 640px) {
	#article__text-body ol li {
		margin-left: 0;
	}
}

/* NAV UNTER TEXT (TEILEN) */

#nav__text {
	color: #000;
	max-width: 640px;
	margin: 120px auto 90px auto;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2em;
	letter-spacing: .1em;
	padding: 0 5%;
}

#nav__text a {
	color: #000;
	text-decoration: none;
}