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

* {
	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 {
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	color: #888;
	border-left: none;
	padding: 10px 0;
}

#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;
}

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;
}

/* *** 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,
.celement_text,
.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;
}

.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,
.single-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 */

.news-text-wrap img,
.event-description img {
	height: auto !important;
}


/**** table style *****/
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: baseline;
	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: 250px;
	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;
}

/* *** dorpdown 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.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: 0;
	left: 8.6%;
	height: 100%;
	width: 1px;
	background: #005d75;
}

.cv_element .period {
	position: relative;
	text-align: center;
	color: #005d75;
}

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

.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 {
	overflow: hidden;
}

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

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

div#timeline::before,
div#geschichte::before {
	content: "";
	position: absolute;
	top: 155px;
	bottom: 0;
	left: 50%;
	display: block;
	width: 3px;
	border-left: 3px solid #bbb;
}

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

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

ul.timeline {
	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: #f2f2f2;
	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 div.tlText {}

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: #f2f2f2;
	right: -2em;
}

ul.timeline>li:nth-child(2n)::after {
	border-right-color: #f2f2f2;
	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: rgb(0 93 117 / 70%);
}

ul.timeline>li.tlHighlight:nth-child(2n+1)::after {
	border-left-color: rgb(0 93 117 / 70%);
}

ul.timeline>li.tlHighlight:nth-child(2n)::after {
	border-right-color: rgb(0 93 117 / 70%);
}

/*
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;
}

/*
 * ***** seminars and events *****
 */

.event-schedule {
	background-color: #f8f8f8;
	padding: 20px 15px;
}

/* *** seminars and events list *** */
.seminar-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(260px, 100%/4), 1fr));
	align-items: stretch;
	gap: 1.5rem;
}

.seminar {
	font-weight: 600;
	margin: 10px 0;
	position: relative;
	background-color: #f5f5f5;
	padding-bottom: 1rem;
}

.seminar .host {
	font-weight: normal;
}

/* seminar abstract accordion */
.seminar .accordion {
	margin-top: .5rem;
}

.seminar .accordion-item {
	background-color: transparent;
}

.seminar .accordion-body {
	font-size: 1rem;
	color: #333;
	height: 40vh;
	overflow-y: scroll;
	text-align: left;
	line-height: 1.4;
	font-weight: 400;
	padding-block: .5rem;
	padding-inline: 0;
}

.seminar .accordion-button,
.seminar .accordion-header {
	font-family: 'QuadraatSans', Myriad Pro, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	background-color: transparent;
	justify-content: center;
	font-weight: 600;
}

.seminar .accordion-button::after {
	margin-left: .25rem;
	scale: .75;
}

.seminar .accordion-button:not(.collapsed) {
	color: #333;
	box-shadow: none;
}

.seminar .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='%23212529'%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");
}

.event {
	margin-bottom: 20px;
	position: relative;
}

.event .event-pic,
.seminar .seminar-pic {
	position: relative;
	height: 120px;
	width: auto;
	background: rgb(0 93 117 / 50%);
	overflow: hidden;
}

.event:nth-child(2n) .event-pic,
.seminar:nth-child(2n) .seminar-pic {
	background: rgb(0 93 117);
}

.event:nth-child(4n) .event-pic,
.seminar:nth-child(4n) .seminar-pic {
	background: rgb(0 93 117 / 30%);
}

.event:nth-child(6n) .event-pic,
.seminar:nth-child(6n) .seminar-pic {
	background: rgb(0 93 117 / 70%);
}

.event .event-pic img {
	width: 100%;
}

.event .event-dates,
.seminar .seminar-dates {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 10px;
	z-index: 10;
}

.event .event-dates .date,
.event-infos .date,
.seminar .seminar-dates .date {
	font-weight: bold;
	font-size: 28px;
	line-height: normal;
}

.event .event-dates p,
.seminar .seminar-dates p,
.single-view .event-dates p {
	margin-top: 6px;
	margin-bottom: 8px;
	color: #fff;
}

.event .event-dates i {
	color: #fff;
}

.event .event-info,
.seminar .seminar-info {
	position: relative;
	height: 300px;
	padding: 60px 20px 10px;
	text-align: center;
	color: #a7a9ac;
	background: #f5f5f5;
}

.seminar .seminar-info {
	height: auto;
}

.seminar .seminar-info .speaker {
	color: #000;
}

.event .event-info p,
.seminar .seminar-info p {
	margin: 0 0 5px;
}

.event .event-info span,
.seminar .seminar-info span.split {
	background-color: #a7a9ac;
	display: inline-block;
	height: 0.1em;
	width: 35px;
	margin-bottom: 8px;
	margin-top: 12px;
}

.event a.export {
	font-size: 1.5em;
	position: absolute;
	bottom: 0;
	right: 6px;
}

/* *** event single view *** */
.single-view {
	position: relative;
}

.single-view .event-location {}

.single-view .event-dates {}

.single-view .event-description {
	padding: 50px 15px 0 0;
}

.single-view .event-description img {
	display: block;
	margin: 20px auto 0;
}

/* *** event calendar view *** */
.event-calendar ul li {
	list-style: none;
}

/* *** 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) {

	/* ******* events list ******* */
	.seminar .seminar-dates,
	.seminar .event-title {}

	.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;
}

/* ******* 4 columns with blue background ******* */
.row.frame-default.grid4 {
	margin-bottom: 0;
}

.grid4 .col-md-3.blue {
	background: rgb(0 93 117 / 20%);
	border-right: 2px solid white;
}

.grid4 .col-md-3.blue h3 {
	margin-top: 20px;
}

/* 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 {
	display: grid;
	align-content: start;
}

#c8688 .row .col-xs-12 div:first-child {
	text-align: end;
	min-height: 110px;
	border-bottom: 1px solid rgb(0 93 117 / 20%);
}

@media (max-width: 768px) {
	#c8688 .row .col-xs-12 {
		margin-bottom: 1rem;
	}

	#c8688 .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 {
	display: flex;
	margin-bottom: 20px;
	flex-direction: column;
	box-shadow: 4px 4px 10px 3px rgba(0, 0, 0, 0.2);

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

	img {
		object-fit: cover;
		aspect-ratio: 4 / 3;
		width: 100%;
		height: auto;
	}

	.flex-card-text {
		padding-block: 1rem;

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

@media (min-width: 769px) {
	.flex-card {
		flex-direction: row;
	}

	.flex-card img {
		width: 500px;
	}
}

/* *********************** */
/* 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 ARCHIVES */
/* ********************************** */

.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: 0 0 0 .25rem rgba(13, 110, 253, .25); */
		box-shadow: none;
	}

}

.seminar-archive-item,
.event-archive-item,
.calendar-grid {
	--padding-block: 1.5rem;
	--dark-blue: #005d75;
	--font-color: #333;
	--light-font-color: #626262;
	--grey-bg: #f2f2f2;
	--blue-bg: #c2d8df;

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

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

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

	p {
		margin: 0;
		padding: 0;
		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;
	}

	.scientific-areas {
		display: inline-flex;
		flex-wrap: wrap;
		column-gap: 1rem;

		font-family: 'QuadraatSansCondensed', Myriad Pro, Helvetica, sans-serif;
		font-size: .9rem;
		text-transform: uppercase;
		color: var(--dark-blue);
	}

	.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 {
		row-gap: .2rem;
	}

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

	.speaker::before {
		content: '';
		flex-shrink: 0;
		height: 1em;
		width: 1em;
		margin-bottom: .18em;
		margin-right: .15rem;
		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: center;
		line-height: 1.1rem;
	}

	.institute::before {
		content: '';
		flex-shrink: 0;
		height: .8em;
		width: 1em;
		margin-bottom: .26em;
		margin-right: .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;
	}

	.location {
		column-gap: 1rem;
	}

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

	.room::before {
		content: '';
		flex-shrink: 0;
		height: .9em;
		width: 1em;
		margin-right: .15rem;
		margin-left: .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;
	}

	.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;
			padding: 5px 9px 5px 7px;
			width: max-content;
			border-radius: 2px;
		}

		.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-archive-item:not(:first-of-type),
.event-archive-item:not(:first-of-type) {
	padding-top: var(--padding-block);
	border-top: 1px solid hsl(0, 0%, 85%);
}

.calendar-grid {
	grid-template-columns: repeat(auto-fit, minmax(max(300px, 100%/4), 1fr));
	grid-template-rows: repeat(8, auto);

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

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

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

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

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

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


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

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

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

		.today {
			margin-left: auto;
			padding: 5px 9px 3px 7px;
			color: white;
			background: var(--dark-blue);
			font-weight: 700;
			letter-spacing: .03rem;
		}

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

		.room::before {
			margin-right: 0;
		}

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

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

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

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

			p {
				padding-top: .5rem;
				line-height: 1.4;
				max-height: 40vh;
				overflow-y: scroll;
			}

			&[open] {
				summary {
					font-weight: 700;
				}
			}
		}
	}


}



/* ********************************** */
/* 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%);
}