.elementor-13585 .elementor-element.elementor-element-83fd17d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13585 .elementor-element.elementor-element-8def1f6.elementor-element{--align-self:flex-end;}/* Start custom CSS for html, class: .elementor-element-8def1f6 */.elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price {
      position: relative;          /* Bezugspunkt für die Sprechblase */
      display: inline-flex;
      align-items: baseline;
      gap: 8px;
      background: #be1622;
      padding: 12px 24px;
      margin-bottom: 1.5rem;
      border: none;
      font-size: 14px;
      color: #fffc;
      font-weight: 500;
  }

  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-tag-num {
      font-weight: 900;
      font-size: 32px;
      color: #fff;
      line-height: 1;
  }

  /* Stern als Button – Kit-Stile für Buttons neutralisieren */
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note,
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:hover,
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:focus,
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:active {
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      padding: 0 4px;
      margin: 0;
      font-family: inherit;
      font-weight: 900;
      font-size: 20px;
      line-height: 1;
      color: #fff;
      cursor: help;
  }
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px;
  }

  /* Sprechblase */
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-tip {
      position: absolute;
      top: calc(100% + 10px);
      right: 0;                    /* rechtsbündig, weil die Box am rechten Rand sitzt */
      z-index: 50;
      width: max-content;
      max-width: min(280px, 90vw);
      padding: 10px 14px;
      background: #2a2a29;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.4;
      text-align: left;
      border-radius: 0;
      box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-4px);
      transition: opacity .15s ease, transform .15s ease, visibility .15s;
      pointer-events: none;
  }
  /* kleiner Pfeil nach oben, über dem Stern */
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-tip::before {
      content: "";
      position: absolute;
      bottom: 100%;
      right: 26px;
      border: 7px solid transparent;
      border-bottom-color: #2a2a29;
  }

  /* Anzeigen: Maus, Tastatur, Antippen */
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:hover + .hero-price-tip,
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price-note:focus-visible + .hero-price-tip,
  .elementor-13585 .elementor-element.elementor-element-8def1f6 .hero-price.is-open .hero-price-tip {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
  }/* End custom CSS */