/*
    Theme Name: DL21-2022
    Text domain: dl21-2022
    Version: 1.0
    Tested up to: 5.0
    Requires PHP: 7.2
    License: GNU Public License
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Description: Wordpress Theme for Forum DL21 (Stand: 2022)
    Author: Daniel Reitzig
    Author URI: https://danielreitzig.de
    Theme URI: https://dl21.org
    DL21-2022 WordPress Theme, Copyright 2022 Daniel Reitzig
    DL21-2022 is distributed under the terms of the GNU GPL
    Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
*/

body,
html {
	max-width: 100vw;
}
.wrapper,
body {
	flex-flow: column;
}
.logo-bottom,
.wrapper {
	margin-top: 0;
	display: flex;
}
.box,
.header-item,
.logo,
.logo-bottom,
.logo-top,
.wpcf7-form,
.wpf8-form,
.wpf8-form .form-group,
.wpf8-form .form-row,
.wrapper,
body,
header {
	display: flex;
}
article h1,
article h1 a,
article h2 a,
article h2,
article h3,
article h4,
article h5,
article h6 {
	font-family: "Barlow Condensed";
	font-weight: 600;
	position: relative;
	z-index: 10;
	margin: 0;
	color: #111;
	text-decoration: none;
}
.featured-image,
.wrapper,
article,
article h1,
article h1 a,
body,
html {
	position: relative;
}
button,
nav {
	font-weight: 400;
}
button,
nav ul li {
	display: inline-block;
}
@font-face {
	font-family: Barlow;
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/barlow-v12-latin-regular.eot");
	src: local(""),
		url("assets/fonts/barlow-v12-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/barlow-v12-latin-regular.woff2") format("woff2"),
		url("assets/fonts/barlow-v12-latin-regular.woff") format("woff"),
		url("assets/fonts/barlow-v12-latin-regular.ttf") format("truetype"),
		url("assets/fonts/barlow-v12-latin-regular.svg#Barlow") format("svg");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/barlow-condensed-v12-latin-regular.eot");
	src: local(""),
		url("assets/fonts/barlow-condensed-v12-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/barlow-condensed-v12-latin-regular.woff2") format("woff2"),
		url("assets/fonts/barlow-condensed-v12-latin-regular.woff") format("woff"),
		url("assets/fonts/barlow-condensed-v12-latin-regular.ttf")
			format("truetype"),
		url("assets/fonts/barlow-condensed-v12-latin-regular.svg#BarlowCondensed")
			format("svg");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 600;
	src: url("assets/fonts/barlow-condensed-v12-latin-600.eot");
	src: local(""),
		url("assets/fonts/barlow-condensed-v12-latin-600.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/barlow-condensed-v12-latin-600.woff2") format("woff2"),
		url("assets/fonts/barlow-condensed-v12-latin-600.woff") format("woff"),
		url("assets/fonts/barlow-condensed-v12-latin-600.ttf") format("truetype"),
		url("assets/fonts/barlow-condensed-v12-latin-600.svg#BarlowCondensed")
			format("svg");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 900;
	src: url("assets/fonts/barlow-condensed-v12-latin-900.eot");
	src: local(""),
		url("assets/fonts/barlow-condensed-v12-latin-900.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/barlow-condensed-v12-latin-900.woff2") format("woff2"),
		url("assets/fonts/barlow-condensed-v12-latin-900.woff") format("woff"),
		url("assets/fonts/barlow-condensed-v12-latin-900.ttf") format("truetype"),
		url("assets/fonts/barlow-condensed-v12-latin-900.svg#BarlowCondensed")
			format("svg");
}
@font-face {
	font-family: Raleway;
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/raleway-v28-latin-regular.eot");
	src: local(""),
		url("assets/fonts/raleway-v28-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/raleway-v28-latin-regular.woff2") format("woff2"),
		url("assets/fonts/raleway-v28-latin-regular.woff") format("woff"),
		url("assets/fonts/raleway-v28-latin-regular.ttf") format("truetype"),
		url("assets/fonts/raleway-v28-latin-regular.svg#Raleway") format("svg");
}
@font-face {
	font-family: Raleway;
	font-style: normal;
	font-weight: 900;
	src: url("assets/fonts/raleway-v28-latin-900.eot");
	src: local(""),
		url("assets/fonts/raleway-v28-latin-900.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/raleway-v28-latin-900.woff2") format("woff2"),
		url("assets/fonts/raleway-v28-latin-900.woff") format("woff"),
		url("assets/fonts/raleway-v28-latin-900.ttf") format("truetype"),
		url("assets/fonts/raleway-v28-latin-900.svg#Raleway") format("svg");
}
@font-face {
	font-family: "IM Fell Great Primer";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/im-fell-great-primer-v21-latin-regular.eot");
	src: local(""),
		url("assets/fonts/im-fell-great-primer-v21-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/im-fell-great-primer-v21-latin-regular.woff2")
			format("woff2"),
		url("assets/fonts/im-fell-great-primer-v21-latin-regular.woff")
			format("woff"),
		url("assets/fonts/im-fell-great-primer-v21-latin-regular.ttf")
			format("truetype"),
		* /;
}

/* amiri-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Amiri";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/amiri-v27-latin-regular.eot"); /* IE9 Compat Modes */
	src: url("assets/fonts/amiri-v27-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("assets/fonts/amiri-v27-latin-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */ url("assets/fonts/amiri-v27-latin-regular.woff")
			format("woff"),
		/* Modern Browsers */ url("assets/fonts/amiri-v27-latin-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("assets/fonts/amiri-v27-latin-regular.svg#Amiri") format("svg"); /* Legacy iOS */
}
/* amiri-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Amiri";
	font-style: italic;
	font-weight: 400;
	src: url("assets/fonts/amiri-v27-latin-italic.eot"); /* IE9 Compat Modes */
	src: url("assets/fonts/amiri-v27-latin-italic.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("assets/fonts/amiri-v27-latin-italic.woff2")
			format("woff2"),
		/* Super Modern Browsers */ url("assets/fonts/amiri-v27-latin-italic.woff")
			format("woff"),
		/* Modern Browsers */ url("assets/fonts/amiri-v27-latin-italic.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("assets/fonts/amiri-v27-latin-italic.svg#Amiri") format("svg"); /* Legacy iOS */
}

:root {
	--maximum-red: #e7000d;
	--maximum-red: #e3000f;
	--white: #fefcfb;
	--white-10: #e5e3e2;
	--blue-jeans: #20a4f3;
	--blue-jeans: #39677d;
	--indigo-dye: #08415c;
	--indigo-dye-40: #527a8d;
	--eerie-black: #242423;
	--border-radius: 0.225rem;
	--maximum-width: 2vw;
	--text-color: var(--white);
	--background-color: var(--white);
	--background-secondary-color: var(--maximum-red);
}
body,
html {
	margin: 0;
	padding: 0;
	font-family: Barlow;
	font-size: 100%;
	font-size: clamp(12px, 4vw, 20px);
}
* {
	box-sizing: border-box;
}
body {
	background: #5c0005;
	width: 100%;
	padding: 0 0 6vw;
	margin: 0;
	color: var(--eerie-black);
	align-items: center;
}
nav,
nav ul li {
	background-color: var(--maximum-red);
}
.wrapper {
	width: 100vw;
}
header {
	flex-flow: column;
}
.header-item {
	grid-template-columns: 6fr 6fr;
	grid-gap: none;
	padding: 0;
}
.header-item img,
.slide img,
article img {
	width: 100%;
	height: auto;
}
.box {
	width: 100%;
}
.red {
	background: var(--maximum-red);
}
.blue {
	background: var(--indigo-dye);
}
.content,
.empty,
.logo,
.logo-bottom {
	background: var(--white);
}
.logo {
	align-items: flex-end;
	padding: 2vw 2vw 0;
	z-index: 3;
}
.logo-bottom {
	padding-left: 2vw;
	padding-right: 2vw;
	align-items: flex-start;
	outline: 0;
	border: none;
}
.content {
	width: 100%;
}
.featured-image {
	padding-top: 1vw;
	margin-bottom: 2vw;
}
.wpcf7-form,
.wpf8-form {
	align-items: flex-start;
	flex-flow: column;
	padding: 2rem 1rem;
	border-radius: var(--border-radius);
	background: var(--white-10);
	font-family: Barlow, sans-serif;
}
.form-page,
nav,
nav ul ul {
	display: none;
}
.wpcf7-form p,
.wpf8-form p {
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 0;
	margin: 0;
}
.wpf8-form label {
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
	display: block;
	text-align: left;
	width: 100%;
}
.search-area input[type="submit"],
.search-area input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="text"],
.wpcf7-textarea,
.wpf8-form input[type="email"],
.wpf8-form input[type="submit"],
.wpf8-form input[type="text"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: clamp(12px, 4vw, 20px);
	padding: 0.5rem 1rem;
	border-radius: var(--border-radius);
	border: none;
	width: 100%;
	max-width: 60ch;
}
.wpcf7-textarea {
	height: 10ch;
	resize: none;
}
.wpf8-form .form-row {
	flex-flow: row nowrap;
	justify-content: space-between;
}
.wpf8-form .form-group {
	flex-flow: column;
	width: 100%;
	padding-bottom: 1.25rem;
}
.wpf8-form .form-row .form-group {
	flex-flow: column;
	width: 45%;
}
.search-area input[type="submit"],
.wpcf7-form input[type="submit"],
.wpf8-form input[type="submit"] {
	margin-top: 0.5rem;
	background: var(--maximum-red);
	border-color: var(--maximum-red);
	outline-color: var(--maximum-red);
	box-shadow: none;
	color: var(--white);
}
.form-page {
	width: 100%;
}
.membership-form-navigation {
	margin-top: 2rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.membership-form-navigation button {
	background: var(--indigo-dye);
	padding: 0.25rem 0.5rem;
	border-radius: var(--border-radius);
	color: var(--white-10);
	font-size: 75%;
}
.form-page h2 {
	padding-bottom: 2rem;
	font-size: 95%;
	text-align: left;
}
.inactive {
	background: #bbb;
}
.active {
	background: green;
}
.steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	padding-bottom: 2rem;
}
.step-item {
	height: 0.25rem;
	width: 100%;
}
.smalllogo,
nav img {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.home-read-more-wrapper {
	width: 100%;
	padding: 0.5rem;
	background: var(--indigo-dye);
	display: flex;
	justify-content: center;
	margin-bottom: 3rem;
}
.shadow {
	box-shadow: rgba(14, 30, 37, 0.12) 0 2px 4px 0,
		rgba(14, 30, 37, 0.32) 0 2px 16px 0;
}
article {
	margin-top: 0;
	display: flex;
	flex-flow: column;
	align-items: center;
	z-index: 10;
	padding-bottom: 1rem;
	font-family: "Amiri", serif;
}
.article-header,
nav {
	justify-content: center;
}
article h1,
article h1 a {
	text-transform: uppercase;
	font-size: clamp(26px, 12vw, 40px);
	text-align: center;
	color: var(--eerie-black);
	text-decoration: none;
}
article h2,
article h3,
article h4,
article h5,
article h6 {
	text-align: center;
	color: var(--indigo-dye);
	/* padding: 1ch 4ch 0; */
}
article h2 {
	font-size: 1.5rem;
}
article h3 {
	font-size: 1.4rem;
}
article h4 {
	font-size: 1.3rem;
}
article h5 {
	font-size: 1.2rem;
}
article h6 {
	font-size: 1.1rem;
}
.article-header {
	display: flex;
	align-items: center;
	padding-top: 2vw;
}
article h1 {
	padding: 1ch;
	max-width: 50ch;
}

.cat_block p,
article p {
	padding: 2vw 2ch;
	max-width: 66ch;
	line-height: 145%;
}
.caption,
p.subheader {
	font-style: italic;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 1vw;
	color: var(--indigo-dye);
}
.full-page-menu .imprint:hover,
.full-page-menu .privacy-small a:hover,
.full-page-menu div.mobilecontact:hover,
.full-page-menu div.mobilecontact:hover + h2.section-header,
.full-page-menu div.searchthispage:hover,
.full-page-menu div.searchthispage:hover + h2.section-header,
.full-page-menu form input:focus + .form-label,
.full-page-menu form input:hover + .form-label,
.full-page-menu form textarea:focus + .form-label,
.full-page-menu form textarea:hover + .form-label,
footer .list-top,
nav a {
	color: #fff;
}
.caption {
	font-size: 12px;
}
.breadcrumbs {
	font-size: 8px;
	margin-top: 4vw;
}
.breadcrumbs,
.caption {
	display: block;
	text-align: center;
}
.breadcrumbs,
.meta {
	color: var(--blue-jeans);
	font-family: Barlow;
	letter-spacing: 1px;
	padding: 2px 5px;
}
.meta {
	margin-bottom: 1vw;
}
.nav-page,
nav {
	margin: 2vw 0 4vw;
}
.meta:hover {
	color: var(--white);
	background: var(--blue-jeans);
	cursor: pointer;
}
nav {
	font-family: Barlow;
	font-style: normal;
	font-size: clamp(10px, 1vw, 14px);
	z-index: 100;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	border-top: 0 solid var(--white);
	border-bottom: 0 solid var(--white);
}
footer,
nav a {
	font-size: clamp(8px, 1vw, 12px);
}
.endblock-wrapper,
footer {
	display: flex;
	justify-content: center;
}
.nav-front {
	margin: 2vw 0 0;
}
.smalllogo {
	opacity: 0;
	transition: 0.2s;
}
img#header-preview-image {
	width: 50vw;
	height: auto;
}
@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn {
	opacity: 0;
	-moz-animation: 0.2s linear both fadein;
	-webkit-animation: 0.2s linear both fadein;
	animation: 0.2s linear both fadein;
}
@-webkit-keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.fadeOut {
	opacity: 0;
	-moz-animation: 0.2s linear both fadeout;
	-webkit-animation: 0.2s linear both fadeout;
	animation: 0.2s linear both fadeout;
}
nav img {
	width: auto;
}
.endblock,
.textblock p,
nav ul,
nav ul ul li,
nav ul ul ul li {
	position: relative;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 30;
	background: 0 0;
}
nav ul li {
	border-bottom: transparent;
}
nav a {
	display: block;
	padding: 0 30px;
	text-transform: uppercase;
	line-height: 60px;
	text-decoration: none;
	z-index: 40;
}
nav a:hover {
	background-color: var(--blue-jeans);
}
nav li {
	border-bottom: 1px dotted var(--blue-jeans);
}
nav ul ul a {
	text-transform: none;
}
nav ul ul {
	background: 0 0;
	position: absolute;
	top: 60px;
	box-shadow: #26394d 0 20px 30px -10px;
}
nav ul ul li:last-child {
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}
nav ul li:hover > ul {
	display: inherit;
}
nav ul ul li {
	width: 210px;
	float: none;
	display: list-item;
}
nav ul ul ul li {
	top: -60px;
	left: 210px;
}
li > a:after,
li > a:only-child:after {
	content: "";
}
footer {
	background: var(--indigo-dye);
	padding: 10px;
	color: #86898a;
	margin-top: 2rem;
	font-family: Raleway;
}
.afa-block span {
	display: block;
	padding: 5px;
}
.afa-block span:first-of-type {
	text-transform: uppercase;
	padding-bottom: 1vw;
}
.afa-block {
	display: flex;
	flex-flow: column;
	padding: 10px;
	color: #aaa;
}
.footer-content {
	width: 100%;
	max-width: var(--content-width);
	display: flex;
	justify-content: space-around;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.afa-block a,
a.download-link {
	text-decoration: none;
	color: #aaa;
}
a.download-link {
	text-decoration: none;
	color: #fff;
}
.afa-block a:hover,
a.download-link:hover {
	color: var(--white);
	text-decoration: underline;
	text-decoration-style: dotted;
}
.cards a,
.full-page-menu ul.menu li a,
.post-edit-link,
.social-bar > a,
a .card-name,
a.edit-profile-link,
button {
	text-decoration: none;
}
p.endblock {
	text-align: right;
}
.endblock-wrapper {
	width: 100%;
	max-width: 60ch;
	padding-top: 2rem;
	height: 1.5rem;
}
.endblock,
.page-image-title {
	display: flex;
	justify-content: center;
}
.endblock {
	width: 1.5rem;
	height: 1.5rem;
	background: var(--maximum-red);
	padding: 7px;
	align-items: center;
	border-radius: var(--border-radius);
}
.endblock:hover,
.slider-control-circle-outline:hover {
	cursor: pointer;
}
.toparrow {
	width: 100%;
	height: 100%;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: rotate(45deg);
	margin-top: 7px;
}
.mobilewrap {
	position: sticky;
	-webkit-position: sticky;
	top: 0;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	padding: 4vw;
	background: var(--white);
	border: none;
	color: var(--indigo-dye);
	z-index: 1000;
}
.logocube img {
	height: 50px;
	width: auto;
}
.mobile-menu {
	font-size: 50px;
}
.post-edit-link {
	opacity: 0;
	font-family: Raleway;
	transition: opacity 0.4s ease-in-out;
	padding: 1rem 2rem;
	background: #eee;
	color: #000;
	border-radius: var(--border-radius);
	margin-top: 1rem;
}
.post-edit-link:hover {
	opacity: 0.75;
}
div.twitter {
	padding: var(--maximum-width);
}
div.css-1dbjc4n,
div.twitter {
	width: 40vw !important;
}
div.twitter article div {
	border: 6px solid #00f !important;
}
.heroshot {
	width: 100%;
	padding-top: 41.841%;
	background: center/cover no-repeat gray;
	background-origin: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
	margin-top: 1rem;
}
.hero-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-image {
	width: 100%;
	aspect-ratio: 4/1;
	-webkit-aspect-ratio: 4/1;
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.page-image-title {
	position: absolute;
	left: 0;
	bottom: 5px;
	padding: 2rem;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	align-items: center;
}
.page-image .featured-image {
	padding: 0;
	margin: 0;
}
.page-image-title h1 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 300%;
}
.page {
	font-family: Barlow, sans-serif;
}
.cards {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1rem;
	padding: 0;
}
.card,
.card-heading,
.card-info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
	font-size: 95%;
}
.card {
	justify-content: flex-end;
	position: relative;
	background: var(--eerie-black);
	width: 100%;
	aspect-ratio: 1;
	-webkit-aspect-ratio: 1;
	overflow: hidden;
	padding-bottom: 2rem;
}
.card-image,
.card-overlay {
	position: absolute;
	width: 100%;
	left: 0;
}
.card-image {
	top: 0;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-origin: border-box;
	background-clip: border-box;
	background-attachment: scroll;
	transition: 0.5s ease-out;
	z-index: 30;
	opacity: 0.95;
}
.card-overlay {
	z-index: 35;
	bottom: 0;
	height: 50%;
	background: linear-gradient(to top, #000, rgba(255, 0, 0, 0));
}
.slide,
button,
button.btn .circle {
	position: relative;
}
.card:hover > .card-image,
.card:hover > .card-name a {
	transform: scale(1.05);
	opacity: 0.35;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}
button.btn .button-text,
button.btn .circle,
button.btn .circle .icon,
button.btn .circle .icon.arrow-button {
	transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.card-name {
	font-weight: 700;
	z-index: 40;
}
a .card-name {
	color: #fff;
	font-size: 150%;
}
.search-area,
.social-bar {
	margin-bottom: 1rem;
	width: 100%;
	background: var(--white-10);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1rem;
}
.search-area {
	margin-top: 1rem;
	padding: 2rem 1rem;
}
.full-page-menu .form-group,
.search-area .form-group {
	display: flex;
	flex-flow: column-reverse;
}
.search-area label,
.wpcf7-form label {
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
	display: block;
	text-align: center;
}
.wpcf7-form label {
	text-align: left;
	width: 100%;
}
.back-btn {
	float: right;
}
.next-btn {
	float: left;
}
.social-bar > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin: 1rem;
	font-size: 0.75rem;
	text-align: center;
	color: #000;
}
.social-bar-icon img {
	height: 3rem;
	width: auto;
}
.full-page-menu form textarea,
.full-page-menu p,
.social-bar-label {
	padding: 0.5rem;
}
.about {
	padding: 1rem 1rem 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	max-width: 66ch;
	text-align: justify;
	margin: 0 auto;
	line-height: 150%;
}
button {
	font-family: Barlow;
	cursor: pointer;
	outline: 0;
	border: 0;
	vertical-align: middle;
	background: 0 0;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
}
button.btn {
	width: 12rem;
	height: auto;
}
button.btn .circle {
	display: block;
	margin: 0;
	width: 3rem;
	height: 3rem;
	background: var(--background-secondary-color);
	border-radius: var(--border-radius);
}
button.btn .circle .icon {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: var(--background-color);
}
button.btn .circle .icon.arrow-button {
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: 0 0;
}
button.btn .circle .icon.arrow-button::before {
	position: absolute;
	content: "";
	top: -0.25rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
button.btn .button-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.75rem 0;
	margin: 0 0 0 1.85rem;
	color: var(--text-color);
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	font-family: Barlow;
}
.mobile-nav,
button:hover .circle {
	width: 100%;
}
button:hover .circle .icon.arrow-button {
	background: #fff;
	-webkit-transform: translate(1rem, 0);
	transform: translate(1rem, 0);
}
button:hover .button-text {
	color: var(--background-color);
}
.board-grid {
	width: 100%;
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
}
.board-grid-item {
	width: 100%;
	margin: auto;
}
.board-grid-item-image {
	background: var(--white-);
	width: 100%;
	aspect-ratio: 1/1;
	-webkit-aspect-ratio: 1/1;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-origin: center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.slider,
.slider-controls {
	width: 100%;
	background: var(--indigo-dye);
}
.board-grid-item-name {
	width: 100%;
	padding: 0.5rem;
	text-align: center;
}
a.edit-profile-link {
	font-size: 75%;
}
.slide-content,
.slide-content h2 {
	font-size: clamp(12px, 4vw, 20px);
}
.header-item,
.header-item-link {
	display: none !important;
}
.slider {
	display: flex;
	flex-flow: row nowrap;
	scroll-snap-type: x mandatory !important;
	overflow-x: scroll;
	scroll-behavior: smooth;
}
.slider-controls {
	height: 2rem;
	margin-bottom: 1rem;
	margin-top: -7px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider-control-circle-outline {
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.5rem;
	opacity: 0.5;
}
.slider-control-circle-fill {
	width: 0.65rem;
	height: 0.65rem;
	border: 2px solid var(--indigo-dye);
	border-radius: 50%;
	background: #fff;
	transition: 0.5s ease-in-out;
}
.slide {
	display: inline-flex;
	flex: none;
	justify-content: center;
	align-items: center;
	aspect-ratio: 16/9;
	-webkit-aspect-ratio: 16/9;
	background: center/cover no-repeat;
	color: #000;
	border: none;
	background-origin: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	scroll-snap-align: start;
}
.slide-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 1rem 3rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.slide-title {
	max-width: 66%;
}
.slider button.btn {
	display: none;
}
.nextslide,
.prevslide {
	position: absolute;
	top: 45%;
	padding: 2rem;
	background: rgba(0, 0, 0, 0.25);
	color: var(--white);
	border-radius: var(--border-radius);
}
.nextslide {
	right: 1rem;
}
.prevslide {
	left: 1rem;
}
.arrow {
	position: absolute;
	top: 50%;
	width: 3vmin;
	height: 3vmin;
	background: 0 0;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transition: 0.2s;
}
.arrow.left {
	left: 1.5rem;
	transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.arrow.right {
	right: 1.5rem;
	transform: translate3d(0, -50%, 0) rotate(45deg);
}
.arrow.right:hover {
	cursor: pointer;
	margin-right: -10px;
}
.arrow.left:hover {
	cursor: pointer;
	margin-left: -10px;
}
.full-page-menu form input,
.full-page-menu form textarea {
	font-size: 1rem;
	margin-top: 0.25rem;
	width: 100%;
}
.full-page-menu .imprint,
.full-page-menu .mobilecontact h2,
.full-page-menu .privacy-small a,
.full-page-menu .searchthispage,
.full-page-menu .social-links h2,
.full-page-menu form input[type="submit"],
.full-page-menu form label,
.full-page-menu ul.menu li a {
	color: var(--white-10);
}
.full-page-menu form label,
.full-page-menu ul.menu li,
.full-page-menu ul.menu li a {
	display: block;
}
.full-page-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background-color: #333;
	background-color: var(--indigo-dye);
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s, opacity 0.5s linear;
	font-family: Mukta, sans-serif;
	padding-top: 2rem;
	z-index: 10000;
}
.full-page-menu.open {
	visibility: visible;
	opacity: 1;
	transition: visibility linear, opacity 0.5s linear;
}
.full-page-menu .mobileheader {
	width: 100%;
	padding: 0 1rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-items: center;
}
.full-page-menu .close-menu {
	border: none;
	background: 0 0;
	cursor: pointer;
	border-radius: 4px;
	transition: 1s ease-in-out;
}
.full-page-menu form {
	width: 100% !important;
	margin-bottom: 20px;
}
.full-page-menu form input {
	border: none;
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 1.5rem;
	padding: 0.95rem !important;
	border-radius: 4px;
	margin-bottom: 0.5rem;
	background: var(--white-10);
	outline: var(--white-10);
	border-color: var(--white-10);
	outline: 0;
	transition: 0.2s;
}
.full-page-menu form input[type="submit"] {
	background-color: var(--maximum-red);
	padding: 1rem;
	margin-top: 1.5rem;
	line-height: 1;
	height: 3rem;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: var(--white);
}
.full-page-menu ul,
.full-page-menu ul.menu li {
	margin: 0;
	padding: 0;
}
.full-page-menu form input[type="submit"]:hover {
	color: var(--white);
	background-color: var(--complementary-color);
	cursor: pointer;
}
.full-page-menu .searchthispage form input[type="submit"] {
	margin-top: 0.75rem;
}
.full-page-menu form input:focus,
.full-page-menu form input:hover,
.full-page-menu form textarea:focus,
.full-page-menu form textarea:hover {
	background: #fff;
	transition: 0.2s;
}
.searchthispage h2 {
	width: 100%;
	text-align: center;
}
.full-page-menu form textarea {
	height: 5rem;
	border-radius: 4px;
	resize: none;
	background: var(--white-10);
	outline: var(--background-color);
	border-color: var(--white-10);
}
.full-page-menu .imprint p,
.full-page-menu form label {
	font-size: 0.75rem;
}
.full-page-menu .social-links {
	display: flex;
	flex-flow: column;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem;
}
.full-page-menu .social-links a {
	color: transparent;
}
.full-page-menu .social-links svg {
	width: 40px !important;
	height: 40px !important;
	fill: var(--white-10);
	transition: 0.2s;
}
.full-page-menu .social-links svg:hover {
	fill: var(--complementary-color);
}
.full-page-menu .mobilecontact,
.full-page-menu .mobilenavigation {
	width: 100%;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.full-page-menu .mobilecontact {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
.full-page-menu ul.menu {
	width: 100% !important;
	display: flex;
	flex-direction: column;
}
.full-page-menu ul li a::before {
	font-size: 0.65rem;
	padding-right: 0.5rem;
}
.full-page-menu ul.menu li {
	list-style: none;
	color: #eee;
	border-top: 1px solid var(--background-color-70);
	text-transform: uppercase;
	width: 100%;
}
.full-page-menu ul.menu li a {
	padding: 0.75rem 0 0.75rem 0.75rem;
	transition: 0.2s;
	width: 100%;
}
.full-page-menu ul.menu li a:hover {
	color: var(--white);
	background: var(--complementary-color);
	font-weight: 700;
	letter-spacing: 0.25rem;
}
.full-page-menu .mobilemenu {
	width: 100vw;
	padding: 2rem 1rem;
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
	align-items: center;
}
.full-page-menu .imprint,
.full-page-menu .searchthispage {
	text-align: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-flow: column;
	padding-top: 1rem;
	transition: 1s ease-in-out;
}
.full-page-menu .imprint {
	justify-content: flex-start;
	align-items: center;
}
.full-page-menu .imprint p {
	text-align: center;
}
.full-page-menu .close-menu svg,
.full-page-menu .hamburger-menu svg {
	width: 40px;
	height: 40px;
	fill: var(--maximum-red);
	transition: 1s ease-in-out;
}
.full-page-menu .close-menu:hover,
.full-page-menu .close-menu:hover svg path {
	fill: #000000;
	background: var(--white);
	transition: 1s ease-in-out;
}
.full-page-menu .logo,
.full-page-menu .mobilelogo img {
	width: 5rem;
	height: auto;
}
.full-page-menu .footer {
	width: 100%;
	padding: 0 1rem 1rem;
	display: flex;
	flex-flow: column;
	border-top: 1px solid var(--background-color-75);
}
.full-page-menu .footer h2 {
	font-size: 1.5em;
}
.full-page-menu .privacy-small {
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.full-page-menu .privacy-small a {
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.2s;
}
.full-page-menu .mobilemenu li:last-of-type {
	display: none;
	margin-bottom: 3rem;
}
.full-page-menu .mobilecontact h2 {
	margin-top: 3rem;
}
.full-page-menu .mobilemenu a:first-of-type {
	border-top: 1px dotted var(--white-10);
}
.full-page-menu .mobilemenu ul a:last-of-type {
	border-bottom: 1px dotted var(--white-10);
}
.tnp-subscription-minimal {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
}

.tnp-subscription-minimal form {
	width: 100%;
}

.tnp-subscription-minimal input.tnp-email
{
	border-top-left-radius: var(--border-radius) !important;
	border-bottom-left-radius: var(--border-radius) !important;
	max-width: 100% !important;
}

.tnp-subscription-minimal input.tnp-submit
{
	border-top-right-radius: var(--border-radius) !important;
	border-bottom-right-radius: var(--border-radius) !important;
	background-color: var(--maximum-red) !important;
	border-top: 2px solid var(-maximum-red) !important;
	border-bottom: 2px solid var(-maximum-red) !important;
}

.tnp-subscription-minimal .tnp-privacy-field a {
	font-size: 75%;
}

.tnp-privacy-field {
	display: block;
	width: 100%;
}

.single_cat_title {
	width: 100%;
	text-align: center;
}

.cat_block {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* font-family: Barlow; */
}

.category-header h2 {
	max-width: 40ch;
	padding-bottom: 1rem;
}

@media screen AND (min-width: 600px) {
	.board-grid,
	.cards {
		grid-template-columns: repeat(3, 1fr);
	}
	.footer-content {
		display: flex;
	}
	.breadcrumbs {
		font-size: 10px;
	}
}
@media screen AND (min-width: 1080px) {
	.content,
	footer {
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}
	.wrapper {
		max-width: 100ch;
	}
	.cards {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1rem;
	}
	.header-item {
		display: grid !important;
	}
	.header-item-link {
		display: flex !important;
	}
	.mobilewrap {
		display: none !important;
	}
	body {
		padding: 0 6vw;
	}
	.footer-content,
	nav {
		display: flex;
	}
	.header-item {
		display: grid;
		position: relative;
		background: #fff;
		grid-template-columns: 4fr 8fr;
	}
	article h1 {
		font-size: auto;
	}
	.dot {
		width: 3ch;
		height: 3ch;
		background: var(--maximum-red);
	}
	.afa-block,
	footer {
		padding: 30px;
	}
	.logo {
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius) !important;
	}
	.content {
		border-top-right-radius: var(--border-radius);
		border-top: 0;
	}
	.breadcrumbs {
		padding-top: 0;
	}

	.cat_block p,
	article p {
		padding: 0.5rem 2vw;
		max-width: 66ch;
	}
	article h2,
	article h3,
	article h4,
	article h5,
	article h6 {
		padding: inherit;
	}
	.full-page-menu .mobilemenu {
		flex-flow: row-reverse;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.full-page-menu .mobilecontact,
	.full-page-menu .mobilenavigation {
		width: 100%;
		padding: 0 4rem;
		align-items: flex-start;
	}
	.full-page-menu .imprint,
	.full-page-menu .mobilenavigation {
		padding-left: 1rem;
	}
	.full-page-menu .mobilecontact,
	.full-page-menu .searchthispage {
		padding-right: 1rem;
	}
	.full-page-menu .imprint h2 {
		margin-bottom: 0;
	}
	.full-page-menu p {
		padding: 0;
		margin-top: 1rem;
	}
	.full-page-menu .footer {
		flex-flow: row;
	}
	.full-page-menu .mobilecontact h2 {
		margin-top: 0.83em;
	}
	.slider button.btn {
		display: inline;
	}
	.slide-content h2 {
		font-size: 1.5rem;
	}

	article h2,
	article h3,
	article h4,
	article h5,
	article h6 {
		text-align: center;
		color: var(--indigo-dye);
		/* padding: 1ch 4ch 0; */
	}
}