/*
Theme Name:   UserMindTheme
Description:  Child-Theme für Hello Elementor von UserMind GmbH
Author:       usermind
Author URL:   https://www.user-mind.de/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  UserMindTheme
*/

p,h1,h2,h3,h4,h5,h6 {
 	-moz-hyphens: auto;
	-o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  	hyphens: auto;
}

b, strong {
    font-weight: 500!important;
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    margin: 7px 0 10px 4px;
}

label  {
     padding-left: 6px;
	 vertical-align: baseline!important;
}


/* =================================================================
 * 0.0 - ALLGEMEIN
 * ================================================================= */

 .image-full-bleed-left > .elementor-widget-image {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: calc(100% - 50vw) !important;
    max-width: none !important;
}


/* =================================================================
 * 1.0 - HEADER HIDE ON SCROLL
 * ================================================================= */

#stickyheaders {
    -webkit-transition: -webkit-transform 0.34s ease;
    transition: -webkit-transform 0.34s ease;
    -o-transition: transform 0.34s ease;
    transition: transform 0.34s ease;
    transition: transform 0.34s ease, -webkit-transform 0.34s ease;
}

.headerup {
    -webkit-transform: translateY(-140px);
    -ms-transform: translateY(-140px);
    transform: translateY(-140px); /*adjust this value to the height of your header*/
}


/* =================================================================
 * 2.0 - Maßnahmen-Card
 * ================================================================= */

.trim-10 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-height: calc(3 * 1.6em);
}

/* Karte = Anker + eigener Stacking-Kontext (nötig für negatives z-index unten) */
.card-link {
    position: relative;
    z-index: 0;
}

/* ALLES zwischen Karte und Button bleibt unpositioniert,
   damit die Klickfläche über die ganze Karte reicht */
.card-link .card-inner,
.card-link .stretch-link,
.card-link .stretch-link .elementor-widget-container,
.card-link .stretch-link .elementor-button-wrapper,
.card-link .stretch-link .elementor-button {
    position: static;
}

/* dunkle Hintergrund-Überlagerung HINTER den Inhalt legen
   (genau das hat den Button überdeckt) */
.card-link::before,
.card-link > .elementor-background-overlay {
    z-index: -1;
}

/* unsichtbare Klickfläche über die komplette Karte */
.card-link .stretch-link .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Hover-Effekt */
.card-link {
    transition: transform .2s ease, box-shadow .2s ease;
    transform: translateY(-4px);
}


/* =================================================================
 * 3.0 - Ranking-Table
 * ================================================================= */

.hvnb-ranking {
  --hvnb-grey: #3c4544;
  --hvnb-red: #c40d3d;
  --hvnb-divider-grey: rgb(83, 88, 85);
  --hvnb-divider-red: rgb(149, 38, 56);
  max-width: 1169px;
  margin: 1em 0;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hvnb-ranking__table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

/* Header row (dark grey) — no border at all (matches Figma) */
.hvnb-ranking__table thead th {
  background: var(--hvnb-grey);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: left;
  padding: 20px 40px;
  border: 0;
}
.hvnb-ranking__table thead .hvnb-ranking__points {
  text-align: right;
}

/*
 * Body rows — default dark grey. The theme reset puts a border on every
 * cell side; reset them all and keep only the horizontal bottom divider.
 */
.hvnb-ranking__table tbody td {
  background: var(--hvnb-grey);
  border: 0;
  border-bottom: 1px solid var(--hvnb-divider-grey);
  vertical-align: middle;
  padding: 16px 40px;
}
.hvnb-ranking__table tbody tr:last-child td {
  border-bottom: 0;
}

/* Top 3 — red highlight, divider in the darker (grey) tone per Figma */
.hvnb-ranking__row--top td {
  background: var(--hvnb-red);
  border-bottom-color: var(--hvnb-divider-red);
}

/*
 * Override Hello Elementor's table reset. Its selectors
 *   table tbody > tr:nth-child(odd) > td   (zebra striping)
 *   table tbody tr:hover > td              (hover background)
 * have specificity (0,1,4) and would otherwise beat our flat colours.
 * The selectors below add the wrapper class to raise specificity above it.
 */
.hvnb-ranking__table tbody > tr:nth-child(odd) > td,
.hvnb-ranking__table tbody > tr:hover > td {
  background-color: var(--hvnb-grey);
}
.hvnb-ranking__table tbody > tr.hvnb-ranking__row--top:nth-child(odd) > td,
.hvnb-ranking__table tbody > tr.hvnb-ranking__row--top:nth-child(even) > td,
.hvnb-ranking__table tbody > tr.hvnb-ranking__row--top:hover > td {
  background-color: var(--hvnb-red);
}

/* Columns */
.hvnb-ranking__table .hvnb-ranking__rank {
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  width: 1%;
  padding-right: 0;
}
.hvnb-ranking__table .hvnb-ranking__name {
  font-weight: 400;
  padding-left: 32px;
}
.hvnb-ranking__table .hvnb-ranking__points {
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.hvnb-ranking__empty {
  color: var(--hvnb-grey);
}

.hvnb-ranking__pagination {
  margin-top: 1em;
  display: flex;
  gap: 0.35em;
  flex-wrap: wrap;
}
.hvnb-ranking__pagination .page-numbers {
  padding: 0.35em 0.7em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  text-decoration: none;
}
.hvnb-ranking__pagination .page-numbers.current {
  background: var(--hvnb-grey);
  color: #fff;
  border-color: var(--hvnb-grey);
}

/* Narrower viewports: reduce the generous side padding */
@media (max-width: 600px) {
  .hvnb-ranking__table thead th,
  .hvnb-ranking__table tbody td {
    padding-left: 16px;
    padding-right: 16px;
  }
  .hvnb-ranking__table .hvnb-ranking__rank {
    padding-right: 0;
  }
  .hvnb-ranking__table .hvnb-ranking__name {
    padding-left: 20px;
  }
}

/* =================================================================
 * 4.0 - Club-Challenge – Gravity Form #1 „Maßnahme einreichen“
 * ================================================================= */

/* ---------- 1. Zentrale Variablen (hier bequem anpassen) ---------- */
#gform_wrapper_1,
#gform_wrapper_2 {
  --cc-card-bg:      #E7E4DE;   /* Beige – Karten-Hintergrund   */
  --cc-red:          #C40D3D;   /* Rot – Akzent / Pflichtfeld   */
  --cc-red-dark:     #A00B32;   /* Rot dunkler – Hover          */
  --cc-text:         #2B2B2B;   /* Grau – Text & Überschriften  */
  --cc-input-bg:     #FFFFFF;   /* Weiß – Eingabefelder         */
  --cc-input-border: #DADADA;   /* Rahmenfarbe der Felder       */
  --cc-placeholder:  #9A9A9A;   /* Platzhalter-Text             */
  --cc-subtext:      #7A7A7A;   /* Hinweise (Dateitypen etc.)   */
  --cc-ok:           #2E9E5B;   /* Grün – Datei ausgewählt      */
  --cc-radius:       8px;       /* Ecken-Radius Felder/Button   */
  --cc-card-radius:  16px;      /* Ecken-Radius der Karte       */
  --cc-btn-gradient: linear-gradient(264.16deg, #C40D3D 2%, #3C4544 123.54%);
  --cc-upload-icon:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='42' viewBox='0 0 33 42' fill='none'%3E%3Cpath d='M6 2h15l8 8v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z' fill='%23C40D3D'/%3E%3Cpath d='M21 2v6a2 2 0 0 0 2 2h6' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M16.5 31V20' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M11.8 24.7 16.5 20l4.7 4.7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --cc-file-icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='42' viewBox='0 0 33 42' fill='none'%3E%3Cpath d='M6 2h15l8 8v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z' fill='%232E9E5B'/%3E%3Cpath d='M21 2v6a2 2 0 0 0 2 2h6' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M11.5 25.5l3.5 3.5 6.5-7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  /* Gravity-Forms „Orbital“-Theme-Variablen überschreiben
     (regelt u. a. Fokus-/Aktiv-Farbe des Formulars)          */
  --gf-color-primary:          var(--cc-red);
  --gf-color-primary-rgb:      196, 13, 61;
  --gf-color-primary-contrast: #ffffff;
  --gf-color-primary-darker:   var(--cc-red-dark);
  --gf-color-primary-lighter:  #D81F4D;
  --gf-ctrl-border-color:      var(--cc-input-border);
  --gf-radius:                 var(--cc-radius);
}

/* ---------- 2. Karten-Container ---------- */
.gform_required_legend {
  display: none;
}

#gform_wrapper_1,
#gform_wrapper_2 {
  background-color: var(--cc-card-bg);
  border-radius: var(--cc-card-radius);
  padding: 48px;
  width: 100%;
  max-width: 920px;      /* bei Bedarf entfernen für volle Breite */
  margin-inline: auto;
  color: var(--cc-text);
  box-sizing: border-box;
}
#gform_wrapper_1, #gform_wrapper_2 * { box-sizing: border-box; }
#gform_wrapper_1 form, #gform_wrapper_2 form { margin: 0; }

/* Titel – der Shortcode nutzt title="false", daher per CSS gesetzt */
#gform_wrapper_1 form::before,
#gform_wrapper_2 form::before {
  content: "Maßnahme einreichen";
  display: block;
  margin-bottom: 32px;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--cc-text);
}
#gform_wrapper_2 form::before {
  content: "Prämienpaket anfordern";
}

/* ---------- 3. Abstände zwischen den Feldern ---------- */
#gform_wrapper_1 .gform_fields,
#gform_wrapper_2 .gform_fields {
  grid-row-gap: 24px;
  row-gap: 24px;
}
#gform_wrapper_1 .gfield, #gform_wrapper_2 .gfield { margin: 0; }

/* ---------- 4. Labels & Pflichtfeld-Stern ---------- */
#gform_wrapper_1 .gfield_label,
#gform_wrapper_2 .gfield_label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--cc-text);
}
/* „(erforderlich)“ ausblenden und durch ein rotes * ersetzen (wie im Figma) */
#gform_wrapper_1 .gfield_required_text, #gform_wrapper_2 .gfield_required_text { font-size: 0; }
#gform_wrapper_1 .gfield_required_text::after, #gform_wrapper_2 .gfield_required_text::after {
  content: "*";
  font-size: 14px;
  font-weight: 700;
  color: var(--cc-red);
}

/* ---------- 5. Text-, Zahlen-, Textarea- & Select-Felder ---------- */
#gform_wrapper_1,
#gform_wrapper_2 {
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="url"],
  input[type="tel"],
  textarea,
  select {
    width: 100%;
    padding: 13px 16px;
    background-color: var(--cc-input-bg);
    border: 1px solid var(--cc-input-border);
    border-radius: var(--cc-radius);
    font-size: 15px;
    line-height: 24px;
    color: var(--cc-text);
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  select {
    padding: 7px 16px;
  }
}
#gform_wrapper_1 select, #gform_wrapper_2 select { padding-right: 40px; }        /* Platz für Chevron */
#gform_wrapper_1 textarea, #gform_wrapper_2 textarea { min-height: 140px; resize: vertical; }

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder,
#gform_wrapper_2 input::placeholder,
#gform_wrapper_2 textarea::placeholder { color: var(--cc-placeholder); }

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_2 input:focus,
#gform_wrapper_2 textarea:focus,
#gform_wrapper_2 select:focus {
  border-color: var(--cc-red);
  outline: none;
  box-shadow: 0 0 0 1px var(--cc-red);
}

/* ---------- 6. Datei-Upload – Drag-&-Drop-Optik wie im Figma ---------- */
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_2 .ginput_container_fileupload {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  column-gap: 5px;
  row-gap: 2px;
  min-height: 90px;
  padding: 20px 24px 20px 84px;          /* links Platz für das Icon */
  background-color: var(--cc-input-bg);
  border: 2px dashed var(--cc-input-border);
  border-radius: var(--cc-radius);
  background-image: var(--cc-upload-icon);
  background-repeat: no-repeat;
  background-position: 28px center;
  background-size: auto 38px;
  text-align: left;
  cursor: pointer;
}

/* Überschrift "Datei hierher ziehen oder durchsuchen" (zweifarbig) */
#gform_wrapper_1 .ginput_container_fileupload::before,
#gform_wrapper_2 .ginput_container_fileupload::before {
  content: "Datei hierher ziehen oder";
  order: 1;
  font-size: 15px;
  font-weight: 700;
  color: var(--cc-text);
}
#gform_wrapper_1 .ginput_container_fileupload::after,
#gform_wrapper_2 .ginput_container_fileupload::after {
  content: "durchsuchen";
  order: 2;
  font-size: 15px;
  font-weight: 700;
  color: var(--cc-red);
}

/* Native File-Feld: unsichtbar, aber über die ganze Box klickbar */
#gform_wrapper_1 .ginput_container_fileupload:not(:has(.gform_drop_area)) input[type="file"],
#gform_wrapper_2 .ginput_container_fileupload:not(:has(.gform_drop_area)) input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

/* Allgemeine Feldbeschreibungen (andere Feldtypen) */
#gform_wrapper_1 .gfield_description,
#gform_wrapper_2 .gfield_description {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cc-subtext);
}

/* Subtext (Dateitypen / max. Größe) unter die Überschrift (2. Zeile) */
#gform_wrapper_1 .gform_fileupload_rules,
#gform_wrapper_2 .gform_fileupload_rules {
  order: 3;
  flex-basis: 100%;
  width: 100%;
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cc-subtext);
}

/* Fehlermeldung des Upload-Felds ggf. in eigene Zeile */
#gform_wrapper_1 .ginput_container_fileupload .validation_message,
#gform_wrapper_2 .ginput_container_fileupload .validation_message {
  order: 4;
  flex-basis: 100%;
  width: 100%;
}

/* ---------- 6b. Zustand „Datei ausgewählt" (wird per JS gesetzt) ---------- */
#gform_wrapper_1 .ginput_container_fileupload.cc-file-selected,
#gform_wrapper_2 .ginput_container_fileupload.cc-file-selected {
  border-style: solid;
  border-color: var(--cc-ok);
  background-image: var(--cc-file-icon-ok);
}
#gform_wrapper_1 .ginput_container_fileupload.cc-file-selected::before,
#gform_wrapper_2 .ginput_container_fileupload.cc-file-selected::before {
  content: attr(data-cc-file);      /* = Dateiname */
  color: var(--cc-text);
  font-weight: 700;
  word-break: break-word;
}
#gform_wrapper_1 .ginput_container_fileupload.cc-file-selected::after,
#gform_wrapper_2 .ginput_container_fileupload.cc-file-selected::after {
  content: "Datei ausgewählt – zum Ersetzen klicken";
  order: 3;
  flex-basis: 100%;
  width: 100%;
  margin-top: 2px;
  color: var(--cc-ok);
  font-size: 13px;
  font-weight: 400;
}
#gform_wrapper_1 .ginput_container_fileupload.cc-file-selected .gform_fileupload_rules,
#gform_wrapper_2 .ginput_container_fileupload.cc-file-selected .gform_fileupload_rules {
  display: none;
}

/* ---------- 7. Absende-Button ---------- */
#gform_wrapper_1 .gform_footer,
#gform_wrapper_2 .gform_footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  padding: 0;
}
#gform_wrapper_1 .gform_button,
#gform_wrapper_2 .gform_button {
  width: auto;
  padding: 16px 40px;
  background: var(--cc-btn-gradient);
  color: #ffffff;
  border: none;
  border-radius: var(--cc-radius);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease;
}
#gform_wrapper_1 .gform_button:hover,
#gform_wrapper_2 .gform_button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* ---------- 8. Checkbox / Datenschutz-Zustimmung (falls vorhanden) ---------- */
#gform_wrapper_1 input[type="checkbox"],
#gform_wrapper_1 input[type="radio"],
#gform_wrapper_2 input[type="checkbox"],
#gform_wrapper_2 input[type="radio"] {
  accent-color: var(--cc-red);
  width: 18px;
  height: 18px;
}
#gform_wrapper_1 .gchoice label,
#gform_wrapper_1 .gfield_consent_label,
#gform_wrapper_2 .gchoice label,
#gform_wrapper_2 .gfield_consent_label {
  font-size: 15px;
  color: var(--cc-text);
}

/* ---------- 9. Validierungs-/Fehlermeldungen ---------- */
#gform_wrapper_1 .gfield_validation_message,
#gform_wrapper_1 .validation_message,
#gform_wrapper_2 .gfield_validation_message,
#gform_wrapper_2 .validation_message {
  color: var(--cc-red);
  font-size: 13px;
}

/* ---------- 10. Responsive ---------- */
@media (max-width: 767px) {
  #gform_wrapper_1,
  #gform_wrapper_2 {
    padding: 24px;
    border-radius: 12px;
    form::before {
      margin-bottom: 24px;
      font-size: 26px;
    }
    .gform_footer { justify-content: stretch; }
    .gform_button { width: 100%; }
    .ginput_container_fileupload,
    .gform_drop_area {
      padding: 18px 16px 18px 62px;
      background-position: 16px center;
      background-size: auto 34px;
    }
  }
}

/* =============================================================
   OPTIONAL – Gravity-Forms Mehrfach-Upload
   -------------------------------------------------------------
   Wird im Datei-Feld die Option „Mehrere Dateien" aktiviert
   (Feldeinstellungen › Erweitert; das Datei-Limit darf auf 1
   gesetzt werden), rendert Gravity Forms eine EIGENE Drag-&-Drop-
   Fläche inkl. Liste der hochgeladenen Dateien (zeigt also den
   Dateinamen an). Die folgenden Regeln geben dieser Fläche
   denselben Figma-Look; die Einzel-Datei-Darstellung aus
   Abschnitt 6 wird dabei automatisch per :has() deaktiviert.
   ============================================================= */
#gform_wrapper_1 .ginput_container_fileupload:has(.gform_drop_area),
#gform_wrapper_2 .ginput_container_fileupload:has(.gform_drop_area) {
  display: block;
  min-height: 0;
  padding: 0;
  border: none;
  background-image: none;
}
#gform_wrapper_1 .ginput_container_fileupload:has(.gform_drop_area)::before,
#gform_wrapper_1 .ginput_container_fileupload:has(.gform_drop_area)::after,
#gform_wrapper_2 .ginput_container_fileupload:has(.gform_drop_area)::before,
#gform_wrapper_2 .ginput_container_fileupload:has(.gform_drop_area)::after {
  content: none;
}
#gform_wrapper_1 .gform_drop_area,
#gform_wrapper_2 .gform_drop_area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  column-gap: 6px;
  min-height: 90px;
  padding: 20px 24px 20px 84px;
  background-color: var(--cc-input-bg);
  border: 2px dashed var(--cc-input-border);
  border-radius: var(--cc-radius);
  background-image: var(--cc-upload-icon);
  background-repeat: no-repeat;
  background-position: 28px center;
  background-size: auto 38px;
  text-align: left;
}
#gform_wrapper_1 .gform_drop_instructions,
#gform_wrapper_2 .gform_drop_instructions {
  order: 1;
  font-size: 15px;
  font-weight: 700;
  color: var(--cc-text);
}
#gform_wrapper_1 .gform_button_select_files,
#gform_wrapper_2 .gform_button_select_files {
  order: 2;
  padding: 0;
  background: none;
  border: none;
  color: var(--cc-red);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}


/* =================================================================
 * 5.0 - Header-tablet/mobil - Login/Logout-Button
 * ================================================================= */

 .header-auth-item {
  list-style: none;
  margin-top: 10px;
}
.header-auth-item .elementor-button {
  width: 100%;
  justify-content: center;
}

/* Abdunkelnder Overlay über der ganzen Seite (standardmäßig unsichtbar) */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);   /* Deckkraft/Farbe nach Wunsch */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}

/* Logo ausblenden, solange das Burger-Menü geöffnet ist */
header.elementor-location-header .elementor-element-c3df1fd {
  transition: opacity 0.25s ease;
}
body:has(.elementor-menu-toggle.elementor-active) header.elementor-location-header .elementor-element-c3df1fd {
  opacity: 0;
  visibility: hidden;
}

/* Sobald der Burger geöffnet ist (Toggle aktiv): Overlay einblenden */
body:has(.elementor-menu-toggle.elementor-active)::after {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Header (Logo, Burger, geöffnetes Menü) über dem Overlay halten */
body:has(.elementor-menu-toggle.elementor-active) header.elementor-location-header {
  position: relative;
  z-index: 999;
}

.eicon-close:before {
    color: white;
}

/* UM Forms */
.um-field-checkbox.um-field-half {
  width: auto;
  float: none;
}

/* =================================================================
 * 6.0 - Dashboard
 * ================================================================= */

.punkte-row {
    align-items: baseline !important;
}

/* die p-Standardabstände rausnehmen, damit nichts verschiebt */
.punkte-row .elementor-widget-container p {
    margin: 0 !important;
}


/* =================================================================
 * 7.0 - Massnahmendetailseite
 * ================================================================= */

.massnahmen-filter button {
  border-radius: 10px !important;
}

.massnahmen-titel .elementor-heading-title {
    color: #C40D3D !important;
}

.massnahmen-titel .elementor-heading-title::first-line {
    color: #3C4544 !important;
}


/** 
 UserMind:
 Zusätzliche Mobile Breakpoints absteigend einordnen
 Keine Breakpoints im regulaeren CSS einbinden !!!
*/


@media screen and (max-width: 1239px){
	
	
}


@media screen and (max-width: 1024px){
	
	

}

@media screen and (max-width: 959px){

    
}
 
 /* Ipad*/
@media screen and (max-width: 767px){
	

    
}

/* iPhone 6/7/8 PLUS*/
@media screen and (max-width: 414px){
	

}

/* iPhone 6/7/8 */
@media screen and (max-width: 375px){
    
}



/* iPhone 5 / 5S */
@media screen and (max-width: 320px){
    

}




/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}