/* ================= Bereichsleiste (gemeinsam fuer alle Unterseiten, neutral) ================= */
.gruppe { background: #f2f2f2; color: #111; font: 400 .8rem/1 "Inter", sans-serif; border-bottom: 1px solid #e4e4e4; }
.gruppe .wrap { display: flex; align-items: center; gap: 1.6rem; height: 38px; }
.gruppe .dach { display: flex; align-items: center; gap: .6rem; color: #555; white-space: nowrap; }
.gruppe .dach svg { height: 11px; width: auto; color: #111; }
.gruppe ul { display: flex; gap: 1.4rem; list-style: none; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.gruppe li a { display: flex; gap: .45rem; align-items: baseline; white-space: nowrap; color: #111; padding: .3rem 0; }
.gruppe li a strong { font-weight: 500; }
.gruppe li a span { color: #777; }
.gruppe li a:hover span { color: #111; }
.gruppe li a[aria-current="page"] { font-weight: 500; box-shadow: inset 0 -1.5px 0 #111; }
.gruppe details { display: none; position: relative; }
.gruppe summary { cursor: pointer; list-style: none; padding: .4rem 0; }
.gruppe summary::-webkit-details-marker { display: none; }
.gruppe summary::after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: translateY(-2px) rotate(45deg); margin-left: .5rem; }
.gruppe details[open] summary::after { transform: translateY(1px) rotate(-135deg); }
.gruppe details ul { position: absolute; top: 100%; right: 0; flex-direction: column; gap: 0; background: #fff; border: 1px solid #e4e4e4; padding: .4rem 1rem; z-index: 40; min-width: 220px; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.gruppe details li a { padding: .6rem 0; }
@media (max-width: 900px) {
  .gruppe .wrap { justify-content: space-between; }
  .gruppe .wrap > ul { display: none; }
  .gruppe details { display: block; }
}


@media (max-width: 900px) {
  .gruppe .wrap { justify-content: space-between; }
  .gruppe .wrap > ul { display: none; }
  .gruppe details { display: block; }
}