/* GENERAL */
:root {
	--margins: min(1rem, 5vw), 0);
	--sans-serif: "Source Sans 3", sans-serif;
}

* {
	transition: all 0.25s ease-in-out;
}
html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	color: var(--maintextcolor);
	font-family: "Source Serif 4", serif;
	font-size: clamp(1rem, .5rem + 2vw, 1.125rem);
	font-weight: 400;
	line-height: 1.4;
	background: var(--mainbackgroundcolor);
}
a {
	text-decoration: none;
	color: var(--contrast);
	font-weight: 400;
}
strong {
	font-weight: 500;
}
.seperator {
	margin: 0 .5rem;
}

.container {
	width: min(800px, 90%);
	margin: 0 auto;
	padding: min(1rem, 5vw) 0;
}
header {
	font-family: var(--sans-serif);
	font-weight: 300;
}
header .container {
	position: relative;
	display: flex;
	align-items: center;
}
header .logo {
	font-size: clamp(1.6rem, 1.25rem + 3vw, 3rem);
	line-height: 1;
}
header .logo .signet {
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	background: var(--contrast);
	color: var(--mainbackgroundcolor);
	width: 3.4rem;
	display: inline-block;
	text-align: center;
	margin: 0 1rem 0 -1.7rem;
}
header nav .logo {
	padding: 1rem 0;
}

header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header ul li {
	display: inline-block;
}
header .nav_toggle {
	position: relative;
	display: flex;
	margin: 0 0 0 auto;
	padding: .25rem;
	background: var(--contrast);
	cursor: pointer;
	z-index: 9;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	aspect-ratio: 1.1/1;
	width: 3rem;
	justify-content: center;
}
header .nav_toggle .bars {
	align-self: center;
}
header .nav_toggle .bars .bar {
	display: block;
	width: 2rem;
	height: 2px;
	margin: 6px 0;
	background: #FFF;
}
header .nav_toggle.active .bars .bar:nth-of-type(1) {
	transform: rotate(45deg) translateX(5px) translateY(5px);
}
header .nav_toggle.active .bars .bar:nth-of-type(2) {
	opacity: 0;
}
header .nav_toggle.active .bars .bar:nth-of-type(3) {
	transform: rotate(-45deg) translateX(6px) translateY(-6px);
}
header .main-navigation {
	position: fixed;
	top: 0;
	left: 0;
	width: clamp(40vw, calc(100% - 5rem), 350px);
	margin: 0 0 0 -50vw;
	padding: 0;
	background: var(--mainbackgroundcolor);
	height: 100vh;
	overflow-y: auto;
	box-shadow: 50vw 0 0 100vmax #00000075;
	font-size: 1rem;
	opacity: 0;
	scrollbar-width: thin;
	visibility: hidden;
	z-index: 8;
}
header .main-navigation.active {
	margin: 0;
	opacity: 1;
	visibility: visible;
}
header .main-navigation ul li {
	display: block;
	padding: 1rem;
	border-top: 1px solid #D1D1D1;
}
header .main-navigation ul li a {
    position: relative;
	white-space: nowrap;
}
header .main-navigation ul li .submenu_trigger {
	display: none;
}
header .main-navigation ul li.menu-item-has-children > div.submenu_trigger {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 1rem;
	height: calc(100% - .8rem);
	padding: .8rem 1.5rem 0 .5rem;
	cursor: pointer;
	font-size: 1.4rem;
}
header .main-navigation ul li .submenu_trigger i {
	display: inline-block;
}
header .main-navigation ul li .submenu_trigger.active i {
	transform: rotate(90deg);
}
header .main-navigation ul li ul {
	max-height: 0;
	overflow: hidden;
}
/*header .main-navigation ul li:last-of-type ul {
	margin-bottom: 10vh;
}*/
header .main-navigation ul li ul li {
	margin: .75rem 0;
	width: calc(100% - .75rem);
	border-top: 1px dashed transparent;
	font-size: 90%;
	padding: 0 0 0 .75rem;
	display: inline-block;
}
header .main-navigation ul li ul li a {
	color: #444;
	font-weight: 400;
}
header .main-navigation ul li ul li:first-of-type {
	margin-top: 1.25rem;
}
header .main-navigation ul li ul li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -2px 0 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #444;
}
header .main-navigation ul li ul li:hover {
	background: #F8F8F8;
}


/* LOGIN BOX */

.show_login {
	cursor: pointer;
}
.modal_screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #0009;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
}
.login_box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	width: min(90%, 400px);
	padding: 10px;
	margin: -111px 0 0 max(calc(-45% - 10px), -201px);
	background: #FFF;
	border: 1px solid #000;
	box-shadow: 5px 5px 5px 0 #00000075;
	visibility: hidden;
	opacity: 0;
}
.modal_screen.active, 
.login_box.active {
	visibility: visible;
	opacity: 1;
}
.close_box {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	background: #000;
	color: #FFF;
	padding: 0 0.2rem;
	cursor: pointer;
}
.login_box p {
	margin: 1rem 0;
	font-family: var(--sans-serif);
	font-size: 1rem;
}
.login_box p.login_headline {
	margin-top: 0;
	color: #555;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.login_box p.login-remember {
	font-size: .825rem;
}
.login_box label {
	min-width: 5rem;
	display: inline-block;
}
.login_box input {
	padding: .25rem .5rem;
	font-family: var(--sans-serif);
	font-size: 1rem;
	border: 1px solid #D5D5D5;
}
.login_box input#wp-submit {
	background: #000;
	color: #FFF;
	border: 1px solid #000;
	cursor: pointer;
}
.login_box input#wp-submit:hover {
	background: #FFF;
	color: #000;
	box-shadow: 5px 5px 5px 0 #00000075;
}


/* CHAPTER BAR */
.show_footerinfo {
	cursor: pointer;
}
.show_bookmark {
	cursor: pointer;
	margin-left: min(3vw, 1rem);
}
.bookmark_bar {
	width: 90%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 2rem 0 0 -110vw;
	text-align: center;
	z-index: 99;
}
.bookmark_bar.active {
	margin-left: 5%;
}
.books_navbar {
	display: flex;
	padding: 10px;
}
.books_navbar > div {
	width: 75px;
	cursor: pointer;
}
.books_navbar .book_link {
	opacity: .5;
	filter: grayscale(1);
}
.books_navbar .book_link.active {
	opacity: 1;
	filter: grayscale(0);
}
.books_navbar > div img {
	width: 100%;
	height: auto;
}
.book_cover {
	position: relative;
}
.book_cover .tooltip {
	position: absolute;
	z-index: 8;
	font-size: .725rem;
	font-family: var(--sans-serif);
	width: 80%;
	padding: 5%;
	bottom: 0;
	left: 0;
	background: #333;
	box-shadow: 0 2px 5px 0 #0005;
	border-radius: 10px;
	margin: 0 0 -30px 0;
	color: #FFF;
	opacity: 0;
	visibility: hidden;
}
.book_cover .tooltip::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -8px 0 0 -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #333 transparent;
}
.book_cover:hover .tooltip {
	margin-bottom: -15px;
	opacity: 1;
	visibility: visible;
}
.book_cover .bookmark_item {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 15px;
	background: red;
	margin: 15px 0 0 10px;
	perspective: 1000px;
	transform: skewY(-4deg) rotatex(20deg);
	cursor: grab;
}
.book_cover:hover .bookmark_item {
	margin-top: 10px;
}
.book_cover img {
	position: relative;
	display: block;
	margin: 20px 0px 20px 10px;
	width: 100px;
	height: auto;
	z-index: 6;
}
.chapters {
	position: relative;
	padding: 0 1rem 1rem;
	width: fit-content;
	background: #FFF;
	box-shadow: 5px 5px 5px 0px #00000050;
	border: 1px solid #D1D1D1;
}
.chapters .close_box {
	margin: -1px -1px 0 0;
}
.book_container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	max-height: 0;
}
.book_container:first-of-type {
	max-height: unset;
}
.book_container.hide_book {
	max-height: 0;
}
.book_chapters {
	text-align: center;
	font-family: var(--sans-serif);
}
.chapter_headline {
	font-size: 1rem;
	opacity: .5;
}
.chapter_headline .bookmark_item {
	display: inline-block;
	margin: 0 0 0 .5rem;
	font-style: italic;
	font-size: 90%;
	cursor: pointer;
	opacity: .75;
}
.chapter_list {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}
.chapters li {
	position: relative;
	display: inline-block;
	margin: 0 0 1rem;
}
.chapter_number {
	display: block;
	margin-bottom: 0;
	padding: 0 1rem 1rem;
	color: #0008;
	cursor: pointer;
	font-family: var(--sans-serif);
	font-size: 1rem;
	font-weight: 300;
}
.chapters li.read_chapter .chapter_number, 
.chapters:hover li:hover .chapter_number {
	color: #000;
}
.chapters li::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 5px;
	height: 5px;
	margin: 0 0 0 -2px;
	border-radius: 50%;
	background: #D7D7D7;
}
.chapters:hover li::before, 
.chapters:hover li::after {
	background: #D7D7D7;
}
.chapters.progress li::before, 
.chapters.progress li::after, 
.chapters li.read_chapter::before, 
.chapters li.read_chapter::after {
	background: green;
	z-index: 3;
}
.chapters.progress:not(:hover) li.read_chapter ~ li:not(.read_chapter)::before, 
.chapters.progress:not(:hover) li.read_chapter ~ li:not(.read_chapter)::after, 
.chapters:hover li:hover ~ li::before, 
.chapters:hover li:hover ~ li::after {
	background: transparent;
}


/* BREADCRUMBS */

.breadcrumbs {
	font-size: 11px;
	font-family: var(--sans-serif);
	letter-spacing: .05rem;
	padding: .25rem 0;
	margin: max(-1rem, -5vw) 0 3rem;
	overflow-x: auto;
	scrollbar-width: none;
}
.breadcrumbs span {
	white-space: nowrap;
}
.breadcrumbs span > span > span {
	margin: 0 .1rem;
}
.breadcrumbs span > span > span > span {
	margin: 0;
}
.breadcrumbs .bc_divider {
	display: inline-block;
	width: .5rem;
	aspect-ratio: 1/1;
	background: var(--contrast);
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.breadcrumbs .home {
	font-family: "UnifrakturMaguntia", sans-serif;
	background: #000;
	border-radius: 50%;
	color: #FFF;
	margin: 0 .25rem 0 0;
	padding: 2px;
	font-size: 10px;
	transform: translateY(-1px);
	display: inline-block;
	line-height: 1;
}


/* PAGE */

.page #main :is(h1, h2, h3, h4, p, ul) {
	width: min(90%, 650px);
	margin-left: auto;
	margin-right: auto;
	padding: 0 5%;
}
.page #main ul li {
	margin-left: 1rem;
}


/* ERROR 404 */

.error404 .content {
	width: min(90%, 700px);
	margin: 0 auto;
}
.error404 .content a {
	font-weight: 500;
}

/* REDAKTION */

.redaktion_suche {
	margin: 2rem auto 4rem;
	width: min(90%, 650px);
}
.redaktion_suche input {
	font-family: "Source Serif 4", serif;
	font-size: 1.25rem;
	padding: .25rem .5rem;
	display: block;
	width: calc(100% - 1rem - 5px);
}
.redaktion_suche input:focus:focus-visible {
	outline: none;
}
.authors_wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 5%;
	margin: 0 auto;
	width: min(90%, 650px);
	font-size: 1.25rem;
}
.author_container {
	margin: 0 0 3rem;
}
.author_container .author_data {
	display: flex;
	align-items: center;
}
.author_container .author_data .author_image {
	margin-right: 1rem;
}
.author_container .author_data .author_image img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border: 1px solid #FFF;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #000;
}
.author_container .author_data .author_name {
	display: block;
	line-height: 1;
	margin: 0 0 .5rem;
}
.author_container .author_data .author_name .author_short_name {
	margin: 0 0 0 .5rem;
	font-family: var(--sans-serif);
	font-size: 75%;
	font-style: italic;
	font-weight: 300;
	opacity: 0.65;
}
.author_container .author_data .author_ressort {
	display: block;
	font-size: 0.8125rem;
	font-family: var(--sans-serif);
	font-weight: 300;
}
.author_image_source {
	font-size: 10px;
	font-family: var(--sans-serif);
	font-weight: 300;
	opacity: .5;
}


/* SEARCH */

.website_suche {
	position: relative;
	display: inline-block;
	margin: 1rem 1rem 10vh;
	width: calc(100% - 2rem);
}
.website_suche .search_toggle {
	cursor: pointer;
	display: inline-block;
}
.website_suche .head_search_form {
	display: inline-block;
	background: #FFF;
	margin: 0 0 0 .5rem;
	width: calc(100% - 2rem);
}
.website_suche:hover .head_search_form, 
.website_suche .head_search_form.active {
	opacity: 1;
	visibility: visible;
}
.website_suche .head_search_form input#s {
	width: clamp(200px, calc(100% - 3rem), 300px);
	font-family: var(--sans-serif);
	padding: .25rem;
}
.website_suche .head_search_form input#s:focus-visible {
	outline: none;
}
.website_suche .head_search_form #searchsubmit {
	display: none;
}


/* HERO */

.hero {
	position: relative;
	width: 100%;
	margin: max(-1rem, -5vw) 0 0;
}
.archive .hero {
	margin: -3rem 0 2rem;
}
.hero img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.hero .hero_image_source {
	display: block;
	padding: 3px 5% 0;
	background: #FFF;
	font-family: var(--sans-serif);
	font-size: 10px;
	font-weight: 300;
	opacity: 0.75;
	text-align: right;
}
.archive .hero .hero_image_source {
	margin: 0 0 -16px 0;
}
.hero .hero_text {
	display: inline-block;
	padding: .5rem 5%;
}
.hero .hero_text .hero_title {
	display: inline-block;
	margin: .5rem 0 1rem;
	font-size: clamp(1.4rem, 1.25rem + 2vw, 1.75rem);
	font-weight: 500;
	line-height: 1.1;
}
.hero .hero_text .hero_title img.logo_extra {
	position: relative;
	display: inline-block;
	margin: 0 .5rem 0 0;
	height: clamp(1.25rem, 1.15rem + 2vw, 1.55rem);
	width: auto;
	transform: translateY(.2rem);
}
.hero .hero_text .hero_ressort {
	margin: 0 .5rem 0 0;
	color: #777;
	font-family: var(--sans-serif);
	font-size: 75%;
	font-weight: 500;
	letter-spacing: .025rem;
	text-transform: uppercase;
}
.hero .hero_text .hero_excerpt {
	display: inline-block;
	font-size: 1.125rem;
}


/* ARCHIVE */

.archive .topline_archive {
	display: block;
	margin: 2rem 0 0;
	font-family: var(--sans-serif);
	text-align: center;
	font-size: clamp(.825rem, .5rem + 1vw, 1.125rem);
	font-weight: 300;
}
.archive h1, .search h1 {
	margin: 3rem 0;
	font-size: clamp(1.6rem, 1.4rem + 5vw, 4rem);
	font-style: italic;
	font-weight: 300;
	text-align: center;
}
.archive .topline_archive + h1 {
	margin-top: 0;
}
.category_subtitle {
	display: block;
	margin: -3rem auto 5rem;
	font-family: var(--sans-serif);
	font-size: clamp(.825rem, .5rem + 1vw, 1.125rem);
	font-weight: 300;
	text-align: center;
}
.section_title {
	padding: 3rem 5% .5rem;
	background: #F8F8F8;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	color: #D1D1D1;
	font-family: var(--sans-serif);
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: .05rem;
	text-transform: uppercase;
}
.section_title .section_link {
	color: #555;
}
.articles_wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 5%;
}
.archive .articles_container, 
.category .articles_container, 
.search .articles_container {
	margin: 0 auto;
	display: block;
	width: min(100%, 650px);
}
.articles_wrapper.four_columns, 
.articles_wrapper.six_columns {
	background: #555;
	color: #FFF;
	font-family: var(--sans-serif);
}
.articles_wrapper.four_columns a, 
.articles_wrapper.six_columns a {
	color: #FFF;
}
.section_epaper {
	cursor: pointer;
	padding: 5%;
	overflow-x: scroll;
	scrollbar-width: thin;
}
.section_epaper .articles_container {
	width: 1000px;
	grid-template-columns: repeat(6, 1fr);
	display: grid;
	grid-column-gap: 5%;
}
.articles_wrapper article img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.4/1;
	object-fit: cover;
}
.articles_wrapper article img.logo_extra {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	aspect-ratio: 1/1;
	object-fit: unset;
	z-index: 4;
	margin: 10px 0 0 10px;
}
.issue img {
	width: 100%;
	display: block;
	height: auto;
	box-shadow: 1px 1px 5px 0 #000;
}
.issue_day, .issue_date {
	display: block;
	text-align: center;
	font-size: .825rem;
	font-weight: 300;
}
.issue_day {
	margin: .5rem 0 0;
	font-size: 1rem;
	font-weight: 400;
}
.home .articles_wrapper.four_columns .articles_container {
	padding: 5%;
}
.articles_container article {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 5%;
	align-items: start;
	margin: 0 0 min(5rem, 10vh);
}
.recommended_articles .articles_container article {
	grid-template-columns: 0.7fr 1fr;
	align-items: center;
}
.articles_container article .article_image {
	position: relative;
}
.home .four_columns .articles_container article {
	margin: 0 0 min(3rem, 6vh);
}
.articles_container article:last-of-type {
	margin-bottom: 0;
}
.articles_container article .teaser_image_source {
	display: block;
	margin: 3px 0 0;
	padding: 0 5%;
	font-family: var(--sans-serif);
	font-size: 10px;
	font-weight: 300;
	line-height: 1;
	text-align: right;
}
.articles_container article .article_info {
	padding: 5%;
}
.articles_container article .item_topline {
	display: block;
	font-family: var(--sans-serif);
	font-size: .9rem;
}
.articles_container article .item_title {
	display: inline-block;
	margin: .5rem 0 1rem;
	font-size: clamp(1.4rem, 1.25rem + 2vw, 1.75rem);
	font-weight: 500;
	line-height: 1.1;
}
.recommended_articles .articles_container article .item_title {
	font-size: clamp(1.4rem, 1.25rem + 2vw, 1.5rem);
}
.articles_wrapper article .item_title img.logo_extra {
	position: relative;
	display: inline-block;
	margin: 0 .5rem 0 0;
	height: clamp(1.25rem, 1.15rem + 2vw, 1.55rem);
	width: auto;
	transform: translateY(.2rem);
}
.four_columns .articles_container article .item_title {
	font-size: clamp(1rem, .75rem + 2vw, 1.25rem);
}
.articles_container article .item_teaser {
	display: inline-block;
	font-size: 1.125rem;
}
.articles_container article .item_teaser .item_ressort {
	margin: 0 .5rem 0 0;
	color: #777;
	font-family: var(--sans-serif);
	font-size: 75%;
	font-weight: 500;
	letter-spacing: .025rem;
	text-transform: uppercase;
}

.reports_container .reports_headline {
	display: block;
	padding: .5rem 5% 1rem;
	background: #F5F5F5;
	color: #0005;
	font-family: var(--sans-serif);
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: .1rem;
	text-transform: uppercase;
}
.reports_container article {
	padding: 1rem 5%;
	background: #F5F5F5;
	border-bottom: 1px solid #D1D1D1;
}
.reports_container article .item_meta {
	display: block;
	font-family: var(--sans-serif);
	font-size: 0.8125rem;
	font-weight: 400;
}
.reports_container article .item_meta .item_ressort {
	margin: 0 0 0 1rem;
	font-weight: 300;
}
.reports_container article .item_title {
	display: inline-block;
	margin: .5rem 0 0;
	font-size: 1.25rem;
	line-height: 1.25;
}

.single article .dachzeile {
	font-family: var(--sans-serif);
	font-size: 1rem;
}
.page h1, 
.single article h1 {
    font-family: var(--sans-serif);
	font-size: clamp(2rem, 1.25rem + 5vw, 3rem);
	font-weight: 300;
	line-height: 1.1;
	margin: 1rem 0 3rem;
}
.single article .vorspann {
	font-family: var(--sans-serif);
	font-size: 110%;
	margin-top: 0;
}
.single article h2 {
    font-family: var(--sans-serif);
	font-size: 1.25rem;
	line-height: 1.25;
}
.single article .wp-block-image .alignleft, 
.single article .wp-block-image .alignright {
	float: none;
	margin: 5% auto;
}
.single article .wp-block-image:not(.artikelbild) figcaption {
	padding: 0;
	margin: .25rem 0 0;
	text-align: center;
}


.single article .artikel_meta {
	width: min(90%, 700px);
	margin: 3rem auto 0;
	display: grid;
	grid-template-areas: "image name" "image date";
	grid-template-columns: max-content auto;
	font-family: var(--sans-serif);
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.25;
}
.single article .artikel_meta .autoren_image {
	grid-area: image;
	display: flex;
	align-items: center;
}
.single article .artikel_meta .autoren_image .autor_imagebox {
	position: relative;
}
.single article .artikel_meta .autoren_image .autor_imagebox:first-of-type {
	z-index: 3;
}
.single article .artikel_meta .autoren_image > div {
	display: flex;
	flex-direction: row;
}
.single article .artikel_meta .autoren_image img {
	position: relative;
	display: block;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #FFF;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #555;
}
.single article .artikel_meta .autoren_image .autor_imagebox:last-of-type img {
	margin-right: 1rem;
	margin-left: -2px;
}
.single article .artikel_meta .autoren_image:hover img {
	filter: saturate(0);
}
.single article .artikel_meta .autoren_image:hover .autor_imagebox:hover img {
	filter: saturate(1);
	transform: scale(1.5);
	z-index: 4;
}
.single article .artikel_meta .autoren_image .autor_tooltip {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	white-space: nowrap;
	background: #FFF;
	padding: .25rem;
	margin: 0 0 -3rem;
	border: 1px solid #F1F1F1;
	box-shadow: 5px 8px 5px 0 #00000075;
	font-size: .65rem;
	visibility: hidden;
	opacity: 0;
	z-index: 5;
}
.single article .artikel_meta .autoren_image .autor_tooltip::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: -8px 0 0 16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #FFF transparent;
}
.single article .artikel_meta .autoren_image .autor_tooltip::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: -9px 0 0 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 9px 9px;
	border-color: transparent transparent #F1F1F1 transparent;
	z-index: -1;
}
.single article .artikel_meta .autoren_image .autor_imagebox:last-of-type .autor_tooltip::before {
	margin-left: 14px;
}
.single article .artikel_meta .autoren_image .autor_imagebox:last-of-type .autor_tooltip::after {
	margin-left: 13px;
}
.single article .artikel_meta .autoren_image .autor_imagebox:hover .autor_tooltip {
	visibility: visible;
	opacity: 1;
}
.single article .artikel_meta .autoren_image .autor_tooltip b {
	display: block;
	font-size: .75rem;
	font-weight: 400;
	margin: 0 0 .2rem;
}
.single article .artikel_meta .autoren {
	grid-area: name;
	align-content: end;
	display: grid;
	width: fit-content;
	grid-auto-flow: row;
	grid-template-columns: auto;
	grid-column-gap: .25rem;
}
.single article .artikel_meta .artikel_datum {
	grid-area: date;
	padding: .25rem 0 0;
	font-size: 90%;
	font-style: italic;
	opacity: .75;
}
.single article .artikel_meta .artikel_datum .pipe {
	margin: 0 0.25rem;
	font-style: normal;
}

/*
.single article .artikel_meta {
	display: flex;
	font-family: var(--sans-serif);
	font-size: 0.9rem;
	margin: 2rem 0 0;
	opacity: 0.65;
}
.single article .artikel_meta .autoren {
	font-style: italic;
	flex-basis: 50%;
}
.single article .artikel_meta .autoren span {
	display: block;
}
.single article .artikel_meta .artikel_datum {
	flex-basis: 50%;
	text-align: right;
}
.single article .artikel_meta .artikel_datum .pipe {
	display: none;
	margin: 0 0.4rem;
}
.single article .artikel_meta .artikel_datum .artikel_zeit {
	display: block;
}
*/


.single article :is(h2, h3, h4) {
	font-family: var(--sans-serif);
	font-weight: 500;
}
.single article .artikelbild {
	width: 100%;
	aspect-ratio: 1.5/1;
	margin: 2rem 0 4rem;
}
article .artikelbild img {
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
}
article figcaption {
	font-family: var(--sans-serif);
	font-size: 15px;
	line-height: 1.125;
	margin: 0;
	padding: 0 5%;
	opacity: 0.75;
}
article p a, 
article figcaption a {
	font-weight: 500;
}
article p a[rel*="noreferrer"] {
	text-decoration: underline;
}
article .further_info p a[rel*="noreferrer"] {
	text-decoration: none;
}
article p a[rel*="noreferrer"]::after {
	display: inline-block;
	content: "\ef1f";
	font-family: "Icofont";
	font-size: 67%;
	font-style: normal;
	margin: 0 0 0 .25rem;
	transform: translateY(-2px);
}
/*article p:not(.artikel_meta) a {
	padding: 0 .25rem 0 0;
}
article p:not(.artikel_meta) a:hover {
	background: #000;
	color: #FFF;
}*/
article p:not(.artikel_meta) a:not([rel*="noreferrer"]) {
	position: relative;
	padding: 0 .25rem 0 0.15rem;
	z-index: 1;
	/* white-space: nowrap; */
	background-image: linear-gradient( to right, rgba(17,185,58, 0.1), rgba( 17,185,58, 0.65) 4%, rgba(17,185,58, 0.35) );
	border-radius: 4% 4% 4% 2%;
}
article p:not(.artikel_meta) a:not([rel*="noreferrer"])::before {
	display: inline-block;
	display: inline;
	content: "\ea72";
	font-family: "Icofont";
	transform: translateY(1px);
}
article p:not(.artikel_meta) a:not([rel*="noreferrer"])::after {
	/*content: "";*/
	width: 100%;
	height: 100%;
	transform: rotate(-0.5deg) skewX(-5deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 10% 10% 5% 10%;
	background: transparent;
	background-image: linear-gradient( to right, rgba(17,185,58, 0.1), rgba( 17,185,58, 0.75) 4%, rgba(17,185,58, 0.35) );
}


/* SINGLE ARTICLE */

.article_head {
}
.article_head h1 {
	margin-bottom: 0;
}
.article_body {
	display: flex;
	flex-direction: column;
}
.article_meta {
	position: relative;
	font-size: 80%;
	min-width: min(100%, 100px);
	margin-bottom: min(6vh, 3rem);
	background: #00000007;
	box-shadow: 1px 1px 4px 0 #0000001b;
	padding: 1.5rem 1rem 1rem;
	height: fit-content;
	text-align: center;
}
.article_meta::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 1rem);
	height: 0.6rem;
	background: var(--mainbackgroundcolor);
	box-shadow: 0px 4px 5px 0 #00000017;
	border-radius: 0 0 50% 50%;
	margin: -0.3rem 0 0 -.5rem;
}
.autor_imagebox {
	width: 110px;
	height: 100px;
	margin: 0 auto .25rem;
	filter: drop-shadow(0 0 1px var(--mainbackgroundcolor));
}
.autor_imagebox img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.article_meta label {
	display: block;
	margin: 1rem 0 0;
	font-family: var(--sans-serif);
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 1px;
	opacity: .75;
}
.article_meta .autoren label {
	margin: 0;
}
.article_meta .autoren a {
	font-weight: 500;
}




.single article .content_extra {
	width: min(90%, 700px);
	margin: 3rem auto 0;
	text-align: center;
	min-height: 100vh;
}
.single article .content_extra .logo_extra {
	width: 100px;
	height: auto;
}
.single article .content_extra .login_box {
	visibility: unset;
	opacity: 1;
	margin: 5rem auto 0;
	position: unset;
	text-align: left;
}
.single article .content_extra .login_box :is(h1, h2, h3, h4, p) {
	padding: 0;
}
.single article .wp-block-image.size-large {
	display: inline-block;
	margin: 3rem 0;
}
.single article .artikel_zitat {
	margin: 3rem 5%;
	padding: 2rem 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	column-gap: 5%;
	text-align: center;
}
.single article .artikel_zitat.image_right {
	flex-direction: column-reverse;
}
.artikel_zitat .wp-block-image {
	margin: 0 auto;
	max-width: 50vw;
	text-align: center;
}
.single article .artikel_zitat .wp-block-quote {
	margin: 0;
}
.single article .artikel_zitat figcaption {
	margin-bottom: 2rem;
	font-size: .75rem;
}
.single article .artikel_zitat :is(p) {
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	font-style: italic;
	line-height: 1.3;
}
.single article .artikel_zitat :is(p)::before {
	content: "„";
	display: inline-block;
}
.single article .artikel_zitat :is(p)::after {
	content: "“";
	display: inline-block;
}
.single article .artikel_zitat cite {
	font-family: var(--sans-serif);
	font-style: normal;
	font-size: .825rem;
	font-weight: 300;
}
.single article .artikel_bottomline {
	display: flex;
	font-family: var(--sans-serif);
	font-size: .825rem;
	font-style: italic;
	opacity: 0.5;
}
.single article .artikel_bottomline > span {
	flex-basis: 50%;
}
.single article .artikel_bottomline .autor {
	font-weight: 500;
}
.single article .artikel_bottomline .datum {
	text-align: right;
}
.single article .artikel_bottomline .datum .pipe {
	margin: 0 0.25rem;
	font-style: normal;
}

.single article .further_info {
	margin: 3rem 5%;
	background: #F5F5F5;
	border: 1px solid #D1D1D1;
	padding: .5rem;
	width: 90%;
	font-family: var(--sans-serif);
	font-size: 1rem;
	font-weight: 300;
}
.single article .further_info :is(p) {
	margin: 0 .25rem .5rem;
	padding: 0;
}
.single article .further_info :is(p):first-of-type {
	margin-bottom: 1rem;
	opacity: 0.5;
}
.single article .further_info :is(p):last-of-type {
	margin-bottom: 0;
}
.single article .further_info.terminausblick :is(p):not(:first-of-type) strong {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: .75;
}
article .further_info p a {
	display: inline-block;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 0 0 1.75rem;
}
article .further_info p a::before {
	display: inline-block;
	font-family: "Icofont";
	margin: 0 .25rem 0 -1.75rem;
	width: 1.5rem;
}
article .further_info .link_instagram a::before {
	content: "\ed46";
}
article .further_info .link_website a::before {
	content: "\ea41";
	font-size: 120%;
	transform: translateY(1px);
}
article .further_info .link_book a::before {
	content: "\ead1";
}
article .further_info .link_event a::before {
	content: "\ec45";
}
article .further_info .link_shop a::before {
	content: "\efe7";
}
article .further_info p a:hover {
	background: transparent;
	color: #000;
}
/* INFOBOX */
.single article .info_box {
	border: 1px solid #333;
	font-size: 1rem;
	margin: 3rem 5%;
}
.single article .info_box :is(h2) {
  background: #FFF;
  width: fit-content;
  padding: 0 .5rem;
  margin: -0.75rem 0 0 .5rem;
}
.single article .info_box_text {
	column-count: 1;
	margin: 1rem;
}
.single article .info_box_text :is(p, h3) {
	padding: 0;
	margin: 0;
}
.single article .info_box_text :is(p):not(:first-of-type) {
	text-indent: 1rem;
}
.single article .info_box_text :is(h3) {
	font-size: 1rem;
	margin: .7rem 0;
}
.single article .info_box_text h3 + p {
	text-indent: 0 !important;
}

.share {
	position: relative;
	margin: 5rem 0 0;
	text-align: center;
}
.share::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--maintextcolor);
}
.share a {
	position: relative;
	padding: 0 1rem;
	background: var(--mainbackgroundcolor);
	z-index: 2;
	cursor: pointer;
}
.share a i {
	opacity: .25;
}
.share a i:hover {
	opacity: 1;
}
.share a i.brand-threema {
	position: relative;
	display: inline-block;
	height: 14px;
	width: 20px;
}
.share a i.brand-threema::before {
	content: "";
	background: url('../images/threema.svg') top left no-repeat;
	background-size: 100%;
	width: 18px;
	height: 22px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
}


.artikel_themen {
	padding: 2rem 5% 0;
	margin: 3rem 0;
}
.section_headline {
	margin: 0;
	display: inline-block;
	font-family: var(--sans-serif);
	font-size: 1rem;
}
.artikel_themen a {
	background: #F8F8F8;
	margin: 0 .5rem 0 0;
	padding: .15rem .25rem;
	font-family: var(--sans-serif);
	font-size: 0.825rem;
	letter-spacing: .05rem;
}
.artikel_themen a:hover {
	background: #000;
	color: #FFF;
}
.recommended_articles h3 {
	padding: 0 5%;
	font-family: var(--sans-serif);
	color: #D1D1D1;
	text-align: center;
}

/* QUICK NEWS */

.quicknews_wrapper {
	margin: 0;
	font-family: var(--sans-serif);
	font-size: 0.9rem;
}
.quicknews_wrapper .quicknews_title {
	background: #F9F9F9;
	padding: 3rem 5% .25rem;
	color: #0005;
	font-family: var(--sans-serif);
	font-size: 0.825rem;
	font-weight: 500;
	letter-spacing: .05rem;
	text-transform: uppercase;
}
.quicknews_container {
	display: grid;
	grid-auto-flow: column;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #F1F1F1 #FFF;
}
.quicknews_container article {
	padding: .5rem 5vw;
	width: 200px;
}
.quicknews_container article .item_meta {
	display: block;
	margin: 0 0 .25rem 0;
	font-size: 90%;
	opacity: .5;
}


/* AUTHOR ARCHIVE */

.author_position {
	margin: -3rem auto 0;
	display: block;
	text-align: center;
	font-family: var(--sans-serif);
	font-size: .9rem;
	font-style: italic;
	font-weight: 300;
}
.author_picture {
	margin: 2rem auto;
	width: min-content;
	white-space: nowrap;
}
.author_picture img {
	width: 150px;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	border: 2px solid #FFF;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #000;
}
.author_picture > span {
	display: block;
	text-align: center;
	font-size: 11px;
	font-family: var(--sans-serif);
	font-weight: 300;
}
.author_bio {
	width: min(90%, 650px);
	margin: .5rem auto 0;
}
.author .articles_wrapper {
	grid-template-columns: 1fr;
	margin: 3rem 0;
	padding: 3rem 0;
	border-top: 1px solid #F1F1F1;
}
.author .articles_container {
	width: min(100%, 650px);
	margin: 0 auto;
}
.author h2 {
	margin: 0 0 3rem;
	padding: 0 5%;
	color: #C7C7C7;
	font-family: var(--sans-serif);
	font-size: 1.4rem;
	font-weight: 500;
}


/* BÜCHER */

.buch_mockup {
	text-align: center;
}
.buch_mockup img {
	width: min(300px, 100%);
	height: auto;
}
.book_navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: min(700px, 90%);
	margin: 5rem auto 0;
}
.book_navigation .next_book {
	text-align: right;
}
.book_navigation img {
	width: min(45vw, 150px);
	height: auto;
}


/* FOOTER */

#footer {
	bottom: -100%;
}
#footer.active {
	position: fixed;
	bottom: 0;
	z-index: 9;
}
footer .container {
	position: relative;
	padding-top: 8rem;
}
footer .copy_title {
	margin: 0;
	font-family: "UnifrakturMaguntia", sans-serif;
	font-size: clamp(1.25rem, 1rem + 2vw, 2rem);
	line-height: 1;
	text-align: center;
}
footer .copy {
	font-family: var(--sans-serif);
	font-size: .8125rem;
	font-weight: 300;
	text-align: center;
}
footer .info_text {
	font-size: .9rem;
	font-weight: 300;
	margin: 3rem auto;
	display: block;
	width: min(100%, 650px);
}
footer .info_text p {
	padding: 0 5%;
}
footer .footer_nav {
	display: block;
	margin: 3rem auto 1rem;
	width: min(100%, 650px);
	font-family: var(--sans-serif);
	font-size: 0.825rem;
	text-align: center;
}
footer .footer_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer .footer_nav ul li {
	display: inline-block;
	margin: 0 .5rem;
}


@media screen and (min-width: 500px) and (max-width: 800px) {
	.single article .info_box_text {
		column-count: 2;
	}
	.recommended_articles .articles_container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5%;
	}
	.recommended_articles .articles_container article {
		grid-template-columns: 40% 55%;
		align-items: start;
	}
	.recommended_articles .articles_container article:last-of-type {
		margin-bottom: min(3rem, 5vh);
	}
	.recommended_articles .articles_container article .teaser_image_source {
		padding: 0 5%;
		text-align: left;
	}
	.recommended_articles .articles_container article .article_info {
		padding: 0 5%;
	}
	.recommended_articles .articles_container article .item_topline {
		font-size: .75rem;
	}
	.recommended_articles .articles_container article .item_title {
		font-size: clamp(1rem, 1.25rem + 2vw, 1.125rem);
	}
}

@media screen and (min-width: 700px) {
	.single article .info_box_text {
		column-count: 3;
	}
}

@media screen and (min-width: 801px) {
	header .logo {
		margin-left: .5rem;
	}
	header nav .logo {
		display: none;
	}
	header .nav_toggle {
		display: none;
	}
	header .main-navigation {
		margin: 0 0 0 auto;
		position: unset;
		width: auto;
		height: auto;
		overflow: visible;
		box-shadow: none;
		visibility: unset;
		opacity: unset;
	}
	header .main-navigation.active {
		margin: 0 0 0 auto;
	}
	header ul {
		display: inline-block;
	}
	header .main-navigation ul li {
		display: inline-block;
		padding: 1rem .5rem;
		border: 0;
	}
	header .main-navigation ul li.menu-item-has-children > div.submenu_trigger {
		display: none;
	}
	header .main-navigation ul li ul {
		position: absolute;
		top: 0;
		left: 0;
		margin: 86px 0 0;
		border: 1px solid var(--contrast);
		box-shadow: 5px 8px 10px -5px #00000040;
		visibility: hidden;
		opacity: 0;
		max-height: unset;
		overflow: visible;
		background: #FFF;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
	header .main-navigation ul li.column_submenu ul {
		column-count: 3;
		column-gap: 0;
	}
	/*header .main-navigation ul li:last-of-type ul {
		padding-bottom: unset;
	}*/
	header .main-navigation ul li a::before {
    	content: "";
    	position: absolute;
    	bottom: 0;
    	left: 50%;
    	margin: 0 0 -2rem -8px;
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 0 8px 8px 8px;
    	border-color: transparent transparent var(--contrast) transparent;
    	opacity: 0;
    	visibility: hidden;
    	transition: all .25s ease-in-out;
    }
	header .main-navigation ul li:hover a::before, 
	header .main-navigation ul li:hover ul {
		visibility: unset;
		opacity: 1;
	}
	header .main-navigation ul li ul li a::before {
    	display: none;
	}
	header .main-navigation ul li ul li {
		margin: 0;
		padding: .5rem 1rem;
		width: calc(100% - 2rem);
	}
	header .main-navigation ul li ul li:first-of-type {
		margin: 0;
	}
	header .main-navigation ul li ul li::before {
		display: none;
	}
	header .main-navigation ul li ul li ul {
		grid-template-columns: 1fr;
		position: relative;
		margin: .5rem 0 0;
		border: unset;
		background: transparent;
		box-shadow: unset;
	}
	header .main-navigation ul li ul li ul li {
		margin: 0;
		padding: .5rem 0;
		width: 100%;
	}
	.website_suche {
		margin: .5rem .5rem .5rem 0;
		width: auto;
	}
	.website_suche .search_toggle {
		padding: 0 0 0 0.5rem;
	}
	.website_suche .head_search_form {
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		width: 300px;
		margin: -.25rem 1.5rem 0 0;
		text-align: right;
	}
	.website_suche:hover .head_search_form, 
	.website_suche .head_search_form.active {
		opacity: 1;
		visibility: visible;
	}
	.website_suche .head_search_form input#s {
		width: clamp(200px, calc(100% - 3rem), 300px);
		font-family: var(--sans-serif);
		padding: .25rem;
	}
	header .topline .box, 
	header .topline .box.right, 
	article figcaption {
		padding: 0 .5rem;
	}
	.breadcrumbs {
		padding: .25rem .5rem;
	}
	.quicknews_wrapper .quicknews_title {
		padding: 2rem .5rem .25rem;
	}
	.quicknews_container article {
		padding: .5rem 2rem .5rem .5rem;
	}
	.author h2 {
		padding: 0;
	}
	.section_title {
		padding: 5rem 0 .5rem;
	}
	/*.articles_wrapper {
		grid-template-columns: 65% 30%;
	}*/
	.articles_wrapper.recommended_articles {
		grid-template-columns: 1fr;
		margin: 6rem 0 0;
		padding: 3rem 0 0;
		border-top: 1px solid #F1F1F1;
	}
	.recommended_articles h3 {
		padding: 0 15%;
	}
	.recommended_articles .articles_container article .teaser_image_source {
		padding: 0;
	}
	.hero {
		height: min(60vh, 500px);
	}
	.archive .hero {
		height: min(50vh, 500px);
	}
	.hero img {
		height: 100%;
	}
	.hero .hero_text {
		position: absolute;
		bottom: 10%;
		right: 0;
		width: fit-content;
		max-width: min(90%, 450px);
		padding: .5rem 1rem 1rem .5rem;
		background: #FFFB;
		border: 1px solid #D1D1D1;
		border-right: 0;
		box-shadow: -5px 5px 8px 0 #0005;
		text-align: right;
	}	
	.hero .hero_image_source {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0px 3px 2px;
	}
	.home .articles_wrapper {
		grid-template-columns: unset;
		padding: unset;
		overflow: auto;
	}
	.home .articles_wrapper .articles_container, 
	.recommended_articles .articles_container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 5%;
	}
	.recommended_articles .articles_container, 
	.home .articles_wrapper.four_columns .articles_container {
		grid-template-columns: repeat(4, 1fr);
		padding: 1rem;
	}
	.home .articles_wrapper.six_columns .articles_container {
		grid-template-columns: 15% repeat(5, 12%);
		align-items: center;
		padding: 1rem;
	}
	.section_epaper .articles_container {
  		width: unset;
	}
	.articles_container article {
		grid-template-columns: 45% 50%;
	}
	.recommended_articles .articles_container article, 
	.home .articles_container article {
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	.home .four_columns .articles_container article {
		margin: 0;
	}
	.articles_container article .teaser_image_source {
		margin-left: 3px;
		padding: 0;
		text-align: left;
	}
	.recommended_articles .articles_container article .teaser_image_source, 
	.home .articles_container article .teaser_image_source {
		text-align: right;
	}
	.articles_container article .article_info {
		padding: 0;
	}
	.home .articles_container article .article_info {
		padding: .5rem;
		margin: .5rem 0 0;
	}
	.recommended_articles .articles_container article .article_info {
		margin: 1rem 0 0;
		width: 100%;
	}
	.recommended_articles .articles_container article .item_topline {
		font-size: .825rem;
	}
	.recommended_articles .articles_container article .item_title {
		font-size: clamp(1.25rem, 1rem + 2vw, 1.5rem);
	}
	.reports_container .reports_headline, 
	.reports_container article {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.single article .wp-block-image .alignleft {
		float: left;
		margin: 0 2% 0 15%;
	}
	.single article .wp-block-image .alignleft figcaption {
		margin: 0 2rem 1rem 0;
		text-align: left;
	}
	.single article .wp-block-image .alignright {
		float: right;
		margin: 0 15% 0 0;
	}
	.single article .wp-block-image .alignright figcaption {
		margin: 0 0 1rem 2rem;
		text-align: left;
	}
	.single article .artikel_meta .autoren {
		grid-auto-flow: column;
	}
	.single article .artikel_meta .autoren span {
		display: inline-block;
	}
	.single article .artikel_meta .artikel_datum .pipe, 
	.single article .artikel_meta .artikel_datum .artikel_zeit {
		display: inline-block;
	}
	.single article .artikelbild {
		aspect-ratio: 2/1;
	}
	.single article .artikel_zitat {
		margin: 3rem 15%;
		text-align: unset;
	}
	.single article .artikel_zitat.image_right {
		flex-direction: row;
	}
	.single article .artikel_zitat figcaption {
		margin-bottom: 0;
	}
	.single article .artikel_zitat :is(p) {
		margin: 0 0 1rem;
		font-size: 1.75rem;
		line-height: 1.2;
	}
	.single article .artikel_zitat cite {
		font-size: 1rem;
	}
	.single article .further_info {
		float: right;
		clear: right;
		margin: .5rem 15% 1rem 2rem;
		max-width: 250px;
	}
	.single article .info_box {
		margin: 3rem calc(50% - 350px);
	}
	.artikel_themen {
		padding-left: 15%;
		padding-right: 15%;
	}
	.authors_wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	footer .info_text p {
		padding: 0;
	}
}

@media screen and (min-width: 801px) and (max-width: 999px) {
	header .logo {
		font-size: clamp(1.6rem, 1.25rem + 3vw, 2.5rem);
	}
	.section_title {
		padding: 5rem .5rem .5rem;
	}
	.single article .wp-block-image .alignright, 
	.single article .further_info {
		margin-right: calc(50% - 350px);
	}
	.artikel_themen {
		padding-left: calc(50% - 350px);
		padding-right: calc(50% - 350px);
	}
	.recommended_articles h3 {
		padding: 0 calc(50% - 350px);
	}
}

@media screen and (min-width: 768px) and (orientation: portrait) {
	.hero {
		height: 60vw;
	}
}

@media screen and (min-width: 1000px) {
	.article_body {
		flex-direction: row;
		column-gap: 5%;
	}
}

@media screen and (min-width: 1200px) {
	.bookmark_bar {
		width: 100%;
	}
	.bookmark_bar.active {
		margin-left: calc(50vw - 555px);
	}
	.chapters {
		padding: 0;
	}
	.book_container {		
		flex-direction: row;
	}
	.book_cover .tooltip {
		bottom: 50%;
		left: 75%;
	}
	.book_cover .tooltip::after {
		top: 50%;
		left: 0;
		margin: -6px 0 0 -8px;
		border-width: 6px 8px 6px 0;
		border-color: transparent #333 transparent transparent;
	}
	.book_chapters {
		text-align: left;
	}
	.chapter_list {
		margin: 20px 0 20px -10px;
		padding: 0 1rem 0 0;
	}
	.chapters li {
		margin: unset;
	}
	.chapter_number {
		color: #0003
		margin-bottom: 3px;
		padding: 0 0 10px 15px;
	}
	.chapters li::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(50% + 40px);
		height: 1px;
		margin: 0 0 2px -35px;
		background: #D7D7D7;
	}
	.chapters li::after {
		margin-left: 5px;
	}
}


@media print {
	.single .box.right, .single .autor_imagebox img, .single figure, .single .wp-block-image, .single .further_info, .single .share, .single .artikel_themen, .single .recommended_articles, .single #footer {
		display: none !important;
	}
	.single h1 {
		font-size: 2.5rem !important;
	}
}