/* ───────────────────────────────────────────────────────────── Globale Ergänzungen zum Design-System. Wird im jeder Seite geladen (vor der dc-Laufzeit). ───────────────────────────────────────────────────────────── */ /* ── Responsive Navigation ────────────────────────────────────── Desktop: Nav-Links horizontal, Hamburger versteckt. Mobil (<= 860px): Hamburger sichtbar, Links als aufklappbares Panel. Der Umschalter ist ein leeres
— sein open-Zustand steuert per Nachbar-Selektor die Sichtbarkeit der Links. ─────────────────────────────────────────────────────────────── */ .kr-navwrap { position: relative; display: flex; align-items: center; } .kr-burger { display: none; } .kr-navlinks { display: flex; align-items: center; gap: 32px; } @media (max-width: 860px) { .kr-burger { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; cursor: pointer; color: var(--black); border: 1px solid var(--ink-12); border-radius: var(--radius-sm); list-style: none; -webkit-tap-highlight-color: transparent; } .kr-burger::-webkit-details-marker { display: none; } .kr-navlinks { display: none; position: absolute; top: calc(100% + 12px); right: 0; flex-direction: column; align-items: stretch; gap: 2px; background: var(--white); border: 1px solid var(--ink-12); border-radius: var(--radius-md); box-shadow: var(--shadow-card); padding: 10px; min-width: 244px; z-index: 70; } .kr-menu[open] ~ .kr-navlinks { display: flex; } .kr-navlinks > a { padding: 12px 14px !important; } /* Reihen-Untermenü auf Mobil inline aufklappen statt absolut schweben */ .kr-reihen-menu { position: static !important; box-shadow: none !important; border: none !important; padding: 4px 0 6px 14px !important; min-width: 0 !important; margin-top: 2px; } }