.moreinfosfiv , .informationsymbol{	
	font-weight:400;
	width:30px;
	height:30px;
	right:8px;
	top:8px;
	position:absolute;
}

.informationsymbol + p{
display: none;
}

.infosym2{
display:none;
}

.moreinfo{
	display:none;
	border-radius:10px;	
	color:#615f5f;
	box-shadow:0px 0px 10px 0px gray;
	text-align:justify;	
	float:left;	
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:80%;
	font-size:2.2em;
	z-index:200;
	padding:40px;
	background-color:white;		
	margin:0;	
	
	}
	
.titlemoreinfo{
	text-align:center;
	color:#870000;
	font-weight:600;	
	position:relative;
	width:100%;
	font-size:1.4em;
	top:-15px;
}

.moreoptionseperator{
	margin:auto;	
	width:95%;
	margin-top:-5px;	
	height:2px;
	margin-bottom:15px;	
}

.moreinfoclosediv {
		border-radius: 0px 5px 5px 0px;
		display:flex;
		align-items:center;
		justify-content:center;
		height:60px;
		width:60px;
		top:10px;
		right:10px;
		position:absolute;
		cursor:pointer;
		z-index:5;
	}
	
	.moreinfoclosesvg{
		width:66.66%;
		height:66.66%;
		background: url(../svg/kreuz.svg);
		background-size:100%;
		cursor:pointer;
	}	
	
	

@media all and (min-width: 451px) {
	
	.moreinfosfiv , .informationsymbol{
		width:15px;
		height:15px;
		position:absolute;
		right:5px;
		top:5px;	
	}	
	
	.moreinfo{
		position:relative;
		top:0;
		left:0;
		transform:none;
		width:350px;
		font-size:1em;
		z-index:20;	
		padding:35px 15px 10px 15px;
		background-color:#f5f5f5;
		margin: -4px 0px 0px -15px; /* Werden hier Werte geändert müssen sie auch im Javascrpit geändert werden!*/
	}
	
	.titlemoreinfo{
		position:absolute;
		top:6px;
		width:90%;
		font-size:1.15em;
	}
	
	.infosym2{
		cursor:default;
		left:10px;
		top:9px;
		display:block;
	}
	
	.moreoptionseperator{
		height:1px;
		margin-bottom:5px;
	}
	
	.moreinfoclosediv {
		display:none;
	}
	
	.moreinfoclosesvg{
		display:none;
	}	
	
	.moreinfoclosediv:hover .moreinfoclosesvg{
		background: url(../svg/kreuzhover.svg);
		background-size:100%;	
	}
	/*	
	.informationsymbol:hover + p {
		display:inline-block;
		background-color:#f5f5f5;
		border-radius:10px;
		padding:5px 10px 5px 30px;
		box-shadow:0px 0px 10px 0px gray;
		margin: 0px 0px 0px -13px;
		text-align:0.5em;
		font-style:italic;
		color:#615f5f;
	}*/

}