/* CSS Document */
.toggleVis{
	position: absolute;
	box-sizing: border-box;
	width: 45px;
	height: 41px;
	margin: 0 0 0 -45px;
	overflow: hidden;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid var(--Primary-light-blue);
	background-color: var(--Primary-light-blue);
	transition: all .4s linear 0s;
}
.toggleVis SVG{
	color:transparent;
	width:70%;
	height:auto;
	margin-top: 2px;
}
.toggleVis SVG path{
	stroke: #fff;
}
.toggleVis.active{
	background-color: var(--Turquoise);
}
.toggleVis.active SVG path{
	stroke: #000;
}


.list-group{
	display: inline-block;
	box-sizing: border-box;
    max-width: 300px;
    width: 100%;
	height: auto;
	/*max-height: 0;*/
	margin: 10px 0 0 -10px;
	padding: 0;
	opacity: .4;
	overflow: hidden;
	transition: all .4s linear 0s;
	
	filter: grayscale(100%);
}
.list-group.visable{
	
	opacity: 1;
	max-height: 320px;
	
	filter: grayscale(0);
}


.list-group-item {
    position: relative;
	box-sizing: border-box;
    display: block;
    padding: 0;
	margin: 0;
	border-radius: 8px;
	transition: all .4s linear 0s;
	opacity: 1;
    max-width: 300px;
    width: 100%;
	font-size: 16px;
	color: #999;
}.list-group-item.success{
	color: #fff;
}

.pw_checkmark{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: text-bottom;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.pw_checkmark_circle{
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: var(--Primary-light-blue);
  border-radius: 50%;
  left: 0;
  top: 0;
}

.pw_checkmark_stem{
  position: absolute;
  width: 3px;
  height: 9px;
  background-color: transparent;
  left: 11px;
  top: 6px;
}

.pw_checkmark_kick{
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: transparent;
  left: 8px;
  top: 12px;
}

.list-group-item.success .pw_checkmark_circle{	background-color: var(--Turquoise);}
.list-group-item.success .pw_checkmark_stem{	background-color: #000;}
.list-group-item.success .pw_checkmark_kick{	background-color: #000;}





/* BOF Zusatz Herstellerinformationen gemäß § 6 ProdSG */
.prod_sg_head{
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.prod_sg_head span:first-child::before{
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	transition: transform 0.3s ease;
}
.ef2 .prod_sg_head span:first-child::before{
	border-top: 5px solid #fff;
}
.prod_sg_head .text{
	padding-left: 20px;
	white-space: normal;
	font-weight: bold;
}
.prod_sg_head.open span:first-child::before{
	transform: rotate(180deg);
}
.prod_sg_text{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.8s ease;
	padding: 5px 0 0 22px;
	margin-top: 0;
}
.prod_sg_text.open{
	max-height: 500px;
}
.prod_sg_text a{color: var(--textcolor);}
/* EOF Zusatz Herstellerinformationen gemäß § 6 ProdSG */