/* Mitgliederbereich Luigi – Aussehen nach der Probeansicht vom 22.10.2026.
   Das Theme setzt Überschriften zentriert, groß und kursiv; deshalb stehen dort !important. */

.lm{--lm-navy:#022042;--lm-leise-navy:#c3d2e4;--lm-orange:#e97e2f;--lm-orange-d:#c9641c;--lm-text:#23303f;--lm-leise:#5d6b7c;
  --lm-linie:#e3dfd8;--lm-zu:#ece9e4;--lm-zu-text:#6a7481;--lm-gruen:#2c7a4b;--lm-gruen-grund:#e3f1e8;
  max-width:640px;width:100%;box-sizing:border-box;margin:0 auto;padding:22px 0 48px;
  font-family:Poppins,"Helvetica Neue",Arial,sans-serif;color:var(--lm-text);font-size:17px;line-height:1.55;overflow-wrap:break-word}
.lm *{box-sizing:border-box}
.lm svg{display:block;width:100%;height:100%}
.lm a{text-decoration:none!important}

.lm h1{font-size:28px!important;line-height:1.2!important;color:var(--lm-navy)!important;margin:0 0 8px!important;font-weight:700!important;
  text-align:left!important;text-transform:none!important;font-style:normal!important;letter-spacing:normal!important}
.lm h2,.lm h3{text-align:left!important;text-transform:none!important;font-style:normal!important;letter-spacing:normal!important}
/* Das Theme setzt Lato und Source Sans und zentriert Absätze über automatische Ränder */
.lm h1,.lm h2,.lm h3,.lm p,.lm li,.lm a,.lm span,.lm button,.lm label{font-family:Poppins,"Helvetica Neue",Arial,sans-serif!important}
.lm p{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
.lm .lm-unter{color:var(--lm-leise)!important;margin:0!important;font-size:17px!important}
.lm .lm-klein{font-size:14.5px!important;color:var(--lm-leise)!important;margin:14px 0 0!important}
.lm .lm-klein a{color:var(--lm-navy)!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
.lm .lm-dach{font-size:13.5px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8a93a0!important;
  margin:0 0 14px!important;padding-bottom:9px;border-bottom:1px solid var(--lm-linie)}
.lm-abschnitt{margin-top:34px}
.lm-stapel{display:grid;gap:16px}
.lm-abstand{margin-top:22px}

/* Hinweise */
.lm-meldung{background:var(--lm-gruen-grund);color:#1e5a37;border-radius:12px;padding:14px 16px;margin:20px 0 0;font-size:16px;line-height:1.5}
.lm-vorschau{background:#fff4e8;border:1px solid #f1d9bf;color:#7a4a1c;border-radius:10px;padding:10px 14px;margin:0 0 18px;font-size:14.5px}
.lm-leer{background:#fff;border:1px solid var(--lm-linie);border-radius:12px;padding:18px 18px 16px;margin-bottom:16px}
.lm .lm-leer p{margin:0 0 6px!important;font-size:16px!important}

/* Weitermachen */
.lm-weiter{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--lm-linie);border-radius:12px;padding:14px 16px;margin-top:20px;color:var(--lm-text)!important}
.lm-weiter:hover{border-color:var(--lm-orange)}
.lm-weiter .lm-ic{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--lm-orange);color:#fff;display:grid;place-items:center;padding:10px}
.lm-weiter .lm-mitte{flex:1;min-width:0}
.lm-weiter .lm-klein{display:block;font-size:14px;color:var(--lm-leise);font-weight:500;margin:0!important}
.lm-weiter .lm-gross{display:block;font-weight:600;color:var(--lm-navy);line-height:1.35}
.lm-pf{flex:0 0 22px;width:22px;height:22px;color:#a3adba;margin-left:auto}

/* Kacheln */
.lm-kachel{background:var(--lm-navy);color:#fff;border-radius:14px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;position:relative}
.lm .lm-kachel h3{margin:0!important;font-size:21px!important;line-height:1.25!important;font-weight:700!important;color:#fff!important}
.lm .lm-kachel p{margin:0!important;color:var(--lm-leise-navy)!important;font-size:16px!important;line-height:1.5!important}
.lm-zahlen{font-size:14px;color:#9fb3cb}
.lm-balken{height:7px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden}
.lm-balken span{display:block;height:100%;background:#34b36b;border-radius:4px} /* Luigi, 24.10.: Fortschritt grün, wie die Haken */
.lm-balken.lm-hell{background:#e7e3dc}
.lm-kachel.lm-zu{background:var(--lm-zu);color:var(--lm-text)}
.lm .lm-kachel.lm-zu h3{color:#4a5767!important;padding-right:34px}
.lm .lm-kachel.lm-zu p{color:var(--lm-zu-text)!important}
.lm-schloss{position:absolute;top:20px;right:18px;width:22px;height:22px;color:#8a93a0}
.lm .lm-angefragt{display:flex;gap:8px;align-items:flex-start;color:var(--lm-gruen)!important;font-weight:600;font-size:15px!important}
.lm-angefragt svg{flex:0 0 20px;width:20px;height:20px;margin-top:2px}

/* Knöpfe */
.lm-knopf,.lm-knopf-rand{display:block;width:100%;text-align:center;font-family:inherit;font-weight:600;font-size:16.5px;padding:13px 18px;border-radius:9px;margin-top:4px;cursor:pointer;line-height:1.35}
.lm-knopf{border:0;background:var(--lm-orange);color:#fff!important}
.lm-knopf:hover{background:var(--lm-orange-d);color:#fff!important}
/* Luigi, 24.10.2026: weniger Orange – Orange nur für den nächsten Schritt, einmal pro Bildschirm */
.lm-kachel .lm-knopf,.lm-hilfe .lm-knopf{background:#fff;color:var(--lm-navy)!important}
.lm-kachel .lm-knopf:hover{background:#e9eef5;color:var(--lm-navy)!important}
.lm-hilfe .lm-knopf{border:1.5px solid var(--lm-navy)}
.lm-hilfe .lm-knopf:hover{background:var(--lm-navy);color:#fff!important}
.lm-knopf-rand{background:#fff;color:var(--lm-navy)!important;border:1.5px solid #c5ccd6}
.lm-knopf-rand:hover{background:var(--lm-navy);color:#fff!important;border-color:var(--lm-navy)}
.lm-knopf-rand.lm-aus{opacity:.6;cursor:default}
.lm form{margin:0}
.lm-aussen .lm-knopf{max-width:320px;margin-top:22px}

/* Listen */
.lm-liste{background:#fff;border:1px solid var(--lm-linie);border-radius:12px;overflow:hidden}
.lm-zeile{display:flex;align-items:center;gap:14px;border-top:1px solid var(--lm-linie);background:#fff;padding:15px 16px;color:var(--lm-text)!important}
.lm-zeile:first-child{border-top:0}
.lm-zeile:hover{background:#faf8f5}
.lm-zeile .lm-ic{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9eef5;color:var(--lm-navy);padding:9px}
.lm-zeile .lm-ic.lm-gruen{background:var(--lm-gruen-grund);color:var(--lm-gruen)}
.lm-zeile.lm-naechste{background:#fff8f1}
.lm-zeile.lm-naechste .lm-ic{background:var(--lm-orange);color:#fff}
.lm-zeile .lm-mitte{flex:1;min-width:0}
.lm-zeile .lm-t{display:block;font-weight:600;color:var(--lm-navy);line-height:1.35}
.lm-zeile .lm-m{display:block;font-size:14px;color:var(--lm-leise);margin-top:2px}
.lm .lm-konto{margin-top:10px!important;font-size:14px!important}

/* Kurs */
.lm-zurueck{display:inline-flex;align-items:center;gap:4px;padding:6px 0;margin:0 0 12px;color:var(--lm-navy)!important;font-weight:600;font-size:15.5px}
.lm-zurueck svg{width:20px;height:20px}
.lm-fortschritt{margin:22px 0 14px;display:grid;gap:8px;font-size:14.5px;color:var(--lm-leise)}

/* Lektion */
.lm .lm-nr{font-size:14px!important;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--lm-leise)!important;margin:4px 0 8px!important}
.lm-punkte{display:flex;gap:6px;margin:0 0 14px!important;padding:0!important;list-style:none!important}
.lm-punkte li{width:22px;height:6px;border-radius:3px;background:#dde3ea;margin:0!important;padding:0!important;list-style:none!important}
.lm-punkte li::before{display:none!important}
.lm-punkte li.lm-fertig{background:#34b36b}
.lm-punkte li.lm-an{background:var(--lm-navy)}
.lm-inhalt{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.lm-inhalt>*{margin:0!important}
.lm .lm-inhalt p,.lm .lm-inhalt li{font-size:17.5px!important;line-height:1.6!important;color:var(--lm-text)!important}
.lm-inhalt ol{padding-left:22px!important;display:flex;flex-direction:column;gap:4px}
.lm-teil{display:flex;flex-direction:column;gap:8px;align-items:center}
.lm .lm-teil-titel{font-size:15px!important;font-weight:600;align-self:flex-start;color:var(--lm-navy)!important}
.lm-inhalt video{height:min(70vh,600px);width:auto;max-width:100%;aspect-ratio:404/720;border-radius:14px;background:#000;display:block}
.lm-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lm-links span{font-size:15px;font-weight:600;width:100%}
.lm-links a{display:inline-block;padding:10px 16px;border:1.5px solid var(--lm-navy);border-radius:10px;color:var(--lm-navy)!important;font-size:15px;font-weight:600}
.lm-hilfe{background:#fff;border:2px solid var(--lm-orange);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.lm-hilfe .lm-knopf{width:auto;align-self:flex-start;margin:0}
.lm-aktionen{display:grid;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--lm-linie)}
.lm .lm-erledigt{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--lm-gruen)!important;font-weight:600;margin:0!important;text-align:center!important}
.lm-erledigt svg{width:20px;height:20px;flex:0 0 20px}
.lm-leise{display:block;text-align:center;color:var(--lm-leise)!important;font-size:15px;padding:6px}

/* Theme-Kopf und Theme-Navigation auf Kursseiten aus – der Bereich hat seine eigenen Wege */
.single-opm_course .op-hero-area,.single-opm_course .op-blog-post-header,
.single-opm_course .op-post-navigation,.single-opm_course .post-navigation,.single-opm_course .op-blog-post-nav,
.single-opm_course .pn-art-wrap{display:none!important}

@media (max-width:620px){
  .lm{padding-top:14px}
  .lm h1{font-size:26px!important}
}

/* Leiste oben (inc/kopf.php): Mein Bereich, Hilfe, Abmelden – darunter Reiter je Bereich.
   Luigi, 24.10.2026: „immer wieder zurückkommen und die weiteren Bereiche sehen, intuitiv“ */
#lm-kopf{position:fixed;top:0;left:0;right:0;z-index:99999;font-family:Poppins,"Helvetica Neue",Arial,sans-serif;box-shadow:0 2px 12px rgba(2,32,66,.14)}
#lm-kopf *{box-sizing:border-box}
#lm-kopf a{text-decoration:none!important}
body.admin-bar #lm-kopf{top:32px}
@media (max-width:782px){body.admin-bar #lm-kopf{top:46px}}
@media (max-width:600px){body.lm-mit-kopf #wpadminbar{position:fixed!important}}
.lm-kopf-oben{background:#022042;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
#lm-kopf .lm-marke{display:flex;align-items:center;gap:10px;color:#fff!important;font-weight:600;font-size:16.5px;white-space:nowrap}
#lm-kopf .lm-marke img{border-radius:50%;display:block;width:32px;height:32px}
.lm-kopf-wege{display:flex;align-items:center;gap:16px}
#lm-kopf .lm-kopf-wege a{color:#c3d2e4!important;font-size:15px;white-space:nowrap}
#lm-kopf .lm-kopf-wege a:hover{color:#fff!important}
#lm-kopf .lm-kopf-wege .lm-kopf-aus{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff!important;border-radius:7px;padding:6px 12px;font-weight:600}
.lm-reiter{background:#fff;border-bottom:1px solid #e3dfd8;display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lm-reiter::-webkit-scrollbar{display:none}
#lm-kopf .lm-r{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:270px;height:38px;padding:0 14px;border-radius:999px;background:#f1eee9;color:#23303f!important;font-size:14.5px;font-weight:600;white-space:nowrap}
#lm-kopf .lm-r:hover{background:#e7e2da}
#lm-kopf .lm-r svg{width:17px;height:17px;flex:0 0 17px}
.lm-r-name{overflow:hidden;text-overflow:ellipsis}
.lm-r-zahl{font-size:13px;background:#fff;color:#5d6b7c;border-radius:999px;padding:1px 7px}
#lm-kopf .lm-r.lm-aktiv{background:#022042;color:#fff!important}
#lm-kopf .lm-r.lm-aktiv .lm-r-zahl{background:rgba(255,255,255,.25);color:#fff}
#lm-kopf .lm-r-zu{background:#fff;border:1.5px dashed #c5ccd6;color:#6a7481!important}
body.lm-mit-kopf{padding-top:109px!important}
/* Das Theme schiebt den Inhalt 120 px für sein (hier ausgeblendetes) Menü nach unten – das war die leere Fläche oben */
body.lm-mit-kopf .page-container{padding-top:0!important}
body.lm-mit-kopf .op-entry{padding-top:6px!important}
body.lm-mit-kopf .op-navbar,body.lm-mit-kopf #navbar,body.lm-mit-kopf .op-header,body.lm-mit-kopf .op-hero-area,
body.lm-mit-kopf #lp-kopfleiste,body.lm-mit-kopf #lp-mitgliedsleiste{display:none!important}
.lm [id^="bereich-"]{scroll-margin-top:129px}
/* Sehr schmale Handys: nur das Bild als Weg zur Übersicht, Hilfe und Abmelden bleiben */
@media (max-width:340px){#lm-kopf .lm-marke span{display:none}#lm-kopf .lm-r{font-size:14px;padding:0 12px;gap:6px}.lm-reiter{gap:6px;padding:8px 12px}}

/* Schaufenster eines gesperrten Bereichs (Luigi, 24.10.2026): ein oranger Knopf, darunter „Was drin ist“ grau mit Schloss */
.lm-frei-box{background:var(--lm-navy);border-radius:14px;padding:18px;margin-top:20px;display:grid;gap:10px}
.lm-frei-box .lm-knopf,.lm-frei-box .lm-knopf-rand{margin:0}
.lm-frei-box .lm-knopf-rand{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.45)}
.lm-frei-box .lm-knopf-rand:hover{background:#fff;color:var(--lm-navy)!important}
.lm-frei-box .lm-angefragt{color:#9fe0b9!important;margin:0!important}
.lm-zeile-zu{background:#fbfaf8}
.lm-zeile-zu .lm-t{color:#7a8491!important}
.lm-zeile-zu .lm-ic{background:var(--lm-zu);color:#8a93a0}
.lm-chip{display:inline-block;font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--lm-gruen-grund);color:var(--lm-gruen);margin-right:4px}
#lm-kopf .lm-r-zu.lm-aktiv{border-style:solid;border-color:#022042}