/*Update to bootstrap*/ span.error{ color: #a94442; } span.true{ color: #3c763d; } .navbar-brand { color: #5e5e5e; } .navbar-brand:hover { color: #5e5e5e; } li.botonMenu a, li.botonMenu a:HOVER { color: #5e5e5e; } #main { padding-top: 50px; } a:hover { text-decoration: none } .navbar-toggle { margin-right: 30px; } .row > div.col-md-1{ padding-left: 0; } .row > div.col-md-7{ padding-right: 0; } @media (max-width: 970px) { form.form-inline:first-child { margin-top: 30px; } .buttons_rechts button, .buttons_rechts input { margin-bottom: 0.3em; } td#suche ul li button { margin-bottom: 0.3em !important; } select[id*="filter"], select[id*="operator"], span[id*="filter_value"] input { width: 300px; margin-left: -5px !important; margin-bottom: 0.3em !important; } } @media (max-width: 768px) { .page-header > h3 { margin-top: 85px; } .row > div.col-md-3, .row > div.col-md-1, .row > div.col-md-7{ padding-left: 0; padding-right: 0; padding-top: 3px; } li.dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu { margin-left: 10px; } } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } div.col-md-offset-1 > div.bootstrap-select{ margin-left: -15px!important; } .row { margin-right: 0; margin-left: 0; margin-bottom: 4px; } table.tablesorter { margin:10px 0pt 15px; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { padding: 4px; } table.tablesorter thead tr .header { background: url(../img/bg.gif) no-repeat center right; cursor: pointer; } table.tablesorter tbody td { padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter thead tr .headerSortUp { background-image: url(../img/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(../img/desc.gif); } /* Suchfeld mit Icon */ .search-wrapper { position: relative; max-width: 300px; margin-bottom: 10px; } .search-wrapper input { padding-right: 35px; } .search-wrapper .fa-search { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999; pointer-events: none; } .popover { width:450px; max-width: 100%; font-size: 12px; } .popover-title { font-weight: bold; background-color: #f7f7f7; border-bottom: 1px solid #ddd; text-align: center; } .popover-content { word-wrap: break-word; color: #333; } .d-flex { display: flex; align-items: center; white-space: nowrap; } select.form-control { flex: 1; } .info-icon { margin-left: 5px; flex-shrink: 0; } .col-md-7 { padding-left: 0; margin-left: 0; } /* ========================================================================== Kontrast und Erkennbarkeit (WCAG 2.1, Stufe AA) ========================================================================== Am 24.08.2026 mit axe-core gemessen, angestossen durch die beiden neuen Seiten der Bestaetigung in zwei Schritten. Die Befunde stecken aber nicht dort, sondern in Bootstrap 3 und damit auf jeder Seite dieser Anwendung: .navbar-default .navbar-nav > li > a #777 auf #f8f8f8 = 4,0:1 .navbar-brand #5e5e5e auf #f8f8f8 = 4,3:1 .btn-danger #fff auf #d9534f = 3,4:1 .btn-link / a #337ab7 auf #fbfbfb = 4,4:1 Verlangt sind 4,5:1. Die Werte hier liegen darueber, ohne das Aussehen zu veraendern - es sind dieselben Farbtoene, nur dunkler. Sie stehen bewusst in style.css und nicht in zwei-faktor.css: Eine Navigation, die auf zwei von fuenfundzwanzig Seiten anders aussieht, waere schlechter als eine, die ueberall lesbar ist. ========================================================================== */ .navbar-default .navbar-nav > li > a { color: #4a4a4a; /* 8,6:1 auf #f8f8f8 */ } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #1a1a1a; } /* * Mit .navbar-default davor, sonst gewinnt Bootstrap. * * bootstrap.css schreibt `.navbar-default .navbar-brand { color: #777 }` - * zwei Klassen. Ein blosses `.navbar-brand` in dieser Datei steht zwar * spaeter, hat aber die geringere Spezifitaet und bleibt wirkungslos. Genau * daran scheiterte die erste Fassung dieser Regel, gemessen am 24.08.2026. */ .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #333333; /* 11,6:1 auf #f8f8f8 */ } .btn-danger { background-color: #b52b27; /* 5,9:1 gegen #ffffff */ border-color: #9c2521; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #9c2521; border-color: #841f1c; } a, .btn-link { color: #2a6496; /* 5,5:1 auf #ffffff, 5,3:1 auf #fbfbfb */ } a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: #1a4971; } /* * Unterstreichung von Verweisen: bewusst NICHT hier. * * Hier stand vom 24.08.2026 bis zum selben Tag eine Regel * `p a, li a:not(.btn), dd a { text-decoration: underline }` mit einer * Ausnahme `.navbar a { text-decoration: none }`. Die Ausnahme hat nie * gegriffen: `li a:not(.btn)` wiegt (0,1,2), `.navbar a` nur (0,1,1) — also * war die gesamte Navigation unterstrichen, auf jeder Seite. * * Die Anforderung (WCAG 1.4.1: Verweise im Fliesstext duerfen sich nicht * allein durch die Farbe abheben) galt ohnehin nur den beiden neuen Seiten * der Bestaetigung in zwei Schritten. Dort steht sie jetzt, eng begrenzt auf * den Hauptinhalt: css/zwei-faktor.css. */ /* * Der Störungshinweis in der Navigationsleiste. * * ⚠️ Mit EIGENEM Hintergrund und eigener Schriftfarbe, nicht mit den Vorgaben * von `.navbar-text`. Deren Grau #777 auf dem Leistenhintergrund #f8f8f8 ergibt * 4,22:1 gegen den Leistenhintergrund #f8f8f8 — unter den 4,5:1 der * WCAG 1.4.3, und axe-core meldete es am * 19.09.2026 an 17 Stellen. Ein Hinweis, den man schlecht lesen kann, ist für * genau die Kunden nutzlos, für die er gedacht ist. * * #5c4300 auf #fff3cd: gemessen 8,39:1. * * ⚠️ Nachgerechnet am 19.09.2026: Hier stand „4,48:1" für #777 auf dem * Leistenhintergrund und „7,6:1" für den Störungstext. 4,48:1 ist der Wert * gegen WEISS, gegen #f8f8f8 sind es 4,22:1; der Störungstext hat 8,39:1. * Die Entscheidungen bleiben richtig, die Zahlen waren es nicht — und eine * falsche Messzahl ist schlimmer als keine, weil man ihr glaubt. * * ⚠️ Der Kasten traegt NICHT zusaetzlich `navbar-text`. Deren Regel * `.navbar-default .navbar-text` hat zwei Klassen und damit die hoehere * Spezifitaet — sie setzte das Grau #777 auch ueber den neuen Hintergrund * durch (gemessen 4,04:1, also schlechter als vorher). Statt eines * Spezifitaets-Wettlaufs die Klasse weglassen: Sie brachte nur die Farbe. */ .kl-rechte-stoerung { display: inline-block; background: #fff3cd; color: #5c4300; border: 1px solid #e0c56b; border-radius: 3px; /* 24 px Höhe für eine Trefferfläche gibt es hier nicht zu treffen — der Hinweis ist Text, kein Ziel (WCAG 2.5.8 gilt für Ziele). Das Polster dient der Lesbarkeit. */ padding: 6px 10px; margin: 8px 0; font-size: 13px; line-height: 1.4; max-width: 100%; } .kl-rechte-stoerung .fa { margin-right: 4px; } /* * Die Zeile um den Hinweis — sie steht AUSSERHALB der einklappbaren Liste. * * ⚠️ Im `