.elementor-4 .elementor-element.elementor-element-3393559{--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;--margin-top:104px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4 .elementor-element.elementor-element-3393559:not(.elementor-motion-effects-element-type-background), .elementor-4 .elementor-element.elementor-element-3393559 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4 .elementor-element.elementor-element-7aacd6b{--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-4 .elementor-element.elementor-element-7aacd6b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-4 .elementor-element.elementor-element-af7adc0:not( .elementor-widget-image ), .elementor-4 .elementor-element.elementor-element-af7adc0.elementor-widget-image img{-webkit-mask-image:url( https://dein-wachstumspfad.de/wp-content/uploads/2025/10/Element-8.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-4 .elementor-element.elementor-element-c5a6891{--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-4 .elementor-element.elementor-element-c5a6891.e-con{--flex-grow:0;--flex-shrink:0;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-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 );}body.elementor-page-4:not(.elementor-motion-effects-element-type-background), body.elementor-page-4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4 .elementor-element.elementor-element-7aacd6b{--width:41%;}.elementor-4 .elementor-element.elementor-element-c5a6891{--width:58%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.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 );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.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 );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* ===== LearnDash Registrierung: Underline-Inputs, flach/minimal ===== */
.learndash-wrapper.ld-registration__outer-wrapper{
  /* Markenfarben / Töne */
  --brand-primary: #263d2f;     /* Fokus-/Linienfarbe */
  --brand-ink: #263d2f;         /* Textfarbe in Feldern */
  --brand-muted: #9aa4af;       /* Platzhalter/Hilfstexte */
  --underline: #cfd8d3;         /* neutrale Linie */
  --error: #dc2626;
}

/* Label-Typografie dezent */
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field-outer-wrapper > label{
  color: var(--brand-ink);
  font-weight: 600;
  margin-bottom: .35rem;
}

/* Kern: Inputs ohne Rahmen, nur Unterlinie */
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field{
  width: 100%;
  background: transparent !important;
  color: var(--brand-ink);
  border: none !important;
  border-bottom: 1.5px solid var(--underline) !important;
  border-radius: 0 !important;
  padding: .65rem 0 .5rem !important; /* oben/unten, keine Seiten-Padding */
  line-height: 1.25;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
}
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field::placeholder{
  color: var(--brand-muted);
  opacity: .85;
}

/* Hover/Fokus: Linie in Markenfarbe (#263d2f) */
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field:hover{
  border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, var(--underline));
}
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field:focus{
  border-bottom-color: var(--brand-primary) !important;
  /* dezenter "Underline-Glow" direkt an der Linie */
  box-shadow: 0 2px 0 0 var(--brand-primary);
}

/* Disabled / Invalid */
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field[disabled]{
  opacity: .65;
  border-bottom-style: dashed;
}
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field[aria-invalid="true"],
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field.is-invalid{
  border-bottom-color: var(--error) !important;
  box-shadow: 0 2px 0 0 var(--error) !important;
}

/* Password-Visibility-Toggle als Text-Link rechts vom Feld */
.learndash-wrapper.ld-registration__outer-wrapper .ld-form__field-wrapper--type-password{
  display: flex; align-items: center; gap: .75rem;
}
.learndash-wrapper.ld-registration__outer-wrapper .ld-button__password-visibility-toggle{
  background: transparent !important;
  border: 0 !important;
  color: var(--brand-ink) !important;
  padding: .4rem 0 !important;
  min-width: auto !important;
  font-weight: 600;
  cursor: pointer;
}
.learndash-wrapper.ld-registration__outer-wrapper .ld-button__password-visibility-toggle:hover{
  text-decoration: underline;
}

/* Selects im selben Underline-Stil */
.learndash-wrapper.ld-registration__outer-wrapper select.ld-form__field{
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image: none !important;
}

/* Login-Formular (gleicher Stil) */
.learndash-wrapper.ld-registration__outer-wrapper #loginform .ld-form__field{
  background: transparent !important;
  border: none !important;
  border-bottom: 1.5px solid var(--underline) !important;
  border-radius: 0 !important;
}

/* ACF-Felder angleichen (Text & Select) */
.learndash-wrapper.ld-registration__outer-wrapper .acf-fields .acf-input input,
.learndash-wrapper.ld-registration__outer-wrapper .acf-fields .acf-input select{
  background: transparent !important;
  color: var(--brand-ink);
  border: none !important;
  border-bottom: 1.5px solid var(--underline) !important;
  border-radius: 0 !important;
  padding: .65rem 0 .5rem !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.learndash-wrapper.ld-registration__outer-wrapper .acf-fields .acf-input input:focus,
.learndash-wrapper.ld-registration__outer-wrapper .acf-fields .acf-input select:focus{
  border-bottom-color: var(--brand-primary) !important;
  box-shadow: 0 2px 0 0 var(--brand-primary) !important;
}

/* Checkboxen in Markenfarbe belassen */
.learndash-wrapper.ld-registration__outer-wrapper input[type="checkbox"]{
  accent-color: var(--brand-primary);
}

/* Abstände */
.learndash-wrapper.ld-registration__outer-wrapper .ld-registration__register-form,
.learndash-wrapper.ld-registration__outer-wrapper .ld-registration__login-form{
  margin-top: 1rem;
}

/* === ACF-Bereich: grüne Box mit beiger Typo === */
.ld-registration__register-form .acf-user-register-fields.acf-fields{
  --box-bg: #263d2f;     /* Hintergrund (grün) */
  --box-fg: #f5f3ed;     /* Text (beige) */
  --box-border: #3a5444; /* dezente Rahmenlinie */
  --underline: rgba(245,243,237,.6);

  background: var(--box-bg);
  color: var(--box-fg);
  border: 1px solid var(--box-border);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin: 1rem 0 1.25rem;
}

/* Überschriften/Labels im Block */
.ld-registration__register-form .acf-user-register-fields .acf-label label{
  color: var(--box-fg);
  font-weight: 600;
  margin-bottom: .4rem;
}

/* ===== Radiobuttons – im Stil der Zustimmungsfelder ===== */
.ld-registration__register-form .acf-user-register-fields .acf-radio-list{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: .35rem 0 0;
}
.ld-registration__register-form .acf-user-register-fields .acf-radio-list li{
  list-style: none;
}
.ld-registration__register-form .acf-user-register-fields .acf-radio-list label{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--box-fg);
  cursor: pointer;
}
.ld-registration__register-form .acf-user-register-fields .acf-radio-list input[type="radio"]{
  width: 1.1rem;
  height: 1.1rem;
  accent-color: var(--box-fg);  /* beige Akzent – analog zu euren Zustimmungsfeldern */
}

/* ===== Select im Underline-Stil (transparent, nur untere Linie) ===== */
.ld-registration__register-form .acf-user-register-fields .acf-input select{
  width: 100%;
  color: #f5f3ed;
  background: f5f3ed;
  border: none;
  border-bottom: 1.5px solid var(--underline);
  border-radius: 0;
  padding: .55rem 0 .45rem;
  outline: none;
  box-shadow: none;
  transition: border-color .15s ease;
}
.ld-registration__register-form .acf-user-register-fields .acf-input select:focus{
  border-bottom-color: #f5f3ed;
}

/* Links & Texte im Block */
.ld-registration__register-form .acf-user-register-fields a{
  color: #f5f3ed;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ld-registration__register-form .acf-user-register-fields p,
.ld-registration__register-form .acf-user-register-fields .acf-input{
  color: var(--box-fg);
}

/* Sichtbarer Text im geschlossenen Select (Beige auf Grün) */
.ld-registration__register-form .acf-user-register-fields .acf-input select{
  color: #f5f3ed !important;         /* sichtbarer Wert im Feld */
  background-color: transparent !important;
  border-bottom-color: rgba(245,243,237,.6) !important; /* Underline */
}

/* Geöffnete Dropdown-Liste: gut lesbar (heller Hintergrund, dunkler Text) */
.ld-registration__register-form .acf-user-register-fields .acf-input select option{
  background-color: #f5f3ed;   /* heller Hintergrund */
  color: #263d2f;              /* dunkler Text */
}

/* Für viele Browser: markierte Option in geöffneter Liste */
.ld-registration__register-form .acf-user-register-fields .acf-input select option:checked,
.ld-registration__register-form .acf-user-register-fields .acf-input select option:focus,
.ld-registration__register-form .acf-user-register-fields .acf-input select option:hover{
  background-color: #e9e5dc;   /* leicht dunkleres Hell für Hover/Checked */
  color: #263d2f;
}

/* Falls ein "Placeholder" per data-Attribut genutzt wird (nicht immer aktiv):
   Stelle sicher, dass der erste leere Eintrag blasser ist. */
.ld-registration__register-form .acf-user-register-fields .acf-input select option[value=""]{
  color: rgba(38,61,47,.65);
}

/* Safari/iOS: Sicherheit – erzwinge Textfarbe auch dort */
@supports (-webkit-touch-callout: none) {
  .ld-registration__register-form .acf-user-register-fields .acf-input select{
    -webkit-text-fill-color: #f5f3ed; /* sichtbarer Wert im Feld */
  }
}/* End custom CSS */