/* Gemeinsame Social-Media-Leiste und unveränderte Seitenadressen. */
:root { --header-h: 120px; --nav-h: 76px; --social-h: 44px; }
.header__in { height: var(--nav-h); }
.socialbar { height: var(--social-h); background: rgba(42, 21, 60, .96); border-bottom: 1px solid rgba(255,255,255,.07); }
.socialbar__in { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.socialbar__links { display: flex; align-items: center; gap: 24px; }
.socialbar__links a, .drawer__social a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: var(--lime-2); text-decoration: none; font-size: .8rem; font-weight: 600; }
.socialbar__links svg, .drawer__social svg, .footer-social svg { width: 18px; height: 18px; flex: none; }
.socialbar__links a:hover, .drawer__social a:hover { color: #fff; }
.socialbar__region { color: var(--muted); font-size: .75rem; }
.drawer__top { height: var(--nav-h); min-height: var(--nav-h); }
.drawer__social { position: relative; display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px; }
.footer-social { display: inline-flex; align-items: center; gap: 9px; }
.nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.06); }
@media (max-width: 600px) { .socialbar__region { display: none; } }
@media (max-width: 520px) { :root { --header-h: 112px; --nav-h: 68px; } .socialbar__links { gap: 22px; } }
