/* Lektoren-Bilderstreifen ueber den vier Team-Kaesten (Fassung 10.11.2026).
   Kein Kasten: Fotos und kleine Namensschilder stehen direkt auf dem Sektionshintergrund.
   Fuenf Plaetze, der fuenfte ist ein Stapel aus zwei eng ueberlappenden Gesichtern, die zum rechten Rand ausblenden
   mit Link "Lerne unser Team kennen".
   Alles unter .lk-streifen gekapselt. Eingebaut von _inject_team_streifen.py. */
.lk-streifen{display:flex;flex-direction:column;align-items:center;gap:1.35rem;margin:0 auto 2rem;max-width:100%;min-width:0;overflow-x:clip;padding:.25rem .25rem 0}
.lk-streifen .ls-fact{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .55rem;padding:.38rem .95rem;border-radius:999px;background:var(--green-bg,#ecf7f1);color:var(--green,#006b3e);text-decoration:none;font-size:.8rem;line-height:1.3;max-width:100%;box-sizing:border-box;transition:background .15s}
.lk-streifen .ls-fact:hover{background:#dff0e6}
.lk-streifen .ls-fact svg{flex-shrink:0}
.lk-streifen .ls-fact .tl{font-weight:750;color:var(--green-dark,#065f30)}
.lk-streifen .ls-fact .sb{color:var(--muted,#5b6470);padding-left:.55rem;border-left:1px solid rgba(0,107,62,.25)}
.lk-streifen .ls-reihe{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.1rem .9rem;max-width:100%}
.lk-streifen .ls-person{position:relative;display:flex;flex-direction:column;align-items:center;width:132px;min-width:0;text-align:center;text-decoration:none;color:inherit}
.lk-streifen .ls-foto,.lk-streifen .ls-geister img{display:block;width:76px;height:76px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px rgba(24,57,40,.14);background:var(--green-bg,#ecf7f1);object-fit:cover;box-sizing:border-box}
.lk-streifen .ls-foto,.lk-streifen .ls-stapel{position:relative;z-index:1}
.lk-streifen .ls-tag{display:flex;flex-direction:column;align-items:center;gap:.08rem;flex:1;width:100%;margin-top:-12px;padding:.85rem .5rem .5rem;max-width:100%;box-sizing:border-box;background:rgba(255,255,255,.88);border:1px solid #e3ebe6;border-radius:10px;box-shadow:0 2px 8px rgba(24,57,40,.05);line-height:1.25}
.lk-streifen .ls-tag .ls-name{display:inline-flex;align-items:center;gap:.2rem;font-size:.82rem;font-weight:750;color:var(--text,#1a1a2e)}
.lk-streifen .ls-tag small{font-size:.68rem;color:var(--muted,#5b6470)}
/* Fuenfter Platz: zwei kleinere, eng ueberlappende Gesichter, Achim links und gespiegelt
   (lehnt zur Mitte), Katharina rechts davor, nur der rechte Rand blendet aus. Die Mitte der
   Gesichter liegt auf derselben Hoehe wie die Mitte der Portraets daneben. Darunter ein
   Knopf in CI-Gruen mit weisser Schrift. */
.lk-streifen .ls-stapel{display:block;width:94px;height:70px;margin-top:6px}
.lk-streifen .ls-geister img{width:64px;height:64px}
.lk-streifen .ls-geister{position:absolute;left:0;top:0;display:flex;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 78%,transparent 100%)}
.lk-streifen .ls-geister img{position:relative;flex-shrink:0;margin-left:-34px;filter:saturate(.9)}
.lk-streifen .ls-geister img:nth-child(1){z-index:1;transform:scaleX(-1)}
.lk-streifen .ls-geister img:nth-child(2){z-index:2}
.lk-streifen .ls-geister img:first-child{margin-left:0}
.lk-streifen .ls-plus{position:absolute;left:44px;bottom:4px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:var(--green,#006b3e);color:#fff;font-size:1rem;font-weight:800;line-height:1;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.lk-streifen .ls-mehr .ls-tag{flex:0 0 auto;justify-content:center;margin-top:10px;padding:.6rem .7rem;border:0;border-radius:8px;background:linear-gradient(135deg,#008749,#006b3e);box-shadow:0 4px 12px rgba(0,107,62,.22);transition:filter .15s,box-shadow .15s}
.lk-streifen .ls-mehr .ls-tag .ls-name{color:#fff;font-weight:750}
.lk-streifen .ls-mehr:hover .ls-tag{filter:brightness(1.08);box-shadow:0 6px 16px rgba(0,107,62,.3)}
.lk-streifen .ls-mehr:focus-visible .ls-tag{outline:2px solid #006b3e;outline-offset:2px}
@media(max-width:600px){
.lk-streifen{gap:1.1rem}
.lk-streifen .ls-reihe{gap:1rem .7rem}
.lk-streifen .ls-person{width:calc(50% - .35rem)}
.lk-streifen .ls-foto,.lk-streifen .ls-geister img{width:68px;height:68px}
.lk-streifen .ls-geister img{width:58px;height:58px}
.lk-streifen .ls-stapel{width:85px;height:63px;margin-top:5px}
.lk-streifen .ls-plus{left:38px;bottom:3px}
.lk-streifen .ls-geister img{margin-left:-31px}
.lk-streifen .ls-geister img:first-child{margin-left:0}
.lk-streifen .ls-fact .sb{border-left:0;padding-left:0}
}