.elementor-83597 .elementor-element.elementor-element-f5784c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83597 .elementor-element.elementor-element-dff43a1 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-dff43a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-83597 .elementor-element.elementor-element-ddac859 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-ddac859 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-83597 .elementor-element.elementor-element-cabb2a4 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-cabb2a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}@media(max-width:1024px){.elementor-83597 .elementor-element.elementor-element-dff43a1 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-ddac859 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-cabb2a4 .elementor-heading-title{font-size:16px;}}@media(max-width:767px){.elementor-83597 .elementor-element.elementor-element-f5784c8{--justify-content:flex-start;--gap:5px 5px;}.elementor-83597 .elementor-element.elementor-element-dff43a1 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-ddac859 .elementor-heading-title{font-size:16px;}.elementor-83597 .elementor-element.elementor-element-cabb2a4 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-f5784c8 *//* =========================
   Info Buttons – Desktop
   ========================= */

.venari-info-buttons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 10px;
}

.infobuttonpopup {
  position: relative;
  background: #f7f8f7;
  color: #111;
  border: 1px solid #2b3a2f;
  padding: 8px 16px 8px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.1s ease,
    border-color 0.15s ease;
}

/* linke Akzentleiste */
.infobuttonpopup::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #2b3a2f;
  transition: background 0.15s ease;
}

/* Hover – CI-Grün */
.infobuttonpopup:hover {
  background: #ffffff;
  border-color: rgb(119, 164, 100);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.infobuttonpopup:hover::before {
  background: rgb(119, 164, 100);
}

/* Aktiver Zustand */
.infobuttonpopup.is-active {
  background: #ffffff;
  border-color: rgb(119, 164, 100);
  box-shadow: inset 0 -2px 0 rgb(119, 164, 100);
}

.infobuttonpopup.is-active::before {
  background: rgb(119, 164, 100);
}

/* Fokus */
.infobuttonpopup:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(119, 164, 100, 0.35);
}

/* =========================
   Tablet
   ========================= */

@media (max-width: 768px) {
  .venari-info-buttons {
    column-gap: 12px;
    row-gap: 12px;
  }

  .infobuttonpopup {
    padding: 12px 16px 12px 20px;
    font-size: 13.5px;
  }
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 480px) {
  .venari-info-buttons {
    flex-direction: column;
    gap: 10px;
  }

  .infobuttonpopup {
    width: 100%;
    text-align: left;
    padding: 14px 18px 14px 22px;
    border-radius: 4px;
  }
}/* End custom CSS */