/* Robofolio: gemeinsames Sprach-Switch-CSS */
.lang-toggle {
    display: inline-flex;
    gap: 2px;
    background: rgba(10, 40, 64, 0.06);
    border-radius: 6px;
    padding: 3px;
    margin: 0 8px;
}
.lang-btn {
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    color: rgba(10, 40, 64, 0.55);
    font-family: 'Inter', -apple-system, sans-serif;
    letter-spacing: 0.4px;
    transition: all 0.2s ease;
    min-width: 32px;
}
.lang-btn:hover { color: #0A2840; }
.lang-btn.active {
    background: #009DDB;
    color: white;
}

/* Auf Pages mit dunkler/transparenter Nav (Overlay-Mode) */
body.nav-overlay .lang-toggle {
    background: rgba(255, 255, 255, 0.12);
}
body.nav-overlay .lang-btn {
    color: rgba(255, 255, 255, 0.7);
}
body.nav-overlay .lang-btn.active {
    background: #009DDB;
    color: white;
}

@media (max-width: 768px) {
    .lang-toggle { margin: 0 4px; }
    .lang-btn { padding: 4px 8px; font-size: 11px; min-width: 28px; }
}

/* Mobile-Nav-Kompression (Sub-Pages): Toggle + CTA muessen in 390px passen */
@media (max-width: 480px) {
    nav#mainNav { padding: 0 12px !important; }
    nav#mainNav .nav-cta { padding: 8px 10px !important; font-size: 12px !important; margin-left: 4px !important; }
    .lang-toggle { margin: 0 2px; }
    .lang-btn { padding: 3px 6px; font-size: 10px; min-width: 24px; }
}