.elementor-1148 .elementor-element.elementor-element-f8e244a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1148 .elementor-element.elementor-element-a87a294 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1148 .elementor-element.elementor-element-dd8265b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-450034c *//*****************************************************
  KPI-FIX: Nur in der CARD anzeigen, im Hero sonst verstecken
******************************************************/

/* 1) Alle .kpi im HERO standardmäßig ausblenden … */
.hero .kpi {
  display: none !important;
}

/* … aber die .kpi innerhalb der Card wieder explizit anzeigen */
.card .kpi {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important; /* 2 Spalten Desktop */
  gap: 10px !important;
  margin-top: 8px !important;

  /* ganz wichtig: NICHT aus dem Fluss ziehen */
  position: static !important;
  float: none !important;
  clear: both !important;
  right: auto !important; left: auto !important; top: auto !important; bottom: auto !important;
  transform: none !important;
  z-index: auto !important;
}

/* 2) Die einzelnen KPI-Boxen (.kbox) ebenfalls statisch halten */
.card .kpi .kbox {
  position: static !important;
  float: none !important;
  right: auto !important; left: auto !important; top: auto !important; bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* 3) Mobile: 1 Spalte – sauber untereinander */
@media (max-width: 980px){
  .card .kpi { grid-template-columns: 1fr !important; }
}

/* 4) Sicherheit: Card selbst bleibt normal im Fluss */
.card {
  position: relative !important;
  overflow: visible !important;
}/* End custom CSS */