.elementor-1704 .elementor-element.elementor-element-43ddbbd8{--display:flex;--min-height:491px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.22;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1704 .elementor-element.elementor-element-43ddbbd8:not(.elementor-motion-effects-element-type-background), .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoeflichzudir.de/wp-content/uploads/scenic-view-mountains-against-sky-sunset.jpg");background-position:top center;background-size:cover;}.elementor-1704 .elementor-element.elementor-element-43ddbbd8::before, .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .elementor-background-video-container::before, .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .elementor-background-slideshow::before, .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFA34F;--background-overlay:'';}.elementor-1704 .elementor-element.elementor-element-1fc0f6fd{text-align:center;}.elementor-1704 .elementor-element.elementor-element-1fc0f6fd .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1704 .elementor-element.elementor-element-cdcb76a{width:var( --container-widget-width, 64.891% );max-width:64.891%;--container-widget-width:64.891%;--container-widget-flex-grow:0;text-align:center;font-weight:600;color:var( --e-global-color-primary );}.elementor-1704 .elementor-element.elementor-element-cdcb76a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1704 .elementor-element.elementor-element-1c81406{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1704 .elementor-element.elementor-element-1c81406:not(.elementor-motion-effects-element-type-background), .elementor-1704 .elementor-element.elementor-element-1c81406 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ea41d4a );}.elementor-1704 .elementor-element.elementor-element-555f7558{--display:flex;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.12);--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1704 .elementor-element.elementor-element-555f7558:not(.elementor-motion-effects-element-type-background), .elementor-1704 .elementor-element.elementor-element-555f7558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1704 .elementor-element.elementor-element-522f6eb9{--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;}@media(max-width:1024px){.elementor-1704 .elementor-element.elementor-element-1fc0f6fd .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-1704 .elementor-element.elementor-element-43ddbbd8{--min-height:350px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1704 .elementor-element.elementor-element-1fc0f6fd .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(min-width:1025px){.elementor-1704 .elementor-element.elementor-element-43ddbbd8:not(.elementor-motion-effects-element-type-background), .elementor-1704 .elementor-element.elementor-element-43ddbbd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for theme-post-content, class: .elementor-element-39eec02e *//* =========================================================
   MPCS / MemberPress Courses – UX Clean Styling (scoped)
   ========================================================= */

/* Basis Typo / Link-Farbe */
.elementor-1704 .elementor-element.elementor-element-39eec02e,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-wrapper,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-wrapper *{
  font-family: "Montserrat", sans-serif !important;
}

.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-lesson-link,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-lesson-link a{
  color: #191716 !important;
  text-decoration: none !important;
}
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-lesson-link a:hover{
  text-decoration: underline !important;
}

/* ---------------------------------------------------------
   1) PROGRESS-BOX (erste Section) – ruhig & funktional
   --------------------------------------------------------- */

/* Progress-Container: hell + clean */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .mpcs-section-header{
  background: #F4DCCC !important;   /* ruhig warm, nicht zu laut */
  border: 0 !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
}

/* Progressbar Track */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .course-progress-bar-main{
  background: rgba(0,0,0,0.10) !important;
  border-radius: 999px !important;
  height: 18px !important;
  overflow: hidden !important;
}

/* Progressbar Fill (der eigentliche Balken) – falls MPCS je nach Version variiert */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .course-progress-bar-main .progressbar,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .course-progress-bar-main .bar,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .course-progress-bar-main .fill,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .course-progress-bar-main [class*="progress"]{
  background: #844318 !important;
  height: 100% !important;
  border-radius: 999px !important;
}

/* ---------------------------------------------------------
   2) HAUPT-CTA oben (Start Course Button) – Orange, bold, uppercase
   --------------------------------------------------------- */

/* Der Header-Button ist je nach MPCS Version mal span, mal a/button */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .mpcs-bookmark-link-title,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .mpcs-start-course,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type .mpcs-button.is-green,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type a.mpcs-start-course,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:first-of-type button.mpcs-start-course{
  background: #C95100 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  padding: 10px 20px !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   3) TAG-HEADERS (Tag 1/2/3) – dunkel + weiß (ruhige Struktur)
   --------------------------------------------------------- */

/* Alle Sections AUSSER der ersten (Progress) */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-section-header{
  background: #083D44 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 14px 18px !important;
}

/* Text im Tag-Header */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-section-header,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-section-header *{
  color: #FFFFFF !important;
}

/* ---------------------------------------------------------
   4) LESSON-ROWS – clean white cards (ruhig, scanbar)
   --------------------------------------------------------- */

.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-lesson-link{
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

/* Optional: etwas mehr Luft zwischen Lesson-Items */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-lesson-link + .mpcs-lesson-link{
  margin-top: 10px !important;
}

/* ---------------------------------------------------------
   5) LESSON-BUTTONS (die lila) – Gelb
   --------------------------------------------------------- */

.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-button.is-purple,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-button.is-purple *{
  background: #DDB903 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  padding: 9px 16px !important;
  box-shadow: none !important;
}

/* Falls MPCS den Lesson-Button anders markiert */
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-button,
.elementor-1704 .elementor-element.elementor-element-39eec02e .mpcs-section:not(:first-of-type) .mpcs-button.is-purple{
  border-radius: 0 !important;
}

/* ---------------------------------------------------------
   6) Kleinkram: grüne Status-Kreise o.ä. nicht anfassen
   --------------------------------------------------------- */
/* (absichtlich leer – damit du deine Status-Icons nicht verlierst) */

/* ===== MPCS: Tag + Lesson visuelle Klammer ===== */

/* Container der Lessons unter einem Tag */
.mpcs-lessons {
  background: #f5f7f8 !important;
  padding: 14px !important;
  border-radius: 6px !important;
  margin-top: 0 !important;
}

/* Einzelne Lesson-Boxen darin wieder ruhig halten */
.mpcs-lesson-link {
  background: #ffffff !important;
  border-radius: 6px !important;
  margin-bottom: 8px !important;
}

/* Letzte Lesson ohne extra Abstand */
.mpcs-lesson-link:last-child {
  margin-bottom: 0 !important;
}/* End custom CSS */