.elementor-2024 .elementor-element.elementor-element-d2a4878{--display:flex;}/* Start custom CSS for html, class: .elementor-element-22e395a *//* Flex-Container für mehrere Preistabellen – ja, wir machen jetzt auf modern */
    .tables-container {
      display: flex;
      flex-wrap: wrap;
      gap: 40px; /* Abstand, weil eng ist hässlich */
    }

    /* Jeder Block kriegt seine Bühne */
    .price-block {
      width: 300px;
    }

    /* Titel soll lesbar sein, nicht aus der Hölle */
    .price-block h2 {
      font-size: 20px;
      margin-bottom: 10px;
    }

    /* Preis-Table, kein Zirkus */
    .price-table table {
      border-collapse: collapse;
      width: 100%;
    }

    /* Tabellenzellen, schlicht – wir machen hier keine Excel-Party */
    .price-table td {
      padding: 6px 0;
      font-size: 18px;
      border: none;
      vertical-align: top;
    }

    /* Der Button zum Ein- und Ausblenden – Klick mich, du Opfer */
    .toggle-button {
      cursor: pointer;
      font-size: 18px;
      margin-top: 10px;
      display: inline-flex;
      align-items: center;
      user-select: none;
    }

    /* Pfeil soll sich drehen – wow, fancy! */
    .toggle-button .arrow {
      display: inline-block;
      transition: transform 0.3s ease;
      margin-right: 6px;
    }

    .toggle-button .arrow.open {
      transform: rotate(180deg); /* Macht Pfeil nach oben */
    }

    /* Versteckte Zeilen – die geheimen Preise für Insider */
    .hidden-rows {
      display: none;
    }/* End custom CSS */