/* Shared primary navigation: one list on every template. Wide screens wrap instead of hiding topics; narrow screens collapse it into a native disclosure that names the current topic. */
.rubriken .rubriken-menue>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:var(--nacht-text);font-size:14.5px;font-weight:700;cursor:pointer;list-style:none}
.rubriken .rubriken-menue>summary::-webkit-details-marker{display:none}
.rubriken .rubriken-menue>summary::after{content:"";flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.rubriken .rubriken-menue[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.rubriken .rubriken-menue>summary:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.rubriken-titel{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--nacht-text-2)}
.rubriken-aktuell{padding-block:3px;color:#fff;box-shadow:inset 0 -3px 0 var(--rot)}
.rubriken .rubriken-menue>ul{flex-wrap:wrap;gap:0 4px;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}
.rubriken .rubriken-menue a[aria-current]{color:#fff}
/* The summary only disappears while the list is open, so a menu closed on a narrow screen stays reachable after widening without JavaScript. */
@media (min-width:681px){.rubriken .rubriken-menue[open]>summary{display:none}}
@media (max-width:680px){
  .rubriken .rubriken-menue>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:0 0 8px}
  .rubriken .rubriken-menue a{padding-inline:4px;white-space:normal}
}
.guide-hub .category-main-compare{margin:22px 0 0}
.guide-hub .guide-hub-topics{margin-top:40px}
.guide-hub .guide-hub-list{margin-top:48px}
.guide-hub-topics .category-comparison-grid span:last-of-type{font-weight:700;color:#152033}
.guide-hub-more{margin-top:40px}
.guide-hub-note{max-width:70ch;margin-top:28px;font-size:14px;line-height:1.6;color:var(--tinte-2)}