/* MuslimBuch Lernecke (ab 1.2.65) – nur auf den Lernecke-Seiten geladen */
.mbl{--g:#1F4A3A;--gold:#B8963E;--ink:#1c1c1c;--mut:#5b5b5b;--line:#e7e1cf;max-width:760px;margin:0 auto 40px;padding:0 16px;box-sizing:border-box;color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
.mbl a{color:var(--g)}
.mbl-crumb{font:13px system-ui,sans-serif;color:var(--mut);margin:0 0 4px}
.mbl-h1{font:700 28px/1.2 Georgia,serif;color:var(--g);margin:4px 0 14px}
.mbl-mods{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.mbl-mods a{font:600 14px system-ui,sans-serif;border:1px solid var(--g);border-radius:999px;padding:6px 12px;text-decoration:none}
.mbl-mods a.on{background:var(--g);color:#fff}
.mbl-prog{display:none}
.mbl.mbl-js .mbl-prog{display:block;position:sticky;top:0;z-index:20;background:#fff;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.mbl-count{font:13px system-ui,sans-serif;color:var(--mut)}
.mbl-segs{display:flex;gap:3px;margin-top:6px}.mbl-seg{flex:1;height:7px;border-radius:4px;background:#e2dccb}.mbl-seg.done{background:#8fb3a2}.mbl-seg.cur{background:var(--g)}
.mbl-step{padding-top:6px;margin-bottom:28px;border-top:2px solid var(--line)}
.mbl.mbl-js .mbl-step{display:none;border-top:0}.mbl.mbl-js .mbl-step.on{display:block}
.mbl-h2{font:700 22px/1.3 Georgia,serif;color:var(--g);margin:10px 0 12px}
.mbl-no{display:inline-block;min-width:30px;height:30px;line-height:30px;border-radius:50%;background:var(--gold);color:#fff;font:700 14px/30px system-ui,sans-serif;text-align:center;margin-right:8px;vertical-align:3px}
.mbl h3{font:700 19px/1.3 Georgia,serif;color:var(--g);margin:18px 0 8px}.mbl h4{font:700 17px Georgia,serif;margin:16px 0 6px}
.mbl p{margin:0 0 12px}.mbl ul{margin:0 0 12px 1.2em}.mbl ol.plain{list-style:none;padding:0;margin:0 0 12px}
.mbl .q{border-left:3px solid var(--gold);padding-left:14px;font-style:italic}
.mbl .ar{margin:14px 0 8px;text-align:center}.mbl .ar img{max-width:100%;height:auto;mix-blend-mode:multiply}
.mbl .fat img{max-width:100%}
.mbl .arin{height:26px;vertical-align:middle;margin-left:6px;mix-blend-mode:multiply}
.mbl .call .ar{margin:18px 0 2px}.mbl .call .tr{text-align:center}
.mbl .tr{font-style:italic}.mbl .tr span{font-style:normal;color:var(--mut)}
.mbl .c{text-align:center;color:var(--mut)}
.mbl .box{background:#f1ede1;border-radius:10px;padding:12px 14px;font-size:16px}
.mbl .kick{font:600 12.5px system-ui,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.mbl .step{margin:10px 0 18px}
.mbl .photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0 0 12px}
.mbl .photos img{width:auto;max-width:100%;max-height:440px;object-fit:contain;border-radius:8px;display:block;margin:0 auto}
.mbl .end{font-weight:700;text-align:center;color:var(--g)}
.mbl .ov{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mbl .ov img{width:100%;border-radius:6px;display:block}.mbl .ov figure{margin:0}.mbl .ov figcaption{font:13px system-ui,sans-serif;text-align:center;margin-top:3px}
@media(max-width:560px){.mbl .ov{grid-template-columns:repeat(2,1fr)}.mbl{font-size:16px}.mbl-h1{font-size:24px}.mbl-h2{font-size:20px}}
.mbl .pt{margin:0 0 10px}.mbl .pt p{margin:0}
.mbl table.rk{border-collapse:collapse;margin:0 0 12px}.mbl table.rk td{padding:3px 18px 3px 0;border-bottom:1px solid var(--line)}
.mbl .fn{font-size:14px;color:var(--mut);margin:14px 0 6px;padding-left:2.2em;border-top:1px solid var(--line);padding-top:8px}
.mbl .src,.mbl-src{font:12.5px/1.4 system-ui,sans-serif;color:var(--mut);margin:14px 0 0;padding-top:8px;border-top:1px dashed #e0d7bd}
.mbl sup{font-size:.7em;color:var(--g);font-family:system-ui,sans-serif}
.mbl-nav{display:flex;justify-content:space-between;align-items:center;margin:24px 0 6px;gap:10px}
.mbl.mbl-js .mbl-nav{display:flex}.mbl-nav{display:none}
.mbl-btn{display:inline-block;font:700 15px system-ui,sans-serif;background:var(--g);color:#fff!important;text-decoration:none!important;padding:12px 22px;border-radius:999px}
.mbl-btn.ghost{background:transparent;color:var(--g)!important;border:1px solid var(--g)}
.mbl .bk{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start;margin-top:8px}
@media(max-width:560px){.mbl .bk{grid-template-columns:1fr}.mbl .cov{max-width:220px}}
.mbl .cov{width:100%;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.mbl .bkt{margin:0 0 6px}.mbl .bka{font:14px/1.5 system-ui,sans-serif;color:var(--mut)}.mbl .bkh{font:15px/1.5 system-ui,sans-serif}
.mbl .shop{display:inline-block;margin-top:8px;font:700 16px system-ui,sans-serif;background:var(--gold);color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:999px}
.mbl .bk .mbl-btn{margin-top:14px}
.mbl-share{display:inline-block;margin:18px 0 0;font:700 15px system-ui,sans-serif;background:#25D366;color:#fff!important;text-decoration:none!important;padding:10px 18px;border-radius:999px}
/* Übersicht */
.mbl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.mbl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none!important;color:var(--ink)!important}
.mbl-card img{width:100%;height:160px;object-fit:cover}.mbl-card b{font:700 18px system-ui,sans-serif;color:var(--g);padding:10px 12px 0}.mbl-card span{font:15px/1.4 system-ui,sans-serif;color:var(--mut);padding:2px 12px 12px}
/* Gebetsablauf */
.mbl .ktabs{display:flex;gap:6px;margin:4px 0 14px}.mbl .ktabs a{flex:1;text-align:center;font:700 15px system-ui,sans-serif;padding:10px;border-radius:10px;border:1px solid var(--g);color:var(--g);text-decoration:none}.mbl .ktabs a.on{background:var(--g);color:#fff}
.mbl-kurz{margin-bottom:28px}
.mbl .kh{margin:4px 0 2px}.mbl .ksub{font:14px system-ui,sans-serif;color:var(--mut)}
.mbl .klist{display:flex;flex-direction:column;gap:8px}
.mbl .krow{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;text-decoration:none;color:var(--ink)}
.mbl .krow img,.mbl .noimg{width:86px;height:64px;object-fit:cover;border-radius:8px;display:block;background:#efe9da}
.mbl .krow b{display:block;font:700 16px system-ui,sans-serif;color:var(--g)}.mbl .krow span{display:block;font:15px/1.4 Georgia,serif;font-style:italic}
.mbl .krow.plain{background:#f6f2e7}
.mbl .pbtns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 12px}
.mbl .pbtns button{font:700 14px system-ui,sans-serif;border:1px solid var(--g);background:#fff;color:var(--g);border-radius:10px;padding:8px 2px;cursor:pointer}.mbl .pbtns button small{display:block;font-weight:400;font-size:11px}
.mbl .pbtns button.on{background:var(--g);color:#fff}
.mbl .kh3{font-size:17px;margin:8px 0}.mbl div.rk{font:700 13px system-ui,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 2px}

/* 1.2.66: Übersicht – Lernweg nummeriert, Gebetsablauf als Nachschlage-Kasten */
.mbl-sec{font:700 13px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:22px 0 10px}
.mbl-path .mbl-card{position:relative}
.mbl-path .mbl-no{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font:700 16px/30px system-ui,sans-serif;text-align:center;font-style:normal;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.mbl-ref{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:2px solid var(--g);border-radius:12px;text-decoration:none!important;color:var(--ink)!important}
.mbl-ref-t{flex:1;display:flex;flex-direction:column;gap:4px}
.mbl-ref-t b{font:700 18px system-ui,sans-serif;color:var(--g)}
.mbl-ref-t>span{font:15px/1.4 system-ui,sans-serif;color:var(--mut)}
.mbl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mbl-chips em{font:600 13px system-ui,sans-serif;font-style:normal;color:var(--g);background:#eef3ef;border-radius:999px;padding:3px 10px}
.mbl-ref-go{font:700 15px system-ui,sans-serif;color:#fff;background:var(--g);border-radius:8px;padding:9px 14px;white-space:nowrap}
@media(max-width:560px){.mbl-ref{flex-direction:column;align-items:stretch}.mbl-ref-go{text-align:center}}
.mbl-path{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mbl-path .mbl-card img{height:150px}

/* 1.2.70: Was ist Islam? – Fotos aus der Broschüre, Kasten mit Bild in der Übersicht */
.mbl-photo{margin:6px 0 16px;text-align:center}.mbl-photo img{max-width:100%;height:auto;max-height:440px;width:auto;border-radius:10px;display:block;margin:0 auto}
.mbl-photo figcaption{font:12px system-ui,sans-serif;color:var(--mut);margin-top:4px}
.mbl-ref-img{margin-top:0}.mbl-ref-img img{width:120px;height:90px;object-fit:cover;border-radius:8px;flex:none}
@media(max-width:560px){.mbl-ref-img img{width:100%;height:140px}}