#container_sb{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:0px 15px 45px 15px;
}

.selectionsbox{
	background-color:white;	
	border:solid;
	border-width: 2px;
	border-color:#870000;
	margin:10px;
	padding:15px;
	border-radius:13px;	
	position:relative;
	min-width:230px;
	
}

.selectionsbox li, #wrapperzusatzfilter li {
	list-style-type:none;
	margin-right:20px;
	cursor:default;
	display:flex;
	color:#615f5f;
	letter-spacing:1px;
	margin-bottom:5px;	
	font-size:2em;
	margin-left:-30px;	
}

#wrapperzusatzfilter li{
	margin-left:-35px;
}

l {
	letter-spacing:-1px;
	margin-left:5px;
}

h4{
margin:-5px 10px 10px 10px;
padding:0;
font-size:2.4em;
color:#870000;
text-align:center;
}

.moreoptionsshower{	
	margin-left:10px;
	float:right;
	margin-right:0px;	
	background: url(../svg/selctionboxdropdownshow.svg);
	background-size:100%;
	cursor:pointer;	
	width:30px;
	height:30px;
	margin-top:-40px;
}

#zusatzfilter{
	background-color:#e6e6e6;
	display: none;
	padding:20px;
	padding-bottom: 0px;
	position:relative;
	overflow:hidden;
}

#wrapperzusatzfilter{	
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom: 50px;
}

.zusatzoptionenwrapper{
	height:100px;
	width:100%;
}

.zusatzoptionen{
	text-decoration:underline;
	font-size:2em;
	background-color:#f0ba20;
	color:#870000;
	border-radius:5px;
	padding:6px 8px;
}

#zusatz_auf {
	float:right;
	position:relative;
	right:50px;
	bottom:30px;
}

.sideseparator{
	width:100%
}

#zusatz_zu{
	display:block;
	position:absolute;	
	right:60px;	
	bottom:25px;
}

 #zusatzfilterheadline{
	text-align:center;
	color:#870000;
	font-size:3.3em;
	padding: 0px 0px 10px 0px;
	position:relative;	
	width:500px;
 }

.z_komponenten{
	margin:15px 15px 15px 15px;
	border-radius:13px;
	padding:20px 20px 85px 20px;
	box-shadow:0px 0px 20px 0px gray;
	background-color:#f5f5f5;
	position:relative;
	min-width:200px;
}

.clickspandiv{
	width:100%;
}

label, .clickspan{
	margin:0;
	padding:0;
	cursor:pointer;
	display:flex;
	align-items:center;
}

input[type=checkbox] + label span , input[type=radio] + label span{  
    display: inline-block;
    cursor: pointer;	
	margin-right:8px;
	min-width: 30px;
	min-height: 30px;
}

input[type=radio] + label span{ 
	background-image: url(../svg/radiobox-e.svg);
}

input[type=radio]:checked + label span{
	background-image: url(../svg/radiobox-c.svg);
}

input[type=checkbox] + label span{
	background-image: url(../svg/checkbox-e.svg);
}

input[type=checkbox]:checked  + label span{
   background-image: url(../svg/checkbox-c.svg);
}

n {
	position:relative;
	font-size:1.1em;
	left:5px;
}

.z_komponenten h4{
		font-size:40px;
		width:100%;
		margin:0px 0px 20px 0px;
		padding-right:70px;
	}
	
#wsbrolldigi{
	display: grid;
	grid-template-columns: 1fr;
}

#zusatzfilterallesteueren{
	display:grid;
	grid-template-columns: 1fr 1fr;	
	width:100%;
	text-align:center;
	margin:auto;
}

#allesteuerenauf,#allsteuerenzu{
	margin:0px 18px 20px 18px;
	color:#870000;
	cursor:pointer;
	font-size:1.6em;
	font-style:italic;
	justify-self:left;
}
#allesteuerenauf{
	justify-self:right;
}

#allesteuerenauf:hover,#allsteuerenzu:hover{
	text-decoration:underline;
}

.showarrowzusatzfilter{
	display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    opacity: 0.9;
    z-index: 2;
	background: url(../svg/dropdownsymbol.svg);
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: 49% 56%;
    transform: rotate(180deg);
	border:1px solid #870000;
	position:absolute;
	bottom:15px;
	left:calc(50% - 25px);
}

.showarrowzusatzfilter:hover{
	background:#870000 url(../svg/dropdownsymbolhovergray.svg);
    background-size: 66%;
	background-repeat:no-repeat;
    background-position: 49% 56%;	
}

@media all and (min-width: 451px) {
	#wrapperzusatzfilter{
		margin-bottom: 0px;		
	}
	
	.z_komponenten{
		padding-bottom:50px;
	}
	
	.showarrowzusatzfilter{
		width: 25px;
		height: 25px;
		border-radius: 25px;
		background: url(../svg/dropdownsymbol.svg);
		background-size: 66%;
		background-repeat: no-repeat;
		background-position: 45% 56%;
		bottom:15px;
		left:calc(50% - 12.5px);
	}
	
	.showarrowzusatzfilter:hover{
		background:#870000 url(../svg/dropdownsymbolhovergray.svg);
		background-size: 66%;
		background-repeat:no-repeat;
		background-position: 45% 56%;	
	}
	
	.selectionsbox{		
		min-width:175px;	
	}
	
	#wsbrolldigi{
		display:flex
	}
	
	#allesteuerenauf,#allsteuerenzu{
		font-size:1.2em;
	}
	
	.selectionsbox li, #wrapperzusatzfilter li {	
		font-size:1.3em;
		margin-left:-40px;
	}
	
	.zusatzoptionen{
		font-size:1.2em;
	}
	
	.zusatzoptionenwrapper{
	height:40px;
	
	}	
	
	#zusatz_auf{
		bottom:20px;
	}
	
	 #zusatz_zu {
			bottom:20px;
	 }
	 
	input[type=checkbox] + label span , input[type=radio] + label span{      
		min-width: 20px;
		min-height: 20px;
	}
	
	h4{
		font-size:1.6em;
	}
	
	.moreoptionsshower{		
		width:1em;
		height:1em;
		margin-top:-25px;
	}
	
	.z_komponenten h4{
		font-size: 1.6em;
		width: auto;
		margin: 0;
		padding-right: 0;
		padding-bottom: 12px;
	}
	
	 #zusatzfilterheadline{
		 font-size:1.8em;
	 }
	 
	.zusatzoptionen:hover{
		color:#f0ba20;
		background-color:#870000;
		cursor:pointer;
	}
	
	#zusatzfilter{
		overflow:visible;
	}
	
}