/*Tickerbox ausblenden*/
#vue_index_container > div.row > div.col-md-4.col-sm-12 > div:nth-child(2) {display:none;}


/*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; }
}

/*BWK101 kennzeichnen als Teilergebnis auf Startseite*/
#vue_index_container > div.row > div.col-md-8.col-sm-12 > div:nth-child(7) > div  {background:rgb(245,245,245); }
#vue_index_container > div.row > div.col-md-8.col-sm-12 > div:nth-child(7) > div > h4:after {content:" - ERGEBNIS KÖLN"}
#vue_index_container > div.row > div.col-md-8.col-sm-12 > div:nth-child(8) > div  {background:rgb(245,245,245); }
#vue_index_container > div.row > div.col-md-8.col-sm-12 > div:nth-child(8) > div > h4:after {content:" - ERGEBNIS KÖLN"}

/*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 */
div.col-md-5 { display: flex; flex-direction: column; }
div.col-md-5 :nth-child(1) { order: 1;}
div.col-md-5 :nth-child(2) { order: 3;}
div.col-md-5 :nth-child(3) { order: 3;}
div.col-md-5 :nth-child(4) { order: 3;}
div.col-md-5 :nth-child(5) { order: 2; margin-bottom: 1.5rem;}


/*Umsortierung Texttyp "Behoerdenstartseite" nach oben, */
div.col-md-8.col-sm-12 { display: flex; flex-direction: column;}
div.col-md-8.col-sm-12 :not(:nth-child(9)) { order: 2;}
div.col-md-8.col-sm-12 :nth-child(9) { order: top; 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;}