/* Barrierefreie Fokus-Stile */
:focus-visible { outline:2px solid #d7002e; outline-offset:2px; }
:focus {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

/* Fokus für Links (inkl. verschachtelte span-Tags) */
a:focus,
a:focus-visible,
a span:focus,
a span:focus-visible {
  outline: 3px solid #d7002e;
  outline-offset: 2px;
}

/* Navigation */
#topmenu a:focus,
#topmenu a:focus-visible {
  outline: 3px solid #fbc02d;
  outline-offset: 2px;
}

/* Skip-Link sichtbar */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1000;
}
.skip-link:focus {
  left: 10px;
  top: 10px;
  width: auto;
  height: auto;
  background: #fff;
  color: #000;
  padding: 10px;
  z-index: 1000;
  outline: 2px solid #005fcc;
}

/* Weitere interaktive Elemente */
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

a:focus,
a:focus-visible,
a span:focus,
a span:focus-visible {
  outline: 3px solid #d7002e !important;
  outline-offset: 3px;
}

css /* BFSG-Kontrast */ body .text-gray{color:#3a3a3a!important;} footer .container a{color:#404040!important;} 

/* === Zentrierung des Sliders ==================================== */
.header_slider{
    /* vorhandene Weiten beibehalten, aber links/rechts automatisch zentrieren */
    margin-left:auto !important;
    margin-right:auto !important;
    /* optional: für schmale Bildschirme 100 % nutzen */
    max-width:870px;         /* behält das alte Layout auf Desktop-Breite */
    width:100%;              /* ermöglicht Schrumpfen auf Mobilgeräten */
}

/* --- Footer-Spalten verbreitert ---------------------------------- */
footer .f_col_2,
footer .f_col_3,
footer .f_col_4,
footer .f_col_5 {
    width: 140px !important; 
	margin-left: 10px !important; 
}

/* === Arbeitsrecht: ABC-Verzeichnis ========== */
.abc .inhaltsverzeichnis{
    text-align:left;     /* Einträge linksbündig */
}

/* === Footer-Links: Touch-Padding =============================== */
footer .footer-links a,
footer .widget-container a,           /* wenn du Widgets im Footer hast */
footer .copyright a{
    display:inline-block;     /* macht das Padding mitklickbar */
    padding:12px 16px;        /* ~48 px hoch, 32 px breit */
    line-height:1.3;          /* Platz für zwei Zeilen, falls nötig */
}


/* === Footer-Social-Icons ======================================= */
.footer_social a{              /* Icon-Links */
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin:0 6px;              /* Abstand zum nächsten Icon */
}

footer .footer-links li{
    margin:0 8px;            /* horizontaler Abstand */
}
footer .footer-links a{
    line-height:48px;        /* 48 px hohe Touch-Zone */
    padding:0 10px;
}

/* === Footer-Touch-Padding (Override) ============================ */
/* bündig links, trotzdem 48 px Touch-Höhe                           */
footer .widget-container li a{
    display:inline-block;
    padding:12px 0;      /* nur oben/unten, kein seitliches Einrücken */
    line-height:48px;    /* erfüllt Mindesthöhe für Touch-Ziele      */
}

/* === Footer Link-Abstände angepasst (Touch-Ziele bleiben ≥44 px) === */
footer .widget-container li a{
    display:inline-block;
    padding:11px 0;    /* 11 px oben + 11 px unten + ~22 px Text = ca. 44 px Touchhöhe */
    line-height:1.5;
}
footer .widget-container li{
    margin:0;          /* vertikalen Listenabstand minimieren */
}