/**
 * @author Sven Tillack, Studio Tillack Knöll
 * @version 2.7
 */

@font-face {
  font-family: 'ABCDiatype-Regular';
  src:  url('../font/ABCDiatype-Regular.woff2') format('woff2'),
        url('../font/ABCDiatype-Regular.woff') format('woff');
}

@font-face {
  font-family: 'ABCGintoNord-Medium';
  src:  url('../font/ABCGintoNord-Medium.woff2') format('woff2'),
        url('../font/ABCGintoNord-Medium.woff') format('woff');
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: 400;
}

h1, strong, b {
	font-family: 'ABCGintoNord-Medium';
}

body {
	font-family: 'ABCDiatype-Regular';
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "ss01" 1;
}

h1 {
	display: inline;
}

article h2 {
	padding-top: 20px;
	hyphens: auto;
}

.text--center {
	text-align: center;
}

/* .page-id-65 .mainHeadline {
	max-width: calc( 90% - 40px );
    position: absolute !important;
    bottom: 26px;
    left: 20px;
} */

.page-id-65 .mainHeadline {
    width: calc(100% - 70px);
    position: absolute !important;
    bottom: 26px;
    left: 20px;
}

.archiveLink {
	max-width: calc( 90% );
}


	.front__page--right .mainHeadline {
		position: relative !important;
		max-width: 100%;
		width: 100%;
		bottom: inherit;
		left: inherit;
	}

	.front__page--right .mainHeadline.withArrow-v {
		padding-top: 0px !important;
	}

	.mainHeadline {
		position: relative;
		bottom: 0px;

		/* left: 50% !important;
		transform: translateX(-50%); */

	}

	@media (max-width: 1024px) {
		/* #hero .mainHeadline {
			left: calc( 50%  - 20px ) !important;
		} */
	}

	#postImageStage .mainHeadline {
		text-align: center;
		left: 50% !important;
		transform: translateX(-50%);
		position: absolute;
		bottom: 20px;
	}

.withArrow-v {
	color: white;
	padding: 6px 10px 6px 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}

.withArrow-v h1 {
	display: block;
	padding: 5px 5px 8px 5px;
	background: rgb(232, 54, 0);
}

.arrow-v {
	--aspect-ratio: 16/9;
	height: 12px;
	width: 100%;
	background-image: url('wArrow-v.svg');
	background-position: top;
	background-size: cover;
	display: block;
	
}

.withArrow-h {
	color: white;
	position: relative;
}

.withArrow-h h1 {
	background: rgb(232, 54, 0);
	display: block;
	padding: 5px 0px 7px 10px;
}

/* .arrow-h {
	--aspect-ratio: 11/80;
	height: 100%;
	width: calc(100%*(var(--aspect-ratio)));
	background-image: url('wArrow-h.svg');
	background-position: center;
	background-size: cover;
	display: block;
	position: absolute;
	right: -13%;
	top: 0;
} */

.arrow-h {
    height: 100%;
    width: 30px;
    /* background-image: url(wArrow-h.svg); */
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 0;
}

	.arrow-h img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
	}

	/* @media (max-width: 768px) {
		.arrow-h {
			--aspect-ratio: 14/80;
			right: -17%;
		}
	} */

#site-map a,
.text--red,
#navigation-main a {
	color: rgb(232, 54, 0) !important;
}
.rowEinleitung,
.rowCopy {
	hyphens: auto;
}

sup {
	font-feature-settings: 'sups';
}

.elem__anfangsbuchstabe {
	position: relative;
    top: 6px;
}

.parent__abc,
.elem__anfangsbuchstabe,
.elem__begriff {
	color: rgb(232, 54, 0);
	margin: 0px !important;
	padding: 0px !important;
}

.text--hyphens {
	hyphens: auto;
}

#archive__page--loop a h1 {
	padding-bottom: 5px;
	display: inline-block;
	transition: .2s ease all;
}

#archive__page--loop a h1:hover {
	color: var(--col-red);
	text-decoration: underline;
} 

.copyright {
	background: var(--col-red);
	padding: 3px 5px 2px 6px;
	color: white;
	font-size: .85em;
	display: inline-block;
}

.rowLayout a {
	display: inline;
}

.rowList ul li {
	margin-bottom: 20px;
}

.rowList:not(.rL-n) ul li::before {
	content: '●';
	margin-right: 10px;
}

.rowList ul li p {
	display: inline-block;
	width: calc( 100% - 30px );
}

.rowList.rL-n ul li p {
	display: inline-block;
	width: calc( 100% - 70px );
}