/*************************************************
*********** Button Box Anfrage Desktop ************
**************************************************/


img.stm-button-anfrage-header {
    position: fixed;
    bottom: 7vh;
    right: 6vw;
    width: 185px;
    transition: all 1s;
    z-index: 25;
}

.on-scroll img.stm-button-anfrage-header {
    bottom: 20px;
    right: 43px;
    width: 125px;
}

@media screen and (max-width: 1500px) {
    img.stm-button-anfrage-header {
        bottom: 7vh;
        right: 6vw;
        width: 150px;}
}

@media screen and (max-width: 980px) {
    img.stm-button-anfrage-header {
        bottom: 4vh;
        right: 4vw;
        width: 150px;}
}


@media screen and (max-width: 600px) {
    a.stm-button-anfrage-header {display: none;}
}

/*************************************************
*************** Icons Leiste mobil ***************
*************************************************/

/* Bild-Styling */
.flib-item img {
  margin-bottom: 0; /* Kein Abstand unter den Bildern */
  max-height: 22px; /* Maximale Bildhöhe auf 29px begrenzt */
}

/* Footer-Leiste */
.footer-leiste-icons-box {
  display: none;
}

/* Styling für jedes Flib-Item */
.flib-item {
  display: flex;
  flex-direction: column; /* Anordnung von Bild und Text untereinander */
  align-items: center; /* Zentriert das Bild und den Text horizontal */
  flex: 1; /* Alle Elemente haben die gleiche Breite */
  text-align: center; /* Text zentrieren */
  font-weight: 100; /* Normale Schriftstärke */
  color: #fff; /* Weißer Text */
  font-size: 14px; /* Schriftgröße */
  padding: 6px 0 0;
  font-family: 'Overpass' !important;
}

/* Individuelle Hintergrundfarben für jedes Flib-Item */
.flib-item:nth-child(1) {
  background-color: transparent; /* Grüner Hintergrund für das erste Element */
}

.flib-item:nth-child(2) {
  background-color: transparent; /* Blauer Hintergrund für das zweite Element */
}

.flib-item:nth-child(3) {
  background-color: rgb(185 149 101 / 67%); /* Pinker Hintergrund für das dritte Element */
}

/* Media Query für mobile Ansicht */
@media screen and (max-width: 600px) {
  .footer-leiste-icons-box {
    display: flex;
    width: 95%;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgb(0 0 0 / 75%);
    padding: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;;
    margin: 0 auto;
  }
}


/*************************************************
*********** Superfly Icons unter Logo ************
*************************************************/


.sfm-scroll-wrapper .sfm-logo .menu-telmail-box .mtmb img {
width: 25px !important;
    height: 30px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}