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

#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: 21px;
	margin-top: 0;
	margin-bottom: 8px;
}

h4 {
	font-size: 16px;
	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;
}

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 {
	/*color: white;*/
	display:table-caption;
	float: left;
	padding: 5px 0 0;
	caption-side: bottom;
}
figcaption a, figcaption a:hover {
	color: white;
	text-decoration: none;
}

.csc-textpic, .celement_text {
	margin-bottom: 20px;
}

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

.csc-textpic-imagewrap, div.csc-textpic div.csc-textpic-imagerow {
	margin-bottom: 15px;
}

.csc-textpic-intext-right .textpic-imagewrap {
	float: right;
	max-width: 55%;
}
.csc-textpic-intext-right .textpic-imagewrap figure {
	margin-right: 0;
	margin-left: 15px;
}
.csc-textpic-intext-right .textpic-imagewrap {
	float: right;
	padding-left: 15px;
}

.csc-textpic-intext-left .textpic-imagewrap {
	/*float: left;*/
	padding-right: 15px;
}
.csc-textpic-intext-left .textpic-imagewrap.intext {
	float: left;
	max-width: 40%;
}

div.csc-textpic-above div.textpic-text {
	clear: both;
}
.textpic-imagewrap figure {
	margin-right: 20px;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right: 20px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.csc-textpic-center figure {
	margin: 0 auto 20px;
}

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

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

ol p, ul p {
	margin: 0;
}

#content .celement_text ul, #content .textpic-text ul, #content .csc-textpic-text ul,
#content .news-text-wrap ul {
	list-style: none;
	padding-left: 12px;
}
#content .celement_text ul li:before, #content .textpic-text ul li:before,
#content .csc-textpic-text ul li:before, #content .news-text-wrap ul li:before {
	content: "• ";
	position:relative;
	left:-5px;
}
#content .celement_text ul li, #content .textpic-text ul li,
#content .csc-textpic-text ul li, #content .news-text-wrap ul li {
	text-indent:-8px;
}
#content .celement_text ul li ul, #content .textpic-text ul li ul {
	padding-left: 25px;
}
#content .celement_text ul li ul li:before, #content .textpic-text ul li ul li:before {
	content: "- ";
	position:relative;
	left:-5px;
}
#content .celement_text ul li ul li ul li:before, #content .textpic-text ul li ul li ul li:before {
	content: "• ";
	position:relative;
	left:-5px;
}

ol {
	padding-left: 20px;
}

#content p.bodytext a, #content a.mail, #content a.internal-link, #content a.external-link-new-window,
#content a.download, .content ul a.external-link-new-window, .content .celement_text ul a,
.content p.bodytext a, .main_content p.bodytext a, .content .celement_textpic a,
.empty_table table a {
	padding-left: 12px;
	color: #333;
	font-weight: bold;
	background: url('../img/link_arrow.png') 2px center no-repeat;
	text-decoration: 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;
}

/* *** Publications *** */
/*
.publication_search {
	margin-bottom: 20px;
}
.publication_search input {
	outline: 0;
	float: left;
}
*/
.publication_search_exam p {
	margin: 0;
}
.publication .pubtitle {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
}
.publication a i {
	font-family: FontAwesome;
	color: #333;
}
.publication a:hover i {
	color: #333;
}

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

.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 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;
}
.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 input.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: #fff700;
		font-family: FontAwesome;
		font-size: 24px;
}
.main_content input.submit-search:hover {
	background-color: #b1b1b1;
}
.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;
}

.page-navigation {
	clear: both;
}
.page-navigation::after {
	content: "";
	display: block;
	clear: both;
}
.page-navigation p {
	float: left;
}
.page-navigation ul {
	float: right;
}
.page-navigation ul li {
	float: left;
	display: block;
	padding: 0 3px;
	background: none;
}
.page-navigation ul li a {
	display: block;
	text-decoration: none;
}
.page-navigation ul li.current, .page-navigation ul li a.current {
	font-weight: bold;
	color: black;
}


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

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


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


/* *** New Default Pages with Blue Abstract ***/
.first-row.blue {
	background: #004667;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	min-height: 280px;
	padding: 20px 0;
}
.first-row .container {position: relative;}
.first-row.blue h1 {
	letter-spacing: 1px;
	line-height: 1.2;
	color: #fff;
}
.first-row.blue p.bodytext a {
	color: #fff;
	background: url('../img/link_arrowW.png') 2px center no-repeat;
	font-weight: 900;
}
.first-row .highlight-info {
	position: absolute;
    right: 7em;
    bottom: -4em;
    width: 200px;
    height: 200px;
    background: #FFE700;
    border-radius: 50%;
    text-align: center;
}
.first-row .highlight-info .celement_text {
	color: #333;
    position: absolute;
    top: 35%;
    left: 9%;
    transform: rotate(-15deg);
}
.first-row .highlight-info p.bodytext a {
	color: #333;
	background: url(../img/link_arrow.png) 2px center no-repeat;
}

/* PHD Program Page */
.first-row .logo-title img {float:left;}
.first-row .logo-title h1 {margin-left: 3em;padding: 0.7em 0;}



#guidedTours .first-row .highlight-info,
#fuehrungen .first-row .highlight-info {
	width: 250px;
    height: 250px;
    right: 5em;
    bottom: -9em;
}
#guidedTours .first-row .highlight-info .celement_text,
#fuehrungen .first-row .highlight-info .celement_text {
	font-size: 0.9em;
    width: 75%;
    top: 15%;
    left: 14%;
}
#guidedTours .second-row, #fuehrungen .second-row {margin-top: 105px;}

.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 double #000000;
	border-width: 4px;
}
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 {
	padding: 5px;
	/*padding-left: 10px;*/
	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;
}

/* table style staff search*/
.staff-search table {
	margin-top: 0;
}
.staff-search table th {
	font-size: 25px;
}
.staff-search tbody {
	background-color: #EEF9FE;
}
.staff-search tbody tr:first-child {
	font-family: 'QuadraatSansHeadliner', 'Myriad Pro', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	background-color: white;
}
.staff-search tbody tr:first-child:hover {
	background-color: white;
}
.staff-search tbody tr:hover {
	background-color: #72BFC9;
}

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

/* *** backlink *** */
.backlink-wrap {
	clear: both;
	float: left;
	margin-top: 30px;
	background-color: #FFE700;
	width: 40px;
	height: 45px;
}
.backlink-wrap a {
	font-size: 20px;
	color: rgb(30, 30, 30);
}
.backlink-wrap .fa-chevron-left {
	padding: 13px;
}
.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-bottom: 30px;
}
.contact_list p {
	margin-bottom: 10px;
}
.contact_list p.strong {
	font-weight: bold;
	margin: 0;
}
.contact_list table {
	margin: 0;
}
.contact_list table .name {
	font-weight: bold;
}
.contact_list table tbody tr {
	vertical-align: top;
}
.contact_list table tbody tr:hover {
	background-color: white;
}
.contact_list table tbody tr td:first-child {
	width: 60px;
}
.contact_list table tr:last-child {
	border: none;
}
.contact_list table tbody tr td {
	border-bottom: none;
	padding: 2px;
}

/* ****** 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 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 .celement_text {
	padding: 10px;
	background-color: #72BFC9;
}
#organigram #directors-board .celement_text p {
	margin-bottom: 0;
}
#organigram .cols .celement_text {
	padding: 10px;
	background-color: #EEF9FE;
}
#organigram .cols ul {
	font-weight: 100;
	margin-top: -20px;
}
#organigram .cols ul li {
	text-indent: initial;
}
#organigram .cols ul li:before {
	content: "";
}
#organigram #r-groups .celement_text {
	/*height: 997px;*/
}
#organigram #serv-fac .celement_text, #organigram #admin .celement_text {
	margin-bottom: 0;
	border-bottom: 1px solid black;
}
#organigram #serv-fac .celement_text:nth-child(2) {
	margin-top: 20px;
}
#organigram #serv-fac .celement_text: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;
}

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

/* *** Animal in research images block links *** */
.content_blocky_div {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 25px;
}

.content_blocky_pic {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.content_title {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	color: #f1f1f1;
	width: 100%;
	/* transition: .5s ease;
	opacity: 0; */
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
}

/* .content_blocky_div:hover .content_title {
	opacity: 1;
	box-sizing: border-box;
} */

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


/* *** Administration *** */
#administration #c2188 .csc-textpic-text, #verwaltung #c2916 .csc-textpic-text {
	background-color: rgb(146,195,226);
}
#administration #c2191 .csc-textpic-text, #verwaltung #c2917 .csc-textpic-text {
	background-color: rgb(187,214,50);
}
#administration #c2187 .csc-textpic-text, #verwaltung #c2918 .csc-textpic-text {
	background-color: rgb(180,225,220);
}
#administration #c2186 .csc-textpic-text, #verwaltung #c2919 .csc-textpic-text {
	background-color: rgb(52,175,149);
}
#administration .csc-textpic-imagewrap, #verwaltung .csc-textpic-imagewrap {
	width: 60%;
	height: 250px;
	margin: 0;
}

.c-description .csc-default {
	height: 250px;
	padding: 15px;
	overflow: auto;
}
.c-description .csc-default.blue {
	background-color: rgb(146,195,226);
}
.c-description .csc-default.light-green {
	background-color: rgb(187,214,50);
}
.c-description .csc-default.mint {
	background-color: rgb(180,225,220);
}
.c-description .csc-default.green {
	background-color: rgb(52,175,149);
}
#administration .c-description, #verwaltung .c-description {
	padding-right: 0;
}
#administration .pic-info, #verwaltung .pic-info {
	padding-left: 0;
}
#administration .pic-info .csc-default, #verwaltung .pic-info .csc-default {
	background-color: black;
}
#administration .pic-info .csc-textpic-text, #verwaltung .pic-info .csc-textpic-text {
	color: white;
	padding: 15px;
}
#administration .pic-info .csc-textpic-text a, #verwaltung .pic-info .csc-textpic-text a {
	color: white;
	background: url('../img/link_arrowW.png') 2px center no-repeat;
}

#administration .csc-textpic-imagewrap .csc-textpic-image,
#verwaltung .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
	height: 100%;
	background-color: black;
	padding-right: 10px; /* edit hagen 160427: was not set */
}
#administration .csc-textpic-imagewrap img,
#verwaltung .csc-textpic-imagewrap img {
	height: auto; /* edit hagen 160427: was 100% */
	width: 100%; /* edit hagen 160427: was auto */
	float: left;
}
#administration .csc-textpic-imagewrap figcaption,
#verwaltung .csc-textpic-imagewrap figcaption {
	width: 40%;
	padding: 15px;
	color: white;
}

/* *** 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 #c634 {
	/*background: #848484;
	padding: 10px;*/
}
#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;
}

/* Removed border in thre columns inherited from current directors page */
.publicEngagement #curr-directors .csc-default,
div[class$="ffentlichkeitsarbeit"] #curr-directors .csc-default {
	border: 0 !important;
	margin-bottom: 0 !important;
}

/* Animal in reseach content */
#animalStudiesinBasicResearch .sub-menu-content.no-sidebar,
#ethicsandResponsibilities .sub-menu-content.no-sidebar,
#animalWelfareattheInstitute .sub-menu-content.no-sidebar,
#communication .sub-menu-content.no-sidebar,
#relatedLinks .sub-menu-content.no-sidebar {
	margin-right: 150px;
}

#factsandFigures .sub-menu-content.no-sidebar {
	margin-right: 230px;
}


@media screen and (max-width : 1024px) {
	#animalStudiesinBasicResearch .sub-menu-content.no-sidebar,
	#ethicsandResponsibilities .sub-menu-content.no-sidebar,
	#animalWelfareattheInstitute .sub-menu-content.no-sidebar,
	#communication .sub-menu-content.no-sidebar,
	#factsandFigures .sub-menu-content.no-sidebar,
	#relatedLinks .sub-menu-content.no-sidebar {
		margin-right: 20px;
	}
}
table.animal_reseach_sub_menu {
	margin-bottom: 20px;
}
table.animal_reseach_sub_menu tr:last-child {
	border-color: #fff;
}
table.animal_reseach_sub_menu tr:hover {
	background: #fff;
}
table.animal_reseach_sub_menu tbody tr td {
	background: #f2f2f2;
	border-right: 4px solid #fff;
	text-align: center;
}
table.animal_reseach_sub_menu tbody tr td:first-child {
	font-weight: normal;
}
table.animal_reseach_sub_menu tbody tr td:last-child {
	border: none;
}
table.animal_reseach_sub_menu tbody tr td:hover  {
    color: white;
    background-color: #ccc;
}
/**
 * Extension cw_twitter
 * tweeds embedding
 */
 .tweet-container {
	 height: 540px;
	 overflow: auto;
 }
.tweet-wrap {
	margin-bottom: 15px;
}
.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: 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#timelineContainer {
	position: relative;
}
div#timelineContainer h1 {
	text-align: center;
}
div#timelineContainer::before {
	content: "";
	position: absolute; top: 60px; bottom: 0; left: 50%;
	display: block; width: 3px;
	border-left: 3px solid #bbb;
}
div#timelineContainer h2 {
	margin: 2rem 0;
	position: relative;
	font-size: 2.2em;
	font-weight: 100;
	text-align: center;
}
div#timelineContainer h2 span {
	display: inline-block;
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
/* 	padding: 1rem; */
	padding: 2.7rem 0;
	background-color: rgb(236, 0, 140);
	color: #fff;
	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 > li.bg-pic.tlHighlight div.tlHeader h3 {
	font-size: 30px;
}

/**
 * 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(255, 239, 0);
}
ul.timeline > li.tlHighlight:nth-child(2n+1)::after {
	border-left-color: rgb(255, 239, 0);
}
ul.timeline > li.tlHighlight:nth-child(2n)::after {
	border-right-color: rgb(255, 239, 0);
}
/*
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;
	}

	#directors #first-col .csc-default, #directors #sec-col .csc-default {
		border-bottom: 1px solid black;
		margin-bottom: 20px;
	}
}


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

/* New sub menu element */

.submenulinks{
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8; /* width of nav menu area - 8/10 */
}

.submenulinks li{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.submenulinks li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px; /* height of links */
  padding: 0 10px;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  background: orange; /* default background color */
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* center text horizontally */
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* center text vertically */
  box-shadow: 0-10px 3px rgba(0,0,0,.1) inset;
  transition: all .3s;
}

.submenulinks li:nth-of-type(2) a{
  background: #FF0080;
}

.submenulinks li:nth-of-type(3) a{
  background: #C1E2DE;
}

.submenulinks li:nth-of-type(4) a{
  background: #90D531;
}

.submenulinks li:nth-of-type(5) a{
  background: #FDE74C;
}


.submenulinks li:nth-of-type(6) a{
  background: #1cE14C;
}

.submenulinks li a:hover{
  opacity: .8;
  box-shadow: 0-10px 3px rgba(0,0,0,.2) inset, 0 15px 15px -5px gray;
  -moz-transform: rotateX(20deg);
  -webkit-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -moz-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all .5s;
  transition: all .3s;
}

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

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