@charset "UTF-8";
/***!  /templates/yootheme_extensions/css/custom.css?4.5.33  !***/

/* ------------------------------
   Sidebar
------------------------------- */
#isolated-sidebar {
position: fixed;
top: 40%;
right: 0;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-end;
}
/*
.hovi-fab__item {
  overflow: hidden;
}*/

.hovi-fab__link {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  border-radius: 8px 0 0 8px;
  padding: 12px;
  font-size: 18px;
  width: 48px; /* nur Icon sichtbar */
  max-width: 250px; /* maximale Breite beim Ausfahren */
  transition: width 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
}

.hovi-fab__label {
  margin-left: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: 16px;
}

.hovi-fab__link[aria-expanded="true"] {
  width: 200px;
}

.hovi-fab__link[aria-expanded="true"] .hovi-fab__label {
  opacity: 1;
  pointer-events: auto;
}

.hovi-fab__link.is-info     { background: #005bbb; }
.hovi-fab__link.is-phone    { background: #28a745; }
.hovi-fab__link.is-mail     { background: #ff5722; }
.hovi-fab__link.is-whatsapp { background: #25d366; }

.hovi-fab__link i { color: #fff; font-weight: 800; }

.hovi-fab__link:hover { filter: brightness(0.9); color: #000;}
.hovi-fab__link:focus { outline: 3px solid #fff; outline-offset: 2px; }

@media (max-width:480px) {
  #isolated-sidebar {
    flex-direction: row;
    bottom: 20px;
    top: auto;
    right: 10px;
  }
}