.hidden-reveal-open-close {
	cursor: pointer;
	position:relative;
	background-color:transparent;
	border:none;
}

.hidden-reveal-icon {
	font-size: 40px;
	line-height:12px;
	background-color:var(--wf-color2);
	color: var(--wf-color3);
	padding:0.25rem;
	display:inline-block;
	width:55px;
	height:55px;
	text-align:center;
	/* pointer-events: none; Verhindert Interaktionen mit dem Text */
	position:relative;
	z-index:15;
    border: none !important;
    cursor:pointer;
    user-select: none;
	
}




.hidden-reveal-open-close .hidden-reveal-icon.active i {
	display: inline-block;
}

.hidden-reveal-open-close .hidden-reveal-icon.active i:before {
	font-family: 'iconfont';
	content: "\e9ab";

}



.hidden-content-open-close span,
.hidden-content-open-close a {
    font-family: var(--wf-page-font-family);
    font-size:16px;
    font-weight: 500;
    color:var(--wf-color3);
    text-align:center;
    background-color:var(--wf-color2);
    padding:1rem 0.5rem 0.75rem 0.5rem;
    height: 55px;
    width:250px;
    display:inline-block;
    margin-left:0.25rem;
    margin-right:0.25rem;
    margin-top: -1px;
	
    position:absolute;
    z-index:10;
    right:55px;
    top:50%;
    transform: translateY(-50%);
    white-space: nowrap;

}

/* EV-Station Box */
.hidden-content-open-close .evstation-body {
  font-family: var(--wf-page-font-family);
  font-size:14px;
  line-height: 1.3em;
  font-weight: 500;
  color:#000;
  text-align:left;
  background-color:var(--wf-color4);
  border-radius: 15px;
  padding:1.25rem;
  height: 135px;
  width:300px;
  display:inline-block;
  margin-left:0.25rem;
  margin-right:0.25rem;
  
  position:absolute;
  z-index:10;
  right:70px;
  top:50%;
  transform: translateY(-50%);
}


.wf-whatsApp .hidden-reveal-icon,
.wf-whatsApp .hidden-content-open-close a {
	color: var(--wf-color4);
	background-color: var(--wf-color1);
}


.evstation .hidden-reveal-icon {
	color:#fff;
	background-color:#67a433;
}

.hidden-content-open-close a:hover,
.hidden-reveal-icon:hover {
    color: var(--wf-color6);
    background-color: var(--wf-color4);
	
}


.hidden-flex-open-close {
    display:flex;
    align-items:center;
}

.hidden-position-open-close {
	margin-top:8px;
	margin-bottom:8px;
}

.hidden-content-open-close {
  opacity: 0;
  transition: opacity 1.25s ease;
  pointer-events: none;
  display: block; /* wichtig für hidden */	
}

/* WENN Button active ist → zeige Content */
.hidden-reveal-icon.active + .hidden-content-open-close {
  opacity: 1;
  pointer-events: auto;
}


/* nur verstecken, wenn hidden-Attribut vorhanden ist transform: translateX(400px); */
.hidden-content-open-close[hidden] { 
  display: block;
  opacity: 0;
  pointer-events: none;
}


.wf-icon-box-flexx  {
    display:flex;
    flex-direction:column;
    display:none;
    position:fixed;
    z-index:99;
    right:0px;
    bottom:65px;
    transition: all 0.5s;
	
}

@media (min-width: 480px) {

.wf-icon-box-flexx  {
	display: block;

}
    

}