body{
	font-family:Verdana,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 13px;
	color: black;
}

	@font-face {
		font-family: 'merck';
		src: url('../font/M-Regular.woff') format('woff');
	}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.hideContent{
	display:none;
}

a {
	color:#eb3c96;
}

.test{
	background-color:red;
	margin-left:5%;
}

.advancedFilterHead{
	width: 100%;
	margin-bottom:2%;
}

.filterHead{
	display:inline-block;
	width: 100%;
	height: 50px;
	background-color:#503291;
	-moz-border-radius: 10px/10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 10px 10px 0 0;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

#contFilter{
	padding:2%;
	width: 100%;
	background-color:#503291;
	-moz-border-radius: 10px/10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 0 0 10px 10px;
	display:inline-block;
	border-top: 2px solid #96d7d2;
	vertical-align:middle;
}

#advancedFilter{
	font-family:merck;
	font-size:20px;
	color:white;
	display:inline-block;
	width: 95%;
	vertical-align:middle;
}

.filter{
	padding-bottom: 30px;
	flex-wrap: nowrap;
	display:flex;
	align-items:flex-end;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.filterName{
	display:inline-block;
	width:14%;
	font-size: 15px;
	font-weight:bold;
	color: white;
	margin-bottom:32px;
}

.mobileFilter{
	display:none;
}

.filterOptionBox{
	display:flex;
	flex-wrap:nowrap;
	width:84%;
	height:73px;
	position:relative;
}

.filterOptions{
}

.filterSwitchDot{
	width:100%;
	height: 30px;
	position:absolute;
	left:0;
	top:30%;
	visibility:hidden;
	pointer-events: none;
}

.filterButton{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#ffc832;
	width: 25px;
	height: 25px;
	vertical-align:middle;
	border: 2px solid white;
	pointer-events: none; 
	position:relative;
	left:13px;
	visibility:visible;
	cursor:pointer;
}

.OptionFlex{
	-ms-flex: 1;
    flex: 1;
	flex-grow:1;
}

.filterOptionsText{
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
}

.filterOptionsDotBox{
	background-color:#2dbecd;
	width: 100%;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.firstFilterOptionsDotBox{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px 0 0 90px;
	width: 50px;
}

.lastFilterOptionsDotBox{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius:  0 90px 90px 0;
}

.filterOptionDots{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#eb3c96;
	width: 13px;
	height: 13px;
	vertical-align:middle;
}

#pagestart{
	width: 50px;
	height: 50px;
	background: url(../images/pagestart.png) no-repeat 50% 50%;
	background-position:center;
	display:inline-block;
}


/* NEUE KATEGORIE: #xxx > .cont-row-box>.row DUBLIZIEREN! */

#cat-oncology > .cont-row-box>.row{
	border-top: 2px solid #96d7d2;
	color: #503291;
}

#cat-immuno-oncology > .cont-row-box>.row{
	border-top: 2px solid #96d7d2;
	color: #503291;
}

#cat-immunology > .cont-row-box>.row{
	border-top: 2px solid #96d7d2;
	color: #503291;
}

#cat-neurology > .cont-row-box>.row{
	border-top: 2px solid #96d7d2;
	color: #503291;
}

#cat-general-medicine > .cont-row-box>.row{
	border-top: 2px solid #96d7d2;
	color: #503291;
}

/* NEUE KATEGORIE: #xxx > .cont-row-box > .row> .cont-description DUBLIZIEREN! */

#cat-oncology > .cont-row-box > .row> .cont-description{
	background-color:96d7d2;
}

#cat-immuno-oncology > .cont-row-box > .row> .cont-description{
	background-color:96d7d2;
}

#cat-immunology > .cont-row-box > .row> .cont-description{
	background-color:96d7d2;
}

#cat-neurology > .cont-row-box > .row> .cont-description{
	background-color:96d7d2;
}

#cat-general-medicine > .cont-row-box > .row> .cont-description{
	background-color:96d7d2;
}


.cat-head{
	height: 50px;
	width: 100%;
	background-color:#503291;
	color:white;
	border-radius: 10px 10px 0 0;
	cursor:pointer;
}

.cont-arrow-head{
	width:5%;
	height: 100%;
	background: url(../images/expand_white.png) no-repeat 50% 50%;
	background-size: 25px;
	display:inline-block;
	vertical-align:middle;
}

.cont-arrow-head.active{
	background: url(../images/close_white.png) no-repeat 50% 50%;
	background-size: 25px;
}

.cont-row-box{
	overflow:hidden;
	border-radius:0 0 10px 10px;
	margin-bottom:2%;
	
}

.rounded{
	border-radius:10px 10px 10px 10px;
	margin-bottom:0.5%;
}

.roundLastEl{
	border-radius:0 0 10px 10px;
	margin-bottom:2%;
}

.cat-head-title{
	font-family: merck;
	font-size:20px;
	margin:0;
	display:inline-block;
	width: 48%;
	vertical-align:middle;
}

.cat-head-phase, .cat-head-asset, .cat-head-compound{
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
}

.cat-head-phase{
	text-align:center;	
	width: 20%;
}

.cat-head-asset{
	text-align:center;	
	width: 12.5%;
}

.cat-head-compound{
	text-align:center;
	width: 12.5%;
}

.row{
	width:100%;
	cursor:pointer;
}

.cont-row{
	width: 100%;
	height:85px;
	padding-top: 11px;
	padding-bottom:11px;
	background-color:#2dbecd;
}

.cont-row.hovercolor{
	background-color:#00a5c3;
}

.cont-arrow{
	width:5%;
	height: 100%;
	background: url(../images/close.png) no-repeat 50% 50%;
	background-size: 15px;
	display:inline-block;
	vertical-align:middle;
}

.cont-arrow.active{
	background: url(../images/expand.png) no-repeat 50% 50%;
	background-size: 15px;
}

.cont-title{
	width: 48%;
	display:inline-block;
	vertical-align:middle;
}

.cont-title1{
	width: 100%;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}

.cont-title2{
	width: 100%;
	font-size:15px;
}

.cont-phase{
	width: 20%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-phase-circlebox{
	 vertical-align:middle;
	 padding-top:18px;
}

.cont-phase-diff{
	vertical-align:middle;
	padding-top:24px;
}

.cont-phase-recently{
	vertical-align:middle;
	padding-top:24px;
}

.cont-phase-circle.active{
  background-color:#eb3c96;
}

.cont-phase-circle{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#96d7d2;
	width: 30px;
	height: 30px;
	display:inline-block;
	margin-left:2%;
	vertical-align:middle;
}

.cont-asset{
	width: 12.5%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-asset-internal{
	background: url(../images/derived_internal_rp.png) no-repeat 100% 100%;
	background-position:50% 50%;
	display:inline-block;
	vertical-align:middle;
}

.cont-asset-external{
	background: url(../images/derived_external_vm.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound{
	width: 12.5%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound-chemical{
	background: url(../images/compound_chemical_vy.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound-biological{
	background: url(../images/compound_bio_rg.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-description{
	display:none;
	padding-top:20px;
	padding-bottom: 20px;
	width: 100%;
	cursor:default;
	overflow:auto;
}

.cont-description.rounded{
	border-radius:0 0 10px 10px;
	margin-bottom:0.5%;
}

.descr-text{
	padding-left:5%;
	width: 95%;
	display:inline-block;
	vertical-align:top;
}

.descr-text-link{
	width:80%;
	float:left;
}

.descr-text2{
	display:inline-block;
	padding-right:4%;
	width:20%;
}

.descr-linkbox{
	width: 100%;
	display:inline-block;
}

.descr-url{
	text-align:left;
	padding-left:5%;
	padding-top:10px;
}

.entity, .business{
	width:100%;
	display:inline-block;
}

.entity{
}

.business{
	margin-top:10%;
	margin-bottom:5%;
}

#noCont{
	display:none;
	height:200px;
	background-color:#e1c3cd;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#503291;
	margin-bottom:25px;
	padding-top:72px;
	border-radius:10px 10px 10px 10px;
}

#legend{
	font-size:11px;
	margin-top:40px;
}

#legendFirst{
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#legendBox{
	-ms-flex: 1; /* IE 10 */ 
    flex: 1;
	flex-grow:1;
	display:flex;
	flex-wrap: nowrap;
	margin-bottom:20px;
}

#legendBox2{
	margin-bottom:20px;
}

.legend_iconsBox{
	margin-right:15px;
}

.leg_icon{
	vertical-align:middle;
}

.legendNumber{
	margin-bottom:5px;
	width:100%;
}

.leg_number{
	display:inline-block;
/*	width:18px; */
	width:1%; 
	vertical-align:top;
}

.leg_numberbig{
	display:inline-block;
	width:12%; 
	vertical-align:top;
}
.leg_numberText{
	display:inline-block;
	width:85%;
	word-wrap:break-word;
}

.legendDate{
	float:right;
	margin-top:10px;
	margin-bottom:25px;
}

@media(max-width: 850px){

	body{
		text-size-adjust: none;
		font-size:15px;
	}
	
	.cont-phase-diff{
		padding-top: 5px;
	}
	
	#contFilter{
		padding:0;
		padding-top:5%;
	}
	
	#advancedFilter{
		font-size:19px;
		width:auto;
	}
	
	.filterHead{
		height:39px;
	}
	
	.filter{
		padding-bottom:0;
	}
	
	.filterName{
		width:50%;
		font-size:15px;
		margin-left:7%;
		margin-right:2%;
		margin-bottom:30px;
	}
	
	.mobileFilter{
		display:inline-block;
		width:34%;
		font-size:15px;
		margin-bottom:26px;
		background-color:#2dbecd;
		color:#503291;
		border-radius:10px 10px 10px 10px;
	}

	.filterOptionBox{
		display:none;
	}
	
	.cat-head{
		height: 39px;
		width: 100%;
		background-color:#503291;
		color:white;
		border-radius: 10px 10px 0 0;
	}
	
	.rounded{
		border-radius:10px 10px 10px 10px;
		margin-bottom:0.5%;
	}

	.cat-head-title{
		font-size:17px;
		width:78%;
	}

	.cat-head-phase{
		display:none;
	}

	.cat-head-asset{
		display:none;
	}

	.cat-head-compound{
		display:none;
	}

	.cont-arrow-head{
		margin-left:2%;
		background-size:17px;
		width:8%;
	}

	.cont-arrow-head.active{
		margin-left:2%;
		background-size:17px;
		width:8%;
	}
	
	.row{
	}

	.cont-row{
		width:100%;
		padding:0;
		height:auto;
		overflow:hidden;
		background-color:#2dbecd;
	}

	.cont-arrow{
		float:left;
		margin-left:4%;
		background-size:12px;
		height:121px;
		width:15px;
		margin-top:0;
	}

	.cont-arrow.active{
		float:left;
		margin-left:4%;
		background-size:12px;
		height:121px;
		width:15px;
		margin-top:0;
	}

	.cont-title{
		width:82%;
		float:left;
		vertical-align: baseline;
		margin-left:4%;
		margin-bottom:16px;
		margin-top:3%;
		padding-right:5%;
	}

	.cont-title1{
		font-weight:bold;
		font-size:15px;
		width:100%;
		margin:0;
	}

	.cont-title2{
		font-size:15px;
	}
	
	.cont-phase{
		width:122px;
		height:auto;
		float:left;
		text-align:center;
		margin-left:3%;
		margin-right:4%;
	}
	.cont-phase-registration{
		font-size:15px;
		padding-top:6px;
	}

	.cont-phase-recently{
		font-size:15px;
		padding-top:6px;
	}

	.cont-phase-circle.active{
	  background-color:#eb3c96;
	}
	
	.cont-phase-circlebox{
		padding-top:0;
	}

	.cont-phase-circle{
		-moz-border-radius: 50px/50px;
		-webkit-border-radius: 50px 50px;
		border-radius: 90px;
		background-color:#96d7d2;
		width: 28px;
		height: 28px;
	}

	.cont-asset{
		width: 31px;
		height: 31px;
		float:left;
		margin-right:4%;
	}

	.cont-asset-internal{
		background: url(../images/derived_internal_rp.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
		
	}

	.cont-asset-external{
		background: url(../images/derived_external_vm.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-compound{
		width: 31px;
		height: 31px;
		float:left;
		margin-bottom:5%;
	}

	.cont-compound-chemical{
		background: url(../images/compound_chemical_vy.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-compound-biological{
		background: url(../images/compound_bio_rg.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-description{
		display:none;
		width: 100%;
		cursor:default;
		font-size:13px;
		padding-left:19px;
		padding-right:10px;
		float:left;
		overflow:auto;
	}

	.cont-description.rounded{
		border-radius:0 0 10px 10px;
		margin-bottom:0.5%;
	}
	.descr-text-link{
		width:67%;
	}
	
	.descr-text{
		width:90%;
		padding-right:0;
		padding-left:0;
		margin-right:13px;
	}

	.descr-text2{
		width:29%
		padding-right:0;
	}

	.descr-linkbox{

	}

	.descr-url{
		padding-left:0;
	}

	.entity, .business{

	}

	.entity{
	}

	.business{

	}
	
	#legend{
		font-size:15px;
	}
	
	#legendFirst{
		font-size:20px;
		margin-bottom:5%;
		margin-top:5%;
	}
	
	#legendBox{
		margin-bottom:none;
	}
	
	.legend_iconsBox{
		width:196px;
		text-align:center;
		margin-bottom:7%;
		margin-right:7%;
		font-size:12px;
	}
	
	.leg_icon{
		width:45%;
	}
	
	.leg_number{
		width:12%;
	}
	
	.leg_numberText{
		width:85%;
		font-size:15px;
	}
	
	#pagestart{
		width:52px;
		height:52px;
		background-size:51px;
	}
	
	#noCont{
		font-size:12px;
		height:84px;
		padding-top:25px;
	}
}