.elementor-523241 .elementor-element.elementor-element-708a0eff > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-708a0eff */.elementor-523241 .elementor-element.elementor-element-708a0eff .tooltip-wrapper {
  position: relative; /* Wichtig, damit der Tooltip sich daran ausrichtet */
  display: inline-flex; /* Sorgt für korrekte Ausrichtung des Icons */
  align-items: center;
  vertical-align:text-bottom;
}


.elementor-523241 .elementor-element.elementor-element-708a0eff .tooltip-text {
  visibility: hidden; /* Standardmäßig komplett unsichtbar */
  opacity: 0;         /* Standardmäßig ausgeblendet */
  
  width: 220px;       /* Breite des Tooltips */
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 12px;
  
  /* 3. Positionierung des Tooltips (über dem Icon) */
  position: absolute;
  z-index: 1;
  bottom: 150%; /* Positioniert ihn über dem Icon */
  left: 50%;
  margin-left: -110px; /* Die Hälfte der Breite, um ihn zu zentrieren */

  /* 4. Sanfter Einblend-Effekt */
  transition: opacity 0.3s ease;
}

.elementor-523241 .elementor-element.elementor-element-708a0eff .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%; /* Positioniert den Pfeil unten am Tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.elementor-523241 .elementor-element.elementor-element-708a0eff .tooltip-wrapper:hover .tooltip-text {
  visibility: visible; /* Sichtbar machen */
  opacity: 1;          /* Einblenden */
}
.elementor-523241 .elementor-element.elementor-element-708a0eff .info-icon{
    fill: #5E9602;
    height: 15px;
    vertical-align:middle;
}/* End custom CSS */