/* Digitale Lernmappen – Dashboard unter dem Hero. */
.lm{background:#f4f9f6;padding:96px 0 110px}
.lm-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
.lm-kicker{
  margin:0 0 12px;color:#117946;font-size:12px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
}
.lm-head{max-width:720px;margin-bottom:32px}
.lm-head h2{
  margin:0;font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:clamp(34px,4.2vw,52px);line-height:1;letter-spacing:-.045em;
}
.lm-head p{margin:16px 0 0;max-width:58ch;color:#5d6e66;font-size:17px;line-height:1.7}

.digitale-lernmappen-page .page-hero-media-digital{
  border-radius:24px;
  box-shadow:0 0 0 10px rgba(22,156,91,.14), 0 28px 70px rgba(22,156,91,.28);
}

.lm-bento{display:grid;grid-template-columns:1.35fr .9fr;gap:16px;align-items:stretch}
.lm-tile{
  padding:32px;border-radius:24px;background:#fff;
  border:1px solid rgba(16,32,25,.06);
  box-shadow:0 18px 40px rgba(16,32,25,.05);
}
.lm-tile-focus{
  grid-row:span 2;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#fff 0%,#f3faf6 100%);
}
.lm-tile h3{
  margin:0 0 12px;font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.04em;
}
.lm-tile-side h3{font-size:26px}
.lm-tile p{margin:0;color:#5d6e66;font-size:17px;line-height:1.7}
.lm-eyebrow{
  margin:0 0 14px;color:#169c5b;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.lm-icon{
  width:48px;height:48px;margin-bottom:18px;border-radius:16px;
  display:grid;place-items:center;color:#169c5b;background:#e8f7ef;
}
.lm-icon svg{width:22px;height:22px}
.lm-stack{display:grid;gap:16px}
.lm-meters{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.lm-meters li{display:grid;grid-template-columns:148px 1fr auto;gap:12px;align-items:center}
.lm-meters span{font-weight:700;color:#122019}
.lm-meters em{font-style:normal;font-size:13px;font-weight:800;color:#117946}
.lm-track{height:8px;border-radius:999px;background:#e5f3eb;overflow:hidden}
.lm-track i{display:block;height:100%;border-radius:inherit;background:#169c5b}

@media (hover:hover){
  .lm-tile:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(16,32,25,.12)}
}
@media (max-width:800px){
  .lm-bento{grid-template-columns:1fr}
  .lm-tile-focus{grid-row:auto}
  .lm-meters li{grid-template-columns:1fr auto}
  .lm-track{grid-column:1 / -1}
}
@media (max-width:640px){
  .lm{padding:72px 0}
  .lm-wrap{width:min(1120px,calc(100% - 32px))}
  .lm-tile{padding:24px}
}
@media (prefers-reduced-motion:reduce){
  .lm-tile{transition:none}
  .lm-tile:hover{transform:none}
}