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

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


/**** 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: 53%;
  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 *****
 */
.seminar {
	font-weight: 600;
	margin: 10px 0;
	position: relative;
}
.seminar .host {
	font-weight: normal;
}
.event-schedule {
	background-color: #f8f8f8;
	padding: 20px 15px;
}

/* *** events list *** */
.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;
}
.seminar .seminar-pic {
  height: 120px;
}
.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;
}
.seminar .seminar-dates {
    top: 50px;
}
.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: 330px;
	background: #f5f5f5;;
}
.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;
}