/* Gemeinsames Topbar-Menü fuer alle Kundenportal-Seiten. Setzt /assets/pg-theme.css voraus
   (nutzt dessen --pg-*-Variablen/Fonts) – dieses Stylesheet danach einbinden. */
.pg-topbar { display:flex; align-items:center; justify-content:space-between; padding:20px 40px; border-bottom:1px solid var(--pg-border); flex-wrap:wrap; gap:12px; }
.pg-brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit; }
.pg-brand img { width:32px; height:32px; border-radius:var(--pg-radius); }
.pg-brand-name { font-family:var(--pg-font-serif); font-size:16px; font-weight:700; letter-spacing:-0.01em; line-height:1.1; }
.pg-brand-sub { font-size:10.5px; font-family:var(--pg-font-mono); color:var(--pg-muted2); letter-spacing:0.02em; }
.pg-nav-right { display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:flex-end; }
.pg-nav-link { font-size:13.5px; font-weight:600; color:var(--pg-muted); text-decoration:none; }
.pg-nav-link:hover { color:var(--pg-amber); }
.pg-nav-link.active { color:var(--pg-amber); }
.pg-nav-link .icon { width:0.85em; height:0.85em; margin-left:3px; opacity:0.65; vertical-align:-0.05em; }
.pg-nav-divider { width:1px; height:16px; background:var(--pg-border-strong); }

/* DE/EN-Sprachumschalter (I18n::init()/language_switcher(), siehe platform/lib/I18n.php) */
.pg-lang-switch { display:inline-flex; align-items:center; gap:6px; font-family:var(--pg-font-mono); font-size:11.5px; font-weight:600; letter-spacing:0.03em; }
.pg-lang-link { color:var(--pg-muted2); text-decoration:none; }
.pg-lang-link:hover, .pg-lang-link:focus-visible { color:var(--pg-amber); }
.pg-lang-current { color:var(--pg-amber); }
.pg-lang-dot { color:var(--pg-border-strong); }