#div_headlineactivefilter{	
	text-align:center;	
	margin-top:15px;
	position:relative;	
	height:60px;
}

#headlineactivefilter {
	font-weight: bold;
	font-size:3em;
	margin: auto;
	color:#870000;	
}

#activefilterswrapperdiv{
	position:relative;
	display:flex;
	padding:20px 20px 15px 20px;
	flex-wrap:wrap;
	justify-content:center;
}

.activefilter , #deleteall{
	margin:0px 5px 10px 5px;
	border-radius:13px;
	padding:8px 12px 8px 12px;
	box-shadow:0px 0px 10px 0px gray;
	background-color:#f5f5f5;
	font-style:italic;
	text-align:center;
	align-items:center;
	display:flex;
	font-size:1.6em;
	background-color:white;
	cursor:pointer;
}

#divkeineSpezifischenfilter{
	font-style:italic;
	margin-top:-6px;
	margin-bottom:10px;
	font-size:1.8em;
	color:#615f5f;
}

#deleteall{
display:none;
}

.closesymbol{
	background:url(../svg/kreuz.svg);
	width:12.5px;
	height:12.5px;
	position:relative;
	margin:0px 0px 0px 10px;	
	cursor:pointer;
}


@media all and (min-width: 451px) {
	#div_headlineactivefilter{	
		height:auto;
	}
	
	#activefilterswrapperdiv{
		padding-bottom:10px;
	}
	
	#headlineactivefilter{
		font-size:1.8em;
	}
	
	.activefilter , #deleteall{
		font-size:1.1em;
	}
	
	#divkeineSpezifischenfilter{
		font-size:1.3em;
	}

	.activefilter:hover, #deleteall:hover{
		background-color:#ffcdcd;
	}

	.activefilter:hover .closesymbol{
		background:url(../svg/kreuzhover.svg);
	}

	.activefilter b{
	margin-right:-0.5ch;
	}
}