.elementor-1001 .elementor-element.elementor-element-19376e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.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 );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 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-19376e5 *//* ══════════════════════════════════════════
   BEHANDLUNG ITEM — Final v3
   Container Klasse: behandlung-item
   Preis Widget Klasse: behandlung-preis
   ══════════════════════════════════════════ */

/* ── OUTER CONTAINER ── */
.behandlung-item.e-con {
  padding: 0 !important;
  border-bottom: 1px solid #eedecf !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  transition: padding-left 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.e-loop-item:first-child .behandlung-item.e-con {
  border-top: 1px solid #eedecf !important;
}

/* Gold-Balken von links */
.behandlung-item.e-con::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 0 !important;
  background: linear-gradient(to bottom, #d4b48a, #ba9461, #b87355) !important;
  border-radius: 999px !important;
  transition: height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: 1 !important;
}

.behandlung-item.e-con:hover::before {
  height: 56% !important;
}

.behandlung-item.e-con:hover {
  padding-left: 16px !important;
}

/* ── INNER CONTAINER — Grid ── */
.behandlung-item.e-con .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 4px 24px !important;
  padding: 26px 24px !important;
  width: 100% !important;
}

/* ── TITEL — Zeile 1, Spalte 1 ── */
.behandlung-item .elementor-widget-heading {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.behandlung-item .elementor-heading-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1e1710 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  transition: color 0.25s !important;
}

.behandlung-item.e-con:hover .elementor-heading-title {
  color: #946038 !important;
}

/* ── BESCHREIBUNG — Zeile 2, Spalte 1 ── */
.behandlung-item .elementor-widget-text-editor:not(.behandlung-preis) {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.behandlung-item .elementor-widget-text-editor:not(.behandlung-preis) p {
  font-size: 15px !important;
  color: #a48470 !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  transition: color 0.25s !important;
}

.behandlung-item.e-con:hover .elementor-widget-text-editor:not(.behandlung-preis) p {
  color: #6b5244 !important;
}

/* ── PREIS — Zeile 1-2, Spalte 2 ── */
.behandlung-preis.elementor-widget {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #1e1710 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  transition: all 0.25s !important;
}

.behandlung-item.e-con:hover .behandlung-preis.elementor-widget {
  background: linear-gradient(135deg, #d4b48a, #ba9461, #b87355) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── PFEIL ── */
.behandlung-preis.elementor-widget::after {
  content: '' !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  border: 1.5px solid #eedecf !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a48470' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M17 7H7M17 7v10'/%3E%3C/svg%3E") !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: background-color 0.3s, border-color 0.3s,
              transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.behandlung-item.e-con:hover .behandlung-preis.elementor-widget::after {
  background-color: #ba9461 !important;
  border-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M17 7H7M17 7v10'/%3E%3C/svg%3E") !important;
  transform: rotate(45deg) scale(1.05) !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .behandlung-item.e-con .e-con-inner {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    padding: 20px 16px !important;
  }
  .behandlung-preis.elementor-widget {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 8px !important;
  }
  .behandlung-item .elementor-widget-text-editor:not(.behandlung-preis) p {
    display: none !important;
  }
}/* End custom CSS */