.elementor-306872 .elementor-element.elementor-element-104e98c0{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );}.elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-5dee609 );color:var( --e-global-color-5dee609 );}.elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button:hover, .elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-5dee609 );}.elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button:hover svg, .elementor-306872 .elementor-element.elementor-element-1c85220 .elementor-button:focus svg{fill:var( --e-global-color-5dee609 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-306872 .elementor-element.elementor-element-7a23d53{background-color:var( --e-global-color-07b0f9c );padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f2f5b29 );border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-4105facf *//* Elementor: HTML-Widget > Erweitert > Eigenes CSS.
   ".elementor-306872 .elementor-element.elementor-element-4105facf" = Wrapper des Widgets. Farben oben an das Hartner-Branding anpassen. */
 
.elementor-306872 .elementor-element.elementor-element-4105facf {
  --eh-head-bg: #0b3c6e;   /* Kopfzeile – TODO: Markenfarbe eintragen */
  --eh-head-fg: #ffffff;
  --eh-row-alt: #f5f7fa;   /* Zebrastreifen */
  --eh-first-bg: #eef2f7;  /* erste Spalte */
  --eh-border: #dfe4ea;
  --eh-text: #1f2933;
}
 
/* Wrapper: horizontal scrollbar auf schmalen Screens */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--eh-border);
  border-radius: 8px;
  margin: 1.5em 0;
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table-wrap:focus-visible {
  outline: 2px solid var(--eh-head-bg);
  outline-offset: 2px;
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table {
  width: 100%;
  min-width: 820px;          /* erzwingt Scrollen statt gequetschter Spalten */
  margin: 0;
  border-collapse: separate; /* nötig, damit die sticky Spalte ihre Rahmen behält */
  border-spacing: 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--eh-text);
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table caption {
  position: absolute;        /* nur für Screenreader sichtbar */
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table th,
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table td {
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid var(--eh-border);
  background: #fff;
}
 
/* Kopfzeile */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table thead th {
  background: var(--eh-head-bg);
  color: var(--eh-head-fg);
  font-weight: 600;
  white-space: nowrap;
  border-bottom: 0;
}
 
/* Zebrastreifen + Hover */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody tr:nth-child(even) td {
  background: var(--eh-row-alt);
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody tr:hover td {
  background: #e8f0f9;
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody tr:last-child th,
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody tr:last-child td {
  border-bottom: 0;
}
 
/* Erste Spalte: hervorgehoben und beim Scrollen fixiert */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 190px;
  background: var(--eh-first-bg);
  font-weight: 600;
  border-right: 1px solid var(--eh-border);
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
 
/* Artikelnummern: eine pro Zeile, nicht umbrechen */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-sku {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92em;
  white-space: nowrap;
}
 
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-sku + .eh-sku {
  margin-top: 4px;
}
 
/* Falls Artikelnummern später verlinkt werden */
.elementor-306872 .elementor-element.elementor-element-4105facf .eh-sku a {
  color: var(--eh-head-bg);
  text-decoration: underline;
}
 
@media (max-width: 767px) {
  .elementor-306872 .elementor-element.elementor-element-4105facf .eh-table {
    font-size: 14px;
  }
  .elementor-306872 .elementor-element.elementor-element-4105facf .eh-table th,
  .elementor-306872 .elementor-element.elementor-element-4105facf .eh-table td {
    padding: 10px 12px;
  }
  .elementor-306872 .elementor-element.elementor-element-4105facf .eh-table tbody th {
    min-width: 150px;
  }
}/* End custom CSS */