:root {
	--mpl-blue-normal: rgba(0,56,85,1);
	--mpl-blue-75: rgba(0,56,85,.75);
	--mpl-blue-50: rgba(0,56,85,.5);
	--mpl-blue-10: rgba(0,56,85,.1);
	--mpl-blue-05: rgba(0,56,85,.05);
	--mpl-turqoise-normal: rgba(0,202,192,1);
	--mpl-white-normal: rgba(255,255,255,1);
	--mpl-white-10: rgba(255,255,255,0.1);


	--mpl-space-12: 120px;
	--mpl-space-12: 12vh;	
	--mpl-space-10: 100px;
	--mpl-space-10: 10vh;
	--mpl-space-08: 8vh;
	--mpl-space-06: 6vh;
	--mpl-space-05: 5vh;
	--mpl-space-04: 4vh;
	--mpl-space-03: 3vh;
	--mpl-space-02: 2vh;
	--mpl-space-01: 1vh;

	--mpl-space-navheight: 80px;
}

.mpl-typo h5 {
	line-height: 140% !important;
}

.mpl-typo h6 {
	font-size: 14px !important;
	line-height: 140% !important;
}

.mpl-twothirdtext-twothird p {
	max-width: unset !important;
}

.mpl-twothirdtext-twothird p img {
	width: 100% !important;
}

.mpl-page-invers .mpl-tile-inner {
    border-top: 1px solid var(--mpl-white-10);
}

.mpl-page-invers .mpl-tile-inner .mpl-tile-item {
    border-right: 1px solid var(--mpl-white-10);
    border-bottom: 1px solid var(--mpl-white-10);
}

.mpl-page-invers .mpl-spacer-border {
    border-top: 1px solid var(--mpl-white-10);
}

.mpl-page-invers .mpl-tile-item h5 {
	color: var(--mpl-turqoise-normal) !important;
}

.mpl-page-invers h5.text-center strong {
	color: var(--mpl-turqoise-normal) !important;
}

.mpl-page-invers .mpl-tile-item a:hover {
    background: var(--mpl-white-10) !important;
}

.mpl-twothirdtext p:not(p + .mpl-small-copy),
.mpl-threetext  p:not(p + .mpl-small-copy) {
	margin: 0 0 var(--mpl-space-02) !important;
}

.mpl-twothirdtext h3,
.mpl-threetext h3 {
	margin: 0 0 var(--mpl-space-04) !important;
}

/*.mpl-timeline-hasyear {
	z-index: 1000 !important;
}

.mpl-timeline-inner ul:after {
	display: none !important;
}

.mpl-timeline-year {
	top: -1px !important;
}*/

.mpl-text-editorial .mpl-text-editorial-drop_caps {
    float: left;
    height: calc(calc(22px + 2.25vmax) * 1.9);
    width: calc(calc(22px + 2.25vmax) * 1.9);
    margin-right: var(--mpl-space-01);
}

.mpl-carrousel-item *:not(.mpl-small-copy-gray),
.mpl-carrousel-item *:not(.mpl-small-copy) {
	color: var(--mpl-turqoise-normal) !important;
}

.white .header-inner {
	border-bottom: 1px solid var(--mpl-blue-10) !important;
}



/*Gruppendetailseite Research Area*/

.cover .mpl-typo ul.cover-icons li .cover-icon-caption p {
    font-size: 14px;
    line-height: 1.1;
    font-weight: bold;
    padding: 0;
    color: white;
}

.cover .mpl-typo ul.cover-icons li {
	margin: 0 20px 0 0;
}

.cover .mpl-typo h1 {
    margin: 0 auto 0px !important;
}

.cover-item-caption h1 + .mpl-button {
	margin-top: 20px;
}


/*Schriftgröße für Lauftext auf minimun 14px beschränken*/
@media (max-width: 800px) and (orientation: landscape) {
	.mpl-typo p:not(.mpl-button) {
	    font-size: 14px;
	}
}
@media (max-height: 800px) and (orientation: portrait) {
	.mpl-typo p:not(.mpl-button) {
	    font-size: 14px;
	}
}

/*Gallerie Element*/

.mpl-gallery-item h6 {
	text-align: left;
}

.mpl-gallery-holder:after, .mpl-gallery-holder:before {
	background: none !important;
}





/*Open Positions Typo*/
.mpl-publist-item h6 {
	font-size: 13px;
}


/*Publications*/

.mpl-publist .mpl-typo h5 {
    line-height: 150%;
}



/*Lecture, Events*/

.mpl-publist-thin .mpl-publist-inner {
    max-width: 100%;
}


.mpl-publist .mpl-publist-item {
	max-width: 800px;
}

.mpl-group-detailpage .mpl-publist .mpl-publist-item {
	max-width: none!important;
}

.mpl-group-detailpage .cover .cover-holder .cover-item-caption h4 {
    font-size: 14px !important;
    line-height: 1.1 !important;
    color: white !important;
}

.mpl-textpic {
    margin: 0 auto var(--mpl-space-06) !important;
}

.header-mainnav > ul > li:nth-child(4) {
    min-width: 109px;
}















/*SPECIAL STYLES*/


/*KEY DISCOVERIES PAGE*/

body.page-key_discoveries .mpl-covertext-bg {
	height: calc(100vmin - var(--mpl-space-navheight)) !important;
	background-size: contain !important;
}

body.page-key_discoveries .mpl-covertext-text-inner {
	background: none !important;
}

@media (max-width: 1023px) {
	body.page-key_discoveries .mpl-covertext-bg {
	height: calc(80vmin - var(--mpl-space-navheight)) !important;
	background-size: contain !important;
	}
}

@media (max-width: 767px) {
	body.page-key_discoveries .mpl-covertext-bg {
	height: calc(80vmin - var(--mpl-space-navheight)) !important;
	background-size: contain !important;
	}
}



/*SPECIAL STYLES Mission Statement Animation*/


#mpl-lottie {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(100vh - var(--mpl-space-navheight));
}



/*SPECIAL STYLES KEYFACTS*/

.mpl-keyfacts-inner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	border-top: 1px solid var(--mpl-blue-10);
}

.mpl-keyfacts-item:nth-child(2n) {
/* 	border-right: 0; */
}

.mpl-keyfacts .mpl-keyfacts-item-boder-right {
	border-right: 1px solid var(--mpl-blue-10) !important;
}

.mpl-keyfacts-item {
    display: flex;
    align-items: center;
    justify-content: center;

	position: relative;
	margin: 0;
	box-sizing: border-box;
	border-right: 1px solid var(--mpl-blue-10);
	border-bottom: 1px solid var(--mpl-blue-10);
	overflow: hidden;
	min-height: calc(calc(100vh - var(--mpl-space-navheight)) / 2);
}

.mpl-keyfacts-item-inner {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    box-sizing: border-box;

    align-items: center;
    justify-content: center;

    padding: 40px 40px calc(40px + var(--mpl-space-01));
}

.mpl-keyfacts-item-inner img {
    width: calc(100px + 1vw);
    height: calc(100px + 1vw);
}

.mpl-keyfacts-item-inner p {
	max-width: 400px !important;
	hyphens: none !important;
}

.mpl-keyfacts-item.mpl-keyfacts-item-narrow {
	width: calc(100% / 3);
}

.mpl-keyfacts-item.mpl-keyfacts-item-wide {
	width: calc(calc(100% / 3) * 2);
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-VBC {
	background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-VBC.svg') no-repeat center 50%;
	background-size: cover;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap {
	background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Worldmap.svg') no-repeat center 60%;
	background-size: auto 100%;

	flex-direction: row;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap table tr td {
    font-size: 12px !important;
    line-height: 120% !important;
    margin: 0 !important;
    hyphens: none !important;

    color: var(--mpl-blue-50);
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap table tr td:nth-child(odd) {
	text-align: right;
	padding-right: 8px !important;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .left {
	display: inherit;
	justify-content: flex-start;
	align-items: center;
	width: 35%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .center {
	display: inherit;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 30%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .right {
	display: inherit;
	justify-content: flex-end;
	align-items: center;
	width: 35%;
}


.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas {
	background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Groups_and_Areas.svg') no-repeat center 30%;
	background-size: auto 70%;

	flex-flow: column nowrap;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas p {
    font-size: 12px !important;
    line-height: 120% !important;
    margin: 0 !important;
    hyphens: none !important;

    color: var(--mpl-blue-50);
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .top {
	display: inherit;
	flex: 1 auto;

	height: auto;
	width: 100%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center {
	display: inherit;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;

	flex: 1 100%;
	width: 100%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .left {
	display: inherit;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 50%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .right {
	display: inherit;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 50%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom {
	display: inherit;
	flex: 1 auto;
	flex-flow: row wrap;
	align-items: stretch;

	margin-bottom: -16px;
	width: 100%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span {
	display: inherit;
	flex: 1 25%;
	padding-right: 8px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span:not(.A8):before {
	content: "";
	display: block;
	z-index: 10;
	width: 12px;
	height: 12px;
	margin-right: 8px;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A1:before {
	background: #7fe4df;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A2:before {
	background: #003b5c;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A3:before {
	background: #b3c4cd;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A4:before {
	background: #00cac0;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A5:before {
	background: #fea5a9;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A6:before {
	background: #fd4c54;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .bottom span.A7:before {
	background: #688a9d;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-scientists {
	background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Scientists.svg') no-repeat center center;
	background-size: 80%;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph {
	flex-direction: row;
	flex-wrap: nowrap;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .graph {
	display: inherit;
	width: calc( 100% * 0.75 );
	height: 100%;

	background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Graph.svg') no-repeat center 60%;
	background-size: contain;
}

.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .text {
	width: calc( 100% * 0.25 );
	height: 100%;
}







@media (max-width:1024px) {
	.mpl-keyfacts-item.mpl-keyfacts-item-narrow {
		width: 100%;
	}

	.mpl-keyfacts-item.mpl-keyfacts-item-wide {
		width: 100%;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap {
		background: none;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .center {
		width: 100%;
		background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Worldmap.svg') no-repeat center center;
		min-height: 50vmin;
		order: 1;
		flex: 1 100%;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .left {
		width: 50%;
		order: 2;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .right {
		width: 50%;
		order: 3;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas {
		background: none;
		flex-flow: row wrap;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .top {
		text-align: center;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .top p {
		width: 100%;
		max-width: none!important;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center {
		display: inherit;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		min-height: 100vmin;

		background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/Research_Groups-Research_Areas.svg') no-repeat center center;
		background-size: contain;

		flex: 1 100%;
		width: 100%;

		margin: 20px 0 40px 0;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .left {
		justify-content: flex-start;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .right {
		justify-content: flex-end;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph {
		min-height: 100vmin;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .graph {
		height: auto;
		min-height: 50vmin;
		background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Graph.svg') no-repeat center center;
		flex: 1 100%;
		order: 2;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .text {
		height: auto;
		flex: 1 100%;
		height: auto;
		text-align: center;
		order: 1;
	}
}


@media (max-width:1024px) and (orientation: landscape) {
	.mpl-keyfacts-item {
		min-height: 100vmin;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-scientists {
		background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Scientists.svg') no-repeat center center;
		background-size: contain;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .left {
		justify-content: center;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-worldmap .right {
		justify-content: center;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .top {
		text-align: center;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .left {
		justify-content: flex-start;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-groups_and_areas .center .right {
		justify-content: flex-end;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph {
		min-height: 100vmin;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .graph {
		height: auto;
		min-height: 50vmin;
		background: url('https://www.maxperutzlabs.ac.at/fileadmin/user_upload/About/facts/MPL-Key_Facts-Graph.svg') no-repeat center center;
		flex: 1 100%;
		order: 2;
	}

	.mpl-keyfacts-item-inner.mpl-keyfacts-item-inner-graph .text {
		height: auto;
		flex: 1 100%;
		height: auto;
		text-align: center;
		order: 1;
	}
}



/*FIXES*/

.mpl-typo .mpl-covertext-text-inner p:not(.mpl-button) {
	max-width: none!important;
}


/*
 * EXHIBITION
 */


:root.exhibition {
    
}

.exhibition {
    --mpl-underwater: #031d2c;
    background: var(--mpl-underwater) !important;
}

.exhibition .cover-item-img:after {
    background: linear-gradient(to bottom,transparent 0%, transparent 15%, transparent 50%, var(--mpl-underwater) 100%);
}

.exhibition .frame-type-dce_dceuid1 {
}

.exhibition .frame-type-dce_dceuid3 {
    opacity: 0.99;
    margin-bottom: -30vh;
}

.exhibition.scrolled header,
.exhibition footer {
    background: var(--mpl-underwater);
}

.exhibition h5 strong {
    color: var(--mpl-turqoise-normal) !important;
}

.exhibition .snowflake::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 500px;
    height: 530px;
    background-image: url(https://www.buerobauer.com/snowflake.png);
    background-size: contain;
    transform: translateY(-50%) translateX(-50%);
}


/*VCDI Subsite*/
:root {
	--mpl-red-normal: rgb(254, 76, 84);
}

.vcdi h4 {
	color: var(--mpl-red-normal) !important;
}

.vcdi h5 {
	color: var(--mpl-red-normal) !important;
}

.vcdi a {
	color: var(--mpl-red-normal) !important;
	border-color: var(--mpl-red-normal) !important;
}

.vcdi footer a {
	color: white !important
}

.vcdi .mpl-button a {
	color: var(--mpl-red-normal) !important;
	border-color: var(--mpl-red-normal) !important;
}

.vcdi .mpl-button a:hover {
	color: white !important;
	background: var(--mpl-red-normal) !important;
}

.vcdi .mpl-carrousel-nav li.active,
.vcdi .mpl-carrousel-nav li:hover {
	color: var(--mpl-red-normal) !important;
}

.vcdi .mpl-carrousel-nav li.active:after,
.vcdi .mpl-carrousel-nav li:after {
	content: none !important;
}

.vcdi .mpl-carrousel-item *:not(.mpl-small-copy-gray),
.vcdi .mpl-carrousel-item *:not(.mpl-small-copy) {
	color: var(--mpl-red-normal) !important;
}

.vcdi .vcdi-logos-text h5 {
	margin-bottom: var(--mpl-space-02);
}

/*Customize spacer mit border to adjust for uneven distribution of space in combination with other spacers.*/
/*.vcdi .mpl-spacer-200 {
	padding: var(--mpl-space-03) 0 calc(var(--mpl-space-03) * 1.75) !important;
}*/

.vcdi-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: .5em;
	/*margin-bottom: var(--mpl-space-02);*/
	margin-bottom: calc(var(--mpl-space-01) * -1);
}

.vcdi-logos * {
	font-size: inherit !important;
	line-height: inherit !important;
}

.vcdi-logos img {
	width: calc(150px + 5vmin);
	padding: 0 var(--mpl-space-01) var(--mpl-space-02) 0;
}