@charset "utf-8";
/*
 * description: general css for the MPI CBG
 *
 */

:root {

	--brand-clr-blue-100: hsl(192deg 29% 81%);
	--brand-clr-blue-200: hsl(192deg 30% 75%);
	--brand-clr-blue-300: hsl(193deg 30% 69%);
	--brand-clr-blue-400: hsl(192deg 30% 65%);
	--brand-clr-blue-500: hsl(192deg 35% 46%);
	--brand-clr-blue-600: hsl(190deg 60% 40%);
	--brand-clr-blue-700: hsl(196deg 100% 27%);
	--brand-clr-blue-800: hsl(192, 100%, 23%);

	--brand-clr-petrol: var(--brand-clr-blue-800);

	--brand-clr-green-100: hsl(172deg 36% 80%);
	--brand-clr-green-200: hsl(173deg 25% 67%);

	--brand-clr-green-700: hsl(171deg 71% 26%);
	--brand-clr-green-800: hsl(172deg 99% 21%);

	--brand-clr-default-text: hsl(0deg 0% 20%);
	--brand-clr-default-bg: #ffffff;
}

* {
	margin: 0;
}

/* *** firefox specification *** */
a:focus {
	outline: none;
}

a::-moz-focus-inner {
	border: 0;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.container-fluid {
	padding-right: 25px;
	padding-left: 25px;
}


/* *** GENERAL *** */
html,
body {
	height: 100%;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;
	-moz-font-feature-settings: "onum=0, pnum=0, lnum=1, tnum=1";
	/* Firefox */
	-webkit-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;
	/* WebKit */
	-o-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;
	/* Opera */
}

body {
	color: #333
		/*rgb(30, 30, 30)*/
	;
	font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 17px;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.4em;
	margin: 0 0 20px;
	quotes: '„' '”';
	word-wrap: break-word;
}

p.reference {
	font-weight: 100;
}

p.reference b {
	font-weight: normal;
}

p.reference a {
	font-weight: normal;
	color: black;
	text-decoration: none;
	padding-left: 12px;
	background: url('../img/link_arrow.png') 2px center no-repeat;
}

p.reference a:hover {
	text-decoration: none;
}

b,
strong {
	font-weight: bold;
}

i,
em {
	font-style: italic;
}

i a,
i b,
b i,
em a,
em strong,
strong em {
	font-weight: bold;
	font-style: italic;
}

blockquote {
	display: block;
	position: relative;
	width: 80%;
	margin-block: 1.75em 1.5em;
	margin-inline: auto;
	font-style: italic;
	font-size: 1.1em;
	/* font-weight: 500; */

	p+p {
		margin-top: .5em;
	}


	@media (max-width: 576px) {
		width: auto;
		margin-left: 2em;
	}
}

blockquote::before {
	content: "“";
	position: absolute;
	z-index: -1;
	top: -5.5rem;
	left: -5rem;
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-style: italic;
	font-size: 12rem;
	color: hsla(192, 35%, 80%, 0.4);

	@media (max-width: 576px) {
		left: -4rem;
	}
}

blockquote br+strong:last-of-type {
	display: block;
	text-align: end;
	padding-inline-end: 1rem;
}

#RGL_Publications b,
h1,
h2,
h3,
h4 {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 25px;
}

h1,
h2,
h3,
h4,
h1 a,
h2 a,
h3 a,
h4 a {
	color: #000;
}

h1 {
	font-size: 30px;
	text-transform: uppercase;
}

#frontpage h1 {
	text-transform: none;
}

h1,
h2 {
	margin-top: 0;
	margin-bottom: 15px;
}

h3 {
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 8px;
}

h4 {
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 10px;
}

h4.list {
	font-size: 18px;
	line-height: normal;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

h5 {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: normal;
	padding: 8px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 20px 0;
}

/* hidden heading in TYPO3 */
h100 {
	display: none;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

a.cover-all {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

a.cover-all span {
	display: none;
}

.fw-medium {
	font-weight: 500;
}

/* refactored from old blockquote */
.standout-grey {
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	color: #888;
	padding: 10px 0;

	.fw-medium {
		font-weight: 600;
	}
}

/* *** figure specification *** */
figure {
	float: left;
	margin-bottom: 20px;
}

figure.csc-textpic-image {
	display: table;
}

figcaption {
	display: table-caption;
	font-size: 15px;
	line-height: 1.2em;
	float: left;
	padding: 5px 0 0;
	caption-side: bottom;
}

figcaption a,
figcaption a:hover {
	color: white;
	text-decoration: none;
}

.csc-textpic,
.frame-default.frame-type-image,
.frame-default.frame-type-text,
.frame-default.frame-type-textpic {
	margin-bottom: 20px;
}

.ce-textpic .ce-bodytext {
	max-width: 700px;
}

div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left: 15px;
}

div.csc-textpic-imagecolumn,
td.csc-textpic-imagecolumn .csc-textpic-image {
	margin-right: 15px;
}

.frame-default,
div.frame-type-image .ce-column,
div.csc-textpic div.csc-textpic-imagerow,
.frame-default image {
	margin-bottom: 1.5em;
}

.ce-intext.ce-right .ce-gallery {
	margin-left: 25px;
}

.ce-intext.ce-left .ce-gallery {
	margin-right: 25px;
}

.frame-default.frame-type-textpic .ce-above .ce-gallery {
	margin-bottom: 30px;
}

/* MEDIA GALLERIES ON MOBILE */
@media (width < 992px) {
	.ce-gallery .ce-column+.ce-column {
		margin-top: 10px;
	}
}

@media (width < 576px) {

	/* textpic and textmedia stacking layout on mobile (tx_mpicbg_stackorder field) */
	:has(> .ce-bodytext):has(> .ce-gallery) {
		display: flex;
		flex-direction: column;
		margin-bottom: 2.5rem;

		.ce-gallery img {
			width: 100%;
		}
	}

	.stack--textTop {
		.ce-bodytext {
			order: 1;
		}

		.ce-gallery {
			order: 2;
		}
	}

	.stack--galleryTop {
		.ce-gallery {
			order: 1;
		}

		.ce-bodytext {
			order: 2;
		}
	}

	.ce-intext.ce-right .ce-gallery,
	.ce-intext.ce-left .ce-gallery {
		margin-left: 0;
		padding: 0;
	}

	.flexslider .ce-intext.ce-left .ce-gallery,
	.flexslider .ce-intext.ce-right .ce-gallery {
		width: 100% !important;
		padding-bottom: 3rem;
	}

	.flexslider .ce-bodytext {
		width: 100% !important;
	}
}

video {
	max-width: 100%;
}

.tx-flvplayer2-pi1 {
	margin-bottom: 30px;
}

hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 2px solid #000;
}

ol p,
ul p {
	margin: 0;
}

.frame-type-text ul li,
.frame-type-textpic ul li {
	margin-bottom: 0.4em;
}

ol {
	padding-left: 25px;
}

.content ul a.external-link-new-window,
.content .celement_text ul a,
.content p.bodytext a,
.main_content p.bodytext a,
.ce-bodytext a,
.frame-type-text a,
.news-text-wrap p a,
.empty_table table a,
.news-text-wrap li a,
.dropdown-element .entry-container a,
.people_overview .description-box a,
#subserv-desc a,
.blue-links-list a,
.flex-card a,
.default-link,
ul.timeline a,
.event-details-view .event-description a {
	padding-left: 9px;
	background: url('../Icons/Page/icon_link.svg') 1px center no-repeat;
	background-size: 5px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
	line-height: 1;
}

a:not([href]) {
	display: none;
}

#content a.mail:hover,
#content a.internal-link:hover,
#content a.external-link-new-window:hover {
	color: #666 !important;
	text-decoration: none;
}

.video-js-box {
	margin-bottom: 20px;
}

.content.wspacing {
	margin-top: 45px;
}

/*
.ce-gallery .ce-row {
    margin-bottom: 15px;
}*/

/* *** Publications *** */
.publication_search_exam p {
	margin: 0;
}

.publication .pubtitle {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
}

.publication .addInf-btn {
	margin-right: 1em;
}

.publication .open-abstract {
	background: #005d75;
	color: #fff;
	padding: 0 5px;
	border: 1px solid #005d75;
	display: inline-block;
	white-space: nowrap;
}

.publication .open-abstract:before {
	content: '+ ';
}

.publication .open-abstract.open {
	background: rgb(0 93 117 / 30%);
	color: rgb(0 93 117);
	border-color: #c0c8cb;
}

.publication .open-abstract.open:before {
	content: '- ';
}

.publication .collapsible-container {
	display: none;
	position: relative;
	margin-top: 0.5em;
}

.publication .collapsible-container.open {
	display: block;
}

.publication .publication-abstract {
	background: #f5f5f5;
	padding: 1em;
}

#content>div.content-box {
	float: left;
	position: relative;
}

.user_search input {
	outline: 0;
}

/* *** readmore expander *** */
#content a.readmore {
	display: block;
	float: left;
	position: relative;
	color: black;
}

#content a.readmore:hover {
	color: #666666;
}

#content a.readmore span,
#content a.readmore i {
	margin-left: 42%;
	font-size: 45px;
}


.prototip .tooltip {
	opacity: 1;
}


/* *** CONTENT *** ********************************************************************************* */
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

/* *** Search *** */
.main_content .tx-kesearch-pi1 form {
	margin-bottom: 20px;
}

.main_content .tx-kesearch-pi1 ul.further-results {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	text-align: right;
	font-size: 0;
}

.main_content .tx-kesearch-pi1 ul.further-results li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-left: 1px solid #888;
}

.main_content .tx-kesearch-pi1 ul.further-results li:first-child {
	border-left: none;
}

.main_content .tx-kesearch-pi1 ul.further-results li a {
	padding: 0 0.5em;
	font-size: 16px;
}

.main_content .searchbox {
	box-sizing: border-box;
	margin-bottom: 40px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	font-size: 0;
	line-height: 1;
}

.main_content input.search-term {
	width: 40%;
	min-width: 200px;
	padding: 16px 8px;
	vertical-align: bottom;
	border-right: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 16px;
}

.main_content button.submit-search {
	width: 50px;
	height: 50px;
	padding: 1px 8px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 0;
	border-top: 1px solid #ddd;
	background-color: #FFE700;
	font-size: 24px;
}

.main_content input.submit-search,
.main_content input.submit-search:hover {
	-webkit-transition: background-color 100ms;
	-moz-transition: background-color 100ms;
	transition: background-color 100ms;
}

.main_content input.submit-search:active {
	background-color: #005d75;
	color: #fff;
}

.main_content #kesearch_mobile {
	display: none;
}

.main_content #kesearch_results .result-list-item {
	margin: 20px 0;
	padding-bottom: 15px;
	/* 	border-bottom: 1px solid #848484; */
}

.main_content #kesearch_results .result-list-item p {
	margin: 0;
}

.main_content #kesearch_results .result-teaser {
	color: #848484;
}

.main_content #kesearch_results .result-teaser .hit {
	font-weight: bold;
	color: #333;
}

.pages_total {
	clear: both;
}

.pages_total::after {
	content: "";
	display: block;
	clear: both;
}

.pages_total .result_txt {
	float: left;
}

.pages_total .kesearch_pagebrowser {
	float: right;
}

.pages_total .kesearch_pagebrowser ul li {
	float: left;
	display: block;
	padding: 0 3px;
	background: none;
}

.pages_total ul li a {
	display: block;
	text-decoration: none;
}

.pages_total ul li.current,
.pages_total ul li a.current {
	font-weight: bold;
	color: black;
}

.main_content .search-results-sub {
	padding-top: 40px;
}

/* *** Staff search input field and button *** */
.staff-search div.search-form {
	box-sizing: border-box;
	margin-bottom: 40px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	font-size: 0;
	line-height: 1;
}

.staff-search input.search-term {
	width: 40%;
	min-width: 200px;
	padding: 16px 8px;
	vertical-align: bottom;
	border-right: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 16px;
}

.staff-search button.submit-search {
	width: 50px;
	height: 50px;
	padding: 1px 8px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 0;
	border-top: 1px solid #ddd;
	background-color: #FFE700;
	font-weight: 900;
	font-size: 24px;
}

.staff-search button.submit-search:hover {
	background-color: rgb(0 93 117 / 30%);
}



#content {
	margin-top: 20px;
}

#content .main_content h1 {
	font-size: 30px;
}

#content .subCONTENT div.content-box.layout-0 .textpic-text a {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

#content div .textpic-text aside {
	width: 45%;
	font-style: italic;
}

.content_meta {
	float: right;
	color: #848484;
}

/* *** Landing Pages ***/
#overview-sub {
	margin-top: 2em;
	margin-bottom: 3em;
}

/* *** Row Layout ***/
.colored-rows .frame-type-text.frame-layout-3,
#firstRow .frame-type-text,
#thirdRow .frame-type-text {
	background: whitesmoke;
	width: 80%;
	padding: 2em;
	margin: 3em 0;
	-webkit-box-shadow: 10px 10px 20px -5px rgb(215 215 215);
	-moz-box-shadow: 10px 10px 20px -5px rgba(0, 0, 0, 1);
	box-shadow: 10px 10px 20px -5px rgb(215 215 215);
}

#secondRow,
.blue-background {
	background: rgb(0 93 117 / 30%);
	padding: 3em 0 0;
	margin: 1em 0 3em;
}

#secondRow.special-el .frame-type-text,
#secondRow.special-el .celement_textpic {
	margin: 3em 0;
}

#fourthRow {
	background: rgb(0 93 117 / 30%);
	padding: 3em 0;
	margin-bottom: 3em;
}

#fourthRow .celement_text,
#fourthRow .celement_textpic {
	margin: 3em 0;
}

/* PHD Program Page */
.first-row .logo-title img {
	float: left;
}

.first-row .logo-title h1 {
	margin-left: 3em;
	padding: 0.7em 0;
}

/* Public Engagement */
#multiple-rows>div:nth-child(odd) {
	background: rgb(0 93 117 / 30%);
}

.second-row {
	margin-top: 45px;
}


.subFIRST p {
	font-size: 20px;
}

.subFIRST aside p {
	font-size: 16px;
	width: 45%;
}

.textpic {
	clear: both;
}

figure {
	margin-bottom: 20px;
}

img {
	max-width: 100%;
	height: auto;
}


/* *** Text block images in News and Events Details pages */

/* override absolute dimensions so images are responsive */
.news-text-wrap img,
.event-description img,
.dropdown-content img,
.anniversary img {
	height: auto !important;
}


/**** table style *****/
.responsive-table {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;

	table {
		min-width: rem-calc(640);
	}
}

table {
	margin-top: 20px;
	margin-bottom: 45px;
	width: 100%;
}

table tr:last-child {
	border-bottom: 1px solid #000000;
}

table thead th {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
}

table thead tr th:first-child,
.list table thead tr td:first-child {
	min-width: 150px;
}

table thead tr th {
	line-height: 1.5em;
	padding-left: 5px;
}

table tbody tr:hover {
	background-color: #FFE700;
}

table tbody tr td {
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #000000;
}

.empty_table table {
	margin-bottom: 20px;
}

.empty_table table tbody tr td,
.empty_table table tr:last-child {
	border-bottom: none;
}

.empty_table table tbody tr:hover {
	background-color: white;
}

table tbody tr td a,
table p {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

table tbody tr td:first-child {
	font-weight: bold;
}

div#RGL table tbody tr td:first-child {
	font-weight: normal;
}

table tbody.grid tr:hover {
	background-color: inherit;
}

/* *** Staff search - table style *** */
.staff-search table {
	margin-top: 0;
}

.staff-search table th {
	font-size: 25px;
}

.staff-search thead {
	background: rgb(0 93 117);
	color: #fff;
}

.staff-search thead tr {
	border: none;
}

.staff-search tbody tr:hover {
	background-color: rgb(0 93 117 / 30%);
}

dl {
	width: 100%;
	overflow: hidden;
}

dt {
	float: left;
	width: 30%;
	margin: 0px;
	padding: 0 5px;
	box-sizing: border-box;
}

dd {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0 5px;
	box-sizing: border-box;
}

.copyright {
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0.4em;
	text-shadow: 0 0 3px #000, 0 0 3px #000;
}

/* *** backlink *** */
.backlink-wrap {
	clear: both;
	float: left;
	margin-top: 30px;
	background-color: #FFE700;
	width: 45px;
	height: 45px;
	padding: 5px;
}

.backlink-wrap a {
	font-size: 20px;
	color: rgb(30, 30, 30);
}

.backlink-wrap:hover {
	background-color: #666666;
}

.backlink-wrap:hover a {
	color: white;
}

/* *** social media share buttons *** */
ul.news-social {
	list-style: none;
	padding: 0;
}

ul.news-social li:first-child {
	margin-top: 0;
	border-top: none;
}

ul.news-social li {
	width: 100px;
	border-top: 1px solid #848484;
}

ul.news-social li a {
	display: block;
	color: #848484;
	text-decoration: none;
	line-height: normal;
	padding: 8px 5px;
}

ul.news-social li a:hover {
	background-color: #FFE700;
	color: black;
}

ul.news-social li a i {
	margin-right: 10px;
}

ul.news-social li a i.fa-facebook {
	margin-right: 15px;
}

/* *** pagination *** */
.pagination,
.pag {
	margin-top: 0;
	display: inline-block;
	padding-left: 0;
}

.pag>li {
	display: inline;
}

.pagination li a {
	color: #333;
}

#livinginDresden .pagination {
	margin: 10px 0 10px 1em;
}

#livinginDresden .inner_pagination li a {
	background-image: none;
}

#livinginDresden .tab-content-wrapper .page {
	display: none;
}

.pagination li:hover a,
.pagination .active:hover a {
	color: white;
	background-color: #848484;
	border-color: #848484;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
	border-radius: initial;
}

.pagination>.active>a {
	background-color: #848484;
	border-color: #848484;
}

/* *** staff plugin display *** */
.contact_list {
	margin: 1em 0;
}

.contact_list p {
	margin-bottom: 10px;
}

.contact_list p.strong,
.service_contact p.strong {
	font-weight: bold;
	margin: 0;
}

.contact_list table,
.service_contact table {
	margin: 0;
}

.contact_list table .name,
.service_contact table .name {
	font-weight: bold;
}

.contact_list table tbody tr {
	vertical-align: top;
}

.contact_list table tbody tr:hover,
.service_contact table tbody tr:hover {
	background-color: transparent;
}

.contact_list table tbody tr td:first-child {
	width: 60px;
}

.contact_list table tr:last-child,
.service_contact table tr:last-child {
	border: none;
}

.contact_list table tbody tr td,
.service_contact table tbody tr td {
	border-bottom: none;
	padding: 2px;
}

.staff-personView h2 {
	margin: 0;
}

.staff-personView .line {
	border-bottom: solid 1px #212429;
	width: 300px;
	padding-top: 5px;
	margin-bottom: 5px;
}

.staff-personView .line-short {
	border-bottom: solid 1px #212429;
	width: 80%;
	padding-top: 5px;
	margin-bottom: 5px;
}

/* ****** Gallery ****** */
.tx-yag-pi1 ul {
	padding: 0;
}

.tx-yag-breadcrumbcomtainer,
.tx-yag-pager {
	display: none;
}

/* ****** Feedback form ****** */
.feedback_trigger {
	position: fixed;
	top: 0px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 130px;
	cursor: pointer;
	z-index: 10001;
	background-color: #005D75;
}

.feedback_trigger_text {
	color: #fff;
	white-space: nowrap;
	position: absolute;
	top: 50px;
	right: -15px;
	font-size: 18px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: none;
}

.feedback_content {
	/*display: none;*/
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 3px #AAA;
	/*width: 0px;*/
	width: 380px;
	height: 550px;
	z-index: 10000;
	background-color: #ffffff;
	padding: 20px;
	/*padding: 0;*/
	margin: auto;
	margin-right: -400px;
}

.feedback_content p {
	margin-bottom: 5px;
}

.feedback_content ul {
	list-style: none;
	padding: 0;
}

.feedback_content ol li {
	margin-bottom: 10px;
}

div.csc-mailform ol li.csc-form-element-reset {
	width: 50%;
	float: left;
}

div.csc-mailform ol li.csc-form-element-reset input,
div.csc-mailform ol li.csc-form-element-submit input {
	background-color: #005D75;
	color: #fff;
	border: none;
	width: 80%
}

.feedback_content ol li input {
	width: 100%;
	height: 35px;
}

.feedback_content ol li textarea {
	width: 100%;
}

.feedback_content ol li.csc-form-10 {
	margin-top: 15px;
}

.feedback_content ol li.csc-form-10 a {
	font-weight: bold;
}

.feedback_content ol li.csc-form-11 {
	position: absolute;
	margin: 0 0 0 -999em;
}


/* ****** scroll to top button ****** */
.scrollToTop {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 16px;
	;
	color: rgb(30, 30, 30);
	background-color: #FFE700;
	text-decoration: none;
	display: none;
	z-index: 100;
}

.scrollToTop i {
	font-size: 30px;
}

.scrollToTop:hover {
	text-decoration: none;
	color: white;
	background-color: #666666;
}


/* ****** CONTENT special sites ****** */
#basicResearch iframe {
	width: 100%;
}

#movingtoDresden .csc-sitemap a {
	color: #333;
	text-decoration: none;
}

#movingtoDresden .csc-sitemap a:hover {
	text-decoration: none;
}

#movingtoDresden #c-right,
#beforeArriving #c-right {
	padding: 10px;
	background-image: url('../img/bg-stripes.png');
}

/* ****** About the Institute ****** */
.instituteCT .celement_textpic .csc-textpic-imagewrap {
	width: 100%;
	height: 220px;
}

.instituteCT .celement_textpic .textpic-text {
	height: 130px;
}

.instituteCT .celement_textpic .textpic-text p {
	margin-bottom: 0;
}

/* *** Structure - Organigram *** */
#organigram h3 {
	text-transform: uppercase;
}

#organigram h3 a:hover {
	color: black;
}

#organigram h4 {
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed black;
}

#organigram #directors-board div {
	padding: 1em;
	background-color: #005d75;
	color: #fff;
	margin-bottom: 20px;
}

#organigram #directors-board h3 a {
	color: #fff;
}

#organigram #directors-board div p {
	margin-bottom: 0;
}

#organigram .org-cols div.frame {
	padding: 1em;
	background-color: rgb(0 93 117 / 30%);
}

#organigram .cols ul {
	font-weight: 100;
	margin-top: -20px;
}

#organigram .cols ul li {
	text-indent: initial;
}

#organigram .cols ul li:before {
	content: "";
}

#organigram #serv-fac div,
#organigram #admin div {
	margin-bottom: 0;
	border-bottom: 1px solid black;
}

#organigram #serv-fac div:nth-child(2) h3 {
	padding-bottom: 10px;
	border-bottom: 1px dashed black;
}

#organigram #admin .celement_text:nth-child(2) {
	background-color: white;
	padding: 0 0 2px;
}

#organigram #serv-fac .celement_text:nth-child(2) h4 {
	border-bottom: 1px solid black;
	padding: 10px;
	margin: 0;
}

#organigram #admin .celement_text:nth-child(2) h3,
#organigram #admin .celement_text:nth-child(2) h4,
#organigram #admin .celement_text:nth-child(2) p {
	border-bottom: none;
	padding: 10px;
	margin: 0;
}

#organigram #admin .celement_text:nth-child(2) h4 {
	padding-bottom: 2px;
}

#organigram #admin .celement_text:nth-child(2) p {
	padding-top: 2px;
}

#organigram #admin .celement_text:nth-child(3),
#organigram #admin .celement_text:nth-child(4) {
	background-color: white;
	padding: 0;
}

#organigram #admin .celement_text:nth-child(3) h3 {
	padding: 10px 10px 10px;
	margin: 2px;
}

#organigram #admin .celement_text:nth-child(4) h4 {
	padding: 10px 10px 10px;
	margin-bottom: 2px;
	border-bottom: 1px solid black;
}

/* *** dropdown element / CV dropdown element *** */
.dropdown-element {
	margin-bottom: 2px;
}

.dropdown-element header {
	position: relative;
	background-image: linear-gradient(45deg, #005d75, rgb(0 93 117 / 70%));
	padding: 15px;
	cursor: pointer;
}

.dropdown-element header p {
	color: #fff;
	font-weight: 600;
	margin: 0;
}

.dropdown-element header i {
	position: absolute;
	top: 0.8em;
	right: 1em;
	width: 20px;
	height: 20px;
	background-color: #fff;
	-webkit-mask-image: url(../Icons/Page/icon_down.svg);
	mask-image: url(../Icons/Page/icon_down.svg);
}

.dropdown-element header.open i {
	-webkit-mask-image: url(../Icons/Page/icon_up.svg);
	mask-image: url(../Icons/Page/icon_up.svg);
}

.dropdown-element .entry-container {
	padding: 15px;
	display: none;
}

.dropdown-element .entry-container .dropdown-content {
	max-width: 800px;
}

/* *** CV RG subpage *** */
.gl-name {
	margin-bottom: 2em;
}

.gl-name h2 {
	margin: 0;
}

.gl-name .line {
	width: 400px;
	border-bottom: 1px solid #222429;
}

.cv_element header {
	position: relative;
	background-image: linear-gradient(45deg, #005d75, rgb(0 93 117 / 70%));
	padding: 10px 15px;
	cursor: pointer;
}

.cv_element:nth-child(2n) header {
	background-image: linear-gradient(45deg, rgb(0 93 117 / 50%), #005d75);
}

.cv_element header h3 {
	color: #fff;
	margin-bottom: 0;
}

.cv_element header i {
	position: absolute;
	top: 0.8em;
	right: 1em;
	width: 20px;
	height: 20px;
	background-color: #fff;
	-webkit-mask-image: url('../Icons/Page/icon_down.svg');
	mask-image: url('../Icons/Page/icon_down.svg');
}

.cv_element header.open i {
	-webkit-mask-image: url('../Icons/Page/icon_up.svg');
	mask-image: url('../Icons/Page/icon_up.svg');
}

.cv_element .entry-container {
	position: relative;
	padding: 0 15px;
	margin: 15px 0;
}

.cv_element .entry-container .row {
	margin-bottom: .5rem;
}

.cv_element .entry-container.closed {
	display: none;
}

.cv-col>.cv_element .entry-container {
	display: block;
}

.cv-col>.cv_element~.cv_element .entry-container {
	display: none;
}

.cv_element .entry-container::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 7ch;
	height: calc(100% - 2px);
	width: 1px;
	background: #005d75;
}

.cv_element .period {
	position: relative;
	text-align: center;
	color: #005d75;
	display: inline-block;
	width: 13ch;
}

.cv_element .period div,
.cv_element .entry-container .row:last-child .period {
	background: #fff;
	line-height: 1.2em;
}

.cv_element .entry-container .row .period div {
	margin-top: 2px;
}

.cv_element .highlight {
	color: #005d75;
}

.cv_element .square {
	border: 1px solid #005d75;
	background: #fff;
	color: #fff;
	text-align: center;
	width: 1em;
	height: 1em;
}


/* *** Directions *** */
#content .directions h1 {
	width: 30%;
}

#content .directions img {
	margin-top: -110px;
	width: 100%;
}

#content .directions_info {
	margin-top: 100px;
}

#c2751 {
	clear: both;
}

#contact .subFIRST div:first-child p {
	font-size: 20px;
}

#contact .subFIRST div p {
	font-size: 16px;
}

#guidedTours #c557,
#c2851 {
	margin-top: 50px;
}

/* *** Directors *** */
#directors #c2735,
#direktoren #c2946 {
	border-bottom: 1px solid black;
	margin-top: 30px;
	margin-bottom: 30px;
}

#directors img,
#direktoren img {
	width: 100%;
}

#directors .director {
	margin-bottom: 20px;
}

#curr-directors #first-col .csc-default:first-child,
#curr-directors #sec-col .csc-default:first-child,
#curr-directors #third-col .csc-default:first-child,
#curr-directors #third-col .csc-default:nth-child(2) {
	/*	border-bottom: 1px solid black; */
	margin-bottom: 20px;
}

#directors .director h2 {
	margin-bottom: 5px;
}

#directors .director figure {
	margin-bottom: 10px;
}

#directors .grid-2-3 h4,
#direktoren .grid-2-3 h4 {
	margin-top: 0;
}

#directors .grid-2-3,
#direktoren .grid-2-3 {
	padding-bottom: 15px;
}

/* *** Display/Hide content widget *** */
.show_hide_link_container {
	display: block;
	float: none;
	clear: both;
	margin-bottom: 1em;
}

.show_hide_link_container a {
	color: #4b4b4b;
	text-decoration: none;
	padding-left: 12px;
	background: url('../img/link_arrow.png') 2px center no-repeat;
	font-weight: bold;
	cursor: pointer;
}

.show_hide_link_container a:hover {
	color: #000;
	background: url('../img/link_arrow_down.png') center left no-repeat;
}

.show_hide_link_container.visible>a {
	color: #000;
	background: url('../img/link_arrow_up.png') center left no-repeat;
}

.show_hide_link_container.bottom_button {
	font-style: italic;
	font-size: 12px;
}

.show_hide_link_container.not_visible>div,
.show_hide_link_container.visible span.link_text_show,
.show_hide_link_container.not_visible span.link_text_hide {
	display: none;
}

.show_hide_link_container.visible>div,
.show_hide_link_container.visible span.link_text_hide,
.show_hide_link_container.not_visible span.link_text_show {
	display: inherit;
}

.show_hide_link_container.visible span.link_text_hide,
.show_hide_link_container.not_visible span.link_text_show {
	display: inherit;
}

.show_hide_link_container .normal_size,
.show_hide_link_container .normal_size {
	font-size: 16px;
	line-height: 30px;
}

.show_hide_link_container .medium_size,
.show_hide_link_container .medium_size {
	font-size: 20px;
	line-height: 38px;
}

.show_hide_link_container .bigger_size,
.show_hide_link_container .bigger_size {
	font-size: 24px;
	line-height: 45px;
}

.show_hide_link_container div div.image_container a.image_link {
	background-image: none;
	color: transparent;
	width: 30%;
	padding: 0 10px 10px 0;
	margin-right: 0;
	float: left;
}

.show_hide_link_container div div.image_container img {
	border: 1em solid #f2f2f2;
}

/* *** Find your Service Page *** */
.tab-pane>.row {
	padding: 15px 0;
}

#find_your_service .tab-content {
	margin-top: 15px;
}

#find_your_service .tab-content #biomolecules,
#find_your_service .tab-content #modelsystems {
	background-image: linear-gradient(45deg, #005d75, rgb(0 93 117 / 50%));
}

#find_your_service .tab-content #image,
#find_your_service .tab-content #omics {
	background-image: linear-gradient(45deg, rgb(0 93 117 / 50%), #005d75);
}

#find_your_service .tabs {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x)/ -2);
	margin-left: calc(var(--bs-gutter-x)/ -2);
}

#find_your_service .tabs button {
	width: 25%;
	border: none;
	background: transparent;
	padding-right: calc(var(--bs-gutter-x)/ 2);
	padding-left: calc(var(--bs-gutter-x)/ 2);
}

#find_your_service .tabs button img {
	filter: grayscale(100%);
}

#find_your_service .tabs button.active img,
#find_your_service .tabs button:hover img {
	filter: none;
}

.techn_area {
	margin: 0 15px 5px 0;
	background: #fff;
}

.tab-content .intro-text .frame-default {
	color: #fff;
	padding-left: 15px;
	margin: 0;
}

.techn_area .entry-container {
	padding: 0 1em 1em;
	display: none;
	background-color: #fff;
}

.techn_area .entry-container .ov-desc {
	padding: 1em 0;
	color: #005d75;
	font-weight: normal;
}

.techn_area .entry-container .subservlist {
	margin-top: 1em;
}

.techn_area header {
	position: relative;
	background-color: #005d75;
	padding: 0.5em;
	cursor: pointer;
}

.techn_area:nth-child(2n) header {
	background-image: linear-gradient(45deg, rgb(0 93 117 / 50%), #005d75);
}

.techn_area header h3 {
	color: #fff;
	margin-bottom: 0;
}

.techn_area header i {
	position: absolute;
	top: 0.8em;
	right: 1em;
	width: 20px;
	height: 20px;
	background-color: #fff;
	-webkit-mask-image: url(../Icons/Page/icon_down.svg);
	mask-image: url(../Icons/Page/icon_down.svg);
}

.techn_area header.open i {
	-webkit-mask-image: url(../Icons/Page/icon_up.svg);
	mask-image: url(../Icons/Page/icon_up.svg);
}

.techn_area .entry-container .list-subserv ul {
	list-style: none;
	padding: 0;
}

.techn_area .entry-container .list-subserv ul li {
	float: left;
	width: 100%;
	font-weight: bold;
	color: #838383;
	padding: 0.2em 0;
	cursor: pointer;
}

.techn_area .entry-container .list-subserv ul li.active,
.techn_area .entry-container .list-subserv ul li:hover {
	color: #005d75;
}

.techn_area .entry-container .list-subserv ul li.active span {
	border-bottom: solid 1px #005d75;
}

.techn_area .entry-container #subserv-desc div.tab-inner {
	display: none;
}

.techn_area .entry-container #subserv-desc div.tab-inner.current {
	display: block;
}

.techn_area .entry-container #subserv-desc div.tab-inner .serv-quicklink {
	position: relative;
	max-width: 270px;
	height: 65px;
}

.techn_area .entry-container #subserv-desc div.tab-inner .serv-quicklink a {
	display: block;
	color: #fff;
	background: #005d75;
	padding: 6px 10px;
	height: 100%;
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
	font-family: 'QuadraatSansCondensed', Myriad Pro, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.techn_area .entry-container #subserv-desc div.tab-inner a i.icon-external-link {
	display: initial;
	position: absolute;
	top: 50%;
	left: 11%;
	font-size: 26px;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.techn_area .entry-container #subserv-desc div.tab-inner a i.icon-external-link svg {
	height: 1em;
	fill: #fff;
}

.techn_area .entry-container #subserv-desc div.tab-inner .serv-quicklink span {
	display: block;
	position: absolute;
	top: 50%;
	left: 58%;
	width: 75%;
	margin: 0 auto;
	height: auto;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.techn_area .area_links {
	padding: 0 0.5em 1em;
}

.techn_area .areaLinks-item {
	width: 25%;
	float: left;
	padding: 0 5px;
}

.techn_area .area_links a {
	font-weight: bold;
}

.techn_area .area_links .more-links {
	display: none;
}

.techn_area .technA-sub-links {
	/*display: none;*/
}

.techn_area .area_contact {
	margin-top: 1em;
	font-weight: 300;
}



/* *** Postdoc Events *** */
#contact .type-gridelements_pi1 {
	margin-bottom: 15px;
}

#contact .c-description .csc-default {
	height: initial;
}

.type-gridelements_pi1 .descr-info {
	background-color: black;
}

#contact .green #postdoc .c-description {
	background: rgb(52, 175, 149);
}

#contact .mint #postdoc .c-description {
	background: rgb(180, 225, 220);
}

.type-gridelements_pi1 .descr-info .pic-info {
	color: white;
	padding-left: 0;
}

#contact .type-gridelements_pi1 #postdoc.descr-info .pic-info a {
	color: white;
	background: url('../img/link_arrowW.png') 2px center no-repeat;
}

.type-gridelements_pi1 .descr-info .pic-info .csc-textpic-imagewrap {
	float: left;
	margin: 0;
}

.type-gridelements_pi1 .descr-info .pic-info .csc-textpic-text {
	float: left;
	padding: 15px;
}

#contact .subCONTENT .c-description .csc-default {
	height: initial;
}

#contact .subCONTENT .green,
#contact .subCONTENT .mint {
	margin-bottom: 20px;
}

#contact .subCONTENT .green .c-description {
	background-color: rgb(52, 175, 149);
	padding: 15px;
}

#contact .subCONTENT .mint .c-description {
	background-color: rgb(180, 225, 220);
	padding: 15px;
}

#contact .subCONTENT .light-blue {
	background-color: rgb(146, 195, 226);
}

#contact .subCONTENT .light-green {
	background-color: rgb(187, 214, 50);
	margin-bottom: 20px;
}

#contact .subCONTENT .light-blue .celement_text,
#contact .subCONTENT .light-green .celement_text {
	padding: 15px;
	margin: 0;
}

/* *** Contact *** */
#contact #c657 p,
#ansprechpartner #c2842 p {
	font-size: 16px;
}

#contact table tbody tr td,
#contact table tr:last-child,
#ansprechpartner table tbody tr td,
#ansprechpartner table tr:last-child {
	border-bottom: none;
}

#contact table tbody tr:hover,
#ansprechpartner table tbody tr:hover {
	background-color: transparent;
}

#contact #c655 .customisable-border {
	border-radius: 0;
}

/* *** Event Programs *** */
.publicEngagement .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn.csc-textpic-firstcol,
div[class$="ffentlichkeitsarbeit"] .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn.csc-textpic-firstcol {
	width: 50%;
	padding-right: 10px;
	margin-right: 0;
}

.publicEngagement .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn.csc-textpic-lastcol,
div[class$="ffentlichkeitsarbeit"] .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn.csc-textpic-lastcol {
	width: 50%;
	padding-left: 10px;
}

.publicEngagement .main_content .grid-row,
div[class$="ffentlichkeitsarbeit"] .main_content .grid-row,
.publicEngagement .main_content .row,
div[class$="ffentlichkeitsarbeit"] .main_content .row {
	margin-bottom: 35px;
}

.publicEngagement .csc-textpic,
div[class$="ffentlichkeitsarbeit"] .csc-textpic {
	margin-bottom: 0;
}

.publicEngagement div.csc-textpic .csc-textpic-imagewrap figure img,
div[class$="ffentlichkeitsarbeit"] div.csc-textpic .csc-textpic-imagewrap figure img,
.publicEngagement div.iframe_container>*,
div[class$="ffentlichkeitsarbeit"] div.iframe_container>* {
	border: 1em solid #f2f2f2;
}

div[class$="ffentlichkeitsarbeit"] div.csc-textpic .csc-textpic-imagewrap figure a,
.publicEngagement div.csc-textpic .csc-textpic-imagewrap figure a {
	padding: 0;
}

/* Link to show past events */
div[class$="ffentlichkeitsarbeit"] #show_past_events,
.publicEngagement #show_past_events {
	color: #000;
	text-decoration: none;
	padding-left: 12px;
	background: url('../img/link_arrow.png') 2px center no-repeat;
	font-weight: bold;
	cursor: pointer;
}


@media screen and (max-width : 1024px) {}


/**
 * Extension cw_twitter
 * tweets embedding
 */
.all-tweets {
	position: absolute;
	right: 0;
	top: 0.6em;
}

.tweet-wrap {
	background: #fff;
	border: 5px solid #b9ced6;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tweet-wrap .tweet-meta {
	position: absolute;
	margin-top: -2em;
}

.tweet-wrap p {
	font-size: 15px;
	margin: 0;
}

.retweeted {
	padding-left: 20px;
	background-image: url(/typo3conf/ext/cw_twitter/Resources/Public/Icons/retweet.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	font-size: 12px;
}

.tweet a {
	color: #047074;
}

/**
 * DCE: overscrolling elements
 */
.single_scrollEl {
	position: relative;
}

.single_scrollEl .scrollMedia {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.single_scrollEl .scrollMedia .setheight {
	margin-top: 70%;
}

.single_scrollEl .scrollMedia .scrollImage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.single_scrollEl .scrollMedia .scrollImage .image-info {
	position: absolute;
	bottom: 0.5em;
	right: 1.5em;
	margin: 0;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-size: .7em;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 3px #000;
}

.single_scrollEl .scrollMedia .scrollVideoContainer {
	background: black;
}

.single_scrollEl .scrollMedia .scrollVideoContainer video {
	position: relative;
	max-width: 100%;
	min-height: 600px;
	display: block;
	margin: 0 auto;
}

.single_scrollEl .scroll_coloredBackground {
	background: rgb(134 163 161 / 50%);
	padding: 4em 3em;
}

.single_scrollEl .scroll_text {
	width: 60%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 2.5em 2em;
	margin: 3em;
	background: rgb(0 0 0 / 50%);
	color: white;
	/* font-weight: bold; */
}

.single_scrollEl .scroll_text.align_right {
	right: 0;
	left: unset;
	width: 45%;
}

.single_scrollEl .scroll_text h2,
.single_scrollEl .scroll_text p a {
	color: white;
}

/**
 * DCE: Simple Picture Gallery
 */
.dce-simplegal-container {
	margin: 0 -3px;
}

.dce-simplegal-img {
	width: 24.8%;
	padding: 3px;
}

.dce-simplegal-img.two-col {
	width: 49.6%;
}

.dce-simplegal-img img {
	width: 100%;
}

@media (max-width: 1024px) {
	.dce-simplegal-img {
		width: 33.2%;
	}

	.dce-simplegal-img.two-col {
		width: 66.4%;
	}
}

@media (max-width: 912px) {
	.dce-simplegal-img {
		width: 49.8%;
	}

	.dce-simplegal-img.two-col {
		width: 99.6%;
	}
}

@media (max-width: 768px) {
	.dce-simplegal-img {
		width: 33.2%;
	}

	.dce-simplegal-img.two-col {
		width: 66.4%;
	}
}

@media (max-width: 600px) {
	.dce-simplegal-img {
		width: 49.8%;
	}

	.dce-simplegal-img.two-col {
		width: 99.6%;
	}
}

@media (max-width: 376px) {
	.dce-simplegal-img {
		width: 100%;
	}
}

/**
 * DCE: TIMELINE
 *
 * make sure to have overflow-x: hidden;
 * on either body or a full width parent div like #content
 */
#history,
#geschichte,
#our-history {
	overflow: hidden;
}

div#timeline,
div#geschichte,
div#our-history {
	position: relative;
	overflow: hidden;
}

div#timeline h2,
div#geschichte h2,
div#our-history h2 {
	text-align: center;
}

div#timeline ul.timeline::before,
div#geschichte ul.timeline::before,
div#our-history ul.timeline::before {
	content: "";
	position: absolute;
	top: -2rem;
	bottom: -4rem;
	left: 50%;
	display: block;
	width: 3px;
	border-left: 3px solid #bbb;
}

div#timeline h3,
div#geschichte h3,
div#our-history h3 {
	margin: 2rem 0;
	position: relative;
	font-size: 2.2em;
	font-weight: 100;
	text-align: center;
}

div#timeline h3 span,
div#geschichte h3 span,
div#our-history h3 span {
	display: inline-block;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	padding: 1.8rem 0;
	background-color: #FFE700;
	line-height: 1;
}

ul.timeline {
	--default-bg-clr: #f2f2f2;
	--highlight-bg-clr: #005d75;
	--highlight-text-clr: white;

	position: relative;
	list-style-type: none;
	max-width: 80em;
	margin: 0 auto;
	padding: 1em 0;
}

ul.timeline::after {
	content: "";
	display: block;
	clear: both;
}

ul.timeline>li {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	background-color: var(--default-bg-clr);
	transition: margin-top 150ms, opacity 300ms, transform 300ms;
}

ul.timeline>li:nth-child(2n+1) {
	float: left;
	clear: left;
}

ul.timeline>li:nth-child(2n) {
	float: right;
	clear: right;
}

ul.timeline>li:first-child {
	margin-top: -1em;
}

ul.timeline>li.tlEntry-hidden {
	opacity: 0;
}

ul.timeline>li:nth-child(2n+1).tlEntry-hidden {
	transform: translateX(-50%);
}

ul.timeline>li:nth-child(2n).tlEntry-hidden {
	transform: translateX(50%);
}

ul.timeline>li.tlEntry-visible {
	opacity: 1;
	transform: translateX(0);
}

ul.timeline>li div.tlHeader {
	/* contains image and title */
	position: relative;
}

ul.timeline>li img {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

ul.timeline div.tlHeader h4 {
	font-size: 21px;
	margin-top: 0;
}

/**
 * TIMELINE: arrows
 */
ul.timeline>li::after {
	content: "";
	display: block;
	position: absolute;
	top: 1em;
	width: 0;
	height: 0;
	border-width: 1em;
	border-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

ul.timeline>li:nth-child(2n+1)::after {
	border-right-color: transparent;
	border-left-color: var(--default-bg-clr);
	right: -2em;
}

ul.timeline>li:nth-child(2n)::after {
	border-right-color: var(--default-bg-clr);
	border-left-color: transparent;
	left: -2em;
}

/**
 * TIMELINE: different widths
 */
ul.timeline>li.tlDefault {
	width: 37%;
}

ul.timeline>li.tlDefault:nth-child(2n+1) {
	margin-left: 10%;
}

ul.timeline>li.tlDefault:nth-child(2n) {
	margin-right: 10%;
}

ul.timeline>li.tlNarrow {
	width: 23%;
}

ul.timeline>li.tlNarrow:nth-child(2n+1) {
	margin-left: 24%;
}

ul.timeline>li.tlNarrow:nth-child(2n) {
	margin-right: 24%;
}

ul.timeline>li.tlWide {
	width: 47%;
	margin-left: 0;
	margin-right: 0;
}

/**
 * TIMELINE: highlighter
 */
ul.timeline>li.tlHighlight {
	background-color: var(--highlight-bg-clr);
	color: var(--highlight-text-clr);
}

ul.timeline>li.tlHighlight h4,
ul.timeline>li.tlHighlight a {
	color: var(--highlight-text-clr);
}

ul.timeline>li.tlHighlight a {
	padding-left: 9px;
	background: url('../Icons/Page/icon_link_white.svg') 1px center no-repeat;
	background-size: 5px;
	color: var(--highlight-text-clr);
	text-decoration: none;
	border-bottom: 1px solid var(--highlight-text-clr);
	line-height: 1;
}

ul.timeline>li.tlHighlight:nth-child(2n+1)::after {
	border-left-color: var(--highlight-bg-clr);
}

ul.timeline>li.tlHighlight:nth-child(2n)::after {
	border-right-color: var(--highlight-bg-clr);
}

/*
ul.timeline > li.tlHighlight .highlighter {
	display: block;
	width: 22.2222%;
	height: 2em;
	position: absolute; top: 1em;
}
ul.timeline > li.tlHighlight:nth-child(2n+1) .highlighter {
	left: 100%;
}
ul.timeline > li.tlHighlight:nth-child(2n) .highlighter {
	left: -22.2222%;
}
ul.timeline > li.tlHighlight .highlighter::before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	position: absolute; top: 0; left: 50%;
	transform: translateX(-45%);
	box-sizing: border-box;
	border-radius: 50%;
	background-color: rgb(255, 239, 0);
}
ul.timeline > li.tlHighlight.tlEntry-visible .highlighter {
	animation: bullet-bounce 0.6s;
}
@keyframes bullet-bounce {
	0% { transform: scale(0.7); }
	30% { transform: scale(0.7); }
 	70% { transform: scale(1.3); }
 	100% { transform: scale(1); }
}
*/


/* *** Privacy Policy Page *** */
.matomo-optout-container {
	background: #eeeeee;
	padding: 15px;
}



@media (max-width: 48em) {
	ul.timeline>li.tlDefault {
		width: 47%;
	}

	ul.timeline>li.tlDefault:nth-child(2n+1) {
		margin-left: 0;
	}

	ul.timeline>li.tlDefault:nth-child(2n) {
		margin-right: 0;
	}

	ul.timeline>li.tlNarrow {
		width: 37%;
	}

	ul.timeline>li.tlNarrow:nth-child(2n+1) {
		margin-left: 10%;
	}

	ul.timeline>li.tlNarrow:nth-child(2n) {
		margin-right: 10%;
	}
}

@media (max-width: 40em) {
	ul.timeline>li {
		margin-top: 1em !important;
	}

	ul.timeline>li::after {
		display: none;
	}

	ul.timeline>li.tlDefault {
		width: 100%;
	}

	ul.timeline>li.tlWide {
		width: 100%;
	}

	ul.timeline>li.tlNarrow {
		width: 60%;
	}

	ul.timeline>li.tlNarrow:nth-child(1n) {
		margin-left: 20%;
		margin-right: 20%;
	}
}

@media (max-width: 25em) {
	ul.timeline>li.tlNarrow {
		width: 100%;
	}

	ul.timeline>li.tlNarrow:nth-child(1n) {
		margin-left: 0;
		margin-right: 0;
	}
}



/* ************* Desktops - large devices (desktops, 1300px and up)  ********************** */
@media (min-width: 1300px) {
	.container-fluid {
		width: 1300px;
		padding-right: 25px;
		padding-left: 25px;
		margin-right: auto;
		margin-left: auto;
	}

}

/* ************* Desktops - medium devices (desktops, 992px and up)  ********************** */
@media (min-width: 992px) {

	#content :not(#guidedTours) .main_content div.column2 {
		-webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		-moz-column-count: 2;
		/* Firefox */
		column-count: 2;

		-webkit-column-gap: 30px;
		/* Chrome, Safari, Opera */
		-moz-column-gap: 30px;
		/* Firefox */
		column-gap: 30px;
	}

	#contact figure.caption {
		width: 90%;
		margin: auto;
		margin-bottom: 20px;
	}

}

/* ************* extra small devices - Phones - (max-width: 767px)  ********************** */
@media screen and (max-width : 768px) {

	/* ******* General ******* */
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}

	.feedback_trigger {
		display: none;
	}
}


/* ************* SUZANNE ********************** */
#suzanneEaton,
#rememberingSuzanne {
	background: #fff;
}

#suzanneEaton #main_nav,
#rememberingSuzanne #main_nav {
	background: #fff;
	padding: 0;
	display: none;
}

#suzanneEaton ul#language_menu,
#rememberingSuzanne ul#language_menu {
	margin-top: 10px;
}

#suzanneEaton .front-close,
#rememberingSuzanne .front-close {
	position: fixed;
	left: 32px;
	top: 20px;
	width: 30px;
	height: 30px;
	color: #aaa;
	z-index: 30;
}

#suzanneEaton .front-close:hover,
#rememberingSuzanne .front-close:hover {
	opacity: 1;
}

#suzanneEaton .front-close:before,
.front-close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 30px;
	width: 2px;
	background-color: #aaa;
}

#suzanneEaton .front-close:before {
	transform: rotate(45deg);
}

#suzanneEaton .front-close:after {
	transform: rotate(-45deg);
}

#suzanneEaton .content,
#rememberingSuzanne {
	overflow: hidden;
}

#suzanneEaton .content h1,
#rememberingSuzanne h1 {
	position: absolute;
	z-index: 20;
	width: 100%;
	padding: 15px 0;
	font-size: 56px;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width : 460px) {
	#suzanneEaton .front-close {
		left: 10px;
		top: 12px;
	}

	#suzanneEaton .front-close:before,
	.front-close:after {
		background-color: #333;
	}

	#suzanneEaton .content h1 {
		font-size: 36px;
		padding: 10px 0;
	}
}

@media screen and (max-width : 376px) {
	#suzanneEaton .content h1 {
		font-size: 30px;
	}
}

@media (max-width: 680px) {
	.submenulinks {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/* allow wrap of menu items */
	}

	.submenulinks li a {
		height: 80px;
	}
}

/* *** landing page: DCE clickable picture fields *** */
.submenuFields {
	position: relative;
	margin-bottom: 20px;
}

.submenuFields .subFields-img {
	height: 440px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.submenuFields .subFields-img.half-height {
	height: 210px;
}

.submenuFields .image-info {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	margin: 0;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-size: .7em;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 3px #000;
}

.submenuFields .subFields-text {
	width: auto;
	position: absolute;
	bottom: 0;
	background: #f5f5f5;
	padding: 10px 10px 0 10px;
	-webkit-box-shadow: 10px 10px 20px -5px rgb(132 132 132);
	-moz-box-shadow: 10px 10px 20px -5px rgba(132, 132, 132, 1);
	box-shadow: 10px 10px 20px -5px rgb(132 132 132);
}

/* Technology Areas Story Slider */
#storyRow {
	background: rgb(0 93 117 / 30%);
}

#fullpageSlider {
	position: relative;
	display: inline-block;
}

.storyElement {
	position: relative;
	padding: 3em 0;
}

.storyElement.full-width {
	padding: 0;
}

.storyElement .storyMediaFile {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.storyElement .storyMediaFile .setheight {
	margin-top: 70%;
}

.storyElement .storyMediaFile .scrollVideoContainer video {
	display: block;
	max-height: 800px;
}

.storyElement .storyMediaFile .storyImage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: initial;
	max-height: 800px;
	z-index: 1;
}

.storyElement .storyImage {
	position: relative;
	height: 550px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.storyElement .storyText p {
	font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
	font-style: italic;
	font-size: 24px;
	letter-spacing: 0.03em;
	color: black;
	padding: 0 1em;
}

.storyElement .storyText p::before {
	content: "»";
	font-weight: 600;
	margin-left: -11px;
}

.storyElement .storyText p::after {
	content: "«";
	font-weight: 600;
}

.storyElement .storyText.overlay {
	width: 50%;
	position: absolute;
	top: 3em;
	left: 0;
	z-index: 10;
	padding: 1.5em 1em 1em;
	margin: 3em;
	background: rgb(185 206 214);
}

.storyElement .storyText.overlay p {}

.storyElement .storyText.overlay.align_right {
	right: 0;
	left: unset;
	width: 45%;
}

/*
.storySliderElement.flex-active-slide .storyText p {
  animation: slide-right 2s forwards;
  transform:translateX(-100%);
}
.storySliderElement .storyText .storyLink {
  padding: 0 1em;
  margin-bottom: 1em;
}
.storySliderElement.flex-active-slide .storyText .storyLink {
  animation: 0.5s slide-right 2s forwards;
  transform:translateX(-100%);
}
.storySliderElement .storyText .storyLink a {
  display: inline-block;
  font-weight: 100;
  color: #fff;
  background: rgb(0 93 117 / 60%);
  padding: 0.5em 1em;
}
.storySliderElement .storyText .storyLink:nth-child(odd) a {
  background: rgb(0 93 117 / 90%);
} */

.frame.frame-default.frame-type-text.frame-layout-2 {
	background: rgb(0 93 117 / 30%);
	padding: 2em;
}

.frame.frame-default.frame-type-text.frame-layout-2 p {
	font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
	font-style: italic;
	font-size: 22px;
	letter-spacing: 0.03em;
}

.frame.frame-default.frame-type-text.frame-layout-3 p {
	margin: 0 0 10px;
}

/* *** lndw page *** */
#c6964 .submenuFields .subFields-img {
	height: 470px;
}

#c6964 .submenuFields .subFields-text {
	width: 100%;
}

/* ************* extra small devices - Phones - (max-width: 767px)  ********************** */
@media screen and (max-width : 768px) {

	.submenuFields .subFields-img {
		height: 200px;
	}

	.single_scrollEl .scroll_text,
	.single_scrollEl .scroll_text.align_right {
		position: inherit;
		width: 100%;
		padding: 1em;
		margin: 0;
	}
}

/* ******* sitemap view ******* */
.frame-type-menu_sitemap>ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	column-gap: normal;
	list-style: none;
	padding: 0;
}

.frame-type-menu_sitemap ul li {
	list-style: none;
}

.frame-type-menu_sitemap>ul>li {
	-webkit-column-break-inside: avoid-column;
	break-inside: avoid-column;
	padding-bottom: 2em;
	page-break-inside: avoid-column;
}

.frame-type-menu_sitemap>ul>li:nth-child(3) {
	break-before: column;
}

.frame-type-menu_sitemap>ul>li>a {
	font-size: 24px;
	font-weight: 600;
}

/* spacing utilities */
.flow>*:where(:not(:first-child)) {
	margin-top: var(--flow-spacer, 1em);
}

.margin-block-end-4 {
	padding-block-end: 1rem;
}

/* Harrington Media page */

#c8688 .row .col-xs-12,
#c9623 .row .col-xs-12 {
	display: grid;
	align-content: start;
	background: rgb(0 93 117 / 20%);
	border-right: 2px solid white;
}

#c8688 h3,
#c9623 h3 {
	min-height: 3em;
}

#c8688 .row .col-xs-12 h3,
#c9623 .row .col-xs-12 h3 {
	padding-top: .5rem;
	min-height: 3.5em;
	border-bottom: 1px solid rgb(0 93 117 / 20%);
}

@media (max-width: 768px) {

	#c8688 .row .col-xs-12,
	#c9623 .row .col-xs-12 {
		margin-bottom: 1rem;
	}

	#c8688 .row .col-xs-12 div:first-child,
	#c9623 .row .col-xs-12 div:first-child {
		min-height: min-content;
		border-bottom: none;
	}
}

/* Lightbox (fancybox) elements */

.lightbox-video-container,
.lightbox-pdf-container {
	--lb-icon-clr: rgba(255, 255, 255, .9);
	margin-block-end: 1rem;
	overflow: hidden;

	/* overlay icons */
	display: grid;
	place-content: center;

	>* {
		grid-area: 1 / 1;
	}

	/* expand active link area to image */
	a {
		display: block;
	}

	img {
		/* height: 250px; */
		width: 100%;
		aspect-ratio: 7 / 5;
		object-fit: cover;
		object-position: 50% 0%;
		outline: 3px solid rgb(0 93 117 / 0%);
		transition: 250ms ease-in-out;

	}

	img:hover {
		scale: 1.03;
		outline: 3px solid rgb(0 93 117 / 100%);
	}
}

.lightbox-video-container::after {
	--icon-size: 2rem;

	content: '';
	grid-area: 1 / 1;
	pointer-events: none;
	margin: auto;
	height: 2rem;
	aspect-ratio: 1 / 1;
	background-color: var(--lb-icon-clr);
	mask-image: url(../Icons/Page/play_video.svg);
	mask-repeat: no-repeat;
	scale: 2;
}

.lightbox-pdf-container::after {
	--icon-size: 2rem;

	content: '';
	grid-area: 1 / 1;
	pointer-events: none;
	margin-left: auto;
	margin-right: 5px;
	margin-top: 5px;
	height: 2rem;
	aspect-ratio: 1 / 1;
	background-color: rgb(0 93 117 / 100%);
	mask-image: url(../Icons/Page/open_doc.svg);
	mask-repeat: no-repeat;
	/* scale: 2; */
}

/* *********************** */
/* DCE: FLEX CARD */
/* *********************** */

.flex-card-container {
	container: flex-card-cont / inline-size;
	margin-block: 2rem;
}

.flex-card {
	display: grid;
	grid-template:
		"i" auto
		"c" auto
		/ 1fr;
	background-color: #f5f5f5;

	> :not(img) {
		padding-inline: 1rem;
	}

	img {
		grid-area: i;
		aspect-ratio: 4 / 3;
		object-fit: cover;
		width: 100%;
		height: 100%;

	}

	.flex-card-text {
		grid-area: c;
		padding-block: 1.5rem;

		>p:first-of-type {
			padding-top: 1rem;
		}
	}
}

@container flex-card-cont (min-width: 35em) {
	.flex-card {
		grid-template:
			"i c" auto
			/ clamp(15em, 50%, 32em) 1fr;
		align-items: start;

		.flex-card-text {
			padding-left: 1.5rem;
		}
	}
}

/* *********************** */
/* Layout 4: Summary Box (for news articles) */
/* *********************** */

.frame-layout-4 {
	/* background-color: rgb(0 93 117 / 8%); */
	/* border-radius: 5px; */

	border-top: 2px solid rgb(0 93 117 / 20%);
	border-bottom: 2px solid rgb(0 93 117 / 20%);

	padding: 1rem;

	p {
		margin-bottom: 1rem;
		/* font-weight: 500; */
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
		margin-bottom: 20px;
	}

	>:last-child {
		margin-bottom: 0;
	}

	ul,
	ol {
		padding-inline-start: 1rem;
		list-style-type: square;
		/* list-style-position: inside; */

		li {
			line-height: 1.25;
			margin-bottom: .7rem;
		}
	}
}

/* ********************************** */
/* DCE: BLUE LINKS LIST */
/* ********************************** */

.blue-links-list>ul {
	list-style-type: none;
	padding: 0;
}

.blue-links-list li {
	/* margin-bottom: 3px; */
	padding: 1rem .8rem;
	line-height: 1.3;
	font-weight: 500;
}

.blue-links-list a {
	font-weight: 800;

	&:hover {
		opacity: 70%;
	}
}

/* ********************************** */
/* DCE: HEADER WITH LINK */
/* ********************************** */

.header-with-link {
	column-gap: 1rem;
	row-gap: .5rem;

	margin-bottom: 15px;

	h2 {
		min-width: fit-content;
		margin-bottom: 0;
		text-wrap: pretty;
	}
}

/* ********************************** */
/* EVENT & SEMINAR COMPONENTS */
/* ********************************** */

.archive-accordion {
	max-width: 1000px;

	.accordion-button {
		font-size: 1.5rem;
	}

	.accordion-body {
		padding-block: 0;
	}

	.accordion-button:not(.collapsed) {
		color: white;
		background-color: rgb(0 93 117 / 100%);
	}

	.accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}

	.accordion-button:focus {
		border: none;
		outline: 0;
		box-shadow: none;
	}

}

/* colors, icons, spacing */
.seminar-item,
.event-item,
.event-details-view,
.calendar-grid {
	--padding-block: 1.5rem;

	--dark-blue: #005d75;
	--font-color: hsl(0, 0%, 15%);
	--light-font-color: hsl(0, 0%, 35%);
	--grey-bg: hsl(0, 0%, 96%);
	--blue-bg: hsl(194, 30%, 86%);

	display: grid;
	gap: .15rem;
	padding-block: var(--padding-block);
	list-style: none;

	>* {
		color: var(--font-color);
	}

	.flex-group {
		gap: 0rem;
		display: flex;
	}

	p {
		line-height: 1;
	}

	.datetime {
		margin-inline-end: 1.5rem;
		font-family: 'QuadraatSansCondensed', Myriad Pro, Helvetica, sans-serif;
		align-content: center;
	}

	.date::before {
		content: '';
		flex-shrink: 0;
		height: .9em;
		width: 1em;
		margin-bottom: .2rem;
		margin-right: .15rem;
		margin-left: .1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='%23333' d='M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	.time::before {
		content: '';
		flex-shrink: 0;
		height: .8em;
		width: 1em;
		margin-bottom: .15em;
		margin-left: .1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m4.3 13.2L11 12.3V7h1.5v4.4l4.5 2.5z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	.tag {
		color: var(--dark-blue);
		line-height: 1.1;
		font-size: .9rem;
		font-family: 'QuadraatSansCondensed', Myriad Pro, Helvetica, sans-serif;
	}

	.tag:not(:last-child)::after {
		content: " | ";
		color: #777;
	}

	.title {
		margin: 0 0 0 .15rem;
		padding: 0;
		padding-bottom: .35rem;
		font-size: 1.25rem;
		line-height: 1.1;
		color: black;
	}

	.teaser {
		margin-left: .15rem;
		line-height: 1.1;
		margin-bottom: .25rem;
	}

	.speaker .name {
		font-weight: 700;
		margin-right: .75rem;
	}

	.speaker::before {
		content: '';
		flex-shrink: 0;
		height: 1em;
		width: 1em;
		margin-bottom: .18em;
		margin-right: .3rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='%23333' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	.institute {
		display: flex;
		align-items: flex-start;
		line-height: 1.1rem;
	}

	.institute::before {
		content: '';
		flex-shrink: 0;
		height: .8em;
		width: 1em;
		margin-bottom: .26em;
		margin-right: .18rem;
		margin-left: .1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M271.9 20.2c-9.8-5.6-21.9-5.6-31.8 0l-224 128c-12.6 7.2-18.8 22-15.1 36S17.5 208 32 208h32v208l-51.2 38.4C4.7 460.4 0 469.9 0 480c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32c0-10.1-4.7-19.6-12.8-25.6L448 416V208h32c14.5 0 27.2-9.8 30.9-23.8s-2.5-28.8-15.1-36l-224-128zM400 208v208h-64V208zm-112 0v208h-64V208zm-112 0v208h-64V208zm80-112a32 32 0 1 1 0 64a32 32 0 1 1 0-64'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	.room {
		display: inline-flex;
		align-items: baseline;
	}

	.room::before {
		content: '';
		flex-shrink: 0;
		height: .9em;
		width: 1em;
		margin-inline: .1rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 -2 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 10q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	.host {
		margin-left: .5rem;
	}

	.supp-info {
		font-size: .9em;
	}

	.event-details {
		margin-left: .1rem;
		max-width: max-content;
	}

	.flex-gap {
		display: inline-flex;
		column-gap: 1.5rem;
		row-gap: .5rem;
		flex-wrap: wrap;
	}

	.abstract {
		margin-top: 5px;
		interpolate-size: allow-keywords;
		overflow: hidden;

		summary {
			font-weight: 500;
			line-height: 1;
			vertical-align: middle;
			color: var(--font-color);
			border: 1px solid #a1a1a1;
			border-radius: 2px;
			padding: 5px 9px 5px 7px;
			width: max-content;
		}

		.abstract--text {
			padding-top: 1rem;
			font-size: 1.1rem;
			line-height: 1.4;
			max-width: 80ch;
			max-height: 60vh;
			overflow-y: scroll;
		}
	}

	.abstract::details-content {
		block-size: 0;
		transition:
			block-size .5s,
			content-visibility .5s;
		transition-behavior: allow-discrete;
	}

	.abstract[open]::details-content {
		block-size: auto;
	}

	.abstract[open] {
		summary {
			color: white;
			background-color: var(--font-color);
			border-color: var(--font-color);
		}

	}
}

.seminar-item:not(:first-of-type),
.event-item:not(:first-of-type) {
	padding-top: var(--padding-block);
	border-top: 1px solid hsl(0, 0%, 85%);
}

@media screen and (max-width: 481px) {

	.seminar-item .tags,
	.event-item .tags {
		width: 100%;
		margin-left: .15rem;
		margin-block: .2rem;
	}
}


.row:has(.calendar-grid) {
	--bs-gutter-x: 0rem;
}

.seminars .calendar-grid {
	padding-top: 1rem;
}

#overview-sub:has(.event-details-view) {
	margin-block: 0;
}

.event-details-view {
	--padding-block: 0;

	display: block;

	.tags {
		margin-bottom: .75rem;
		margin-left: 1px;
	}

	.tag {
		font-size: 1.1rem;
	}

	.datetime,
	.room,
	.download-ical {
		font-size: 1.1rem;
		font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
		margin-block: .3rem;
	}

	.download-ical a {
		font-weight: 500;
		padding-left: 1.2em;
		background: url('../Icons/Page/icon_download.svg') 1px -1px no-repeat;
		background-size: 1em;
	}

	.date {
		margin-right: 1rem;
	}

	>* {
		padding-inline: 0;
	}

	p,
	img {
		margin-block: .5rem;
	}

	.event-description {
		padding-top: 1rem;
		max-width: 80ch;
	}

	.event-description p {
		line-height: 1.4em;
	}
}


.calendar-grid {
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	grid-template-rows: repeat(8, auto);

	gap: 1.5rem;
	margin-inline: 0;
	padding-inline: 0;
	padding-block: 1rem;

	.event-card {
		display: grid;
		grid-row: span 7;
		grid-template-rows: subgrid;
		gap: 0rem;
		max-width: 80ch;
		padding-bottom: .5rem;
		background-color: var(--grey-bg);

		>* {
			margin: 0;
			padding-inline: .55rem;
			padding-block: .2rem;
		}

		@media screen and (max-width: 481px) {
			padding-bottom: 0.75rem;
		}

		.speaker-name,
		.speaker-loc,
		.seminar-loc,
		.supp-info>p {
			padding-inline-end: .75rem;
		}

		.title,
		.description,
		.host {
			padding-inline: .75rem;
		}

		.event-link,
		.seminar-abstract {
			padding-inline: .9rem;
		}

		.event-link {
			padding-top: .5rem;
		}

		.datetime,
		h2 {
			background-color: var(--blue-bg);
		}

		.datetime {
			text-transform: uppercase;
			padding-block-start: .75rem;
			font-size: 1.2rem;
			line-height: 1.1rem;
		}

		.time,
		.date {
			padding-right: 0.75rem;
			padding-top: 5px;
		}

		.title {
			padding-block: 0.5rem 0.75rem;
			margin-bottom: 0.75rem;
			font-size: 1.3em;
			min-height: 3em;
		}

		.description {
			margin-bottom: .5rem;
			line-height: 1.1;
		}

		.institute {
			padding-bottom: .75rem;
		}

		.supp-info {
			margin-top: .35rem;
			margin-left: .25rem;
			color: var(--light-font-color);
			line-height: 1.2;
		}

		.tags {
			padding-top: .75rem;
		}

		.seminar-abstract {
			padding-block: .5rem;

			summary {
				border: none;
				border-radius: 0;
				border-bottom: 1px solid var(--font-color);
				padding: 0;
				margin: 0;
				width: fit-content;
				line-height: 1;
			}

			.abstract--text {
				max-height: 40vh;
			}

			&[open] {
				summary {
					font-weight: 700;
					color: var(--font-color);
					background-color: transparent;
				}
			}
		}
	}
}

.events-1col {
	max-width: 65rem;

	ul {
		padding: 0;
	}

	&:has(.seminar-item) {
		padding-left: 0;
	}

	.event-item,
	.seminar-item {
		gap: .25rem;

		.datetime {
			font-size: 1.2rem;
			line-height: 1.1rem;
		}

		.date,
		.time {
			text-transform: uppercase;
			padding-inline-end: .5rem;
		}

		.title {
			font-size: 1.3rem;
			margin-block: .2rem;
		}
	}
}

/* ********************************** */
/* UTILITY CLASSES */
/* ********************************** */

.flex {
	display: flex;
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-group {
	column-gap: var(--col-gap, 1rem);
	row-gap: var(--row-gap, .5rem);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

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

.ml-auto {
	margin-left: auto;
}

.blue-bg-series>:nth-of-type(4n+1) {
	background-color: rgb(0 93 117 / 32%);
}

.blue-bg-series>:nth-of-type(4n+2) {
	background-color: rgb(0 93 117 / 45%);
}

.blue-bg-series>:nth-of-type(4n+3) {
	background-color: rgb(0 93 117 / 25%);
}

.blue-bg-series>:nth-of-type(4n+4) {
	background-color: rgb(0 93 117 / 40%);
}

/* ********************************** */
/* FRAME CLASSES */
/* Configured in TCEFORM */
/* ********************************** */

.frame-bg-lightblue {
	background-color: var(--brand-clr-blue-100);
}

/* ***************************** */
/* 25th Anniversary page */
/* ***************************** */
.anniversary {
	--blue-light: rgba(0, 93, 117, 0.2);
	--blue-petrol: #005d75;

	background-color: var(--blue-light);

	.blue-background {
		background-color: var(--blue-light);
	}

	p {
		text-align: center;
		font-size: clamp(1.125rem, 0.767rem + 1.5909vw, 1.5rem);
		font-weight: 300;
		max-width: 70ch;
		margin-inline: auto;

		@media (max-width: 768px) {
			text-align: start;
		}
	}

	strong {
		font-weight: 600;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
		font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
		font-weight: 300;
		text-align: center;
		line-height: 1;

		@media (max-width: 768px) {
			text-align: start;
		}
	}

	header::after {
		content: '';
		display: block;
		width: 6rem;
		height: 1px;
		margin-block: 2.5em 1em;
		margin-inline: auto;
		transform: translateY(-1em);
		background-color: rgba(39, 39, 39, 0.44);

		@media (max-width: 768px) {
			margin-inline: 0 auto;
		}
	}

	header+h3 {
		margin-top: 0;
	}

	header h1 {
		font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
		font-size: 4.25rem;
		font-size: clamp(2.7466rem, 1.8727rem + 3.8841vw, 4.8828rem);
		text-transform: none;
		/* font-weight: 200; */
	}

	h2 {
		font-size: clamp(2.1973rem, 1.4981rem + 3.1072vw, 3.9063rem);
	}

	h3 {
		font-size: clamp(1.4063rem, 0.9588rem + 1.9886vw, 2.5rem);
		margin-block: 1em .5em;
		line-height: 1.5;
	}

	table {
		width: min(100%, calc(768px - 2em)) !important;
		margin-inline: auto;
	}

	table tbody {
		border: none;
	}

	table tbody tr {
		border: none;

		td+td {
			padding-left: 1.2em;
		}

		&:hover {
			background-color: transparent;
		}

	}

	td:first-of-type {
		min-width: max-content;
	}

	table tbody tr td {
		border: none;
		vertical-align: top;
		text-align: start;
		padding: 0;
		font-size: clamp(1.125rem, 0.767rem + 1.5909vw, 1.5rem);
	}

	/* individual colored rows styles */
	> :nth-child(2) {
		color: white;
		min-height: 45vh;
		background-color: var(--blue-petrol);
		background-image: url("data:image/svg+xml,%3Csvg width='500px' height='500px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23004b5d' d='M153.03 23.656c-7.817.13-15.85 1.054-24 2.875C28.356 49.033 26.89 199.884 165.563 248.595l-24.875 26.125 50.032 23.592 1.78-43.562c29.715 12.604 48.848 25.695 60.563 39 14.296 16.238 18.538 32.814 18.25 52.75-.043 2.955-.21 5.976-.47 9.063-41.823-7.816-76.908 9.98-93.156 36.343-9.494 15.405-12.62 34.01-6.5 51.188 6.12 17.177 21.345 32.088 45.344 40.937L223 466.5c-20.147-7.43-30.196-18.396-34.22-29.688-4.02-11.29-2.144-23.753 4.845-35.093 12.075-19.593 39.196-34.915 74.75-27.72-5.81 33.572-18.25 73.787-19.03 120.844h18.686c.84-42.738 12.676-80.404 18.626-115.375 41.503 15.78 78.795 8.483 102.906-11.626 17.17-14.32 27.544-35.056 28.532-57.28l17.844 30.936 26.375-35.563-40.22-14c93.154-102.85 24.31-230.453-69.906-205.25-95.71 25.604-114.367 160.712 46.97 213.657 2.425 20.61-5.843 40.045-21.563 53.156-18.773 15.656-48.37 22.47-85.063 8.25-1.106-.43-2.21-.826-3.31-1.22.438-4.627.714-9.23.78-13.78.333-23.017-5.476-45.547-22.906-65.344-14.603-16.585-36.784-31.238-69.375-44.78 104.097-113.053 43.227-214.435-44.69-212.97z'/%3E%3C/svg%3E");
		background-position-x: center;

		h1 {
			color: white;
		}

		header::after {
			background-color: white;
			width: 100%;
		}

		.frame {
			padding-top: 20px;
		}
	}

	> :nth-child(3) .frame,
	> :nth-child(4) .frame,
	> :nth-child(5) .frame {
		--img-size: 250px;

		position: relative;
		isolation: isolate;

		&::before {
			content: '';
			position: absolute;
			inset: 0;
			top: -50px;
			margin-left: 100px;
			height: var(--img-size);
			width: var(--img-size);
			opacity: 0.1;
			background-repeat: no-repeat;
			background-size: var(--img-size);
			z-index: -1;

			@media (max-width: 768px) {
				margin-inline: auto 0;
			}
		}
	}

	> :nth-child(3) .frame::before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M20 10V7C20 5.89543 19.1046 5 18 5H6C4.89543 5 4 5.89543 4 7V10M20 10H4M20 10V11.75M4 10V19C4 20.1046 4.89543 21 6 21H11M8 3V7M16 3V7' stroke='%23005d75' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M16.723 13.666C16.8255 13.4196 17.1745 13.4196 17.277 13.666L18.2521 16.0105C18.2953 16.1144 18.393 16.1854 18.5052 16.1944L21.0363 16.3973C21.3023 16.4186 21.4102 16.7506 21.2075 16.9242L19.279 18.5761C19.1936 18.6493 19.1563 18.7641 19.1824 18.8735L19.7716 21.3435C19.8335 21.6031 19.5511 21.8082 19.3234 21.6691L17.1564 20.3455C17.0604 20.2869 16.9396 20.2869 16.8436 20.3455L14.6766 21.6691C14.4489 21.8082 14.1665 21.6031 14.2284 21.3435L14.8176 18.8735C14.8437 18.7641 14.8064 18.6493 14.721 18.5761L12.7925 16.9242C12.5898 16.7506 12.6977 16.4186 12.9637 16.3973L15.4948 16.1944C15.607 16.1854 15.7047 16.1144 15.7479 16.0105L16.723 13.666Z' fill='%23005d75'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	> :nth-child(4) .frame::before {
		opacity: .2;
		background-image: url("data:image/svg+xml,%3Csvg fill='%23feffff' viewBox='0 0 32 32' data-name='Layer 1' id='Layer_1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3E%3C/title%3E%3Cpath d='M16.91,28.11a1,1,0,0,1-.7-.29,1,1,0,0,1,0-1.42L22.57,20A1,1,0,0,1,24,21.45l-6.36,6.37A1,1,0,0,1,16.91,28.11Zm-5.65-3.83,9.9-9.9a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0l-9.9,9.9a1,1,0,0,0,.71,1.71A1,1,0,0,0,11.26,24.28ZM9.13,16.5l4.25-4.24a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L7.72,15.09a1,1,0,0,0,.71,1.71A1,1,0,0,0,9.13,16.5Zm15.43-3,1.08-1.52,1.87,0a1.09,1.09,0,0,0,.91-.54,1,1,0,0,0-.09-1.06L27.21,8.87l.6-1.77a1,1,0,0,0-1.27-1.27l-1.77.6-1.5-1.12a1,1,0,0,0-1.6.81L21.7,8,20.17,9.07a1,1,0,0,0,.28,1.77l1.79.56.55,1.78a1,1,0,0,0,.8.69h.16A1,1,0,0,0,24.56,13.46ZM23.28,9.32a1,1,0,0,0,.43-.83V8.12l.3.22a1,1,0,0,0,.92.15l.34-.12-.12.35a1,1,0,0,0,.15.92l.22.29h-.37a1,1,0,0,0-.83.42l-.21.3L24,10.3a1,1,0,0,0-.66-.66L23,9.53Zm4.46,9.05L28,18h.43a1,1,0,0,0,.8-1.6L29,16.11l.14-.4a1,1,0,0,0-.24-1,1,1,0,0,0-1-.24l-.39.13-.33-.25A1,1,0,0,0,26,14.24a1,1,0,0,0-.54.91v.41l-.33.24a1,1,0,0,0-.41,1,1,1,0,0,0,.69.8l.39.12.12.4a1,1,0,0,0,.8.69h.16A1,1,0,0,0,27.74,18.37ZM16.35,9.86l.44-.63h.78a1.09,1.09,0,0,0,.9-.55,1,1,0,0,0-.09-1L17.92,7l.25-.73A1,1,0,0,0,16.9,5l-.73.24-.62-.46a1,1,0,0,0-1.06-.09,1,1,0,0,0-.54.91v.77l-.63.45a1,1,0,0,0-.41,1,1,1,0,0,0,.69.8l.74.23.22.74a1,1,0,0,0,.8.69h.16A1,1,0,0,0,16.35,9.86Zm-10,13.72,5-5a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L4.89,22.16a1,1,0,0,0,0,1.42,1,1,0,0,0,.71.29A1,1,0,0,0,6.31,23.58Zm4.4,6.13,6-6a1,1,0,0,0-1.42-1.42l-6,6a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	> :nth-child(5) .frame::before {
		top: -40px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23005d75' viewBox='0 -2 24 24'%3E%3Cpath d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 10q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22'/%3E%3C/svg%3E");
	}
}

.anniversary>.container-fluid:first-of-type {
	display: none;
}