:root {
	--mardi-orange: #D0662B;
	--mardi-orange-inactive: #ce987b;
}

.sr-only {
	display: none;
}

body {
	min-height: 100%;
	background-color: #eee;
	opacity: 0;
	transition: opacity 1s ease-in;
}

body.loaded {
	opacity: 1;
}

body.unload {
	opacity: 0;
}

.cc-window.cc-static {
	position: relative;
}

.cc-banner.cc-top {
	top: 40px;
}

.cc-grower {
	overflow: unset;
}

header#page-header {
	background-color: #CCDFEE !important;
	margin-top: 40px;
}

header#page-header div.container {
	background-color: #CCDFEE;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	height: 480px;
	max-width: 100%;
}


div#logo {
	position: absolute;
	left: 20px;
	top: 90px;
	width: 300px;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

div#NFDIheader_large {
	display: block;
}

div#NFDIheader_small {
	display: none;
}

div#NFDIheader_large, div#NFDIheader_small {
	font-size: 60px;
	color: #acc1d2;
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 300px;
	line-height: 1.1;
}

@media (max-width: 1449px) {
	div#NFDIheader_large, div#NFDIheader_small {
		top: 300px;
		left: 20px;
	}

	div#logo {
		top: 20px;
	}

	header#page-header div.container {
		height: 520px;
		min-width: 100%;
	}
}

@media (max-width: 820px) {
	header#page-header div.container {
		height: 380px;
	}

	div#NFDIheader_large, div#NFDIheader_small {
		font-size: 30px;
		top: 250px;
		padding-right: 20px;
	}

	div#NFDIheader_large {
		display: none;
	}

	div#NFDIheader_small {
		display: block;
		max-width: 19rem;
	}

	div#logo {
		top: 10px;
		width: 250px;
		height: 250px;
	}

	div#hands {
		display: none;
	}
}


div#hands {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 60%;
	height: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #ccdfee;
	background-blend-mode: luminosity;
}

@media (max-width: 1449px) {
	div#hands {
		bottom: 0px;
	}

}



footer#page-footer div.frame-container {
	max-width: 100%;
}

div.footer-copyright {
	text-align: left;
}

section.footer-section-meta div.frame {
	padding-top: 0px;
	padding-bottom: 0px;
}

section.footer-section-content {
	background-color: #eee;
	color: #000;
	padding-bottom: 20px;
}

section.footer-section-meta {
	background-color: #ccc;
	height: 240px;
}

section.footer-section-meta.footer-copyright {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
}


.scroll-top, .scroll-top:hover, .scroll-top:focus {
	background-color: transparent;
}

.scroll-top .scroll-top-icon, .scroll-top .scroll-top-icon:hover, .scroll-top .scroll-top-icon:focus {
	transform: unset;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 100%;
	width: 100%;
}

.scroll-top .scroll-top-icon:before {
	content: '';
	background-color: transparent;
	background-image: url(/fileadmin/layout/icons/fast-top-circle.svg);
	background-size: contain;
	background-position: center;
	position: absolute;
	height: 50%;
	width: 50%;
	top: 55%;
	left: 55%;
	border: 0px;
}

a {
	color: unset;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: var(--mardi-orange);
}

h1, .h1, h2, .h2 {
	font-weight: bold;
}

h3, .h3 {
	font-size: 1rem;
	font-weight: bold;
}

h4, .h4, h5, .h5, h6, .h6 {
	color: #000;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: unset;
}

h5, .h5, h6, .h6 {
	color: #888;
}

h6, .h6 {
	font-weight: normal;
}

div#page-content ul li, div#page-content ol li {
	margin-bottom: 0.5rem;
}

#page-content {
	margin-left: 20px;
	max-width: 1449px;
	min-height: 30rem;
	background-color: #fff;
}

div#page-content > .section.section-default > .container {
	padding: 0px;
	margin-left: 0px;
	max-width: unset;
}

div#page-content > .section.section-default > .container .section-row .section-column.subcontent-wrap:nth-child(2) {
	width: 300px;
	padding-right: 0px;
	padding-left: 20px;
}

@media (max-width: 1000px) {
	.backendlayout-3_columns .maincontent-wrap + .subcontent-wrap {
		order: 2;
	}
}

.section-row {
	justify-content: inherit;
	--section-gap-x: 0px;
}

div#page-content > .section.section-default > .container .section-row .section-column.subcontent-wrap:nth-child(3) {
	width: 400px;
	padding-left: 40px;
	margin-top: 57px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1392px) {
	div#page-content > .section.section-default > .container .section-row .section-column.subcontent-wrap:nth-child(3) {
		width: 640px;
		max-width: calc(100% - 110px);
		padding-left: 136px;
		padding-right: 0px;
		margin-left: 300px;
	}
}

@media (max-width: 1000px) {
	div#page-content > .section.section-default > .container .section-row .section-column.subcontent-wrap:nth-child(3) {
		width: 640px;
		max-width: calc(100% - 110px);
		padding-left: 136px;
		padding-right: 0px;
		margin-left: 0px;
	}
}

@media (max-width: 600px) {
	div#page-content > .section.section-default > .container .section-row .section-column.subcontent-wrap:nth-child(3) {
		width: 90%;
		max-width: calc(100% - 40px);
		padding-left: 40px;
		padding-right: 20px;
		margin-left: 0px;
	}
}

div#page-content > .section.section-default > .container .section-row .section-column.maincontent-wrap {
	width: 640px;
	max-width: calc(100% - 110px);
	padding-left: 135px;
	padding-right: 0px;
}

@media (max-width: 600px) {
	div#page-content > .section.section-default > .container .section-row .section-column.maincontent-wrap {
		width: 90%;
		max-width: calc(100% - 40px);
		padding-left: 40px;
		padding-right: 20px;
	}
}

div.frame-type-menu_subpages .frame-inner {
	padding-top: 20px;
}

.pswp {
	z-index: 99999;
}

@media (max-width: 1000px) {
	div.footer-section-content-column-left, div.footer-section-content-column-middle, div.footer-section-content-column-right {
		width: calc(100% / 2);
	}
}

@media (max-width: 700px) {
	div.footer-section-content-column-left, div.footer-section-content-column-middle, div.footer-section-content-column-right {
		width: 100%;
	}
}

section.footer-section div.container {
	max-width: 100%;
}

section.footer-section div.container div.section-row div.section-column div.frame {
	padding-top: 20px;
}

div.twitter-container {
	background-color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	min-height: 40px;
	text-align: left;
	padding-top: 10px;
}

div.twitter-container img.twittericon {
	position: absolute;
	left: 10px;
	top: 10px;
}

div.twitter-container img.openclose {
	position: absolute;
	right: 10px;
	top: 10px;
}

div.twitter-container img.openclose:hover {
	cursor: pointer;
}

div.twitter-container.closed {
	background-color: #eee;
	border-bottom: 2px solid #fff;
}

div.twitter-inner {
	margin-top: -34px;
}

div.externalcounter-container {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	min-height: 40px;
	text-align: left;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
}

div.externalcounter-container div.externalcounter-teaser.clickable {
	cursor: pointer;
}

div.externalcounter-container div.externalcounter-headercontainer {
	display: flex;
	vertical-align: middle;
}

div.externalcounter-container img.externalcounter-icon {
	position: relative;
	margin-right: 20px;
}

div.externalcounter-container img.openclose {
	position: absolute;
	right: 10px;
	top: 10px;
}

div.externalcounter-container img.openclose:hover {
	cursor: pointer;
}

div.externalcounter-container div.externalcounter-header {
	display: inline-block;
	font-weight: bold;
}

div.externalcounter-container div.externalcounter-counter {
	font-weight: bold;
	line-height: 1.0;
	padding-top: 20px;
}

div.externalcounter-container div.externalcounter-teaser {
	font-weight: bold;
	display: flex;
}

div.externalcounter-container div.externalcounter-text {
	display: none;
	margin-left: 24px;
	margin-top: 20px;
}

div.twitter-container.closed {
	background-color: #eee;
	border-bottom: 2px solid #fff;
}

div.twitter-inner {
	margin-top: -34px;
}

div#page-content a {
	color: #015785;
	text-decoration: none;
}

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

.footer-section-content a:not(.btn), .footer-section-content a:not(.btn):hover, .footer-section-content a:not(.btn):focus {
	color: #015785;
}

.text-muted {
	color: #999 !important;
}

.gallery-item picture, .gallery-item img {
	width: unset;
}

figure.image {
	position: relative;
}

a.lightbox:after, div.lightbox:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background-image: url(/fileadmin/layout/icons/add-circled-outline.svg);
	opacity: 0.5;
}

a.lightbox.inverticon:after, div.lightbox.inverticon:after {
	filter: invert(1);
}

ol, ul, dl {
	padding-inline-start: 1rem;
}

div.frame.frame-default.frame-type-text {
	padding-bottom: 1rem;
}

figure .caption {
	text-align: left;
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
}

@media (min-width: 1449px) {
	div.textpic.textpic-left div.textpic-item.textpic-gallery {
		margin-left: -420px;
		width: 380px;
	}
}

div.ta-wrapper {
	position: relative;
}

div.ta-header {
	margin-top: 20px;
}

div.ta-icon {
	position: absolute;
	left: -167px;
	width: 127px;
	text-align: right;
	top: 10px;
	display: none;
}

div.ta-icon img {
	;
}

@media (max-width: 1000px) {
	div.ta-icon {
		position: relative;
		left: unset;
		top: unset;
		margin-top: -20px;
		margin-bottom: 20px;
		text-align: left;
	}
}

img.ta-toggler {
	margin-top: -4px;
	margin-left: -28px;
	display: inline-block;
	opacity: 0.4;
}

img.ta-toggler.clickable {
	opacity: 1;
}

div.ta-title {
	position: relative;
	margin-left: 24px;
	font-weight: bold;
}

div.ta-title.clickable {
	cursor: pointer;
}

div.ta-spokesperson {
	margin-left: 24px;
	color: #000;
}

div.ta-text {
	position: relative;
	display: none;
	margin-left: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.ta-contact {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
}

@media (max-width: 1260px) {
	div.ta-contact {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
	}
}

div.twi-wrapper {
	position: relative;
}

div.twi-header {
	margin-top: 20px;
}

div.twi-icon {
	position: absolute;
	left: -147px;
	width: 127px;
	max-width: 127px;
	text-align: right;
}

@media (max-width: 1000px) {
	div.twi-icon {
		position: relative;
		left: unset;
		top: unset;
		margin-top: -20px;
		margin-bottom: 20px;
		text-align: left;
	}
}

div.twi-icon img {
	max-width: 127px;
	height: auto;
}

div.twi-title {
	padding-top: 20px;
	position: relative;
	font-weight: bold;
}

div.twi-text {
	position: relative;
	margin-bottom: 20px;
}

div.leftright-wrapper {
	position: relative;
	margin-bottom: 20px;
}

div.leftright-right {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
	font-weight: normal;
}

div.leftright-right div.frame {
	padding-top: 0;
}

@media (max-width: 1260px) {
	div.leftright-right {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
	}
}

div.newsagg-wrapper {
	position: relative;
	margin-bottom: 20px;
}

a.newsagg-link, div.newsagg-link-text, div.newsagg-right img {
	display: flex;
}

div.newsagg-right {
	padding-top: 1.5rem;
}

div.newsagg-link-text {
	margin-left: 4px;
	padding-top: 4px;
}

div.newsagg-right {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
	font-weight: normal;
}

@media (max-width: 1260px) {
	div.newsagg-right {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		padding-top: 0px;
	}
}

div.dload-wrapper {
	position: relative;
	margin-bottom: 20px;
}

img.dload-icon {
	margin-top: -4px;
	margin-left: -28px;
	display: inline-block;
	cursor: pointer;
}

div.dload-title {
	position: relative;
	margin-left: 28px;
	font-weight: bold;
	cursor: pointer;
}

div.dload-date {
	font-weight: normal;
	margin-left: -28px;
}

div.dload-text {
	position: relative;
	margin-left: 28px;
	margin-bottom: 20px;
}

div.dload-contact {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
	font-weight: normal;
}

@media (max-width: 1260px) {
	div.dload-contact {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
	}
}

div.job-wrapper {
	position: relative;
	margin-bottom: 20px;
}

div.job-title {
	position: relative;
	font-weight: bold;
}

div.job-subtitle, div.job-institute {
	font-weight: normal;
}

div.job-date {
	font-weight: normal;
}

div.job-rightside {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
}

div.job-location {
	margin-bottom: 20px;
}

div.job-location, div.job-location img, div.job-location-text, div.job-infolink, div.job-infolink img, div.job-infolink-text {
	display: flex;
}

div.job-location-text, div.job-infolink-text {
	margin-left: 4px;
}

@media (max-width: 1260px) {
	div.job-rightside {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

div.evt-wrapper {
	position: relative;
	margin-bottom: 20px;
}

span.eventtype, span.evtbutton {
	font-weight: bold;
	color: var(--mardi-orange-inactive);
	display: inline-block;
	margin-right: 20px;
}

span.eventtype:hover, span.eventtype.active, span.evtbutton:hover, span.evtbutton.active {
	font-weight: bold;
	color: var(--mardi-orange);
	cursor: pointer;
}

div.evt-wrapper.evthidden {
	display: none;
}

div.evt-header {
	margin-top: 20px;
}

img.evt-toggler {
	margin-top: -4px;
	margin-left: -28px;
	display: inline-block;
	opacity: 0.4;
}

img.evt-toggler.clickable {
	opacity: 1;
}

div.evt-title {
	position: relative;
	margin-left: 24px;
	font-weight: bold;
}

div.evt-title.clickable {
	cursor: pointer;
}

div.evt-subtitle {
	font-weight: normal;
}

div.evt-spokesperson {
	margin-left: 24px;
	color: #000;
}

div.evt-text {
	position: relative;
	display: none;
	margin-left: 24px;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.evt-lectures {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
	display: none;
}

div.evt-lecture {
	margin-bottom: 20px;
}

div.evt-lecture-speaker {
	font-weight: bold;
}

div.evt-ical-wrapper {
	margin-bottom: 20px;
}

a.evt-lecture-dload-link, a.evt-lecture-link-link, a.evt-ical-link {
	display: flex;
}

img.evt-lecture-dload-icon, img.evg-lecture-link-icon, img.evt-ical-icon {
	display: flex;
}

@media (max-width: 1260px) {
	div.evt-lectures {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
		margin-left: 28px;
	}

	div.evt-wrapper {
		height: unset !important;
	}
}

div.press-release-wrapper {
	position: relative;
	margin-bottom: 20px;
}

div.press-release-title {
	position: relative;
	font-weight: bold;
}

div.press-release-link {
	font-weight: normal;
}

div.press-release-date {
	font-weight: normal;
}

div.press-release-subtext p:last-child {
	margin-bottom: 0px;
}

div.press-release-rightside {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
}

div.press-release-location {
	margin-bottom: 20px;
}

div.press-release-location, div.press-release-location img, div.press-release-location-text, div.press-release-infolink, div.press-release-infolink img, div.press-release-infolink-text {
	display: flex;
}

div.press-release-location-text, div.press-release-infolink-text {
	margin-left: 4px;
}

@media (max-width: 1260px) {
	div.press-release-rightside {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
	}
}

div.squarepager {
	position: relative;
	width: 100%;
}

div.sq_page1, div.sq_page2 {
	position: relative;
	display: inline-block;
	width: 50%;
	padding-bottom: 50%;
	background-size: cover;
	filter: grayscale(100%);
	transition: filter 1s;
	background-color: #fff;
	background-blend-mode: hard-light;
	cursor: pointer;
}

div.sq_page1 {
	border-right: 2px solid #fff;
}

div.sq_page1:hover, div.sq_page2:hover, div.sq_page1.active, div.sq_page2.active {
	filter: unset;
	background-blend-mode: unset;
}

div.sq_page_title {
	position: absolute;
	bottom: 0px;
	left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	width: calc(100% - 40px);
}

div.sqp2_title {
	right: 20px;
	left: unset;
}

div.sq_page1:hover div.sq_page_title, div.sq_page1.active div.sq_page_title, div.sq_page2:hover div.sq_page_title, div.sq_page2.active div.sq_page_title {
	filter: unset;
	background-color: #fbf0ea;
	color: var(--mardi-orange);
}

div.sq_content {
	width: 100%;
	background-color: #fbf0ea;
	display: none;
	padding: 20px;
	padding-left: 60px;
	padding-top: 40px;
	margin-top: -7px;
}

div.sq_content.sqp_visible {
	display: block;
}

div.featuredcontainer {
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #fbf0ea;
	margin-bottom: 30px;
	transition: margin 1s;
	max-width: 340px;
  	margin-left: auto;
  	margin-right: auto;
}

div.featuredbgimage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	background-size: cover;
	filter: grayscale(100%);
	transition: filter 1s;
}

div.featuredoverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	background-image: url(/fileadmin/layout/CEs/Featured/featured_state0_transparent.png);
	background-size: cover;
	filter: unset;
	transition: background-image 1s;
}

div.featuredoverlay.wide {
	background-image: url(/fileadmin/layout/CEs/Featured/featured_big_state0_transparent.png);
}

div.featuredbgimage_hover {
	filter: unset;
}

div.featuredoverlay_hover {
	background-image: url(/fileadmin/layout/CEs/Featured/featured_state1_transparent.png);
}

div.featuredoverlay_hover.wide {
	background-image: url(/fileadmin/layout/CEs/Featured/featured_big_state1_transparent.png);
}

div.featuredheader {
	position: absolute;
	display: inline-block;
	height: 30px;
	margin: 0px;
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 170px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #fff;
	color: #ccc;
	transition: color 1s, background-color 1s;
	font-weight: bold;
}

div.featuredheader_hover {
	color: #000;
	background-color: #fbf0ea;
}

div.featuredcontent {
	position: absolute;
	margin-top: 200px;
	display: none;
	background-color: #fbf0ea;
	color: #000;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
}

div.featuredcontent_hover {
	display: block;
}

div.fml-wrapper {
	position: relative;
	padding-bottom: 20px;
}

div.fml-header {
	margin-top: 20px;
}

div.fml-icon {
	position: absolute;
	left: -147px;
	width: 127px;
	text-align: right;
	top: 3rem;
}

img.fml-lefticon {
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	filter: invert(1);
}

div.fml-icon.clickable {
	cursor: pointer;
}

@media (max-width: 1300px) {
	div.fml-icon {
		position: relative;
		left: unset;
		top: unset;
		margin-top: 10px;
		margin-left: 24px;
		margin-bottom: 20px;
		text-align: left;
	}
}

div.fml-icon img {
	max-width: 127px;
	height: auto;
}

img.fml-toggler {
	margin-top: -4px;
	margin-left: -8px;
	display: inline-block;
	opacity: 0.4;
}

img.fml-toggler.clickable {
	opacity: 1;
	cursor: pointer;
}

div.fml-title {
	position: relative;
	font-weight: bold;
}

div.fml-title.clickable {
	cursor: pointer;
}

div.fml-teaser {
	margin-left: 24px;
	margin-top: -24px;
}

div.fml-teaser.clickable {
	cursor: pointer;
}

div.fml-text {
	position: relative;
	display: none;
	margin-left: 24px;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.fml-rightHeader {
	right: -300px;
	width: 280px;
	position: absolute;
	top: 0px;
}

div.fml-contactinfo {
	margin-left: 29px;
	position: relative;
}

img.fml-righticon {
	position: absolute;
	left: -29px;
}

div.fml_modalcontainer {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	padding: 45px;
}

div.fml_modalcontainer.active {
	display: block;
}

div.fml_modalcontainer embed, div.fml_modalcontainer iframe, div.fml_modalcontainer video {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

div.fml_modalclosebutton {
	position: absolute;
	top: 2px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	padding: 4px;
	filter: invert(1);
}

div.fml_modalclosebutton img {
	width: 36px;
	height: 36px;
}

div.fml_modalfullscreenbutton {
	position: absolute;
	top: 7px;
	right: 60px;
	color: #fff;
	cursor: pointer;
	padding: 4px;
	filter: invert(1);
}

@media (max-width: 1260px) {
	div.fml-rightHeader {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		margin-top: 20px;
	}
}

div.newslettercollector_container div.newslettercollector_headwrapper {
	padding: 20px;
	padding-right: 0px;
	background-color: #005eaa;
}

div.newslettercollector_container div.newslettercollector_head {
	position: relative;
	background-color: #005eaa;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
	height: 200px;
}

div.newslettercollector_container div.newslettercollector_head h1, div.newslettercollector_container div.newslettercollector_head h2 {
	color: #fff;
	padding: 0px;
	margin: 0px;
	padding-right: 100px;
}

div.newslettercollector_container div.newslettercollector_head h1 {
	font-size: 2rem;
	padding-top: 10px;
}

div.newslettercollector_container div.newslettercollector_head h2 {
	position: absolute;
	bottom: 0px;
	font-size: 0.9rem;
	color: #99bedd;
}

@media (max-width: 600px) {
	div.newslettercollector_container {
		margin-left: -20px;
		width: calc(100vw - 30px);
	}
}

div.newslettercontainer {
	color: #99bedd;
	border-bottom: 2px solid #005eaa;
	padding: 10px;
	padding-left: 20px;
}

div.newslettercontainer div.newslettercontentcontainer {
	border-top: 2px solid #005eaa;
	margin-left: -20px;
	width: calc(100% + 30px);
	display: none;
}

div.newslettercontainer div.newslettercontentcontainer.active {
	display: block;
}

div.newslettercontainer div.newslettercontent_chapterwrapper {
	border-bottom: 2px solid #005eaa;
}

div.newslettercontainer:hover {
	cursor: pointer;
	color: #005eaa;
}

div.newslettercontainer.active {
	border-bottom: 0px;
	color: #005eaa;
	margin-bottom: 40px;
}

div.newsletterchapter {
	padding-left: 20px;
	color: #000;
}

div.newsletterchapter div.frame {
	padding: 0px;
}

div.newsletterchapter div.newsletterchapter_content {
	display: none;
	margin-bottom: 20px;
}

div.newsletterchapter div.newsletterchapter_content h3 {
	color: #005eaa;
}

div.newsletterchapter div.newsletterchapter_content b a, div.newsletterchapter div.newsletterchapter_content strong a {
	display: block;
	padding-left: 47px;
	background-image: url(/fileadmin/layout/icons/arrow-right.svg);
	background-position-y: center;
	background-position-x: 15px;
	background-repeat: no-repeat;
	color: #d0662b !important;
	border-top: 2px solid var(--mardi-orange);
	border-bottom: 2px solid var(--mardi-orange);
	margin-left: -20px;
	padding: 10px;
	padding-left: 50px;
}

div.newsletterchapter div.newsletterchapter_content div.twi-icon {
	left: -167px;
}

div.newsletterchapter div.newsletterchapter_content div.twi-title {
	padding-top: 0px;
}

div.newsletterchapter div.newsletterchapter_content.active {
	display: block;
}

div.newsletterchapter div.nlchapter-title {
	color: #ecc2aa;
	font-size: 2rem;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 100px;
	position: relative;
	line-height: 1.1;
}

@media (max-width: 990px) {
	div.newsletterchapter div.nlchapter-title {
		height: unset;
	}

	div.newsletterchapter div.nlchapter-icon {
		position: relative;
		top: unset;
		left: unset;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

div.newsletterchapter.active div.nlchapter-title {
	color: var(--mardi-orange);
	height: unset;
}

div.newsletterchapter div.nlchapter-title:hover {
	color: var(--mardi-orange);
	cursor: pointer;
}

div.nlchapter-icon {
	position: absolute;
	left: -167px;
	top: 0px;
	width: 127px;
	max-width: 127px;
	text-align: right;
}

div.nlchapter-icon img {
	max-width: 100%;
	height: auto;
}

div.nlchapter-icon.hidden {
	display: none;
}

@media (max-width: 1000px) {
	div.newsletterchapter div.newsletterchapter_content div.twi-icon {
		left: unset;
		padding-top: 20px;
	}
}

div.newslettercontent_contentwrapper {
	cursor: default;
}

div#page-content div.downloadlink {
	padding-left: 40px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #888;
}

div#page-content div.downloadlink a.thedllink {
	display: block;
	background-image: url(/fileadmin/layout/icons/download-circled-outline.svg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	margin-left: -40px;
}

div#page-content div.folding_gallery_entry {
	position: relative;
}

div#page-content div.folding_gallery_entry div.fge_image {
	position: relative;
	margin-bottom: 60px;
	cursor: pointer;
}

div#page-content div.folding_gallery_entry div.fge_image img {
	max-width: 100%;
	height: auto;
	filter: grayscale(100%);
	transition: filter 1s;
}

div#page-content div.folding_gallery_entry div.fge_image div.fge_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(204, 223, 238, 0.5);
	transition: background 1s;
}

div#page-content div.folding_gallery_entry div.fge_image div.fge_catchphrase {
	display: none;
	position: absolute;
	max-width: 60%;
	width: 60%;
	right: 20px;
	top: 20px;
	color: var(--mardi-orange);
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.1;
	transition: color 1s;
}

div#page-content div.folding_gallery_entry div.fge_image div.fge_name_taskarea {
	position: absolute;
	width: calc(60% + 20px);
	max-width: calc(60% + 20px);
	top: calc(100% - 36px);
	right: 20px;
	padding: 20px;
	line-height: 1;
	background-color: #fff;
	color: var(--mardi-orange);
	transition: color 1s;
}

div#page-content div.folding_gallery_entry div.fge_image div.fge_name_taskarea span.fge_name {
	font-size: 1.3rem;
	font-weight: bold;
}

div.fge_content {
	position: relative;
	display: none;
}

div.leftright-right span.fge_name {
	font-weight: bold;
	color: var(--mardi-orange);
}

div.leftright-right span.fge_taskarea {
	color: var(--mardi-orange);
}

div.leftright-right div.fge_personalnote {
	background-color: #FAF0EA;
	padding: 20px;
	padding-top: 0px;
	margin-top: 40px;
	margin-bottom: 40px;
}

div.leftright-right div.fge_personalnote div.fge_personalnote_header {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	color: var(--mardi-orange);
	font-weight: bold;
	font-size: 1rem;
}

div#page-content div.folding_gallery_entry:hover div.fge_image div.fge_name_taskarea {
	color: var(--mardi-orange);
}

div#page-content div.folding_gallery_entry:hover div.fge_image div.fge_catchphrase {
	color: #fff;
	display: block;
}

div#page-content div.folding_gallery_entry:hover div.fge_image div.fge_overlay {
	background: rgba(0, 95, 173, 0.3);
}

div#page-content div.folding_gallery_entry.active:hover div.fge_image div.fge_name_taskarea {
	color: var(--mardi-orange);
}

div#page-content div.folding_gallery_entry.active:hover div.fge_image div.fge_catchphrase {
	color: var(--mardi-orange);
	display: block;
}

div#page-content div.folding_gallery_entry.active:hover div.fge_image div.fge_overlay {
	background: unset;
}

div#page-content div.folding_gallery_entry.active div.fge_content {
	display: block;
}

div#page-content div.folding_gallery_entry.active div.fge_image img {
	filter: unset;
}

div#page-content div.folding_gallery_entry.active div.fge_image div.fge_catchphrase {
	display: block;
}

div#page-content div.folding_gallery_entry.active div.fge_image div.fge_overlay {
	background: unset;
}

div#page-content div.folding_gallery_entry.active div.fge_image div.fge_name_taskarea {
	color: var(--mardi-orange);
}

@media (max-width: 1000px) {
	div#page-content div.folding_gallery_entry div.fge_image {
		margin-bottom: 20px;
	}

	div#page-content div.folding_gallery_entry div.twi-icon {
		display: unset;
		max-width: 100%;
	}

	div#page-content div.folding_gallery_entry div.fge_image div.fge_name_taskarea {
		position: relative;
		top: unset;
		right: unset;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 730px) {
	div#page-content div.folding_gallery_entry div.fge_image div.fge_catchphrase {
		max-width: 58%;
		width: 58%;
		font-size: 1.4rem;
	}
}

@media (max-width: 470px) {
	div#page-content div.folding_gallery_entry div.fge_image div.fge_catchphrase {
		max-width: 58%;
		width: 58%;
		font-size: 1.2rem;
	}
}

@media (max-width: 400px) {
	div#page-content div.folding_gallery_entry div.fge_image div.fge_catchphrase {
		max-width: 55%;
		width: 55%;
		font-size: 1.0rem;
	}
}

div.lightboxcontainer .lightbox_preview_image {
	width: 100%;
	height: auto;
}

div.lightboxcontainer .lightbox_content {
	display: none;
}

div.lightboxcontainer .lighbtox_content:hover, div.lightboxcontainer .lightbox_inner:hover {
	cursor: pointer;
}

div.lightboxcontainer .lightbox_inner {
	position: relative;
}

div.romdcontainer div.romd_button {
	color: var(--mardi-orange-inactive);
	font-weight: bold;
	margin-bottom: 1rem;
}

div.romdcontainer div.romd_button.active {
	color: var(--mardi-orange);
}

div.romdcontainer div.romd_button:hover {
	cursor: pointer;
	color: var(--mardi-orange);
}

div.romdcontainer div.romd_maintext {
	display: none;
}

div.romdcontainer div.romd_maintext.active {
	display: block;
}

div.romdcontainer div.romd_maintext div.frame:first-child {
	padding-top: 0px;
}

div.includeFilecontainer div.titel.clickable {
	cursor: pointer;
	padding-left: 27px;
	background-image: url(/fileadmin/layout/icons/nav-arrow-right.svg);
	background-position: top left;
	background-repeat: no-repeat;
}

div.includeFilecontainer div.titel.clickable.active {
	background-image: url(/fileadmin/layout/icons/nav-arrow-down.svg);
}

div.includeFilecontainer span.sachtitel {
	font-weight: bold;
	display: block;
}

div.includeFilecontainer div.inwerk {
	display: inline;
	color: #aaa;
}

div.includeFilecontainer div.inwerk span.sachtitel {
	display: inline;
}

div.includeFilecontainer div.inwerk a {
	color: #aaa !important;
}

div.includeFilecontainer span.id, div.includeFilecontainer div.hochschulschrift, div.includeFilecontainer span.publikation, div.includeFilecontainer span.ISBN, div.includeFilecontainer span.seiten {
	color: #aaa;
}

div.includeFilecontainer span.id a, div.includeFilecontainer div.hochschulschrift a, div.includeFilecontainer span.publikation a, div.includeFilecontainer span.ISBN a, div.includeFilecontainer span.seiten a {
	color: #aaa !important;
}

div.includeFilecontainer span.bold {
	font-weight: bold;
}

div.includeFilecontainer span.openurl, div.includeFilecontainer span.doi, div.includeFilecontainer span.arxiv, div.includeFilecontainer span.codelink, div.includeFilecontainer span.isbn {
	display: block;
	word-break: break-all;
	text-indent: -50px;
	margin-left: 50px;
}

div.includeFilecontainer div.iFfoldable {
	max-height: 0px;
	overflow: hidden;
	padding-left: 27px;
}

div.includeFilecontainer div.iFfoldable.active {
	max-height: 100%;
}

div.includeFilecontainer div.accesstype {
	color: #aaa;
}

.loader, .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 0, 0, 0.2);
	border-right: 1.1em solid rgba(0, 0, 0, 0.2);
	border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
	border-left: 1.1em solid #000000;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

p.iconlink {
	text-indent: -32px;
	padding-left: 28px;
}

div.pager {
	right: -300px;
	width: 280px;
	position: absolute;
	top: -40px;
}

div.pager div.firstPage, div.pager div.previousPage, div.pager div.nextPage, div.pager div.lastPage {
	display: inline-block;
	cursor: pointer;
	padding-right: 15px;
}

div.pager div.pageNumbers {
	display: none;
}

@media (max-width: 1260px) {
	div.pager {
		position: relative;
		right: unset;
		top: unset;
		width: unset;
		text-align: right;
	}
}

@media (max-width: 1260px) {
	.frame {
		padding-bottom: 1rem;
	}
}

@media (min-width: 1260px) {
	.frame {
		padding-bottom: 1rem;
	}
}

@media (min-width: 768px) {
	.textpic-left .textpic-item {
		width: 100%;
	}

	.frame {
		padding-bottom: 1rem;
	}
}

@media (min-width: 576px) {
	.frame {
		padding-bottom: 1rem;
	}
}

div.cookiebanner {
	display: none;
	position: fixed;
	top: 40px;
	padding-left: 20px;
	width: 583px;
	left: 398px;
	z-index: 9999;
	opacity: 0;
	transition: opacity 1s ease-in;
}

@media (max-width: 991px) {
	div.cookiebanner {
		left: 98px;
		max-width: calc(100% - 110px);
	}
}

@media (max-width: 400px) {
	div.cookiebanner {
		left: -5px;
		max-width: calc(100% - 10px);
	}
}

div.cookiebanner .clickable {
	cursor: pointer;
}

div.cookiebannerheader {
	margin-bottom: 10px;
}

div.cookiebannercontent, div.cookiebannerbuttons {
	margin: auto;
	background-color: #000;
	color: #fff;
	max-width: 640px;
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
}

div.cookiebannerbuttons {
	background-color: #aaa;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

div.cookiebannerbuttons button.cookiebannerbutton, button.contentcookiebutton {
	width: 50%;
	color: #fff;
	background-color: #aaa;
	display: inline-block;
	border: 0px;
	margin: 0px;
	text-align: left;
	padding: 10px;
	padding-left: 20px;
	margin: 0px;
	font-weight: bold;
	outline: none;
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}

div.cookiebannerbuttons button.cookiebannerbutton:first-child {
	border-right: 2px solid #fff;
}

div.cookiebannerbuttons button.cookiebannerbutton:hover, button.contentcookiebutton:hover {
	background-color: #fff;
	color: #000;
}

button.contentcookiebutton:hover {
	border: 1px solid #aaa !important;
}

div.tx-indexedsearch-form {
	display: inline-flex;
	height: 40px;
	align-items: center;
	background-color: #eeeeee;
}

div.tx-indexedsearch-form button {
	border: 0px;
	background-color: #eeeeee;
	height: 40px;
}

div.tx-indexedsearch-searchbox, div.tx-indexedsearch-searchbox form {
	display: inline-flex;
}

div#page-content ul.tx-indexedsearch-browsebox {
	list-style: none;
	padding-inline-start: 0rem;
}

div#page-content ul.tx-indexedsearch-browsebox li {
	display: inline-block;
	padding-right: 10px;
}

div#page-content ul.tx-indexedsearch-browsebox a {
	color: #000;
}

div.tx-indexedsearch-res {
	padding-bottom: 20px;
}

div#metamenu div.tx-indexedsearch-searchbox, div.mobile-meta div.tx-indexedsearch-searchbox {
	background-color: #EEeeEE;
	display: inline-flex;
	align-items: center;
}

input.tx-indexedsearch-searchbox-sword, input.tx-indexedsearch-searchbox-sword:focus-visible {
	border: 0px;
	outline: 0px;
	background-color: #EEEEee;
	padding: 0px;
	padding-right: 0px;
	padding-left: 10px;
	color: #a8a8a8;
	line-height: normal;
	margin: 0px;
	display: inline-block;
}

input.tx-indexedsearch-searchbox-sword:focus-visible {
	color: #000000;
}

div.tx-indexedsearch-info-noresult {
	margin-top: 20px;
}

article.card.search {
	border: 0px;
}

form#tx_indexedsearch input,
form#tx_indexedsearch input:focus-visible {
	border-radius: 0px;
	border: 1px solid #000;
	color: #a8a8a8;
	margin-right: 10px;
	box-shadow: unset;
}

form#tx_indexedsearch input#tx-indexedsearch-searchbox-button-submit {
	background-color: #eee;
	border: 0px;
}


div.alert {
	border: 0px;
	background-color: unset;

}


footer#page-footer div.footer-section-content-column {
                width: 48%;
                max-width: 456px;
                margin-left: 0px;
				margin-right: 20px;
                padding-right: 0px;
        }



@media (max-width: 1450px) {
	footer#page-footer div.footer-section-content-column {
		width: 48%;
		max-width: 456px;
		margin-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1100px) {
	footer#page-footer div.footer-section-content-column {
		width: 100%;
		max-width: unset;
		padding-right: 0px;
		margin-right: 0px;
	}
}