/*Auf Startseite zwei Diagramme (Erst + Zweitstimme) nebeneinander, wenn Viewport gross genug*/
@media(min-width: 1024px)
{
#vue_index_container > div.row > div.col-md-8.col-sm-12{ display: grid; grid-column-gap: 1rem; }
div.row > div.col-md-8.col-sm-12 > div:nth-child(2n+1) { grid-column-start:1; grid-column-end:1; }
div.row > div.col-md-8.col-sm-12 > div:nth-child(2n) { grid-column-start:2; grid-column-end:2; }
}

/*Wahlbeteiligung (Spalte 4) + gueltige Stimmen (Spalte 5) in Tabellen ausblenden */
/*#uebersicht_wrapper > div:nth-child(2) > div > div >div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(3) {display:none;}
#uebersicht > tbody > tr > td:nth-child(3) {display:none;}
#uebersicht > thead > tr > th:nth-child(3) {display:none;}
#uebersicht_wrapper > div:nth-child(2) > div > div >div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(4) {display:none;}
#uebersicht > tbody > tr > td:nth-child(4) {display:none;}
#uebersicht > thead > tr > th:nth-child(4) {display:none;}
#uebersicht_wrapper > div:nth-child(2) > div > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(5) {display:none;}
#uebersicht > tbody > tr > td:nth-child(5) {display:none;}
#uebersicht > thead > tr > th:nth-child(5) {display:none;}*/

/*Wahlbeteiligung auf Ergebnisseiten ausblenden, solange nicht vollstaendig ausgezaehlt*/
#vue_ergebnis_container > div.row > div.col-md-5 > div > div.mb-4 ~ div.mb-4:not(.card) {display:none;}

/* Der Text "mehr..." auf der Startseite wird nach rechts geschoben und bekommt einen Button-Stil*/
div.p-2.pl-3 { text-align: right; }
div.p-2.pl-3 a{ color: white; display:inline-block; background-color: #0d6efd; border-radius: .25rem; border: 1px solid #0d6efd;  padding: 0.25rem 0.925rem; }

/*Den Text "Es sind X Schnellmeldungen eingegangen" in schwarzer statt blauer Schrift*/
.text-info div{ color: black; }

/*Schnellmeldungen sind nicht eingangen grau hinterlegt statt orange*/
 .card.bg-warning { background-color: hsl(208 7% 50% / 1) !important; }
.alert-warning { color: white; background-color: hsl(208 7% 50% / 1);  border-color: hsl(208 7% 50% / 1); }

/*Mehr Platz zwischen Parteiname,Kandidatenname und der unterstrichelten Linie */
abbr  {text-underline-offset: .1rem; }


/*Umsortierung Tickerbox auf Startseite nach oben*/
div.row > div.col-md-4.col-sm-12 { display: flex; flex-direction: column; }
div.row > div.col-md-4.col-sm-12 > div:nth-child(1) {order:3;} /*weiterfuerhende*/
div.row > div.col-md-4.col-sm-12 > div:nth-child(2) {order:1;} /*tickerbox*/
div.row > div.col-md-4.col-sm-12 > div:nth-child(4) {order:2;} /*linkbox */
div.row > div.col-md-4.col-sm-12 > div:nth-child(3) {order:5;} /*unbekannte box*/

/*Umsortierung Verlinkungsbox auf Ergebnisseiten nach oben */
#vue_ergebnis_container > div.row > div.col-md-5 { display: flex; flex-direction: column; }
#vue_ergebnis_container > div.row > div.col-md-5 > div:nth-child(1) { order: 1;}
#vue_ergebnis_container > div.row > div.col-md-5 > div:nth-child(2) { order: 3;}
#vue_ergebnis_container > div.row > div.col-md-5 > div:nth-child(3) { order: 3;}
#vue_ergebnis_container > div.row > div.col-md-5 > div:nth-child(4) { order: 3;}
#vue_ergebnis_container > div.row > div.col-md-5 > div:nth-child(5) { order: 2; margin-bottom: 1.5rem;}

/*Fehlerhafte Berechnung Tabellenbreite tweaken */
#uebersicht_wrapper {width:101%!important;}

/*Mehr Platz für die oberste Zeile*/
div.header_title {line-height: 1.5em;}

/*Gestaltung des IMG Wahlkreiskarte*/
#img_wahlkreiskarte {max-width:60%; border:solid; }