/* LearnDash: Featured Images in Lessons und Topics ausblenden, Wrapper behalten */
body.single-sfwd-lessons img.ld-featured-image,
body.single-sfwd-topic   img.ld-featured-image,
body.single-sfwd-lessons img.wp-post-image.ld-featured-image,
body.single-sfwd-topic   img.wp-post-image.ld-featured-image {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* Falls das Bild innerhalb eines picture-Elements liegt */
body.single-sfwd-lessons picture > img.ld-featured-image,
body.single-sfwd-topic   picture > img.ld-featured-image {
  display: none !important;
}

/* Header-Wrapper sichtbar lassen, aber ohne reservierte Höhe/Hintergrund */
body.single-sfwd-lessons .wp-block-post-featured-image,
body.single-sfwd-topic   .wp-block-post-featured-image,
body.single-sfwd-lessons .post-thumb,
body.single-sfwd-topic   .post-thumb,
body.single-sfwd-lessons figure.post-thumbnail,
body.single-sfwd-topic   figure.post-thumbnail {
  background: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 .6rem 0 !important;
  border: 0 !important;
}
:root { --ff-blue:#1482FF; }

/* 1) Buttons*/
.wpProQuiz_button,
.ld-button,
.wp-block-button__link {
  color:#fff !important;
  background-color:var(--ff-blue) !important;
  border:none !important;
  border-radius:6px;
  padding:.6rem 1.2rem;
  font-size:1rem;
  cursor:pointer;
  transition:background .2s ease;
}
.wpProQuiz_button:hover,
.ld-button:hover,
.wp-block-button__link:hover {
  background-color:#0f66cc !important;
}

/* 2) Accordion: "Alles ausklappen" & rechte Pfeil-Toggles neutral lassen */
.ld-accordion__expand .ld-button,
.ld-accordion__toggle {
  background:transparent !important;
  color:inherit !important;
  border:none !important;
  box-shadow:none !important;
}
.ld-accordion__expand .ld-button {
  padding:.35rem .6rem;
  border:1px solid #e5e7eb !important;
  border-radius:6px;
}

/* 3) LearnDash Tabs: hell & clean, nur blauer Unterstrich im aktiven Tab */
.ld-tabs__nav { 
  border-bottom:1px solid #e5e7eb;
}
.ld-tabs__nav .ld-tabs__link {
  background:transparent !important;
  color:#1b2630 !important;
  border:none !important;
  box-shadow:none !important;
  padding:.6rem 1rem;
  position:relative;
}
.ld-tabs__nav .ld-tabs__link.is-active {
  font-weight:600;
}
.ld-tabs__nav .ld-tabs__link.is-active::after {
  content:"";
  position:absolute; left:0; right:0; bottom:-1px;
  height:3px; background:var(--ff-blue); border-radius:3px;
}
/* Zertifikatsbutton (btn-blue) anpassen */
a.btn-blue {
  color: #fff !important;
  background-color: var(--ff-blue) !important;
  border: none !important;
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s ease;
}

a.btn-blue:hover {
  background-color: #0f66cc !important;
  text-decoration: none;
}
/* ==== Astra Mobile Hamburger endgültig neutralisieren ==== */
@media (max-width: 921px) {
  /* 1) Button-Hintergrund sicher entfernen (inkl. Pseudo-Elemente) */
  button.menu-toggle,
  .ast-button-wrap > .menu-toggle,
  .ast-mobile-menu-buttons .menu-toggle,
  .ast-mobile-header-wrap .menu-toggle {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  button.menu-toggle::before,
  button.menu-toggle::after {
    content: none !important;
    background: none !important;
    box-shadow: none !important;
  }

  /* 2) Icon-Farbe erzwingen (SVG nutzt fill: currentColor) */
  button.menu-toggle,
  .menu-toggle .ast-mobile-svg,
  .menu-toggle .ast-menu-svg {
    color: #1b2630 !important;
    fill:  #1b2630 !important;
  }

  /* 3) Geöffnet-/Focus-Zustände ebenfalls ohne Blau */
  button.menu-toggle[aria-expanded="true"],
  button.menu-toggle:active,
  button.menu-toggle:focus,
  button.menu-toggle:hover {
    background: transparent !important;
    color: #1b2630 !important;
  }

  /* 4) Rechte Pfeil-Toggles im mobilen Menü auch neutral lassen */
  .main-header-menu .ast-menu-toggle {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid #e5e7eb !important;  /* optional, für Touch-Ziel */
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #1b2630 !important;
    fill:  #1b2630 !important;
  }
  .main-header-menu .ast-menu-toggle:hover,
  .main-header-menu .ast-menu-toggle:active,
  .main-header-menu .ast-menu-toggle:focus {
    background: transparent !important;
    color: #1b2630 !important;
    fill:  #1b2630 !important;
  }
}
/* Blogpost Titel größer & moderner */
.entry-title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
}

/* Abstand zwischen Absätzen */
.entry-content p {
  margin-bottom: 1.5em;
}

/* Zitate hervorheben */
blockquote {
  border-left: 4px solid #1482FF; /* deine Akzentfarbe */
  padding-left: 1em;
  font-style: italic;
  color: #444;
}
.ff-notice{padding:14px 16px;border-radius:10px;margin:12px 0;line-height:1.5;}
.ff-notice-warn{background:#fff6e8;border:1px solid #ffe0b8;}
.ff-notice-ok{background:#eefbf1;border:1px solid #cdeed6;}
.ff-actions{margin-top:8px}
.ff-btn{display:inline-block;padding:10px 18px;border-radius:999px;text-decoration:none;
       background:#1482FF;color:#fff;font-weight:600}
.ff-btn:hover{opacity:.92}

/* Header auf Seite mit der ID 123 ausblenden */
.page-id-76375 header#masthead {
  display: none;
}
/* Box-Optik */
.ff-course-lead__inner{display:flex;align-items:center;gap:12px}
.ff-course-lead__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.ff-course-lead p{margin:0;line-height:1.4}
/* LearnDash Login/Registrieren Modal – invertierte Buttons sichtbar machen */
.ld-login-modal .ld-button.ld-button-reverse,
.learndash-wrapper .ld-modal .ld-button.ld-button-reverse {
  background: transparent !important;   /* kein Blau-Blau */
  border: 2px solid #fff !important;    /* weißer Rahmen */
  color: #fff !important;               /* Text in Weiß */
  text-decoration: none !important;
  font-weight: 600;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  display: inline-block;
  text-align: center;
}

/* Hover/Fokus-Staaten: gefüllt */
.ld-login-modal .ld-button.ld-button-reverse:hover,
.learndash-wrapper .ld-modal .ld-button.ld-button-reverse:hover,
.ld-login-modal .ld-button.ld-button-reverse:focus,
.learndash-wrapper .ld-modal .ld-button.ld-button-reverse:focus {
  background: #fff !important;
  color: #1482FF !important;   /* deine Akzentfarbe */
  border-color: #fff !important;
}
/* ===========================================================
   FROLLEINFLOW  |  LearnDash Groups Plus  |  Button & Form CSS
   =========================================================== */

/* === Grunddesign für ALLE Groups Plus Buttons === */
a.btn_groups_plus,
button.btn_groups_plus,
input[type="submit"].btn_groups_plus {
  background-color: #1482FF !important;   /* FlowCampus Blau */
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px;
  font-weight: 600;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  text-decoration: none !important;
}

/* === Hover / Fokus-Zustände === */
a.btn_groups_plus:hover,
button.btn_groups_plus:hover,
input[type="submit"].btn_groups_plus:hover,
a.btn_groups_plus:focus,
button.btn_groups_plus:focus,
input[type="submit"].btn_groups_plus:focus {
  background-color: #0f6cd4 !important;   /* dunkleres Blau */
  transform: translateY(-1px);
  color: #ffffff !important;
}

/* === Icon-Style (Pfeil / Spinner etc.) === */
.btn_groups_plus i.fa {
  color: #ffffff !important;
  margin-left: 6px;
  font-size: 0.9em;
}

/* === Datei-Upload-Button im Groups Plus Dashboard === */
#groups_plus_file_import::file-selector-button,
input[type="file"]::file-selector-button {
  background-color: #1482FF;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  padding: 10px 18px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

#groups_plus_file_import::file-selector-button:hover,
input[type="file"]::file-selector-button:hover {
  background-color: #0f6cd4;
  transform: translateY(-1px);
}

/* === Datei-Upload-Feld allgemein === */
#groups_plus_file_import,
input[type="file"] {
  background-color: #f5f7fa;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  padding: 6px;
  color: #333333;
  font-size: 14px;
}

/* === Optionale Zweitfarbe (Orange) für besondere Aktionen === */
.btn_groups_plus.orange {
  background-color: #FF9A00 !important;
  color: #ffffff !important;
}
.btn_groups_plus.orange:hover {
  background-color: #e08700 !important;
}

/* === Optional: leichte Vereinheitlichung von Formularfeldern === */
.uo-groups-dashboard input[type="text"],
.uo-groups-dashboard input[type="email"],
.uo-groups-dashboard select {
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
  color: #1b2630;
  background-color: #ffffff;
}
.uo-groups-dashboard input:focus,
.uo-groups-dashboard select:focus {
  outline: none;
  border-color: #1482FF;
  box-shadow: 0 0 0 2px rgba(20,130,255,0.15);
}
/* 1) Grundlayout für die Antworten */
.learndash-wrapper .wpProQuiz_questionList {
  margin: 0;
  padding: 0;
}

.learndash-wrapper .wpProQuiz_questionListItem {
  list-style: none;
  margin: 0 0 1rem 0;
}

/* 2) Radio-Buttons ausblenden, aber zugänglich lassen */
.learndash-wrapper .wpProQuiz_questionListItem input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* 3) Labels als "Karten" stylen */
.learndash-wrapper .wpProQuiz_questionListItem label {
  display: block;
  padding: 1.2rem 1.6rem;
  border-radius: 12px;
  border: 1px solid #e1e5ee;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.03);
  transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease,
              transform 0.1s ease;
  font-size: 1rem;
  line-height: 1.4;
}

/* 4) Hover-Effekt */
.learndash-wrapper .wpProQuiz_questionListItem label:hover {
  background: #f7faff;
  border-color: #1482ff33;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* 5) Ausgewählte Antwort hervorheben */
.learndash-wrapper .wpProQuiz_questionListItem input[type="radio"]:checked + label {
  border-color: #1482ff;
  background: #e9f3ff;
  box-shadow: 0 0 0 2px rgba(20,130,255,0.2);
  transform: translateY(-1px);
  font-weight: 600;
}

/* 6) Tastatur-Fokus sichtbar machen (Accessibility) */
.learndash-wrapper .wpProQuiz_questionListItem input[type="radio"]:focus + label {
  outline: 2px solid #1482ff;
  outline-offset: 2px;
}
button.ld-enrollment__login-link {
  background: #1482ff;
  color: #fff;
  border-radius: 999px;
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

button.ld-enrollment__login-link:hover {
  background: #0f67c5;
}
/*Passwort-Auge entfernen */
.show-password-input {
  display: none !important;
}