/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/***********************************************
 * Sticky Slide-Out Kontaktleiste (rechts)
 ***********************************************/

.awb-slideout-contact {
  position: fixed;
  right: 0;
  top: 50%;                        /* immer mittig */
  transform: translateY(-50%);     /* vertikal zentrieren */
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Grundstil für alle Buttons */
.awb-slideout-contact .awb-item {
  background: #109bc5;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 4px 0 0 4px;
  font-size: 18px;
  width: 52px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s ease, background 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* Icon */
.awb-slideout-contact .awb-icon {
  display: flex;
  align-items: center;
  margin-right: 12px;
}

/* Text */
.awb-slideout-contact .awb-text {
  opacity: 0;
  color: #ffffff;
  transition: opacity 0.2s ease;
}

/* Hover: mehr Platz */
.awb-slideout-contact .awb-item:hover {
  width: 310px;
  background: #0d7fa1;
}

.awb-slideout-contact .awb-item:hover .awb-text {
  opacity: 1;
}

/* Keine Sonderregeln für WhatsApp mehr */

/* Mobile: NICHT mehr nach unten verschieben */
@media only screen and (max-width: 767px) {
  .awb-slideout-contact .awb-item {
    width: 52px;
    padding: 10px;
  }

  .awb-slideout-contact .awb-item:hover {
    width: 260px;
  }
}