/*
Theme Name: Medigene
description: >-
   A child theme of Generate Press
Author: Studio 1440
Author URI: http://studio1440.com
Template: generatepress
Version: 1.0.0
*/

body { /* mysterious horizontal scrollbar */
    overflow-x: hidden;
}

/* Typography */

:root{
    --darkblue: #44546A;
    --orange: #E5996C;
    --green: #79987B;
    --midgrey: #a2a9ad;
    --darkgrey: #444;
    --primary-font: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
}

body {
	font-family: var(--primary-font);

}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--primary-font);

}

p, h2, h3, h4, h5 {

}

h1, h2, h3 {

}

h2 {
	/*color: var(--darkblue) !important;
	font-size: 30px !important;*/
	font-weight: 600 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase;
}



h2 {

}


h3 {

}

h3 span {
	color: var(--red);
}

.heavy h3 {

}

h4 {

}

b, strong {
	font-weight: 500 !important;
}

.green {
	color: var(--green) !important;
}


#content .elementor-text-editor ul, 
#content .elementor-text-editor ol,
#content .elementor-widget-container ul, 
#content .elementor-widget-container ol {
	margin-left: 23px;
}

#content .elementor-text-editor li {
	margin-bottom: 10px;
/*	line-height: 1.5;*/
}

#content .elementor-text-editor ul ul {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0;
	list-style: none;
}

	#content .elementor-text-editor ul ul li {
	  padding-left: 1em;
	  text-indent: -1em;
	}

	#content .elementor-text-editor ul ul li:before {
	  content: "-";
	  padding-right: 16px;
	}



.caption p {
	font-size: 14px;
	line-height: 1.1;
}


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

	.techbox {
		height: 116px;
	}

	.techbox .elementor-widget-container {
		padding: 10px;
	}

}


.references * {
	font-size: smaller;
	font-weight: 500;
}

	.references li {
		font-weight: normal !important;
		font-weight: 300 !important;
	}


.circlenumber div {
    background-color: var(--orange);
    border-radius: 100%;
    height: 2em;
    width: 2em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circlenumber h2 {
	margin-left: 4px;
    font-family: sans-serif;
    color: #FFF !important;
}


.bottommargin {
	margin-bottom: 0px !important;
}


a.white {
	color: #FFF !important;
}

	a.white:hover {
		color: var(--yellow) !important;
	}



.b-readmore .elementor-button-icon svg {
    width: 1.95em !important;
    margin-bottom: 2px !important;
}



.elementor-text-editor a,
.elementor-tab-content a {
	transition: color .3s ease-in;
	position: relative;
}

	.elementor-text-editor a:before, 
	.elementor-tab-content a:before {
	    content: "";
	    position: absolute;
	    bottom: -9px;
	    right: 0px;
	    height: 4px;
	    width: 0px;
	    background-color: var(--orange);
	    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	}

	.elementor-text-editor a:hover:before,
	.elementor-tab-content a:hover:before {
		left: 0;
	    right: auto;
	    width: 100%;
	}


	.elementor-text-editor td a:before {
	    bottom: -16px;
	}



/* global fix for adding padding above anchor links  */

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
 }
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display: block;
height: 100px; 
margin: -100px 0 0; 
visibility: hidden;
pointer-events: none;
}






/* global table styles */

.elementor-text-editor table,
.elementor-tab-content table {
	border-width: 0px !important;
}

.elementor-text-editor td, 
.elementor-tab-content td {
    line-height: 1.3;
    font-size: 20px !important;
    border-width: 0px 0px 1px 0px !important;
    position: relative !important;
    padding: 15px 0px;
    border-color: var(--orange);
}

.elementor-text-editor table thead td,
.elementor-tab-content table thead td {
	border-color: #000;
	border-bottom-width: 2px !important;
	vertical-align: bottom !important;
	font-weight: 500;
}

/*.elementor-text-editor td *,
.elementor-tab-content td * {
	line-height: 1.3;
	font-size: 20px !important;
}*/

/*.elementor-text-editor td:after,
.elementor-tab-content td:after
 {
	content: "";
    position: absolute;
    top: 20px;
    left: 0px;
    height: 1px;
    width: 25px;
    background-color: #aaa;
}*/

.simple-links-table td a:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0px;
    height: 1px;
    background-color: var(--orange);
    width: 100%;
}





/* Footnotes */

.footnotes * {
	font-size: 14px !important;
}

.footnotes ol {
	margin-top: 15px;
	margin-left: 15px !important;
}




/* page layout */

.page-hero {
	height: 285px;
	position: relative;
}

	.page-hero h1 {
		font-size: 45px;

	}

.single-post .page-hero {
	display: none;
}

.inside-page-hero {
	position: absolute;
	margin: 0px;
	width: 100%;
	bottom: 10%;
	padding-bottom: 11px;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
}

#pagetitle_wrapper {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
}

	#pagetitle_wrapper h1 {
		margin: 0 auto;
		line-height: 1.1;
		padding-bottom: 35px;
		padding-left: 15px;
		font-size: 47px !important;
		font-weight: 600;
	}

.site-content {
	/*padding-top: 60px;*/
}


@media (min-width:1200px) {

	.page-hero {
		height: 530px;
		margin-top: -169px;
	}

	.page-hero:before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0.30575980392156865) 0%, rgba(0,0,0,0) 100%);
	}

	.page-terms-of-purchase .page-hero,
	.page-privacy-policy .page-hero,
	.page-terms-of-service .page-hero,
	.page-cookie-policy .page-hero {
		height: 340px;
		margin-bottom: 60px;
	}

	#pagetitle_wrapper h1 {
	    width: 1280px;
	    padding-left: 10px;
	    padding-right: 570px;
	    font-size: 57px !important;
	    letter-spacing: -.04em;
	}

	.elementor-section.elementor-section-boxed > .elementor-container {
/*	    padding-left: 10px;*/
	}

}




/* Navigation */

/* 
nav#site-navigation = normal header  
nav#sticky-navigation = minimized scroll header
*/

.main-navigation a {
	padding: 0 !important;
	margin: 0 16px;
	font-family: var(--primary-font);
	font-size: 15px;
	letter-spacing: -.01em;
	color: #FFF !important;
	font-weight: 500;
	border-bottom: 6px solid transparent;
}

	.lang-de .main-navigation a {
		margin: 0 12px;
		font-size: 14px !important;
	}

#menu-mainnav > li > a,
#menu-mainnav-german > li > a {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	transition: all .2s ease-out !important;
}
	#menu-mainnav > li.menu-item-object-page:hover > a,
	#menu-mainnav > li.menu-item-object-custom:hover > a,
	#menu-mainnav-german > li.menu-item-object-page:hover > a,
	#menu-mainnav-german > li.menu-item-object-custom:hover > a {
		padding-top: 0px !important;
		padding-bottom: 9px !important;
		border-bottom: 6px solid var(--orange);
	}

	#menu-mainnav > li.current-menu-ancestor > a,
	#menu-mainnav > li.current-menu-item > a,
	#menu-mainnav-german > li.current-menu-ancestor > a,
	#menu-mainnav-german > li.current-menu-item > a {
		border-bottom: 6px solid var(--orange);
	}

/*#menu-mainnav > li > a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 7px;
	width: 100%;
	background-color: var(--orange);
}*/

.inside-header {
/*	align-items: flex-end;*/
}

ul ul .menu-item-has-children .dropdown-menu-toggle {
    display: block;
}

.main-navigation .main-nav ul ul li.menu-item-has-children > a {
    padding-right: 0;
}

@media (min-width:769px) {

	.menu-item-has-children .dropdown-menu-toggle {
	    display: none;
	}

	.main-navigation .main-nav ul li.menu-item-has-children > a {
/*	    padding-right: 20px;*/
	}

	.site-logo {
		margin-top: 55px;
		margin-bottom: 45px;
	}

}

.site-header {
	background-color: rgba(0, 0, 0, .22);
	z-index: 10;
}

.lang-de .site-header .header-image {
	width: 255px !important;
}

/*.single-post .site-header {
	background-color: var(--darkblue);
}*/


/* the code below creates the animated submenus  */


@media (min-width:1200px) {

   .main-navigation .sub-menu { 

   }

   .main-navigation .sub-menu {
       position:absolute;
		background-color: var(--orange) !important;
       top:calc(100% + 30px);
	   left:0 !important;
       padding:24px 15px;
       opacity:0;
       visibility:hidden;
       transition: all .2s;
       height: auto;
   }

   .main-navigation .sub-menu li .sub-menu {
   	left: 200px !important;
   	background-color: #F1A578 !important;
   }

	   .nav-platform .sub-menu {
	   		min-width: 240px;
	   }

	   .nav-investors .sub-menu {
	   		min-width: 250px;
	   }

   @media (max-width:1179px){
       .main-navigation .sub-menu{
           display:none!important
       }
   }


   .main-navigation .sub-menu li{
       margin:0
   }
   .main-navigation .sub-menu li a{
       margin:0;
   }
   .main-navigation .sub-menu li a:hover{

   }
   .header nav ul li:hover>a{

   }
   .main-navigation li:hover > ul{
       opacity:1;
       visibility:visible;
   }

   .main-navigation li:hover ul {
       top: calc(100% + 0px);
   }

}	


.sub-menu {
	padding: 20px 0px 20px 0px !important;
	box-shadow: unset !important;
}

	#site-navigation .sub-menu {

	}

	.sub-menu a {
		color: #FFF !important;
		font-size: 14px !important;
		padding: 8px 37px 8px 22px !important;
		min-width: 220px;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		border-left-width: 0px !important;
		transition: all .2s ease-in-out !important;
		line-height: 1.3 !important;
		text-transform: unset !important;
	}

	.sub-menu a:hover {

		background-color: transparent !important;
		padding: 8px 27px 8px 32px !important;
	}

.sub-menu  li[class*="current-menu-"] > a {
	background-color: transparent !important;
}

.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a {
	background-color: transparent;
}



@media screen and (max-width: 1000px) {
	
	.site-logo {
		/*padding: 20px 0px;*/
	}

	.navigation-branding img, .site-logo.mobile-header-logo {
	    height: 77px !important;
	    margin-left: 0 !important;
	    margin-top: 10px;
	}

	.main-navigation .site-logo.navigation-logo img, 
	.mobile-header-navigation .site-logo.mobile-header-logo img {
	    height: 67px !important;
	}
	
	nav#site-navigation {
		background-color: transparent !important;
	}

	#mobile-menu a {
		padding-left: 10px !important;
		color: var(--orange) !important;
		border-bottom-width: 0px !important;
		margin-left: 5px !important;
	}


	#mobile-menu li:hover,
	#mobile-menu li:active {
		background-color: var(--green) !important;
	}

	#mobile-menu li:hover a,
	#mobile-menu li:active a {
		background-color: var(--green) !important;
		color: #FFF !important;
	}

	.menu-toggle {
		background-color: transparent !important;
	}

	.sub-menu {
		padding-top: 0px !important;
		background-color: var(--green) !important;
	}

}





#sticky-navigation { /* the smaller header on scroll-down */
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
	background-color: #fff;
}

#site-navigation a,
#sticky-navigation a {
	position: relative;
	transition: all .3s ease-in-out;
	/*margin-left: 3px;*/
}

#sticky-navigation a {
	color: #444 !important;
	border-bottom-width: 0px !important;
	/*margin-left: 3px;*/
}

	#sticky-navigation #menu-mainnav > li > a,
	#sticky-navigation #menu-mainnav-german > li > a {
		padding-top: 12px !important;
		border-bottom: 2px solid #FFF !important;
	}

	#sticky-navigation #menu-mainnav > li:hover > a,
	#sticky-navigation #menu-mainnav-german > li:hover > a {
		color: var(--orange) !important;
		border-bottom-color: var(--orange) !important;
		padding-bottom: 6px !important;
		/*margin-left: 3px;*/
	}

#sticky-navigation .sub-menu {
	background-color: #FFF;
    box-shadow: 2px 6px 8px 0px rgb(0 0 0 / 15%) !important;
}

	#sticky-navigation .sub-menu a {
		color: #FFF !important;
	}

.sticky-navigation-logo a {
	padding-left: 0 !important;
}



@media screen and (max-width: 1000px) {
	
	nav #primary-menu a {
		margin-left: 0px;
	}

}
	


nav .sticky-navigation-logo a {
	margin-left: 0px !important;
}



#mobile-header {
	background: #FFF;
	position: sticky;
}



/* language switcher styles  */


.wpml-ls-item.wpml-ls-current-language {
	border-left: 1px solid rgba(255, 255, 255, .35);
	margin-left: 15px;
}

.wpml-ls-item a {
	text-transform: unset !important;
}

.wpml-ls-item .sub-menu {
	background-color: transparent !important;
	top: 50% !important;
}

.wpml-ls-item .sub-menu a {
	padding-left: 16px !important;
	font-size: 15px !important;
}

	.lang-de .wpml-ls-item .sub-menu a {
		padding-left: 13px !important;
		font-size: 14px !important;
	}


nav#sticky-navigation .wpml-ls-item.wpml-ls-current-language {
	border-color: #ddd;
}

nav#sticky-navigation .wpml-ls-item .sub-menu {
	background-color: #FFF !important;
	top: 100% !important;
	padding-top: 0 !important;
}

nav#sticky-navigation .wpml-ls-item .sub-menu a {
	color: #444 !important;
}

/*.wpml-ls-item.wpml-ls-current-language:hover a {
	padding-bottom: 0px !important;
	border-bottom-width: 0px !important;
}
*/

footer .wpml-ls-item {
	display: none !important;
}

.top-bar {
	display: none;
}

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

	.top-bar {
		display: block;
		background-color: transparent !important;
	    position: absolute;
    	z-index: 1000;
    	width: 100%;
	}

	.top-bar .inside-top-bar {
	    margin-right: auto;
	    right: 30px;
	    top: 21px;
	    position: absolute;
	}

	.main-nav .wpml-ls-item {
		display: none;
	}

}






/* HOMEPAGE */


.home .site-content {
	padding-top: 0 !important;
}

#home-moa .elementor-image {
	text-align: center;
}

#home-moa img {
	border-radius: 50%;
	border: 10px solid #FFF;
	transition: border-color .3s ease-in-out;
}

#home-moa .elementor-column {
	width: 100%;
}

#home-moa .elementor-widget-wrap {
	padding-right: 0;
	padding-bottom: 30px;
}



@media screen and (min-width: 1000px) {

	#home-moa > div {
		padding-left: 0;
	}

	#home-moa .elementor-image {
		text-align: left;
	}

	#home-moa .elementor-image:after {
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 6px;
	    height: 20px;
	    width: 42px;
	    margin-top: -7px;
	    background-image: url(/web/20230329104102im_//wp-content/uploads/arrow1.svg);
	    background-repeat: no-repeat;
	}

	#home-moa .elementor-column:last-child .elementor-image:after {
		background: unset !important;
	}

	#home-moa .elementor-column {
		width: 20.5%;
	}

	#home-moa .elementor-column:last-child {
		width: 18%;
	}

	#home-moa .elementor-column h4 {
		padding-right: 30px;
		padding-bottom: 5px;
	}

		#home-moa .elementor-column:last-child h4  {
			padding-right: 0px;
		}

	#home-moa .elementor-column:hover img {
		border-color: rgba(0, 0, 0, .061);
	}

	#home-moa .elementor-column h4 {
		transition: all .2s ease-in-out;
	}

	#home-moa .elementor-column:hover h4 {
		color: var(--orange);
		padding-top: 5px;
		padding-bottom: 0;
	}	

}



#homenews article {
	background-color: #fff;
	transition: all .2s ease-in-out;
	border-top: 2px solid transparent;
}

	#homenews article:hover {
		border-top: 2px solid var(--orange);
		/*margin-bottom: -4px;
		margin-top: 4px;*/
	}

#homenews article * {
	height: 100%;
}

#homenews article .make-column-clickable-elementor * {
	height: unset;
}

#homenews .homenews-date:before {
	content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    height: 3px;
    width: 25px;
    background-color: var(--orange);
}

#homenews .homenews-headline {
	margin-bottom: 60px;
}

#homenews article .b-readmore {
	position: absolute;
	bottom: 30px;
}


#homecolumns .col .elementor-column-wrap {
	padding: 25px;
}

@media screen and (min-width: 1000px) {

	#homecolumns #col1,
	#homecolumns #col2,
	#homecolumns #col3 {
		height: 474px;
	}

	#homecolumns #col1 {
		margin-right: 25px;
	}

	#homecolumns #col2 {
		margin-right: 25px;
		margin-left: 25px;
	}

	#homecolumns #col3 {
		margin-left: 25px;
	}

	#homecolumns .colbutton {
		position: absolute;
		bottom: 20px;
		transition: margin .2s ease-out;
	}

	#homecolumns .colbutton:hover {
		margin-left: 20px;
	}

}








/* #### PARTNERS #####  */

.academic-partnerships hr {
    background-color: rgba(0,0,0,.15) !important;
    border: 0;
    height: 1px;
    margin-bottom: 28px !important;
    margin-top: 30px !important;
}





/* Team blocks, lightboxes, etc. */


.ex-tplist .item-grid {
	padding: 0 20px 0 0 !important;
}

.ex-tplist figure {
	box-shadow: unset !important;
	background-color: transparent !important;
}

figure.tpstyle-19:hover img {
    opacity: 1 !important;
    filter: unset !important;
}

.ex-tplist figure > div {
	border-bottom-color: var(--orange) !important;
	border-bottom-width: 0px !important;
}

.tpstyle-19-image:before {
	border-top-color: var(--orange) !important;
	border-width: 0 !important;
}

.tpstyle-19-image p {
	display: none !important;
}

.ex-tplist .item-grid h3,
.ex-tplist .item-grid h5 {
	text-transform: none !important;
	font-family: var(--primary-font);
	text-align: left !important;
} 

.ex-tplist .item-grid h3 {
	font-weight: 500 !important;
	font-size: 22px !important;
	line-height: 1.1 !important;
	color: var(--darkblue) !important;
}

	.ex-tplist .item-grid h3 a {
		pointer-events: none;
		color: var(--darkblue) !important;
	}

.ex-tplist .item-grid h5 {
	font-size: 18px !important;
	line-height: 1.2 !important;
	margin-top: 10px !important;
	color: #444 !important;
	letter-spacing: unset !important;
}

.ex-tplist figcaption {
	padding: 20px !important;
	background-color: transparent !important;
	padding-left: 10px !important;
    padding-right: 55px !important;
/*	height: 165px;
	background-color: #f4f4f4 !important;*/
}




	/* disable popup for certain employees  */

	.item-grid[data-id*="2234"] {
	    pointer-events: none;
	}



	/*cool rollover shade and arrow*/

	.tpstyle-19-image {
		position: relative !important;
		transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
	}

	.tpstyle-19-image:before {
		content: "" !important;
		display: inline-block !important;
		width: 10% !important;
		position: absolute !important;
		top: 0 !important;
		left: -100% !important;
		right: 100% !important;
		bottom: 0 !important;
		height: 100% !important;
		/*background: #e91e6385;*/
		background-color: rgba(0, 0, 0, .2);
		/*background: rgb(95,168,65);
		background: linear-gradient(90deg, rgba(95,168,65,0.8515581232492998) 0%, rgba(26,89,93,0.6147233893557423) 100%);*/
		transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1) !important;
		z-index: 11 !important;
		transform: translate(0px, 0px) !important;
		cursor: pointer;

	}

	.tpstyle-19-image::after {
		content: "" !important;
		display: inline-block !important;
		background-image: url("/web/20230329104102im_//wp-content/uploads/arrow.png") !important;
		position: absolute !important;
		top: 0 !important;
		left: calc(100% - 4.5em) !important;
		right: 6em !important;
		bottom: 0 !important;
		/*background-size: 3.5em !important;*/
		background-repeat: no-repeat !important;
		background-position: center !important;
		transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1) !important;
		z-index: 15 !important;
		cursor: pointer;
	}
	.tpstyle-19-image:hover {
		/*padding: 0.5em 3.5em 0.5em 0.5em !important;*/
	}
	.tpstyle-19-image:hover::before {
		/*left: calc(100% - 4.5em) !important;
		right: 0 !important;*/
		left: 0 !important;
		transition: 0.1s cubic-bezier(0.1, 0, 0.1, 1), left 0.1s 0.1s cubic-bezier(0.1, 0, 0.1, 1) !important;
		width: 100% !important;
	}
	.tpstyle-19-image:hover::after {
		right: 0 !important;
		transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1) !important;
	}

	.tpstyle-19-image a {
		overflow: hidden !important;
		display: block;
		transition: right 0.1s 0.1s cubic-bezier(0.1, 0, 0.1, 1) !important;
	}

	.tpstyle-19-image:hover img {
		transform: scale(1.05);
	}

@media screen and (min-width: 1200px) {

	.tpstyle-19-image a {
		height: 320px;
	}

}



/* lightbox */


.exteam-lb .goverlay {
	background-color: rgba(0, 0, 0, .90) !important;
}

.exteam-lb .gslide-inner-content {
    max-width: 1400px;
}

/*
.exteam-lb .gslide-inner-content {
	max-width: 1200px !important;
}
*/
.lb-image {
/*	display: none !important;*/
	width: 25% !important;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.style-12 .active-collaps .exp-expand-des {
	margin: 45px 0 !important;	
	margin-bottom: 15px !important;
}

.lb-info {
	width: 75% !important;
	padding-left: 20px;
}

.lb-info * {
	font-family: var(--primary-font);
}

@media screen and (min-width: 1200px) {

	.lb-info {
		padding: 30px 55px 30px 70px !important;
	}
}

.lb-info h3 {
	color: var(--darkgrey) !important;
}

.lb-info h3 a {
	color: var(--darkgrey) !important;
	font-size: 28px !important;
	letter-spacing: 3px;
	pointer-events: none !important;
}

.lb-info .lb-social {
	display: none !important;
}

.lb-info .exp-lightbox-meta {
	border-width: 0px !important;
}

	.lb-info h5 {
	    font-size: 17px !important;
	    color: var(--darkgrey) !important;
	    letter-spacing: 0px;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    font-weight: 600;
	    margin-top: 15px !important;
	}

	.lb-info h5 span {
		display: none !important;
	}

.lb-info p,
.lb-info li {
	color: var(--darkgrey) !important;
	font-size: 17px !important;
	font-weight: 300 !important;
}

.lb-info ul {
	margin-left: 1em;
}



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

	.lb-image {
		display: none !important;
	}

/*	.style-12 .active-collaps .exp-expand-des {
		margin: 45px 0 !important;	
		margin-bottom: 15px !important;
	}*/

	.lb-info {
		width: 95% !important;
	}

}




/*############### PIPELINE ###############*/


.pipeline-block {
    transition: all 0.4s ease;
    border-bottom: 1px solid transparent;
}

.pipelineblock h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
}

.pipelineblock h3 a {
	transition: all 0.4s ease;
}

.pipelineblock h3 a:hover {
	color: var(--green) !important;
}


.pipelineblock .elementor-widget:not(:last-child) { 
    margin-bottom: 15px; /* scrunch up the spacing under the name of the drug */
}

.pipelineblock p {
	margin-bottom: 5px;
    line-height: 1.3;
    font-size: 18px;
}

.pipelinebar {
	margin-bottom: 30px;
}

.elementor-progress-wrapper {
    background-color: #eee !important;
    background-image: linear-gradient(45deg, #CCC 12.50%, #ebebeb 12.50%, #ebebeb 50%, #CCC 50%, #CCC 62.50%, #ebebeb 62.50%, #ebebeb 100%);

	background-size: 5.66px 5.66px;
/*	background-size: 1px 186px;*/
	border-radius: 50px !important;
}

.elementor-progress-bar {
	border-radius: 50px !important;
    /*background: rgb(95,168,65);
	background: linear-gradient(90deg, rgba(95,168,65,1) 0%, rgba(26,89,93,1) 100%);*/
/*	transition: all .3s ease-in-out !important;*/
/*	transition: background .3s ease-in-out !important;*/
	transition: width 1s ease-in-out, background-color .2s ease-in-out !important;

}

/*.elementor-progress-bar:before {
	content: "";
	background-color: red;
}
*/
.pipeline-block .elementor-text-editor {
	margin-top: -40px;
	margin-bottom: 30px;
}

.pipeline-block .elementor-text-editor p {
	font-size: 18px;
	/*font-weight: 700;*/
	color: var(--green);
}

.pipeline-block .elementor-heading-title {
	font-size: 22px;
	font-weight: 700;
	color: var(--green);
	margin-bottom: 10px;
}

/*  for making a two-tone progress bar background color  */
/*  linear-gradient(90deg, rgba(133,192,41,1) 85.1%, rgba(168,212,101,1) 85.1%, rgba(168,212,101,1) 100%);   */





.elementor-progress-text {
	font-size: 16px;
	font-weight: 500;
/*	text-transform: uppercase;*/
	margin-left: 7px;
	transition: all .3s ease-in-out;
	text-overflow: unset !important;
}

/* most of the styles are in the Elementor editor (in an empty section) so the user can see it in real-time */
/* this set of rules is here so that the pipeline bar isn't obscured in the editor */
.list-phases {
	/*position: absolute !important;
	top: 0px;*/
	list-style-type: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    display: table;
    border-collapse: collapse;
}

.list-phases ul {
	margin-left: 0 !important;
}

.list-phases li {
	box-sizing: border-box;
	float: left;

	width: 33.3%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 17px;
    display: table-cell;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0px 17px;
    position: relative;
    line-height: 1.3;

	/*color: #FFF !important;*/
	/*border: 1px solid #000;*/
}

.list-phases li:after { /* divider  */
	
	/*content: "|";
	position: absolute;
	color: #CCC;
	left: 100%;*/
} 

.list-phases li:last-child:after {
	content: "" !important;
}



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

	.list-phases li {
		font-size: 11px !important;
		padding-top: 17px !important;
		font-weight: 400;
		padding: 0 3px;
	}

	.elementor-progress-wrapper {
		/*border-radius: 0px !important;*/
	}

	.pipeline-block .milestone:before {
		content: "Upcoming Milestone:";
		font-size: 14px;
		margin-bottom: -6px;
    	display: block;
	}

	.elementor-progress-text {
		font-size: 14px;
		font-weight: 500;
	}
		
}


.pipeline-milestone li {
	font-size: 16px;
	color: var(--green);
	margin-bottom: 10px !important;
}



.indication {
	padding: 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


.row-indications {
}


.pipeline-paragraph h3 {
	position: relative;
	margin-left: 70px;
}

.pipeline-paragraph h3 strong {
	font-weight: 500;
	font-size: 22px;
	display: block;
	margin-top: 10px;
}

.pipeline-paragraph h3:before {
	content: "";
    position: absolute;
    left: -70px;
    top: 17px;
    background: var(--green);
    height: 1px;
    width: 55px;
}

.pipeline-paragraph p,
.pipeline-paragraph li {
	margin-left: 70px;
}



/* pipeline toggles  */

.pipeline-block {
	transition: all .3s ease-in-out;
}

.pipeline-block:hover {
	cursor: pointer;
/*	border-bottom: 1px solid #ccc;*/
}

.pipeline-block:hover .elementor-progress-bar {
	background: unset !important;
	background-color: var(--darkblue) !important;
}

/*.pipeline-block .pipeline-indication p:after {
	content: "|";
	margin-right: 15px;
	top: 0;
	transform: rotate(90deg);
}*/

.pipeline-block .pipeline-indication p:before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 15px;
	margin-left: -22px;
	display: inline-block;
	transform: rotate(0deg);
	transition: transform .2s linear;
	transform-origin: 50% 48%;
}

.pipeline-block .pipeline-indication p {
	transition: color .3s ease-in-out;
	padding-left: 27px;
	padding-right: 48px;
}

.pipeline-block:hover .pipeline-indication p {
	color: var(--midgreen) !important;
}

.pipeline-block .pipeline-indication p.open:before {
	transform: rotate(90deg);
}

.pipelinetext { 
	display: none; 
	padding-left: 23px;
}

.elementor-editor-active .pipelinetext { display: block; } /* don't hide it when in the editor  */
















/*######### SCIENCE ###########*/


#moabuttons > div {
		padding-left: 0;
	}

#moabuttons .elementor-column {
	width: 20.5%;
	padding-right: 10px;
}

#moabuttons .elementor-column:last-child {
	width: 18%;
	padding-right: 0;
}

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

	#moabuttons	{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #ddd;
	}

	#moabuttons .elementor-column {
		width: 100% !important;
		padding-right: 0;
	}

	#moabuttons .elementor-column {
		width: 100% !important;
		padding-right: 0;
		padding-bottom: 30px;
	}

	#moabuttons .elementor-column .elementor-widget-wrap {
		padding-right: 0;
	}

}

#moabuttons .elementor-button {
	width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

	#moabuttons .efficacy .elementor-button {
	    pointer-events: unset;
	}

	#moabuttons .elementor-button:hover {
		background-color: var(--green);
	}

	#moabuttons .efficacy .elementor-button {
		background: var(--orange) url(/web/20230329104102im_//wp-content/uploads/whitearrow.png) 191px center no-repeat;
	}

		#moabuttons .efficacy.blue .elementor-button {
			background-color: var(--darkblue);
		}

	#moabuttons .efficacy .elementor-button:hover {
		background-color: var(--darkblue);
	}

		#moabuttons .efficacy.blue .elementor-button:hover {
			background-color: var(--orange);
		}

.abstractslist strong {
	font-weight: 500 !important;
}

.abstractslist a {
	display: table;
	clear: both;
	margin-top: 8px;
	padding: 5px 15px;
	font-size: 16px !important;
	background-color: var(--orange);
	color: #FFF !important;
}

	.abstractslist a:hover {
		background-color: var(--green);
	}


.abstractsmenu button,
.abstractsmenu .jet-dropbar__content-wrapper {
	width: 117px !important;
	margin-top: 0 !important;
}

.abstractsmenu .jet-dropbar__content-wrapper {
	border: 1px solid #ccc;
	border-top-width: 0px;
}

.abstractsmenu .jet-dropbar__content-wrapper ul {
	list-style-type: none;
	margin: 0 !important;
}

.abstractsmenu .jet-dropbar__content-wrapper a {
	color: var(--green) !important;
	display: block;
	border-bottom: 1px solid #eee;
	padding: 3px 0;
	font-size: 16px;
}

	.abstractsmenu .jet-dropbar__content-wrapper a:hover {
		color: var(--orange) !important;
		font-weight: 600;
	}

.abstractsmenu .jet-dropbar__content {
	padding: 0 !important;
}


/*######### INVESTOR RELATIONS ###########*/


/*.agm-list table {
	border-width: 0px !important;
}

.agm-list td {
	line-height: 1.3;
	font-size: 20px !important;
	border-width: 0px !important;
	position: relative !important;
	padding-left: 45px;
}

.agm-list td * {
	line-height: 1.3;
	font-size: 20px !important;
}

.agm-list td:after {
	content: "";
    position: absolute;
    top: 20px;
    left: 0px;
    height: 1px;
    width: 25px;
    background-color: #aaa;
}*/



/* turn off the little underline 'notch' on the AGM page - it looks weird b/c not all the cell contents are links */
/*.agm-list td a:after { 
    height: 0px;
}
*/

.documents-archive .elementor-tabs-wrapper {
	border-collapse:separate;
	border-spacing: 15px;
}

.documents-archive .elementor-tabs-content-wrapper {
	margin-top: 70px;
}

.documents-archive td * {
	font-size: 17px !important;
}

.documents-archive .elementor-tab-title {
	border: 1px solid rgba(255, 255, 255, .50) !important;
	margin-right: 20px;
	transition: all .3s ease-in-out;
	width: 120px;
	text-align: center;
}

	.documents-archive .elementor-tab-title.elementor-active,
	.documents-archive .elementor-tab-title:hover {
		background-color: #FFF;
	}

	.documents-archive .elementor-tab-title:hover a {
		color: var(--orange) !important;
	}

@media screen and (min-width: 1200px) {

	.documents-archive .elementor-tab-title.elementor-active:after {
	    content: "";
	    width: 0 !important;
	    height: 0 !important;
	    bottom: -10px !important;
	    left: 50px !important;
	    border-left: 10px solid transparent !important;
	    border-right: 10px solid transparent !important;
	    border-top: 10px solid #FFF !important;
	}

}

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

	.documents-archive .elementor-tab-mobile-title {
		background-color: var(--darkblue);
		margin-bottom: 10px;
		border-color: transparent !important;
	}

	.documents-archive .elementor-tab-mobile-title.elementor-active {
		
	}

}


/* cool animated underline effect

#agm-currentyear td a {
	transition: color .3s ease-in;
	position: relative;
}

	#agm-currentyear td a:before {
		content: "";
	    position: absolute;
	    bottom: -2px;
	    right: 0px;
	    height: 2px;
	    width: 0px;
	    background-color: var(--orange);
	    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	}

	#agm-currentyear td a:hover:before {
		left: 0;
	    right: auto;
	    width: 100%;
	}

*/


#table-managers-transactions tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
	width: 10%;
}

#table-managers-transactions tr td:last-child {
	padding-right: 0px;
}


#table-directors-holdings tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
}

#table-directors-holdings tr td:last-child {
	padding-right: 0px;
}

#table-directors-holdings td:nth-child(2),
#table-directors-holdings td:nth-child(3) {
	text-align: right;
}



#table-share-info tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
}

#table-share-info tr td:last-child {
	padding-right: 0px;
}

#table-share-info td:nth-child(1) {
	font-weight: 500;
}



#table-capital-measures tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
	width: 6%;
}

#table-capital-measures tr td:first-child {
	width: 35%;
}


#table-shareholder-structure tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
}

#table-shareholder-structure tr td:last-child {
	text-align: right;
}

#table-voting-rights td {
	font-size: 15px !important;
	line-height: 1.7;
	padding-top: 25px;
	padding-bottom: 10px;
}

#table-voting-rights td a {
	font-size: 19px !important;
}


#table-compensation tr td {
	vertical-align: top;
	padding-right: 40px;
}

	#table-compensation tr td:nth-child(odd) {
		font-weight: 500;
	}


.table-reports tr td {
	vertical-align: top;
	font-size: 17px !important;
	line-height: 1.3 !important;
	padding-right: 20px;
}

	.table-reports tr td:nth-child(1) {
		width: 30%;
		max-width: 30%;
	}

	.table-reports tr td:nth-child(2) {
		width: 40%;
		min-width: 40%;
		font-weight: 500;
	}

	.table-reports tr td p:last-child {
		margin-bottom: -1px;
	}


.corporate-gov-blocks {
/*    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;*/
}

.corporate-gov-blocks .elementor-widget-icon-box {
    width: 220px !important;
    height: 230px !important;
    margin: 0 25px 25px 0;
    float: left;
}

	.corporate-gov-blocks .elementor-widget-icon-box .elementor-icon-box-icon { transition: margin .2s ease-in-out; }

	.corporate-gov-blocks .elementor-widget-icon-box:hover .elementor-icon-box-icon { margin-right: -5px; }

.corporate-gov-blocks .elementor-widget-icon-box .elementor-widget-container {
    width: 220px !important;
    height: 230px !important;
}

.corporate-gov-blocks .elementor-icon-box-content {
	height: 180px;
}

.corporate-gov-blocks .elementor-icon-box-description {
    position: absolute;
    bottom: 25px;
}


.lang-de .corporate-gov-blocks .elementor-widget-icon-box {
    width: 340px !important;
}

.lang-de .corporate-gov-blocks .elementor-widget-icon-box .elementor-widget-container {
    width: 340px !important;
}


/* ####### News ####### */




.releases-list article {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}

.releases-list .elementor-post__text {
	position: relative;
}

.releases-list .elementor-post__title {
	display: block;
	margin-top: 25px !important;
}

.releases-list .elementor-post__meta-data {
	position: absolute;
	top: 0px;
}

.releases-list a:hover {
	color: var(--green) !important;
}

.releases-list .elementor-pagination {
	
}

.select-year * {
	font-family: var(--primary-font);
	font-size: 18px;
/*	font-weight: 600;*/
}







.eventsloop [data-elementor-type="loop-item"] {
	background-color: #fff;
	position: relative;
}

	.eventsloop [data-elementor-type="loop-item"] ul {
		margin-left: 0 !important;
	}

	.eventsloop [data-elementor-type="loop-item"]:after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 1px;
		width: 35%;
		background-color: var(--orange);
	}



/* ####### CAREERS ####### */

#jobopenings a {
	transition: color .3s ease-in;
	position: relative;
}

	#jobopenings a:before {
	    content: "";
	    position: absolute;
	    bottom: -16px;
	    right: 0px;
	    height: 4px;
	    width: 0px;
	    background-color: var(--orange);
	    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	}

	#jobopenings a:hover:before {
		left: 0;
	    right: auto;
	    width: 100%;
	}










/* ####### forms ####### */

form * {
	font-family: var(--primary-font);
}






/* ####### footer ####### */


footer {
/*	margin-top: 120px;*/
}

footer.site-info {
	display: none;
}

footer .sub-menu {
	display: none !important;
}
/*
     FILE ARCHIVED ON 10:41:02 Mar 29, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:40:00 Sep 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.366
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.03
  esindex: 0.005
  cdx.remote: 28.363
  LoadShardBlock: 1431.784 (3)
  PetaboxLoader3.datanode: 1427.944 (5)
  PetaboxLoader3.resolve: 323.909 (2)
  load_resource: 351.193
  loaddict: 21.325
*/