.elementor-shortcode .content{overflow:hidden!important;}




button.collapsible svg {
    width: 24px;
    height: 24px;
	color:white;
	fill:white;
}

.bf-diensten-list li a.bf-diensten-link {
  display: block; /* Make the link fill the entire list item */
  padding: 10px; /* Optional: Adjust padding as needed for your design */
  color: inherit; /* Makes the link color the same as the list item, adjust as needed */
  text-decoration: none; /* Optional: Removes underline from links */
}

.bf-diensten-list li.active a.bf-diensten-link {
  background-color: #f0f0f0; /* Example active state background color, adjust as needed */
}
.bf-diensten-list li:not(:last-child) {
    border-bottom: 1px solid lightgray; /* Adjust color and size as needed */
}

.bf-diensten-list  {
    border: 1px solid lightgray; /* Adjust color and size as needed */
	padding:0;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
   border-radius:0;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
	display:none!important;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.bf-diensten-list .active,
.bf-diensten-list .collapsible:hover {
  background-color: #ccc;
}

.bf-diensten-list{
	list-style:none;
}
/* Style the collapsible content. Note: hidden by default */
.bf-diensten-list .content {
  padding: 0 18px;
  background-color: white;

  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

@media (max-width: 768px) {
	
	.bf-diensten-list li{
		text-align:center;
	}
	
	button.collapsible{display:flex!important; gap:8px;
		width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;}
	
	li.filtertop {
    display: none;
}
	
  .content {
    max-height: 0;
  }

  .collapsible {
    display: block!important;
  }
}

.bf-diensten-list li span {
    background-color: #f0f0f0;
/*     color: white; */
    border-radius: 999px;
    min-width: 20px;
    min-height: 20px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
/*     float: right; */
	margin-left:8px;
}