.elementor-4358 .elementor-element.elementor-element-15e87cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-9419d00{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-c7aa7dd );--border-color:var( --e-global-color-c7aa7dd );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-fc9bb77{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-4358 .elementor-element.elementor-element-97bd747{background-color:var( --e-global-color-primary );padding:7px 10px 6px 10px;border-style:none;border-radius:64px 64px 64px 64px;}.elementor-4358 .elementor-element.elementor-element-97bd747.elementor-element{--align-self:flex-start;}.elementor-4358 .elementor-element.elementor-element-97bd747 .elementor-heading-title{font-size:0.875rem;text-transform:uppercase;line-height:1em;color:var( --e-global-color-text );}.elementor-4358 .elementor-element.elementor-element-f66eb86 .elementor-heading-title{font-size:1.5rem;}.elementor-4358 .elementor-element.elementor-element-2d6821f{color:var( --e-global-color-4eceff0 );}.elementor-4358 .elementor-element.elementor-element-b9d2180{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-c7aa7dd );--border-color:var( --e-global-color-c7aa7dd );--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-size:0.875rem;text-transform:uppercase;line-height:1.25rem;text-align:left;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field__icon{color:var( --e-global-color-text );font-size:1.5rem;margin-top:0px;}.elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field__icon :is(svg, path){fill:var( --e-global-color-text );}body:not(.rtl) .elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field__icon{margin-right:4px;}body.rtl .elementor-4358 .elementor-element.elementor-element-9f7e97a .jet-listing-dynamic-field__icon{margin-left:4px;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-size:0.875rem;text-transform:uppercase;line-height:1.25rem;text-align:left;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field__icon{color:var( --e-global-color-text );font-size:1.5rem;margin-top:0px;}.elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field__icon :is(svg, path){fill:var( --e-global-color-text );}body:not(.rtl) .elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field__icon{margin-right:4px;}body.rtl .elementor-4358 .elementor-element.elementor-element-c38e9fc .jet-listing-dynamic-field__icon{margin-left:4px;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-size:0.875rem;text-transform:uppercase;line-height:1.25rem;text-align:left;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field__icon{color:var( --e-global-color-text );font-size:1.5rem;margin-top:0px;}.elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field__icon :is(svg, path){fill:var( --e-global-color-text );}body:not(.rtl) .elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field__icon{margin-right:4px;}body.rtl .elementor-4358 .elementor-element.elementor-element-fccb6f3 .jet-listing-dynamic-field__icon{margin-left:4px;}.elementor-4358 .elementor-element.elementor-element-905e416{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-ace4bab{font-size:0.875rem;font-weight:bold;text-transform:uppercase;color:var( --e-global-color-4eceff0 );}.elementor-4358 .elementor-element.elementor-element-6c28375{text-align:start;font-size:0.875rem;line-height:1.5em;}.elementor-4358 .elementor-element.elementor-element-9ca5e3f{--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;--justify-content:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-c22ce60 );--border-color:var( --e-global-color-c22ce60 );--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-4358 .elementor-element.elementor-element-8c70604{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-c5a298a{font-size:0.875rem;font-weight:bold;text-transform:uppercase;color:var( --e-global-color-4eceff0 );}.elementor-4358 .elementor-element.elementor-element-3dbfc78 .jet-listing-dynamic-repeater__items{flex-direction:flex-start;justify-content:flex-start;}.elementor-4358 .elementor-element.elementor-element-3dbfc78 .jet-listing-dynamic-repeater__item > *{justify-content:flex-start;}.elementor-4358 .elementor-element.elementor-element-cbf1db7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-6109b63{font-size:0.875rem;font-weight:bold;text-transform:uppercase;color:var( --e-global-color-4eceff0 );}.elementor-4358 .elementor-element.elementor-element-92fb717 .jet-listing-dynamic-repeater__items{flex-direction:flex-start;justify-content:flex-start;}.elementor-4358 .elementor-element.elementor-element-92fb717 .jet-listing-dynamic-repeater__item > *{justify-content:flex-start;}#jet-popup-4358 .jet-popup__container-inner{background-color:#B7C3A6;justify-content:flex-start;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}#jet-popup-4358 .jet-popup__overlay{background-color:#2218124D;}#jet-popup-4358 .jet-popup__container{width:900px;}#jet-popup-4358 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-4358 .jet-popup__container-overlay{border-radius:0px 0px 0px 0px;}#jet-popup-4358 .jet-popup__close-button{color:var( --e-global-color-text );background-color:var( --e-global-color-secondary );font-size:24px;width:48px;height:48px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}#jet-popup-4358 .jet-popup__close-button:before{font-size:24px;}#jet-popup-4358 .jet-popup__close-button svg{width:24px;}#jet-popup-4358 .jet-popup__close-button:hover{background-color:var( --e-global-color-c7aa7dd );}@media(max-width:1366px){.elementor-4358 .elementor-element.elementor-element-f66eb86 .elementor-heading-title{font-size:1.25rem;}#jet-popup-4358 .jet-popup__container-inner{padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-4358 .elementor-element.elementor-element-fc9bb77{--padding-top:0px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-4358 .elementor-element.elementor-element-9ca5e3f{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}#jet-popup-4358 .jet-popup__container-inner{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4358 .elementor-element.elementor-element-fc9bb77{--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-4358 .elementor-element.elementor-element-97bd747{padding:6px 8px 5px 8px;}.elementor-4358 .elementor-element.elementor-element-97bd747 .elementor-heading-title{font-size:0.75rem;}.elementor-4358 .elementor-element.elementor-element-f66eb86 .elementor-heading-title{font-size:1rem;}.elementor-4358 .elementor-element.elementor-element-9ca5e3f{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}#jet-popup-4358 .jet-popup__container-inner{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-9ca5e3f *//* =========================================================
   THD Rezept Modal – Zutaten & Zubereitung
   ========================================================= */


/* ---------------------------------------------------------
   Globale Basis
--------------------------------------------------------- */

.thd-ingredients,
.thd-ingredients *,
.thd-steps,
.thd-steps * {
  box-sizing: border-box;
  font-size: 0.875rem !important;
  line-height: 1.4;
}

.thd-ingredients,
.thd-steps {
  width: 100%;
}


/* ---------------------------------------------------------
   Abschnittsüberschriften
   Klasse für Überschriften: thd-recipe-section-title
--------------------------------------------------------- */

.thd-recipe-section-title {
  font-size: 0.875rem !important;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #123822;
  margin: 0 0 1rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid rgba(31, 58, 47, 0.22);
}


/* =========================================================
   ZUTATEN
   Widget-Klasse: thd-ingredients

   Repeater HTML:
   <div class="thd-ingredient">
     <div class="thd-ingredient__amount">%menge%</div>
     <div class="thd-ingredient__name">%zutat%</div>
     <div class="thd-ingredient__note">%hinweis%</div>
   </div>
   ========================================================= */

.thd-ingredients .jet-listing-dynamic-repeater__items {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.thd-ingredient {
  display: grid;
  grid-template-columns: 5.25rem 10.5rem 1fr;
  align-items: center;
  column-gap: 1.25rem;

  min-height: 0;
  padding: 0.72rem 0;

  border-top: 1px solid rgba(31, 58, 47, 0.22);
  color: #251f1b;
}

.thd-ingredient:last-child {
  border-bottom: 1px solid rgba(31, 58, 47, 0.22);
}

.thd-ingredient__amount {
  grid-column: 1;
  color: rgba(37, 31, 27, 0.72);
  white-space: nowrap;
}

.thd-ingredient__name {
  grid-column: 2;
  font-weight: 700;
  color: #251f1b;
  white-space: normal;
}

.thd-ingredient__note {
  grid-column: 3;
  color: rgba(37, 31, 27, 0.58);
  white-space: normal;
}

.thd-ingredient__note:empty {
  display: none;
}


/* =========================================================
   ZUBEREITUNG
   Widget-Klasse: thd-steps

   Repeater HTML:
   <div class="thd-step">
     <div class="thd-step__number"></div>
     <div class="thd-step__content">
       <div class="thd-step__title">%schritt_titel%</div>
       <div class="thd-step__text">%beschreibung%</div>
     </div>
   </div>
   ========================================================= */

.thd-steps {
  counter-reset: thd-step-counter;
}

.thd-steps .jet-listing-dynamic-repeater__items {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.thd-step {
  position: relative;
  display: grid;
  grid-template-columns: 2.125rem 1fr;
  column-gap: 1rem;

  counter-increment: thd-step-counter;
  padding-bottom: 1.25rem;

  color: #251f1b;
}

.thd-step:last-child {
  padding-bottom: 0;
}

.thd-step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 2.125rem;
  bottom: -0.125rem;
  width: 1px;
  background: rgba(31, 58, 47, 0.25);
}

.thd-step__number {
  width: 2.125rem !important;
  height: 2.125rem !important;
  min-width: 2.125rem !important;
  min-height: 2.125rem !important;
  max-width: 2.125rem !important;
  max-height: 2.125rem !important;

  aspect-ratio: 1 / 1;
  flex: 0 0 2.125rem;

  display: flex !important;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border-radius: 999px;
  background: #1f5a35;
  color: #fff;

  font-size: 0.875rem !important;
  font-weight: 700;
  line-height: 1 !important;

  z-index: 2;
}

.thd-step__number::before {
  content: counter(thd-step-counter);
}

.thd-step__content {
  padding-top: 0.125rem;
}

.thd-step__title {
  margin: 0 0 0.25rem;
  font-weight: 700;
  color: #251f1b;
}

.thd-step__title:empty {
  display: none;
}

.thd-step__text {
  margin: 0;
  color: rgba(37, 31, 27, 0.75);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {
  .thd-recipe-section-title {
    margin-bottom: 0.875rem;
    padding-bottom: 0.75rem;
  }

  /* Zutaten mobil: 2-spaltig, damit nichts gequetscht wirkt */
  .thd-ingredient {
    grid-template-columns: 4.75rem 1fr;
    column-gap: 1rem;
    row-gap: 0.15rem;
    padding: 0.65rem 0;
  }

  .thd-ingredient__amount {
    grid-column: 1;
    grid-row: 1;
  }

  .thd-ingredient__name {
    grid-column: 2;
    grid-row: 1;
  }

  .thd-ingredient__note {
    grid-column: 2;
    grid-row: 2;
    color: rgba(37, 31, 27, 0.58);
  }

  /* Zubereitung mobil */
  .thd-step {
    grid-template-columns: 2rem 1fr;
    column-gap: 0.875rem;
    padding-bottom: 1.125rem;
  }

  .thd-step:not(:last-child)::before {
    left: 0.9375rem;
    top: 2rem;
  }

  .thd-step__number {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    max-width: 2rem !important;
    max-height: 2rem !important;
    flex-basis: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15e87cd */.jet-popup__close-button {
    padding: 0 !important;
}/* End custom CSS */