/* Maklerzentrum Academy – Lernportal: Tab «So lernst Du hier» und einmaliger Hinweis */
.mz-anl .lead { margin-bottom: 6px; }
.mz-anl-h {
  font-size: 1rem; font-weight: 800; letter-spacing: -0.01em;
  margin: 22px 0 10px; color: #171a20;
}
.mz-anl-grid {
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.mz-anl-card {
  background: #fff; border: 1px solid var(--border, #e2e8f0); border-radius: 12px;
  overflow: hidden; display: flex; flex-direction: column;
}
.mz-anl-card img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
  object-position: top left; background: #f1f5f9; border-bottom: 1px solid var(--border, #e2e8f0);
}
.mz-anl-card h4 { margin: 12px 14px 4px; font-size: 0.98rem; font-weight: 800; color: #171a20; }
.mz-anl-card p { margin: 0 14px 14px; font-size: 0.95rem; line-height: 1.55; color: #393c41; }

.mz-anl-hint {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #fdf2f2; border: 1px solid #f5c2c5; border-left: 4px solid var(--primary, #E3000F);
  border-radius: 12px; padding: 12px 14px; margin: 0 0 14px; color: #171a20;
  font-size: 0.97rem; line-height: 1.4;
}
.mz-anl-hint strong { font-weight: 800; }
.mz-anl-hint-text { flex: 1 1 220px; }
.mz-anl-hint-go {
  border: 0; border-radius: 999px; background: var(--primary, #E3000F); color: #fff;
  font: inherit; font-weight: 700; font-size: 0.9rem; padding: 8px 14px; cursor: pointer;
}
.mz-anl-hint-go:hover, .mz-anl-hint-go:focus-visible { background: var(--primary-dark, #b8000c); }
.mz-anl-hint-x {
  border: 0; background: transparent; color: #393c41; font-size: 1.3rem; line-height: 1;
  width: 36px; height: 36px; border-radius: 50%; cursor: pointer;
}
.mz-anl-hint-x:hover, .mz-anl-hint-x:focus-visible { background: rgba(0,0,0,0.06); }

@media (max-width: 560px) {
  .mz-anl-grid { grid-template-columns: 1fr; }
  .mz-anl-hint-go { flex: 1 1 auto; }
}

/* Dozierende und Präsentationsmodus: weder Tab noch Hinweis */
html.mz-anleitung-aus [data-learner-tab="anleitung"],
html.mz-anleitung-aus [data-learner-pane="anleitung"],
html.mz-anleitung-aus .mz-anl-hint,
html.mz-anleitung-aus .mz-news { display: none !important; }

@media print {
  .mz-anl-hint, .mz-news { display: none !important; }
}

/* Hinweis «Neu in Deinem Lernportal» */
.mz-news {
  position: relative; background: #fdf2f2; border: 1px solid #f5c2c5; border-left: 4px solid var(--primary, #E3000F);
  border-radius: 12px; padding: 12px 12px 14px 16px; margin: 0 0 14px; color: #171a20; line-height: 1.45;
}
.mz-news-head { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 8px; }
.mz-news-title { font-size: 1.05rem; font-weight: 800; margin: 6px 0 0; }
.mz-news-title i { color: var(--primary, #E3000F); margin-right: 6px; }
.mz-news-list { margin: 0 0 12px; padding-left: 20px; font-size: 0.95rem; }
.mz-news-list li { margin: 0 0 4px; }
.mz-news-go {
  border: 0; border-radius: 999px; background: var(--primary, #E3000F); color: #fff;
  font: inherit; font-weight: 700; font-size: 0.9rem; padding: 8px 14px; cursor: pointer;
}
.mz-news-go:hover, .mz-news-go:focus-visible { background: var(--primary-dark, #b8000c); }
.mz-news-x {
  flex: 0 0 auto; margin: -4px 0 0 auto; border: 0; background: transparent; color: #393c41;
  font-size: 1.3rem; line-height: 1; width: 36px; height: 36px; border-radius: 50%; cursor: pointer;
}
.mz-news-x:hover, .mz-news-x:focus-visible { background: rgba(0,0,0,0.06); }
@media (max-width: 560px) { .mz-news-go { width: 100%; } }