/*
Theme Name: DFG2020
Author: Brennwert, brennwert.design
Version: 1.0
*/

/*
Blau: #002f47; Orange: #ff2300; Grau: #dfdfdf; Schriftgrau: #969696;
*/

/* –– Font –– */

@font-face{
    font-family: "Mark Book";
    src:url("/wp-content/themes/dfg/fonts/5423523/3805eba7-24c2-41ba-91d2-8fa5db02bc00.eot?#iefix");
    src:url("/wp-content/themes/dfg/fonts/5423523/3805eba7-24c2-41ba-91d2-8fa5db02bc00.eot?#iefix") format("eot"),url("/wp-content/themes/dfg/fonts/5423523/e6beefbb-4014-4efa-961b-7762af9aefef.woff2") format("woff2"),url("/wp-content/themes/dfg/fonts/5423523/5b4bd9d6-75be-4d76-8292-7f6434b9e997.woff") format("woff"),url("/wp-content/themes/dfg/fonts/5423523/d049afa3-baf5-4612-abf2-852763051b9c.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Mark Heavy";
    src:url("/wp-content/themes/dfg/fonts/5423371/577af866-3716-496a-bba3-11179c5a8812.eot?#iefix");
    src:url("/wp-content/themes/dfg/fonts/5423371/577af866-3716-496a-bba3-11179c5a8812.eot?#iefix") format("eot"),url("/wp-content/themes/dfg/fonts/5423371/1ab8369b-873d-483f-a927-464e1d16e1d4.woff2") format("woff2"),url("/wp-content/themes/dfg/fonts/5423371/d55eb20c-e9fb-4911-91af-30bb4442c36c.woff") format("woff"),url("/wp-content/themes/dfg/fonts/5423371/dd938bb8-1c33-4dac-969a-c80bc853855b.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* –– Struktur –– */

html {
	--header-height: 200px;
	--max-width-padding: 100px;
	--column-gap: 100px;
	--smaller-column-gap: 50px;
	--smallest-column-gap: 25px;
	--el-margin: 150px;
	--smaller-el-margin: 75px;
	--smallest-el-margin: 50px;
	--p-fontsize: 1.1rem;
	--h2-fontsize: 2.5rem;
	--main-nav-item-margin: 50px;
	--mega-menu-gap: 50px;
	--smaller-inner-padding: 35px;
	--point-width: 14px;
}

html, body {
    margin: 0;
    width: 100%;
    font-size: 1em;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Mark Book";
    background-color: white;
}

#bodyWrapper {
	overflow: hidden;
}

#mainContent {
	padding-top: var(--header-height);
	min-height: calc(100vh - 160px);
}

#mainContent.mainContentArticlePage {
	padding-top: calc(var(--header-height) + 50px);
}

#mainContent > .wp-block-columns:first-child {
	margin-top: 0;
}

.maxWidth {
	width: 100%;
	padding: 0 var(--max-width-padding);
}

.wp-block-columns, .stackChildColumns {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
}

.wp-block-columns {
	margin: var(--el-margin) 0;
}

.wp-block-column {
	margin: 0 calc(var(--column-gap) / 2);
	width: 100%;
}

.wp-block-column:first-of-type, .smallGap .wp-block-column:first-of-type, .smallerGap .wp-block-column:first-of-type {
	margin-left: 0;
}

.wp-block-column:last-of-type, .smallGap .wp-block-column:last-of-type, .smallerGap .wp-block-column:last-of-type {
	margin-right: 0;
}

.stackChildColumns {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

.stackChildColumns > div {
	margin: calc(var(--column-gap) / 2) 0;
	height: 100%;
}

.columnWidth-1-3 {
	width: calc((100% - 2 * var(--column-gap)) / 3);
}

.columnWidth-2-3 {
	width: calc(((100% - 2 * var(--column-gap)) / 3) * 2 + var(--column-gap));
}

.slider .columnWidth-1-3 {
	width: 34%;
}

.slider .columnWidth-2-3 {
	width: 65%;
}

.smallerGap > .columnWidth-1-3 {
	width: calc((100% - 2 * var(--smaller-column-gap)) / 3);
}

.smallerGap > .columnWidth-2-3 {
	width: calc(((100% - 2 * var(--smaller-column-gap)) / 3) * 2 + var(--smaller-column-gap))
}

.smallGap .wp-block-column {
	margin: 0 calc(var(--smallest-column-gap) / 2);
}

.smallGap .stackChildColumns > div {
	margin: calc(var(--smallest-column-gap) / 2) 0;
}

.smallerGap .wp-block-column {
	margin: 0 calc(var(--smaller-column-gap) / 2);
}

.smallerGap .stackChildColumns > div {
	margin: calc(var(--smaller-column-gap) / 2) 0;
}

.stackChildColumns > div:first-of-type, .smallGap .stackChildColumns > div:first-of-type, .smallerGap .stackChildColumns > div:first-of-type {
	margin-top: 0;
}

.stackChildColumns > div:last-of-type, .smallGap .stackChildColumns > div:last-of-type, .smallerGap .stackChildColumns > div:last-of-type {
	margin-bottom: 0;
}

.oddColumns {
	justify-content: space-between;
}

.mainColumn {
	width: 57%;
	width: calc(((100% - (2 * var(--column-gap))) / 3) * 2);
	margin: 0;
}

.marginalColumn {
	width: 29%;
	width: calc((100% - (2 * var(--column-gap))) / 3);
	margin: 0;
}

.wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-column > *:last-child {
	margin-bottom: 0;
}

.ie .has-2-columns:not(.oddColumns) > .wp-block-column {
	width: calc((100% - var(--column-gap)) / 2);
}

.ie .has-2-columns.smallerGap:not(.oddColumns) > .wp-block-column {
	width: calc((100% - var(--smaller-column-gap)) / 2);
}

.ie .has-3-columns:not(.oddColumns) > .wp-block-column {
	width: calc((100% - (var(--column-gap) * 2)) / 3);
}

.ie .has-3-columns.smallerGap:not(.oddColumns) > .wp-block-column {
	width: calc((100% - (var(--smaller-column-gap) * 2)) / 3);
}

/* –– Schrift –– */

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	color: #002f47;
    font-family: "Mark Heavy";
    font-weight: normal;
    line-height: 1.1em;
}

h1, .h1, h2, .h2, .rasterOf6 .sliderTeaserOutsideSlider h3 {
	color: #ff2300;
	font-size: var(--h2-fontsize);
	margin: 35px 0;
}

.largeHeadline, .bigSliderTeaser h3 {
	font-size: 4rem;
	line-height: 1.1em;
}

.mainContentArticlePage .mainColumn .largeHeadline {
	font-size: var(--h2-fontsize);
}

.breadcrumb + .largeHeadline {
	margin-top: -25px;
}

.headingSection h4 + .largeHeadline {
	margin-top: 0;
}

h3, .h3 {
	font-size: 2rem;
	margin: 30px 0;
}

h4, .h4, .wp-block-quote p, .sliderTeaserOutsideSlider h3, input, select {
	font-size: 1.5rem;
	margin: 25px 0;
}

.lightHeadline, input, select, textarea {
	font-family: "Mark Book";
}

p, .p, ul, ol, label, figcaption, cite, .wp-block-file, table, textarea {
	font-size: var(--p-fontsize);
    line-height: 1.4em;
    margin: 20px 0;
}

.smallTextContent p, .imgInfo p {
	font-size: 0.8rem;
}

p:empty {
	display: none;
}

figcaption {
    color: #969696;
    margin: 20px 0 25px;
}

strong, b, th {
	font-family: "Mark Heavy";
    font-weight: normal;
}

ul {
	padding-left: 15px;
}

ol {
	padding-left: 20px;
}

ul li {
	list-style: none;
}

ul li::before {
	content: url("/wp-content/themes/dfg/img/Bullet_Point.svg");
	width: 8px;
	height: 8px;
	display: inline-block;
	position: absolute;
	transform: translate(-15px, -2px);
}

p a, ul a, ol a, label a, figcaption a, .wp-block-file__button, table a, .wp-block-button__link, .photoSlideText strong {
	color: #ff2300;
	white-space: nowrap;
}

p a::before, ul a::before, ol a::before, label a::before, figcaption a::before, .wp-block-file__button::before, table a::before, .wp-block-button__link::before, .photoSlideText strong::before {
	content: url("/wp-content/themes/dfg/img/Linkpfeil.svg");
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-right: 5px;
}

p a[href^="tel:"]::before, ul a[href^="tel:"]::before, ol a[href^="tel:"]::before, label a[href^="tel:"]::before, figcaption a[href^="tel:"]::before, table a[href^="tel:"]::before {
	content: none;
}

p strong a::before {
	content: url("/wp-content/themes/dfg/img/Linkpfeil_Bold.svg");
}

.smallTextContent p a::before {
	transform: scale(0.9) translateY(2px);
}

cite {
	font-style: normal;
	color: #969696;
}

abbr {
	text-decoration: none !important;
}

/* –– Transition –– */

.trans1, .isotope_item-wrapper img {
    transition: all 0.3s ease;
}

.trans2 {
    transition: all 0.6s ease;
}

/* –– Header –– */

header {
	position: fixed;
	height: var(--header-height);
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: solid 1px #dfdfdf;
	top: 0;
	z-index: 75;
}

#dfg2020Logo {
	width: 340px;
	height: auto;
	transform-origin: 0 90%;
}

#mainNav, #metaNav, #serviceNav, #socialMedia, footer nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#metaNav {
	margin-bottom: 45px;
}

#mainNav .h4 {
	margin: 0 var(--main-nav-item-margin) 0 0;
}

#serviceNav {
	margin: 0 45px 0 0;
}

#serviceNav p, footer nav p {
	margin: 0 30px 0 0;
}

#mainNav a {
	position: relative;
}

#mainNav > span:last-of-type .h4, #serviceNav a:last-of-type p, .socialMedia:last-of-type, footer nav a:last-of-type p {
	margin-right: 0;
}

.socialMedia {
	display: block;
	width: 25px;
	height: 25px;
	background-color: #002f47;
	margin-right: 15px;
}

.socialMedia:hover {
	background-color: #ff2300;
}

header > div {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

header a:hover *, header a *.curr {
	color: #ff2300;
}

.smallNav header {
	top: -90px;
}

.smallNav #dfg2020Logo {
	transform: scale(0.65) translateY(15px);
}

.smallNav #mainNav {
	transform: translateY(15px);
}

.smallNav header span > a > .h4 {
	margin: 0 30px 0 0;
	font-size: var(--p-fontsize);
}

#mainNav span {
	position: relative;
}

#mainNav > span > span {
	position: absolute;
	width: calc(100% - var(--main-nav-item-margin));
	height: 100%;
	top: 0;
	pointer-events: none;
}

#mainNav > span:last-of-type > span {
	width: 100%;
}

/* –– Mega-Menü –– */

.megaMenu {
	position: absolute;
	top: 150px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	opacity: 0;
}

#mainNav > span.showMega .megaMenu {
	opacity: 1;
	pointer-events: all;
}

#mainNav > span.showMega .megaMenuArrow {
	opacity: 1;
}

.megaMenuInner {
	border-top: solid 1px #dfdfdf;
	background-color: white;
	padding: var(--mega-menu-gap);
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	display: flex;
	justify-content: space-between;
}

.megaMenuArrow {
	width: 60px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -50px;
	opacity: 0;
}

.megaMenuInner::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 40px;
	top: -40px;
	left: 0;
}

.megaMenuInner > a {
	position: relative;
	width: 250px;
	margin: 0 calc(var(--mega-menu-gap) / 2);
	display: block;
}

.megaMenuInner > a:first-of-type {
	margin-left: 0;
}

.megaMenuInner > a:last-of-type {
	margin-right: 0;
}

.megaMenu .h4 {
	margin: 20px 0 0 0 !important;
}

.megaMenu a:hover .linkArrow polyline {
	stroke: #ff2300;
}

/* –– Tabellen –– */

table {
	width: 100%;
}

table, td, th {
    border: solid 1px #dfdfdf;
    border-collapse: collapse;
    text-align: left;
}

td, th {
    padding: 12px;
    width: auto !important;
}

/* –– Slider –– */

.slider {
	width: 100vw;
	width: calc(100vw - var(--scrollbar-width));
	position: relative;
	left: calc(-1 * var(--max-width-padding));
	border-bottom: solid 1px #dfdfdf;
	margin-bottom: var(--el-margin);
}

.fullSliderHeight {
	height: calc(100vh - (var(--header-height) - 1px));
}

.reducedSliderHeight {
	height: calc(100vh - 420px);
}

.slider1, .slider2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.slider1 {
	z-index: 10;
}

.slider2 {
	opacity: 0;
	pointer-events: none;
	z-index: 20;
}

.slider2.curr {
	opacity: 1;
	pointer-events: all;
}

.slide, .photoSlide a, .photoSlide .maxWidth > div {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.photoSlide .largeHeadline {
	margin: 0;
	width: 70%;
	position: absolute;
	bottom: var(--smaller-column-gap);
}

.slide {
	background-color: white;
}

.slide .maxWidth {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.photoSlideText {
	position: absolute;
	bottom: var(--smaller-column-gap);
	right: 0;
	padding: var(--smallest-column-gap);
	background-color: white;
}

.photoSlideText strong::before {
	content: url("/wp-content/themes/dfg/img/Linkpfeil_Bold.svg");
}

.photoSlideText h3 {
	margin-bottom: 20px;
}

.matrixSlide .wp-block-column:first-of-type {
	padding: 0 0 var(--max-width-padding) var(--max-width-padding);
	position: relative;
	z-index: 10;
}

.matrixSlide .wp-block-column:last-of-type {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 var(--max-width-padding) var(--max-width-padding) 0;
	z-index: 20;
}

.matrixSlideLogo {
	width: 100%;
	height: auto;
}

.matrixSlideLogo + div, .matrixSlideLogo + div p {
	width: 100%;
}

.matrixSlideTopDist {
	flex-grow: 1;
	width: 100%;
}

.matrixSlideRef {
	position: relative;
	left: 100%;
	transform: translateX(-100%);
}

.matrixSlideRef img {
	height: 100%;
	width: auto;
	transform: scale(30) translate(3%, 10.7%);
	position: absolute;
}

.matrixSlide .noMarginAtTopAndBottom {
	margin-top: 60px;
}

.matrixSlide .videoIcon {
	position: absolute;
	bottom: var(--max-width-padding);
	left: 0;
}

.matrixSlideVideoPreviewBG {
	background-color: #ff2300;
}

.matrixSlideVideoPreview, .matrixSlideVideoPreviewBG, .matrixSlideVideoPreviewArea {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-origin: top right;
	transform: scale(3.8) translate(5%, -5%);
	cursor: pointer;
}

.matrixSlideVideoPreviewBG {
	transform: scale(4) translate(5%, -5%);
}

.matrixSlideVideoPreviewArea {
	clip-path: polygon(0.5% 40%, 4.8% 3.2%, 95% 5%, 99.1% 87.7%, 50% 99.6%, 53.2% 36.4%);
}

.matrixSlideRightColumn > a {
	width: 100%;
}

.stdSlide > .wp-block-columns {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.sliderNav {
	height: 15px;
	position: absolute;
	top: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 60;
}

.sliderNav a {
	display: block;
	width: 15px;
	height: 15px;
	background-color: #969696;
	margin-left: 10px;
}

.sliderNav a.curr {
	background-color: #ff2300;
}

/* –– Slider-Teaser –– */

.sliderTeaser, .sliderTeaser .bgImg, .sliderTeaser a, .sliderTeaserText {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.sliderTeaserOutsideSliderWrapper {
	position: relative;
	margin: var(--smallest-el-margin) 0;
}

.sliderTeaserOutsideSliderWrapper::after {
	content: '';
	display: block;
	padding-bottom: 70%;
}

.sliderTeaserOutsideSlider {
	position: absolute;
	height: 100%;
}

.sliderTeaserOutsideSlider .sliderTeaserText, .rasterOf6Block .sliderTeaserText {
	padding: var(--smaller-inner-padding);
}

.sliderTeaserText {
	top: 0;
	position: absolute;
	padding: var(--smaller-column-gap) var(--max-width-padding) var(--smaller-column-gap) var(--smaller-column-gap);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sliderTeaserTextAlignBottom {
	justify-content: flex-end;
}

.sliderTeaserTextAlignBottom .noMarginAtTopAndBottom:only-child h3 {
	margin-bottom: 0 !important;
}

.sliderTeaserText.sliderTeaserTextAlignBottom h3 {
	margin-bottom: 50px !important;
}

.bigSliderTeaser .sliderTeaserText {
	padding: calc(var(--max-width-padding) / 4 * 3) calc(var(--max-width-padding) / 4 * 3) var(--smaller-column-gap) var(--max-width-padding);
}

.sliderTeaserText.onlyOneText {
	justify-content: flex-end;
}

.sliderTeaser:hover .sliderTeaserText, .sliderTeaser:hover .tonedLayer1, .sliderTeaser:hover .tonedLayer2, .sliderTeaser:hover .tonedLayer3 {
	opacity: 0 !important;
}

.slider .sliderTeaser:hover .sliderTeaserText, .slider .sliderTeaser:hover .tonedLayer1, .slider .sliderTeaser:hover .tonedLayer3 {
	opacity: 1 !important;
}

.slider .sliderTeaser:hover .tonedLayer2 {
	opacity: var(--toned-layer-2-opacity) !important;
}

.sliderTeaser.sliderTeaserWithoutImg:hover .sliderTeaserText, .sliderTeaser.sliderTeaserWithImgWithoutTint:hover .sliderTeaserText {
	opacity: 1 !important;
}

.rasterOf6Raster .sliderTeaser.sliderTeaserWithoutImg[style="background-color: #dfdfdf; "]:hover .sliderTeaserText h3,
.sliderTeaser.sliderTeaserOutsideSlider.sliderTeaserWithoutImg[style="background-color: #dfdfdf; "]:hover .sliderTeaserText h3 {
	color: #ff2300 !important;
}

.rasterOf6Raster .sliderTeaser.sliderTeaserWithoutImg[style="background-color: #dfdfdf; "]:hover .sliderTeaserText h3 polyline,
.sliderTeaser.sliderTeaserOutsideSlider.sliderTeaserWithoutImg[style="background-color: #dfdfdf; "]:hover .sliderTeaserText h3 polyline {
	stroke: #ff2300 !important;
}

.sliderTeaserTextWithBG {
	background-color: white;
	display: inline-block;
	padding: 20px;
}

/* –– Bild-Text-Teaser / Text-Teaser –– */

.imgTextTeaser, .textTeaser {
	margin: var(--smaller-el-margin) 0;
}

.imgTextTeaser a, .textTeaser a {
	display: block;
}

.imgTextTeaserMetadata, .textTeaserMetadata {
	margin: 30px 0 25px;
}

.imgTextTeaser h3, .textTeaser h3 {
	margin-top: 25px;
}

.imgTextTeaser:hover a h3, .textTeaser:hover a h3 {
	color: #ff2300;
}

.imgTextTeaser a > *:first-child, .textTeaser a > *:first-child {
	margin-top: 0;
}

.imgTextTeaser a > *:last-child, .textTeaser a > *:last-child {
	margin-bottom: 0;
}

/* –– "Weitere"-Verlinkung –– */

.moreLink {
	width: 100%;
	margin: calc(-1 * var(--smaller-el-margin)) 0 calc(-1 * var(--smallest-el-margin));
}

.moreLink p, .moreLink a, .moreLink strong {
	display: inline-block;
	color: #ff2300;
	margin: 0;
}

.moreLink + * > .groupElementHeadline:first-child {
	margin: calc(-1 * var(--smaller-el-margin)) 0 var(--smaller-el-margin);
}

.moreLink:last-child {
	margin-bottom: var(--smaller-el-margin);
}

/* –– Statement –– */

.statement {
	background-color: #002f47;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.statement:hover {
	background-color: #ff2300;
}

.statement::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.statementNormalSize {
	grid-column-end: span 1;
}

.statementBigSize {
	grid-column-end: span 2;
}

.ie .statementNormalSize {
	-ms-grid-column-span: 1;
}

.ie .statementBigSize {
	-ms-grid-column-span: 2;
}

.statement .bgImg, .statementTextWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}

.statementTextWrapper {
	padding: var(--smaller-inner-padding);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.statementBigSize .statementTextWrapper {
	padding: 80px;
}

.statementTextWrapper p {
	margin: 0;
}

.statementTextWrapper .videoIcon {
	margin-bottom: 20px;
	width: 40px;
	height: 40px;
}

.statementTextWrapper .videoIcon:hover {
	background-color: #002f47;
}

.statement:hover .tonedLayer1, .statement:hover .tonedLayer2, .statement:hover .tonedLayer3, .statement:hover .bgImg {
	opacity: 0 !important;
}

.statementWithoutImg p, .statement:hover p {
	color: white;
}

.statementWithoutImg .videoIcon {
	background-color: #ff2300;
}

.statementWithoutImg:hover .videoIcon {
	background-color: #002f47;
}

.statementFooter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	opacity: 0;
	max-height: 0;
	margin-top: 0;
}

.statement:hover .statementFooter {
	opacity: 1;
	max-height: 200px;
	margin-top: 25px;
}

.statement strong {
	color: white;
}

.statement .h4, .statement .h3 {
	line-height: 1.3em;
	font-family: "Mark Book";
}

.statementText, .statementsTeaser .statementBigSize .statementText {
	width: calc(100% + 5px);
}

.statementBigSize .statementText {
	width: calc(100% + 15px);
}

.lightboxQuoteBox {
	cursor: grab;
}

.lightboxQuoteBox .statementFooter {
	opacity: 1;
	max-height: none;
}

.lightboxQuoteBox .statementFooter p, .statementsTeaser > div {
	margin: 0;
}

.lightboxQuoteBox .img > img, .lightboxQuoteBox > .bgImg {
	pointer-events: none;
}

.lightboxQuoteText > p {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.allStatements, .statementsTeaser {
	margin: var(--el-margin) 0;
}

.allStatementsRaster {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-rows: auto;
	grid-auto-rows: auto;
	grid-gap: var(--smaller-column-gap);
}

.statementTeaser {
	position: relative;
	cursor: pointer;
}

.statementTeaser > a, .statementTeaserSocialMediaLayer {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
}

.statementTeaser h3 {
	position: absolute;
	width: calc(100% - (var(--smaller-inner-padding) * 2));
	bottom: var(--smaller-inner-padding);
	left: var(--smaller-inner-padding);
	margin: 0;
}

.statementTeaserSocialMediaPreview {
	display: inline-block;
	width: 100px;
	height: auto;
	margin-left: -20px;
}

.statementTeaserSocialMediaPreview.instagram {
	transform: scale(0.9);
}

.statementTeaserSocialMediaPreview:last-of-type {
	margin-left: -15px;
}

.statementTeaserSocialMediaLayer {
	background-color: #ff2300;
	padding: var(--smaller-inner-padding);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.statementTeaserSocialMediaLayer * {
	color: white;
	text-align: center;
}

.statementTeaserSocialMediaLayer .wp-block-columns {
	margin: 0;
}

.edge .statementTeaserSocialMediaLayer .wp-block-column {
	flex-basis: 50%;
	width: calc((100% - 35px) / 2);
}

.statementTeaserSocialMediaLayer .wp-block-column p {
	margin: 0;
}

.statementTeaserSocialMediaLayer img {
	transform: scale(1.2);
}

.statementTeaserSocialMediaLayer img.instagram {
	transform: scale(1.05);
}

.statementTeaser:hover h3, .statementTeaser:hover .tonedLayer1, .statementTeaser:hover .tonedLayer2, .statementTeaser:hover .tonedLayer3 {
	opacity: 0 !important;
}

.socialMediaStatementTeaser:hover h3, .statementTeaserWithoutImg:hover h3 {
	opacity: 1 !important;
}

/* –– Einspaltiger Teaser –– */

.oneColumnTeaser {
	margin: var(--el-margin) 0;
}

.oneColumnTeaser > a {
	display: block;
}

.oneColumnTeaser > .wp-block-columns {
	margin: 0;
}

.oneColumnTeaserMainHeadline {
	margin: -10px 0 30px;
}

.oneColumnTeaserImgCol {
	position: relative;
}

.oneColumnTeaserImgCol > * {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
}

.oneColumnTeaser a .wp-block-column:hover .oneColumnTeaserMainHeadline {
	color: #ff2300;
}

.headingSection + .oneColumnTeaser {
	margin-top: calc(var(--el-margin) / 3 * 2);
}

.oneColumnTeaserWithFollowingOddColumns .columnWidth-1-3 {
	width: calc((((100% - (2 * var(--column-gap))) / 3) * 2) / 2 - (var(--smaller-column-gap) / 2));
	flex-shrink: 0;
}

.oneColumnTeaserWithFollowingOddColumns .columnWidth-2-3 {
	width: 100%;
}

/* –– 6er-Raster –– */

.rasterOf6 {
	margin: var(--el-margin) 0;
}

.rasterOf6Raster {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: var(--column-gap);
}

.rasterOf6Spacer1::after, .rasterOf6Spacer2::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.rasterOf6SpacerLandscape::after {
	padding-bottom: 67%;
}

.rasterOf6SpacerPortrait::after {
	padding-bottom: 150%;
}

.spacerNoPadding::after {
	padding-bottom: 0 !important;
}

.rasterOf6Spacer1, .rasterOf6Spacer2 {
	grid-column: 1;
}

.rasterOf6Spacer1 {
	grid-row: 1;
}

.rasterOf6Spacer2 {
	grid-row: 2;
}

.rasterOf6Block {
	position: relative;
}

.ie .rasterOf6Raster {
	width: calc(100% + var(--column-gap));
	position: relative;
	left: calc(-1 * (var(--column-gap) / 2));
	grid-gap: 0;
}

.ie .allStatementsRaster {
	width: calc(100% + 35px);
	position: relative;
	left: calc(-1 * (35px / 2));
	grid-gap: 0;
}

.ie .rasterOf6Block {
	margin: calc(var(--column-gap) / 2);	
}

.ie .allStatementsRaster > * {
	margin: calc(35px / 2);
}

.ie .rasterOf6Raster {
	margin-top: calc(-1 * (var(--column-gap) / 2));
	margin-bottom: calc(-1 * (var(--column-gap) / 2));
}

.ie .allStatementsRaster {
	margin-top: calc(-1 * (35px / 2));
	margin-bottom: calc(-1 * (35px / 2));
}

.rasterOf6Block > div {
	position: absolute;
	width: 100%;
	height: 100%;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block .groupElementHeadline {
	margin: var(--smaller-el-margin) 0;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block > * {
	margin-top: 0;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block > *:first-child {
	margin-top: 0;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block > *:last-child {
	margin-bottom: 0;
}

.blockSpan-2 .sliderTeaserText {
	width: 50%;
	width: calc(50% - var(--smaller-column-gap));
	right: 0;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block .textTeaser > *:first-child {
	margin-top: 0;
}

.rasterOf6Block .wp-block-sbgd-wrapper-block .textTeaser > *:last-child {
	margin-bottom: 0;
}

/* –– Breadcrumb, Headline und Einleitungstext –– */

.breadcrumb {
	margin: 0 0 var(--smallest-el-margin);
}

p.breadcrumb a {
	color: #002f47;
}

p.breadcrumb a::before {
	content: none;
}

.headingSection {
	margin: 50px 0 var(--smaller-el-margin);
}

.headingSection h4 {
	margin-bottom: 15px;
}

.headingSection h1 {
	margin-bottom: 50px;
}

.slider + .headingSection {
	margin-top: calc(-1 * (var(--el-margin) / 3 * 2));
}

.breadcrumb a {
	white-space: normal;
}

/* –– Bild mit Bildunterschrift –– */

.imgWithCaptionWrapper {
	margin: var(--smallest-el-margin) 0;
}

.imgWithCaption {
	position: relative;
	cursor: pointer;
}

.timeline .imgWithCaption {
	cursor: default;
}

.imgWithCaption.wideImg > img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.imgWithCaption.wideImg > .stdImg, .imgWithCaption.stdImg > .stdImg {
	position: absolute;
	height: 100%;
	width: 100%;
}

/* –– Timeline –– */

.timeline {
	margin: var(--smaller-el-margin) 0;
}

.timelineTextCol h3 {
	margin-top: 0;
}

.timelineTextCol p {
	margin-bottom: 0;
}

.timelineTextCol > div {
	margin: 35px 0;
}

.timelineTextCol > div:first-of-type {
	margin-top: 0;
}

.timelineTextCol > div:last-of-type, .timelineImgCol figure:last-of-type figcaption {
	margin-bottom: 0;
}

.timelineTextCol > div > div {
	width: calc(100% - var(--smaller-column-gap));
	position: relative;
	left: var(--smaller-column-gap);
}

.timelineTextCol > div > div > div {
	position: relative;
}

.timelineImgCol {
	position: relative;
}

.timelineImgCol > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	height: 100%;
	width: 100%;
}

.timelineImgCol figure {
	margin: 0;
	width: 100%;
}

.timelineImgCol figcaption {
	margin-top: 15px;
}

.timelineImgCol .imgWithCaption {
	width: 100%;
}

.addTimeline {
	border-left: solid 1px #002f47;
}

.point {
	position: absolute;
	left: calc((var(--smaller-column-gap) + (var(--point-width) / 2)) * -1);
	top: 50%;
	width: var(--point-width);
	height: var(--point-width);
	border-radius: 50%;
	background-color: #ff2300;
	transform: translateY(-25%);
}

.timelineTopCover {
	background-color: white;
	width: var(--point-width);
	position: absolute;
	top: 0;
	left: calc((var(--smaller-column-gap) + (var(--point-width) / 2)) * -1);
	height: 55%;
}

.timelineArrow {
	width: var(--point-width);
	height: auto;
	position: absolute;
	left: calc((var(--smaller-column-gap) + (var(--point-width) / 2)) * -1);
	bottom: -1px;
}

/* –– Expeditionsstation-Element –– */

.expStation {
	margin: var(--el-margin) 0;
	position: relative;
}

.expStation > .wp-block-columns {
	margin: 0;
}

.expStationMetaCol {
	width: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.expStationMetaCol > div {
	height: 50px;
	position: relative;
}

.expStationMetaCol .point {
	left: auto;
	right: calc(-1 * (var(--point-width) / 2));
	transform: translateY(-50%);
	z-index: 20;
}

.busIcon {
	width: 60px;
	height: auto;
	position: absolute;
	right: 0;
	transform: translate(50%, -100%);
	top: 0;
	z-index: 20;
}

.expStationMainCols {
	margin: 0;
}

.expStationMainCols > div {
	position: relative;
}

.expStationMainCols .bgImg {
	width: 100%;
	height: 100%;
	position: absolute;
}

.expStationMetaCol .h3 {
	margin: 0;
	height: 100%;
	line-height: 40px;
	text-align: right;
	padding-right: 40px;
}

.expStationMetaCol .h3 span {
	font-family: "Mark Book";
	position: relative;
	top: -5px;
}

.expStationLine {
	width: 1px;
	position: absolute;
	right: 0;
	height: calc(100% + (var(--el-margin) * 2));
	background-color: #002f47;
	display: block;
}

.firstExpStation .expStationLine, .lastExpStation .expStationLine {
	height: 100%;
}

.ie .firstExpStation .expStationLine, .ie .lastExpStation .expStationLine {
	height: 150%;
}

.firstExpStation .expStationLine {
	top: 50%;
}

.lastExpStation .expStationLine {
	bottom: 50%;
}

.zUp, .zUp * {
	z-index: 10;
}

.fadeOutTopBottom::before, .fadeOutTopBottom::after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	height: calc(var(--el-margin) / 3);
}

.fadeOutTopBottom {
	position: relative;
	background-color: white;
}

.fadeOutTopBottom::before {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	top: calc(-1 * (var(--el-margin) / 3));
}

.fadeOutTopBottom::after {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	bottom: calc(-1 * (var(--el-margin) / 3));
}

.firstExpStation.lastExpStation .expStationLine {
	display: none;
}

.expStation .anchor {
	top: -150px;
}

/* –– Expeditions-Unterbrechung –– */

.expInterruption {
	width: 100vw;
	width: calc(100vw - var(--scrollbar-width));
	position: relative;
	left: calc(-1 * var(--max-width-padding));
	margin: var(--el-margin) 0;
}

.expInterruption > div {
	margin: 0;
}

.expInterruption > div > div {
	margin: 0;
}

.expInterruptionLeftCol .stdImg > div {
	height: 100%;
	width: 100%;
	position: absolute;
}

.expInterruptionLeftCol {
	background-color: #002f47;
}

.expInterruptionLeftText {
	padding: calc(var(--max-width-padding) / 4 * 3) calc(var(--max-width-padding) / 4 * 3) calc(var(--max-width-padding) / 4 * 3) var(--max-width-padding);
}

.expInterruptionLeftText * {
	color: white;
}

.expInterruptionRightCol {
	background-color: #dfdfdf;
}

.expInterruptionRightCol > div {
	padding: calc(var(--max-width-padding) / 4 * 3) var(--max-width-padding) calc(var(--max-width-padding) / 4 * 3) calc(var(--max-width-padding) / 4 * 3);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.expInterruptionRightCol > div > div {
	flex-grow: 1;
}

.expInterruptionRightCol > div > h3 {
	margin-bottom: 50px;
}

.expInterruptionRightColCols {
	margin: 0;
}

.expInterruptionRightColCols > div {
	position: relative;
	width: 50%;
}

.expInterruptionRightColCols img {
	width: 100%;
}

.expInterruptionRightColCols .stationsPreview {
	position: absolute;
	max-height: 100%;
}

/* –– Stations-Vorschau –– */

.fadeOut {
	position: absolute;
	width: 100%;
	height: 50px;
	transform: scaleY(-1);
}

.fadeOutBottom {
	bottom: 0;
	transform: scaleY(1);
}

.stationsPreview {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

.stationsPreviewAll {
	margin-bottom: -25px;
}

.stationsPreviewInner {
	border-left: solid 1px #002f47;
	padding: 50px 0;
	position: relative;
}

.station {
	padding-left: 30px;
	margin-bottom: 30px;
	height: 55px;
}

.station:last-child {
	margin-bottom: 0;
}

.station * {
	margin: 0;
}

.station p {
	white-space: nowrap;
}

.station p:first-of-type {
	position: relative;
}

.station .point {
	left: -37px;
	transform: translateY(-25%) scale(0.6);
}

.station.curr .point {
	transform: translateY(-35%) scale(1);
}

.stationsPreview .fadeOut {
	width: 120%;
	left: -10%;
	z-index: 20;
}

.stationsPreviewCoverTop, .stationsPreviewCoverBottom {
	display: block;
	width: 10px;
	height: 67px;
	position: absolute;
	left: -5px;
}

.stationsPreviewCoverTop {
	top: 0;
}

.stationsPreviewCoverBottom {
	bottom: 0;
	height: 88px;
}

/* –– Newsletter-Formular –– */

.newsletterForm {
	background-color: white;
	width: 500px;
	padding: var(--smaller-column-gap);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.newsletterForm .input {
	margin-bottom: 25px;
}

.newsletterForm .smallTextContent {
	margin-bottom: 30px;
}

.newsletterGermanInfo {
	margin-bottom: 0;
}

.newsletterFormUpperText {
	margin-bottom: 30px;
}

/* –– Footer –– */

footer {
	margin-top: 40px;
	border-top: solid 1px #dfdfdf;
}

footer .maxWidth {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 40px;
	padding-bottom: 40px;
}

#dfgLogo {
	width: 300px;
	height: auto;
	display: block;
}

/* –– Galerie –– */

.gt3-photo-gallery-pro--isotope_gallery {
	margin: var(--smallest-el-margin) 0;
}

.gt3-photo-gallery-pro--isotope_gallery .hover-default .gt3pg-isotope-item .img-wrapper:hover::after {
	opacity: 0 !important;
}

.gt3-photo-gallery-pro--isotope_gallery .hover-default .img-wrapper::before {
	display: none !important;
}

.isotope_item-wrapper:hover img {
	transform: translate(-50%,-50%) scale(1.05) !important;
}

.gt3pg-isotope-item.youtube::after, .gt3pg-isotope-item.vimeo::after, .gt3pg-isotope-item.self-hosted::after {
	content: url("/wp-content/themes/dfg/img/Video_Icon_Hintergrund.svg");
	display: block;
	position: absolute;
	width: 50px;
	height: auto;
	left: 25px;
	bottom: 40px;
}

#bodyWrapper + .gt3pg_pro_gallery_wrap {
	display: none !important;
}

/* –– Bildstrecke –– */

.smallSlider {
	margin: var(--smallest-el-margin) 0;
	cursor: pointer;
}

.smallSlider figure > div {
	position: relative;
	background-color: #dfdfdf;
}

.smallSlider figure > div > img, .smallSlider figure > div > .bgImg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
}

.smallSliderNav {
	width: calc(100% + (var(--smaller-column-gap) * 2));
	position: absolute;
	left: calc(var(--smaller-column-gap) * -1);
	top: calc(50% - 25px);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.smallSliderNav img {
	width: 30px;
	height: auto;
	cursor: pointer;
}

.smallSlider .videoIcon {
	bottom: 25px;
	left: 25px;
	position: absolute;
}

.smallSliderPortraitImg {
	background-size: contain !important;
	object-fit: contain !important;
}

.ie .smallSlider .hide {
	display: none;
}

/* –– Veranstaltungen –– */

.events {
	padding-left: var(--smaller-column-gap);
	position: relative;
	margin: var(--smaller-el-margin) 0;
}

.event {
	margin-bottom: calc(var(--el-margin) / 3 * 2);
}

.event .wp-block-columns, .eventMetaData p, .eventDateDownload p {
	margin: 0;
}

.eventMetaData, .eventImgCol {
	position: relative;
}

.event .point {
	top: 10px;
}

.event .timelineTopCover {
	height: 15px;
}

.event .bgImg {
	position: absolute;
}

.eventDateDownload p {
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: -5px;
}

.events .timelineArrow {
	left: calc(var(--point-width) / 2 * -1);
}

.event a:hover h3 {
	color: #ff2300;
}

.eventsAnchor {
	position: relative;
	top: -100px;
}

/* –– Veranstaltungs-Filter –– */

.eventFilter {
	margin: var(--smaller-el-margin) 0;
}

.eventFilter h4 {
	margin: 0 0 50px 0;
}

/* –– Formulare –– */

.input {
	position: relative;
	margin-bottom: 50px;
	width: 100%;
}

input, select, textarea {
	margin: 0;
	height: 50px;
	border: solid 1px #002f47;
	padding-left: 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: white;
	border-radius: 0;
}

.select::after, .dateInputWrapper::after {
	content: url("/wp-content/themes/dfg/img/Dropdown-Pfeil.svg");
	position: absolute;
	width: 48px;
	height: 48px;
	right: 1px;
	top: 1px;
	pointer-events: none;
}

.selectButtons input {
	display: none;
}

.selectButton {
	cursor: pointer;
	background-color: #002f47;
	color: white;
	font-family: "Mark Heavy";
	text-align: center;
	line-height: 45px;
	height: 50px;
	margin: 0 0 15px 0;
	width: calc((100% - 15px) / 2);
	display: inline-block;
}

.selectButton.selected {
	background-color: #ff2300;
}

.selectButton:nth-child(2n) {
	margin-left: 15px;
}

.ie .selectButton:nth-child(2n), .edge .selectButton:nth-child(2n) {
	margin-left: 10px;
	transform: translateX(5px);
}

.selectButton:nth-last-child(1), .selectButton:nth-last-child(2) {
	margin-bottom: 0;
}

.dateInputWrapper::after {
	content: url("/wp-content/themes/dfg/img/Kalender-Icon.svg");
}

::-webkit-input-placeholder {
	opacity: 1 !important;
    color: #002f47 !important;
}
 
::-moz-placeholder {
	opacity: 1 !important;
    color: #002f47 !important;
}

::-ms-input-placeholder {  
    opacity: 1 !important;
    color: #002f47 !important;
}
 
:-ms-input-placeholder {  
	opacity: 1 !important;
    color: #002f47 !important;
}

input::placeholder {
    opacity: 1 !important;
    color: #002f47 !important;
}

.dateInputWrapper {
	position: relative;
	margin-bottom: 15px;
}

.dateInput input + p, .the-datepicker__container + p {
	padding-left: 13px;
	font-family: "Mark Book";
	position: absolute;
	top: 5px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background-color: white;
	left: 1px;
	width: calc(100% - 50px);
	pointer-events: none;
}

.dateInputWrapper:hover p, .hasValue + p, .hasValue + .the-datepicker__deselect + .the-datepicker__container + p, input[type="date"]:focus + p, input[type="date"]:focus + .the-datepicker__deselect + .the-datepicker__container + p {
	opacity: 0;
	pointer-events: none;
}

.clearDateBtn {
	background-color: #dfdfdf;
	width: 100%;
	font-family: "Mark Book";
	color: #002f47;
	margin-top: 15px;
}

.hideClearDateBtn {
	display: none;
}

.submitInput input {
	border: none;
	background-color: #ff2300;
	cursor: pointer;
	color: white;
	font-family: "Mark Heavy";
	padding-bottom: 5px;
}

.submitInput input:hover {
	background-color: #002f47;
}

.the-datepicker__container {
	width: 100%;
}

.the-datepicker__main th.the-datepicker__week-day {
	color: #002f47 !important;
}

.the-datepicker__container .the-datepicker__main {
	border-radius: 0 !important;
}

.the-datepicker__button::before {
	content: none;
	display: none;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content, .the-datepicker__main a.the-datepicker__button:hover {
	background-color: transparent !important;
}

.the-datepicker__main .the-datepicker__day--weekend, .the-datepicker__main .the-datepicker__week-day--weekend, .the-datepicker__main td.the-datepicker__day--today {
	font-weight: normal !important;
}

.the-datepicker__main a.the-datepicker__button {
	width: auto !important;
	max-width: none !important;
}

.the-datepicker__main table.the-datepicker__calendar {
	margin-bottom: 0;
}

.the-datepicker__main .the-datepicker__body {
	padding: 0 10px 10px;
}

.the-datepicker__select {
	padding-left: 15px !important;
}

.the-datepicker__main .the-datepicker__month {
	width: 55% !important;
}

.the-datepicker__main .the-datepicker__year {
	position: relative;
	left: 7%;
}

.the-datepicker__main a.the-datepicker__button {
	color: #ff2300 !important;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content, .the-datepicker__main td.the-datepicker__day--selected:hover a.the-datepicker__button .the-datepicker__day-content, .the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
	background-color: #ff2300 !important;
	color: white !important;
	border-radius: 0 !important;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
	padding: 0 !important;
}

/* –– Weitere Module –– */

.wp-block-embed, .wp-block-image, .wp-block-video, .wp-block-quote, .wp-block-audio, .wp-block-table, .wp-block-separator, .wp-block-button {
	margin: var(--smallest-el-margin) 0;
}

.responsiveFrame {
	height: 0;
	position: relative;
}

.responsiveFrame iframe {
	height: 100%;
	width: 100%;
	position: absolute;
}

iframe {
	border: none;
}

.wp-block-image img, video, audio {
	width: 100%;
	height: auto;
	display: block;
}

.wp-block-quote p::before {
	content: "„";
}

.wp-block-quote p::after {
	content: "“";
}

.wp-block-file a:first-of-type::after {
	content: "";
	display: inline-block;
	width: 15px;
}

.wp-block-separator {
	border: none;
	border-bottom: solid 1px #dfdfdf;
}

/* –– Lightbox –– */

#lightboxBG, #messageBG {
	z-index: 80;
	background-color: #002f47;
	mix-blend-mode: color;
}

#lightboxBG2, #messageBG2 {
	z-index: 85;
	background-color: #002f47;
	opacity: 0.95;
}

#lightbox {
	z-index: 90;
}

#lightbox.hide {
	z-index: -1;
}

#lightbox, #lightboxBG, #lightboxBG2, #lightboxContent1, #lightboxContent2, .lightboxImg, .lightboxVideo, #messageBG, #messageBG2, #mobileNav, #coveringMessage {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.ie #lightboxBG, .edge #lightboxBG {
	display: none;
}

#lightboxContent {
	position: absolute;
	width: calc(100% - 300px);
	left: 150px;
	height: calc(100% - 180px);
	top: 100px;
}

#lightboxContent1, #lightboxContent2, .lightboxImg, .lightboxVideo {
	position: absolute;
}

#lightboxContent1, #lightboxContent2 {
	opacity: 0;
	pointer-events: none;
}

#lightboxContent1.curr, #lightboxContent2.curr {
	opacity: 1;
	pointer-events: all;
}

.bgCloser {
	width: calc(100vw - var(--scrollbar-width));
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.lightboxVideo .video {
	overflow: hidden;
	position: relative;
}

.lightboxVideo .video .responsiveFrame {
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.safari .lightboxVideo .video .responsiveFrame {
	transform: translate(-50%, 0%);
}

.lightboxVideo video {
	height: 100%;
	object-fit: contain;
}

#lightboxContent2 {
	opacity: 0;
	pointer-events: none;
}

.lightboxContent2.curr {
	opacity: 1;
	pointer-events: all;
}

#lightboxClose, #lightboxLeft, #lightboxRight {
	cursor: pointer;
}

#lightbox.hideNav #lightboxLeft, #lightbox.hideNav #lightboxRight {
	display: none;
}

#lightboxClose {
	width: 30px;
	height: auto;
	position: absolute;
	top: 35px;
	right: 60px;
}

#lightboxLeftArea, #lightboxRightArea {
	width: 150px;
	height: calc(100vh - 100px);
	position: absolute;
	top: 100px;
	cursor: pointer;
}

#lightboxLeftArea {
	left: 0;
}

#lightboxRightArea {
	right: 0;
}

#lightboxLeft, #lightboxRight {
	width: 30px;
	height: auto;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

#lightboxLeft {
	left: 60px;
}

#lightboxRight {
	right: 60px;
}

#lightboxClose:hover, #lightboxLeft:hover, #lightboxRight:hover, #lightboxLeftArea:hover + img, #lightboxRightArea:hover + img {
	filter: grayscale(100%) brightness(500%);
}

.lightboxImg, .lightboxVideo {
	display: flex;
	flex-direction: column;
}

.lightboxImg .bgImg, .video {
	flex-grow: 1;
}

.lightboxImg {
	overflow: hidden;
}

.lightboxCaption {
	padding: 40px 100px 0;
	text-align: center;
}

.lightboxCaption p {
	margin: 0;
	color: white;
}

.lightboxQuote {
	width: 100%;
	height: 100vh;
	position: relative;
	top: -100px;
}

.lightboxQuoteBox {
	background-color: white;
	margin: 100px 0;
	max-width: 600px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.lightboxQuoteBox .videoIcon {
	position: absolute;
	bottom: 25px;
	left: 25px;
	pointer-events: all;
}

.lightboxQuoteText {
	padding: 45px 50px;
}

/* –– Expeditionskarte –– */

.expMap {
	background-color: #002f47;
	width: 100%;
	position: relative;
	height: 100%;
}

.expMap svg {
	width: 100%;
	height: 100%;
}

/* –– Presse / Downloads –– */

.press, .downloads {
	margin: var(--smaller-el-margin) 0;
}

.pressItem, .downloadItem {
	margin-bottom: var(--smaller-el-margin);
}

.pressItem p, .pressItem .wp-block-columns, .downloadItem p, .downloadItem .wp-block-columns {
	margin: 0;
}

.pressItem h3, .downloadItem h3 {
	margin: 15px 0 20px;
}

.pressItem .columnWidth-1-3, .downloadItem .columnWidth-1-3 {
	position: relative;
	min-height: 150px;
}

.pressItem .bgImg, .downloadItem .bgImg {
	position: absolute;
	height: 100%;
	width: 100%;
}

/* –– Sonstiges –– */

* {
    box-sizing: border-box;
    outline: none !important;
    color: #002f47;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

nobr {
	color: inherit;
}

.bgImg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.containImg {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.noMarginAtTopAndBottom > *:first-child {
	margin-top: 0 !important;
}

.noMarginAtTopAndBottom > *:last-child {
	margin-bottom: 0 !important;
}

.videoIcon {
	width: 50px;
	height: 50px;
	background-color: #002f47;
	position: relative;
	cursor: pointer;
}

.videoIcon:hover {
	background-color: #ff2300;
}

.videoIcon::after {
	content: url("/wp-content/themes/dfg/img/Video_Icon.svg");
	width: 100%;
	height: auto;
}

.overlay {
	mix-blend-mode: luminosity;
	opacity: 0.4;
}

.hide {
	opacity: 0 !important;
	pointer-events: none !important;
}

.mirrorX {
	transform: scaleX(-1);
}

.img {
	position: relative;
}

.stdImg, .sqrImg {
	display: block;
	width: 100%;
	position: relative;
}

.stdImg::after, .sqrImg::after, .statementTeaser::after {
	content: '';
	display: block;
	padding-bottom: 70%;
}

.sqrImg::after, .statementTeaser::after {
	padding-bottom: 100%;
}

.stdImg > img, .sqrImg > img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imgInfo {
	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.imgInfoIcon, .imgInfoIconInv {
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 25px;
	height: auto;
	cursor: pointer;
	pointer-events: all;
}

.imgInfoIconInv {
	opacity: 0;
}

.imgInfoIconInv:hover, .sel > .imgInfoIconInv {
	opacity: 1;
}

.imgInfo > div {
	position: absolute;
	bottom: 0;
	padding: 15px 75px 20px 25px;
	background-color: rgba(0,47,71,0.95);
	width: 100%;
	transform: translateY(101%);
	border-top: solid 1px white;
}

.imgInfo p {
	margin: 0;
	color: white;
}

.imgInfo.sel > div {
	transform: translateY(0);
}

.tonedLayer1, .tonedLayer2, .tonedLayer3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tonedLayer1 {
	mix-blend-mode: color;
}

.ie .tonedLayer1, .edge .tonedLayer1 {
	display: none;
}

.tonedLayer3 {
	height: 50%;
	bottom: 0;
	top: auto;
}

.linkArrow {
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
	margin-left: 0.3em;
	transform: translateY(10%);
}

.orange, .station.curr .h4, #mobileNav .curr {
	color: #ff2300;
}

.blue {
	color: #002f47;
}

.hyphens {
	hyphens: auto;
}

.scrollableArea {
	overflow: hidden;
	position: relative;
}

.scrollableArea > div {
	overflow-y: scroll;
	position: absolute;
	width: calc(100% + var(--scrollbar-width));
	height: 100%;
}

#lightboxContent .scrollableArea > div {
	overscroll-behavior: none;
}

.ie #lightboxContent .scrollableArea > div, .edge #lightboxContent .scrollableArea > div {
	height: 105%;
}

.beLazy {
	opacity: 0;
}

.beLoaded {
	opacity: 1;
}

img.bgImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.groupElementHeadline {
	margin: 0 0 var(--smaller-el-margin);
}

.singleGroupElementHeadline {
	margin: calc(var(--smallest-el-margin) * -1) 0 calc(var(--smaller-el-margin) * -1);
}

.wideImg::after {
	content: '';
	display: block;
	padding-bottom: 50%;
}

.marginalColumn p a {
	color: #002f47;
}

.marginalColumn p a::before {
	content: url("/wp-content/themes/dfg/img/Linkpfeil_Blau.svg");
}

.marginalColumn p a[href^="tel:"]::before {
	content: none;
}

.date {
	margin: var(--smallest-el-margin) 0;
}

.date .h2 {
	color: #002f47;
	margin-top: 0;
}

.date p + .h2 {
	margin-top: 0;
}

.noDate {
	color: inherit;
}

.downloadIcon {
	margin-right: 10px;
	transform: translateY(20%);
}

figure {
	margin: 0 0 var(--smallest-el-margin) 0;
}

#message, #messageBG, #messageBG2 {
	z-index: 95;
	cursor: pointer;
}

.ie #messageBG, .edge #messageBG {
	display: none;
}

#message {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ff2300;
	padding: 25px;
	color: white;
	max-width: 90%;
}

.anchor {
	visibility: hidden;
	position: relative;
	top: -100px;
}

.safari .anchor, .ie .anchor {
	display: block;
	width: 100%;
}

.linkWithIcon span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	transform: translateY(20%);
}

.linkWithIcon a::before {
	content: '';
	display: none;
}

.stickySidebar {
	transform: translateY(-25px);
	position: sticky;
	top: 200px;
}

.isContactPage .headingSection {
	margin: 75px 0 0;
}

.mainContentArticlePage .headingSection {
	margin-bottom: -120px;
}

.mainContentArticlePage .mainColumn .wp-block-columns, .mainContentArticlePage .marginalColumn .wp-block-columns {
	margin: var(--smallest-el-margin) 0;
}

.stdImgSpacer {
	height: 0 !important;
	position: relative !important;
	padding-bottom: 70%;
}

#coveringMessage {
	z-index: 99;
	background-color: #ff2300;
}

#coveringMessage > div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 50%;
}

#coveringMessage p {
	color: white;
}

#coveringMessageTabletPortrait, #coveringMessageSmartphoneLandscape, .onlySmartphone {
	display: none;
}

#ieMsg {
	background-color: #002f47;
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 50;
}

#ieMsg .maxWidth {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#ieMsg p {
	margin: 0;
	color: white;
}

#ieMsgBtn {
	margin-left: 50px;
	cursor: pointer;
	background-color: white;
	color: #002f47 !important;
	padding: 5px 10px;
}

.hideIeMsg {
	transform: translateY(105%);
}

.edge h2.blue {
	line-height: 1.7em;
}

/* –––––– Media-Queries –––––– */

/* –– Media: Übergröße –– */
@media screen and (min-width: 1700px) {

.timelineImgCol .imgWithCaption > img {
	max-height: 350px;
	object-fit: cover;
}

}

/* –– Media: Übergröße größer –– */
@media screen and (min-width: 1800px) {

.timelineImgCol .imgWithCaption > img {
	max-height: 250px;
	object-fit: cover;
	background-color: #dfdfdf;
}

.timelineImgCol .imgWithCaption > img.portraitImg {
	object-fit: contain;
	background-color: #dfdfdf;
}

}

/* –– Media: Übergröße noch größer –– */
@media screen and (min-width: 1850px) {

.timelineImgCol .imgWithCaption > img {
	max-height: 220px;
}

}

/* –– Media: Fix: Logo / Navi 1 –– */
@media screen and (max-width: 1450px) {

html {
	--max-width-padding: 50px;
}

#mainNav .h4 {
	margin: 0 35px 0 0;
}

#mainNav > span > span {
	width: calc(100% - 35px);
}

}

/* –– Media: geringe Bildschirmhöhe –– */
@media screen and (min-width: 1100px) and (max-height: 800px) {

h3, .h3 {
	font-size: 1.7rem;
}

.sliderTeaserText.sliderTeaserTextAlignBottom h3 {
	margin-bottom: 20px !important;
}

}

/* –– Media: Notebook –– */
@media screen and (max-width: 1300px) {

html {
	--max-width-padding: 50px;
	--column-gap: 50px;
	--smaller-column-gap: 35px;
	--el-margin: 130px;
	--p-fontsize: 1rem;
	--h2-fontsize: 2.3rem;
	--main-nav-item-margin: 35px;
	--mega-menu-gap: 35px;
	--point-width: 12px;
}

h3, .h3 {
	font-size: 1.7rem;
}

h4, .h4, .wp-block-quote p, .sliderTeaserOutsideSlider h3, input, select, .slider .sliderTeaserText h3 {
	font-size: 1.3rem;
}

.largeHeadline, .slider .bigSliderTeaser h3 {
	font-size: 3.6rem;
}

.smallTextContent p {
	font-size: 0.8rem;
}

#dfg2020Logo {
	width: 300px;
	position: relative;
	top: 5px;
}

.smallNav #dfg2020Logo {
	transform: scale(0.7) translateY(15px);
}

.matrixSlide .wp-block-column {
	margin: 0 50px;
}

.matrixSlide .wp-block-column:first-of-type {
	margin-left: 0;
}

.matrixSlide .wp-block-column:last-of-type {
	margin-right: 0;
}

.sliderTeaserText {
	padding: 35px var(--max-width-padding) 35px 35px;
}

.breadcrumb {
	margin: 0 0 25px;
}

.reducedSliderHeight {
	height: calc(100vh - 390px);
}

.expStationMetaCol {
	width: 200px;
}

.expStation > .wp-block-columns > .wp-block-column:first-child {
	margin-right: 25px;
}

.expStation > .wp-block-columns > .wp-block-column:last-child {
	margin-left: 25px;
}

.expInterruptionLeftText {
	padding: var(--max-width-padding);
}

.mainColumn {
	width: calc(((100% - (3 * var(--column-gap))) / 3) * 2);
}

.oneColumnTeaserWithFollowingOddColumns .columnWidth-1-3 {
	width: calc((((100% - (3 * var(--column-gap))) / 3) * 2) / 2 - (var(--smaller-column-gap) / 2));
}

.megaMenuInner > a {
	width: 200px;
}

.blockSpan-2 .sliderTeaserText {
	width: calc(50% - 25px)
}

.pressItem .columnWidth-1-3, .downloadItem .columnWidth-1-3 {
	min-height: 0;
}

#dfgLogo {
	width: 250px;
}

#mainContent > .wp-block-columns:first-child > .wp-block-column:first-child > .headingSection:first-child, #mainContent > .wp-block-columns:first-child > .wp-block-column:first-child > .anchor:first-child + .headingSection, #mainContent > .headingSection:first-child {
	margin-top: 40px;
}

.pressItem, .downloadItem {
	margin-bottom: 50px;
}

.textTeaser {
	margin: 50px 0;
}

.imgInfoIcon, .imgInfoIconInv {
	right: 17px;
	bottom: 17px;
}

.breadcrumb + .largeHeadline {
	margin-top: -5px;
}

.isContactPage .headingSection {
	margin: 50px 0;
}

#mainContent.mainContentArticlePage {
	padding-top: var(--header-height);
}

.smallSliderNav img {
	width: 20px;
}

.mainContentArticlePage .headingSection {
	margin-bottom: -100px;
}

.sliderTeaserText.sliderTeaserTextAlignBottom h3 {
	margin-bottom: 20px !important;
}

.imgInfo > div {
	padding: 15px 60px 20px 20px;
}

#lightboxLeft {
	left: 40px;
}

#lightboxRight, #lightboxClose {
	right: 40px;
}

#lightboxContent {
	width: calc(100% - 200px);
	left: 100px;
	height: calc(100% - 130px);
	top: 75px;
}

.lightboxQuote {
	top: -75px;
}

#lightboxLeftArea, #lightboxRightArea {
	width: 110px;
}

}

/* –– Media: Notebook (geringe Höhe) –– */
@media screen and (min-width: 900px) and (max-width: 1300px) and (max-height: 700px) {

.reducedSliderHeight {
	height: calc(100vh - 200px - 1px);
}

}

/* –– Media: iPad Pro (quer) –– */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

html {
	--max-width-padding: 50px;
}

#mainNav .h4 {
	margin: 0 35px 0 0;
}

#mainNav > span > span {
	width: calc(100% - 35px);
}

}

/* –– Media: Fix: Logo / Navi 2 –– */
@media screen and (max-width: 1150px) {

html {
	--max-width-padding: 35px;
}

#mainNav .h4 {
	margin: 0 25px 0 0;
}

#mainNav > span > span {
	width: calc(100% - 25px);
}

}

/* –– Media: Tablet –– */
@media screen and (max-width: 1100px) {

html {
	--max-width-padding: 35px;
	--el-margin: 120px;
	--p-fontsize: 0.9rem;
	--h2-fontsize: 2.1rem;
}

#mainNav .h4 {
	margin: 0 var(--main-nav-item-margin) 0 0;
}

#mainNav > span > span {
	width: calc(100% - var(--main-nav-item-margin));
}

h3, .h3 {
	font-size: 1.5rem;
}

h4, .h4, .wp-block-quote p, .sliderTeaserOutsideSlider h3, input, select, .slider .sliderTeaserText h3 {
	font-size: 1.1rem;
}

.largeHeadline, .slider .bigSliderTeaser h3 {
	font-size: 3.4rem;
}

#dfg2020Logo {
	width: 230px;
	top: 15px;
}

.smallNav #dfg2020Logo {
	transform: scale(0.8) translateY(12px);
}

.smallNav header {
	top: -95px;
}

.imgTextTeaser h3, .textTeaser h3, .imgTextTeaserMetadata {
	margin: 20px 0;
}

#dfgLogo {
	width: 220px;
}

.timelineTextCol h3 {
	margin-bottom: 15px;
}

.timelineTextCol > div {
	margin: 25px 0;
}

.statementTextWrapper, .sliderTeaserOutsideSlider .sliderTeaserText, .statementTeaserSocialMediaLayer, .statementsTeaser .statementBigSize .statementTextWrapper {
	padding: 25px;
}

footer .maxWidth {
	padding-top: 30px;
	padding-bottom: 30px;
}

.statementTeaser h3 {
	width: calc(100% - 50px);
	bottom: 25px;
	left: 25px;
}

.input {
	margin-bottom: 35px;
}

.selectButton {
	height: 40px;
	line-height: 35px;
}

input, select, textarea {
	height: 40px;
}

.select::after, .dateInputWrapper::after {
	width: 38px;
	height: 38px;
}

.dateInput input + p, .the-datepicker__container + p {
	height: 30px;
	line-height: 30px;
}

.imgInfoIcon, .imgInfoIconInv {
	width: 20px;
}

.oneColumnTeaserImgCol > * {
	max-height: 300px;
}

.reducedSliderHeight {
	height: calc(100vh - 380px);
}

#mainContent.mainContentArticlePage {
	padding-top: var(--header-height);
}

.stationsPreviewCoverTop {
	height: 65px;
}

.stationsPreviewCoverBottom {
	height: 90px;
}

.linkWithIcon span {
	width: 15px;
	height: 15px;
}

.downloadIcon {
	width: 40px;
	height: auto;
}

.smallSliderNav {
	width: calc(100% + 56px);
	left: -28px;
}

.anchor {
	top: -150px;
}

.isContactPage .headingSection, .isContactPage .headingSection h1 {
	margin: 50px 0 35px;
}

.stationsPreview, .noMarginAtTopAndBottom > :first-child.stationsPreview, .noMarginAtTopAndBottom > :last-child.stationsPreview {
	margin: -10px 0 !important;
}

.station {
	margin-bottom: 25px;
	height: 40px;
}

.fadeOut {
	height: 40px;
}

.stationsPreviewCoverBottom {
	height: 80px;
}

.imgInfo > div {
	padding: 15px 50px 20px 20px;
}

.timeline .imgInfo > div p {
	font-size: 0.7rem;
	hyphens: auto;
}

#mainContent h1 br, #mainContent .h1 br, #mainContent h2 br, #mainContent .h2 br, #mainContent h3 br, #mainContent .h3 br, #mainContent h4 br, #mainContent .h4 br {
	display: none;
}

#coveringMessage > div {
	max-width: 80%;
}

.statementBigSize .statementTextWrapper {
	padding: 40px;
}

.lightboxCaption {
	padding: 40px 0 0;
}

}

/* –– Media: Tablet (hoch) –– */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

#coveringMessageTabletPortrait {
	display: inline-block;
}

}

/* –– Media: Fix: Logo / Navi 3 –– */
@media screen and (max-width: 950px) {

#mainNav .h4 {
	margin: 0 20px 0 0;
}

#mainNav > span > span {
	width: calc(100% - 20px);
}

}

/* –– Media: Smartphone –– */
@media screen and (max-width: 900px) {

html {
	--header-height: 120px;
	--max-width-padding: 25px;
	--el-margin: 50px;
	--smaller-el-margin: 50px;
	--p-fontsize: 1rem;
	--smaller-inner-padding: 25px;
	--h2-fontsize: 1.8rem;
}

.smallSlider .videoIcon {
	bottom: 22px;
	left: 22px;
}

.largeHeadline, .slider .bigSliderTeaser h3 {
	font-size: var(--h2-fontsize);
}

.wp-block-quote p {
	font-size: 1.3rem;
	line-height: 1.3em;
}

.smallTextContent p, .photoSlideText p, .stdSlide .stackChildColumns p, .stdSlide .tallSliderTeaser p {
	font-size: 0.8rem;
}

.smallTextContent p a::before, .photoSlideText p strong::before {
	transform: scale(0.7) translate(-2px, 2px);
}

footer .maxWidth, footer nav {
	flex-direction: column;
}

.rasterOf6Raster {
	display: block;
}

.rasterOf6Spacer1, .rasterOf6Spacer2, header > div {
	display: none;
}

.busIcon {
	width: 30px;
	right: auto;
	left: -35px;
	transform: translate(-50%, -80%);
}

.rasterOf6Block {
	margin: var(--el-margin) 0;
}

.rasterOf6Block::after, .matrixSlide::after, .smallSliderTeaser::after, .tallSliderTeaser::after, .oneColumnTeaserImgCol::after, .downloadItem .columnWidth-1-3::after, .pressItem .columnWidth-1-3::after {
	content: '';
	display: block;
	padding-bottom: 70%;
}

.blockSpan-2 .sliderTeaserText {
	width: 100%;
}

footer .maxWidth, footer nav {
	align-items: flex-start;
}

footer nav p {
	margin-top: 5px;
}

#dfgLogo {
	margin-bottom: 20px;
}

#dfg2020Logo {
	width: 200px;
	top: 0;
}

.smallNav header {
	top: -40px;
}

.smallNav #dfg2020Logo {
	transform: scale(0.8);
}

.matrixSlide {
	height: 260px;
}

.matrixSlide > .wp-block-columns {
	position: absolute;
}

.matrixSlide > .wp-block-columns > .wp-block-column:first-child {
	padding: 0 0 50px 0;
	margin-right: 20px;
	width: 40%;
}

.matrixSlide > .wp-block-columns > .wp-block-column:last-child {
	padding: 0 0 50px 0;
	margin-left: 20px;
	width: 60%;
}

.matrixSlideTopDist + a {
	width: 100%;
}

.matrixSlide .videoIcon {
	position: static;
	margin: 25px 0 0 0;
	width: 35px;
	height: 35px;
}

.matrixSlideMobileText {
	display: inline-block;
	width: 100%;
}

.matrixSlideMobileText > div {
	margin: 25px 0 0;
}

.matrixSlide {
	border-bottom: solid 1px #dfdfdf;
}

.slider {
	border-bottom: none;
}

.bigSliderTeaser {
	margin-bottom: 25px;
}

.bigSliderTeaser .sliderTeaser, .bigSliderTeaser .sliderTeaser a {
	margin-top: 0;
	height: auto;
}

.bigSliderTeaser .sliderTeaserText {
	position: relative;
	min-height: 260px;
}

.bigSliderTeaser .noMarginAtTopAndBottom h3 {
	margin-bottom: 75px !important;
}

.bigSliderTeaser .bgImg {
	position: absolute;
}

.sliderTeaserParagraph {
	width: 100%;
}

.bigSliderTeaser .sliderTeaserText, .smallSliderTeaser .sliderTeaserText, .tallSliderTeaser .sliderTeaserText {
	padding: var(--smaller-inner-padding);
}

.smallSliderTeaser, .tallSliderTeaser {
	width: calc(100% - (var(--max-width-padding) * 2)) !important;
	left: var(--max-width-padding) !important;
	position: relative;
}

.slider {
	margin-bottom: 75px;
}

.stdSlide {
	height: auto;
}

.slider1, .slider2 {
	overflow: hidden;
}

.stdSlide .wp-block-columns {
	flex-direction: column;
}

.stdSlide .wp-block-column {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.bigSliderTeaser {
	margin-bottom: 25px !important;
}

.smallSliderTeaser .sliderTeaser, .tallSliderTeaser .sliderTeaser {
	height: 100%;
	position: absolute;
}

#lightboxClose {
	top: 25px;
	right: 25px;
}

#lightboxLeft, #lightboxRight {
	top: auto;
	bottom: 25px;
}

#lightboxLeft {
	left: 25px;
}

#lightboxRight {
	right: 25px;
}

#lightboxContent {
	width: 100%;
	left: 0;
	height: calc(100% - 160px);
	top: 75px;
}

#mobileNavTrigger {
	width: 25px;
	height: auto;
	position: absolute;
	bottom: 25px;
	right: var(--max-width-padding);
	cursor: pointer;
}

.smallNav #mobileNavTrigger {
	width: 20px;
	bottom: 27px;
}

#mobileNav {
	background-color: white;
	text-align: center;
	z-index: 78;
}

#mobileNav > div {
	position: relative;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mobileNav p {
	margin: 8px;
}

#mobileNav .h4 {
	margin: 20px 0;
}

#mobileNav > div > div:first-child {
	margin-bottom: 25px;
}

.newsletterForm {
	width: calc(100% - (var(--max-width-padding) * 2));
	left: var(--max-width-padding);
	transform: translate(0, -50%);
}

.reducedSliderHeight {
	height: 260px;
}

.photoSlideText {
	padding: 10px;
	right: auto;
	left: 0;
	bottom: 25px;
}

.timeline figure {
	margin: 30px 0;
}

.moreLink {
	margin: -10px 0 var(--el-margin);
}

.rasterOf6Block .wp-block-sbgd-wrapper-block {
	display: block;
}

.adjustRasterOf6SBGDWrapperMobile::after {
	padding-bottom: 0;
}

.adjustRasterOf6SBGDWrapperMobile > div {
	position: static;
	height: auto;
}

.statementsTeaser .statement {
	margin-bottom: var(--el-margin);
}

.textTeaserMetadata {
	margin-bottom: 15px;
}

.textTeaserMetadata + h3 {
	margin-top: 15px;
}

.statementTextWrapper .videoIcon, .videoIcon {
	width: 35px;
	height: 35px;
}

.lightboxQuoteBox {
	max-width: none;
	width: calc(100% - (2 * var(--max-width-padding)));
	left: var(--max-width-padding);
	transform: none;
}

.lightboxQuoteText {
	padding: var(--smaller-inner-padding);
}

.lightboxQuote {
	height: calc(100vh - 165px);
	top: 0;
}

.chrome .lightboxQuote {
	height: calc(100vh - 215px);
}

.lightboxQuoteBox {
	margin: 0;
}

.slider + .headingSection {
	margin-top: -50px;
}

.headingSection h1 {
	margin-bottom: var(--el-margin);
}

.oneColumnTeaser > *, .oneColumnTeaser > a > * {
	width: 100%;
}

div + h2.blue {
	margin-top: -5px;
}

h2.blue + div {
	margin-top: 30px;
}

.oneColumnTeaser p + img {
	margin-top: 10px;
}

.timelineTextCol figure {
	margin: 25px 0 30px;
}

.photoSlideText h3 {
	font-size: var(--p-fontsize);
	margin-bottom: 0;
}

.photoSlideText h3 + p {
	margin-top: 0;
}

.allStatementsRaster {
	display: block;
}

.allStatementsRaster .statement {
	margin-bottom: var(--el-margin);
}

.expMapCol::after {
	padding-bottom: 0;
}

.expStation {
	padding-left: 35px;
}

.expStationLine {
	left: 0;
	right: auto;
}

.expStation .point {
	left: calc(-1 * (var(--point-width) / 2) - 35px);
	top: 13px;
}

.expStationLine + div {
	position: relative;
}

.fadeOutTopBottom::before, .fadeOutTopBottom::after {
	height: calc(var(--el-margin) / 2);
}

.fadeOutTopBottom::before {
	top: calc(-1 * (var(--el-margin) / 2));
}

.fadeOutTopBottom::after {
	bottom: calc(-1 * (var(--el-margin) / 2));
}

.firstExpStation .expStationLine {
	top: 10px;
}

.lastExpStation .expStationLine {
	top: calc((var(--el-margin) + 35px) * -1);
	height: calc(var(--el-margin) + 50px);
}

.expStationLine {
	top: calc(-1 * var(--el-margin));
}

.expInterruptionLeftText {
	background-color: #002f47;
	padding: var(--max-width-padding) var(--max-width-padding) 35px var(--max-width-padding);
}

.expInterruptionLeftText + div {
	background-color: #dfdfdf;
}

.expInterruptionLeftText + div figure, .expInterruptionLeftText + div h3 {
	padding: 0 var(--max-width-padding);
	width: 100%;
}

.expInterruptionLeftText + div figure {
	margin-bottom: 0;
}

.expInterruptionLeftText + div figure > * {
	width: 100%;
}

.expInterruptionLeftText + div h3 {
	padding-top: 35px;
	margin-bottom: 35px;
}

.expInterruptionLeftText + div .stationsPreview {
	width: calc(100% - (2 * var(--max-width-padding)));
	left: var(--max-width-padding);
}

.eventImgCol {
	height: 200px;
}

.event .point {
	left: calc(-1 * (var(--point-width) / 2));
}

.event .point + a p {
	margin-top: -10px;
}

.eventFilter h4 {
	margin-bottom: 30px;
}

.mainColumn, .marginalColumn {
	width: 100%;
}

.marginalColumn:not(:empty) + .mainColumnAfterMarginalColumn, .mainColumn + .marginalColumnAfterMainColumn {
	padding-top: var(--el-margin);
	border-top: solid 1px #dfdfdf;
	margin-top: var(--el-margin);
}

.mainColumnAfterMarginalColumn > *:first-child, .marginalColumnAfterMainColumn > *:first-child, .marginalColumnAfterMainColumn > .date:first-child > *:first-child {
	margin-top: 0;
}

.marginalColumn .scrollToLink {
	margin: 10px 0;
}

.downloadItem .wp-block-column, .pressItem .wp-block-column {
	width: 100%;
	margin: 0;
}

.downloadItem .columnWidth-1-3, .pressItem .columnWidth-1-3 {
	margin-bottom: 25px;
}

.mainContentArticlePage .headingSection {
	margin-bottom: -15px;
}

.gt3-photo-gallery-pro--isotope_gallery .gallery-isotope-wrapper .gt3pg-isotope-item {
	width: 100% !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 0 !important;
	margin-bottom: 25px;
	height: 200px !important;
}

.gallery-isotope-wrapper {
	height: auto !important;
	margin: 0 !important;
}

.gallery-preloader {
	display: none;
}

.gallery-isotope-wrapper .gt3pg-isotope-item .isotope_item-wrapper .gt3-lazy-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.gt3pg-isotope-item.youtube::after, .gt3pg-isotope-item.vimeo::after, .gt3pg-isotope-item.self-hosted::after {
	bottom: 25px;
	transform: scale(0.7) translate(-15px, 15px);
}

.gt3pg-isotope-item:nth-last-child(2) {
	margin-bottom: 0 !important;
}

.smallSliderNav {
	width: calc(100% + 20px);
	left: -10px;
	top: 15px;
}

.smallSliderNav img {
	background-color: white;
	padding: 5px;
	width: 35px;
	height: 35px;
	object-fit: contain;
}

.stationsPreview, .noMarginAtTopAndBottom > :first-child.stationsPreview, .noMarginAtTopAndBottom > :last-child.stationsPreview {
	margin: -20px 0 !important;
}

.station {
	margin-bottom: 20px;
	height: 40px;
}

.fadeOut {
	height: 30px;
}

.oneColumnTeaser img + .stdImgSpacer + .oneColumnTeaserMainHeadline, .oneColumnTeaser .beLoaded + .stdImgSpacer + .oneColumnTeaserMainHeadline, .oneColumnTeaser .stdImg + h3 {
	margin-top: 25px;
}

.slider .sliderTeaser + .sliderTeaserParagraph {
	padding: 25px var(--max-width-padding) 5px;
}

.slider .bigSliderTeaser .sliderTeaserText {
	justify-content: flex-end;
}

.slider .bigSliderTeaser .sliderTeaserText h3, .slider .bigSliderTeaser:only-child  {
	margin-bottom: 0 !important;
}

.slider .sliderTeaser + .sliderTeaserParagraph p {
	color: #002f47 !important;
}

.stdSlide .stackChildColumns {
	display: block;
}

.stdSlide .stackChildColumns > div, .stdSlide .stackChildColumns .sliderTeaser, .tallSliderTeaser .sliderTeaser {
	height: auto;
}

.stdSlide .stackChildColumns > div .sliderTeaser, .stdSlide .stackChildColumns .sliderTeaserText, .tallSliderTeaser .sliderTeaser, .tallSliderTeaser .sliderTeaserText {
	position: relative;
}

.stdSlide .stackChildColumns .bgImg, .stdSlide .tallSliderTeaser .bgImg {
	position: absolute;
}

.stdSlide .stackChildColumns .smallSliderTeaser::after, .stdSlide .tallSliderTeaser::after {
	padding-bottom: 0;
}

.stdSlide .stackChildColumns .sliderTeaserParagraph {
	padding-top: 150px;
}

.stdSlide .tallSliderTeaser .sliderTeaserParagraph {
	padding-top: 250px;
}

.stdSlide .stackChildColumns .sliderTeaser, .stdSlide .tallSliderTeaser .sliderTeaser {
	min-height: 260px;
}

.stdImgSpacer, .newsletterFormUpperText {
	display: none;
}

.imgInfo > div {
	padding: 15px 55px 20px 20px;
}

.imgInfo > div p {
	hyphens: auto;
}

.newsletterForm {
	padding: 25px;
}

#coveringMessage > div {
	max-width: 80%;
}

.onlySmartphone {
	display: block;
}

.anchor {
	top: -80px;
}

.eventFilterColumnMobile {
	padding-top: 0 !important;
	border-top: none !important;
}

.event .timelineTopCover, .event .point {
	left: calc(-1 * var(--smaller-column-gap) - (var(--point-width) / 2));
}

.event {
	position: relative;
}

.photoSlide {
	height: 260px;
}

.photoSlide .maxWidth > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}

.photoSlide .largeHeadline, .photoSlideText {
	position: static;
}

.photoSlide .largeHeadline {
	width: 100%;
}

.photoSlide .maxWidth > div > *:last-child {
	margin: 15px 0 25px;
}

.photoSlide .largeHeadline {
	margin-bottom: 0;
}

.photoSlide .largeHeadline:last-child {
	margin-bottom: 25px;
}

.photoSlideText, .photoSlideText > * {
	display: inline-block;
}

.expStationLine + div br {
	display: block !important;
}

.expStationLine + div span {
	font-family: "Mark Book";
}

.expStation .anchor {
	top: -100px;
}

.statementBigSize .statementTextWrapper {
	padding: 25px;
}

.statementBigSize .h3 {
	font-size: var(--p-fontsize);
}

.lightboxCaption {
	padding: 40px 25px 0;
}

#ieMsg .maxWidth {
	padding: 0 20px;
	flex-direction: column;
	align-items: flex-start;
}

#ieMsgBtn {
	margin-top: 15px !important;
}

.statementTeaser {
	margin-bottom: var(--el-margin);
}

.firstExpStation {
	margin-top: 75px;
}

#lightboxLeftArea, #lightboxRightArea {
	width: 35%;
	height: calc(100vh - 200px);
	top: auto;
	bottom: 0;
}

}

/* –– Media: Smartphone klein –– */
@media screen and (max-width: 350px) {

html {
	--p-fontsize: 0.9rem;
}

h4, .h4, p, .p, ul, ol, label, figcaption, cite, .wp-block-file, table, textarea {
	font-size: var(--p-fontsize);
	line-height: 1.3em;
}

.selectButton {
	width: 100%;
	margin-bottom: 15px !important;
}

.selectButton:nth-child(2n) {
	margin-left: 0;
}

.selectButton:nth-last-child(1) {
	margin-bottom: 0 !important;
}

#mobileNav > div {
	top: 46%;
}

.newsletterForm {
	padding: 15px;
}

.newsletterForm h2, .newsletterForm .smallTextContent {
	margin-bottom: 25px;
}

.newsletterForm .smallTextContent p {
	font-size: 0.7rem;
	line-height: 1.3em;
}

.lightboxClose {
	top: 45px;
	right: 40px;
	width: 25px;
}

#mobileNav p {
	margin: 6px 0;
}

#mobileNav .h4 {
	margin: 15px 0;
}

#mobileNav > div > div:first-child {
	margin-bottom: 15px;
}

}

/* –– Media: Smartphone quer –– */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 

[data-predicteddevice="smartphone"] #coveringMessageSmartphoneLandscape {
	display: inline-block;
}

}