.unread-hint {
  display:inline-block;
  margin-left:8px;
  padding:2px 8px;
  font-size:0.85rem;
  font-weight:700;
  background:#e00;
  color:#fff;
  border-radius:12px;
  text-decoration:none;
}

/* Navigation */
.nav-bar { display:flex; gap:.5rem; flex-wrap:wrap; }
.nav-bar .dropdown { position:relative; }
.nav-bar .dropdown .dropdown-content {
  position:absolute; top:100%; left:0; display:none; min-width:220px;
  background:#fff; border:1px solid #ddd; border-radius:6px; padding:.25rem;
  box-shadow:0 6px 24px rgba(0,0,0,.08); z-index:1000;
}
.nav-bar .dropdown.open .dropdown-content { display:block; }

.menu-toggle { display:none; }
@media (max-width: 800px) {
  .menu-toggle { display:inline-block; }
  .nav-bar { display:none; }
  .nav-bar.open { display:flex; flex-direction:column; }
}
.menu-toggle {
  display: inline-block;
  font-size: 1.2rem;      /* Schrift/Icon größer */
  padding: 0.6rem 1rem;   /* Klickfläche vergrößern */
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f0f0f0;
  cursor: pointer;
}

.menu-toggle:hover {
  background: #e0e0e0;
}