Benutzer:Dr. nihil/vector.css

/* de.wikipedia.org */

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);

:root {
    --dark-primary:         #222222;
    --dark-primary-plus1:   #2a2a2a;
    --dark-primary-plus2:   #333333;
    --dark-primary-plus3:   #222;
    --dark-secondary:       #363636;
    --dark-secondary-plus1: #4a4a4a;
    --darker:               #1a1a1a;
    --bright-dark:          #666666;
    --bright-darkish:       #7a7a7a;
    --bright-primary:       #999999;
    --bright-primary-plus1: #aaaaaa;
    --bright-secondary:     #cccccc;
    --blue-bright:          #728594;
    --brown-link-tab:       #928a8a;
    --brown-link:           #bfa240;
    --brown-link-new:       #b14e4e;
    --brown-link-vis:       #b1893e;
    --brown-toggle:         #ad6006;
    --brown-math-bg:        #ad9c67;
    --green-medium:         #1e5b1e;
    --green-taxo:           #294829;
    --green-dark:           #2c3746;
}

html, body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background: #111;
    color: #999;
    font-size: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#mw-head {
    max-width: 1400px;
    margin: 0 auto;
    right: unset;
}

.mw-body,
.mw-body-content {
    font-size: 1rem;
}

code {
    background-color: #1a1a1a;
    color: #aaa;
    border-width: 0px;
}

.mw-body {
    background-color: #363636;
    border: 1px solid #4a4a4a;
    border-right-color: #000;
    border-radius: 2px;
    margin-top: .5em;
}
.parsoid-body,
.mw-body {
    color: #999;
}
@media screen and (min-width: 982px) {
    .mw-body, 
    .parsoid-body {
        padding: 2em 1em 1em 2em;
    }
}

#mw-content-text img {
    background-color: #ffffffde;
    border-radius: 2px;
}

/* Maleinsäureanhydrid */
.mw-parser-output > .center .floatnone img {
	max-width: 45rem;
	height: auto;
	margin-bottom: 1rem;
	margin-right: auto;
	margin-left: 0;
}
.mw-parser-output > .center {
	max-width: 45rem;
}

/*
 *
 * ############### Hauptseite ###############
 *
 */

#hauptseite .inhalt {
    background-color: #2a2a2a;
    border-color: #1a1a1a;
}
#hauptseite h2 {
    background-color: #222;
    border: 1px solid #1a1a1a;
}

/*
 *
 * ############### Links ###############
 *
 */

a, 
a:visited {
    color: rgba(245, 198, 61, 0.8);
}

a.new, 
#p-personal a.new {
    color: #b14e4e;
} 

/* external wikifoundation */
.mw-parser-output a.extiw, 
.mw-parser-output a.extiw:active,
.mw-parser-output a.extiw:visited {
    color: rgba(253, 150, 23, 0.75);
}

.mw-parser-output a.external,
.mw-parser-output a.external:visited {
    color: rgba(253, 150, 23, 0.75);
    background-position: center left;
    padding-left: 15px;
    padding-right: 0;
}

a > span[style="color:#303030!important"] {
    border-radius: 2px;
    padding: 0 3px;
    background: #7a7a7a;
}

#mw-content-text a.external[href^="//de.wikipedia.org"], 
#mw-content-text a.external[href^="http://de.wikipedia.org"], 
#mw-content-text a.external[href^="https://de.wikipedia.org"], 
#mw-content-text a.external[href^="//www.wikidata.org"], 
#mw-content-text a.external[href^="http://www.wikidata.org"], 
#mw-content-text a.external[href^="https://www.wikidata.org"], 
#mw-content-text a.external[href*=".toolforge.org/"], 
#mw-content-text a.external[href^="//tools.wmflabs.org"], 
#mw-content-text a.external[href^="http://tools.wmflabs.org"], 
#mw-content-text a.external[href^="https://tools.wmflabs.org"] {
    padding-left: 0;
}

/*
 *
 * ############### Headings ###############
 *
 */

h1, h2, h3, h4, h5, h6 {
    border-bottom-width: 0px;
    color: inherit;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5 {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0;
    margin-bottom: .25em;
    color: #ccc;
    color: var(--bright-secondary);
}

#content h2 {
    margin-top: 2em;
}
#content h3 {
    margin-top: 1.5em;
}
#content h2 + h3 {
    margin-top: .5em;
}
#content h4 {
    margin-top: 1.25em;
}
#content h3 + h4 {
    margin-top: .5em;
}
#content h5, #content h6 {
    margin-top: 1em;
}

h1.firstHeading span,
span.mw-headline {
    color: #ccc;
    color: var(--bright-secondary);
}

.mw-body .firstHeading {
    text-transform: uppercase;
    text-shadow: grey 1px 2px 2px;
    font-size: 2.5rem;
}

.mw-headline {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

/*
 *
 * ############### Paragraphs ###############
 *
 */

.mw-parser-output > p {
    color: #999;
    color: var(--bright-primary);
    font-size: 1rem;
    max-width: 45em;
    margin-top: 0;
    margin-bottom: 1em;
}



/*
 *
 * ############### Lists ###############
 *
 */
 
.mw-parser-output > ul, 
.mw-parser-output > ol {
    color: #999;
    color: var(--bright-primary);
    font-size: inherit;
    max-width: calc(45rem - 3.2em);
    width: auto;
    margin-bottom: 1em;
}

ul {
    list-style-image: none;
}

ol.references {
    margin-left: 2em;
}

dl {
    border-left: 1px dashed #999;
    border-left-color: var(--bright-primary);
    padding-left: 5px;
}

.infobox dl {
    border-left: none;
}

dl dd {
    font-size: 12px;
    margin-bottom: inherit;
    max-width: 550px;
    text-align: left;
    color: #ccc;
    color: var(--bright-secondary);
}

dl dd i {
    height: 10px;
    max-width: 500px;
}

/*
 *
 * ############### Sidebar, Page Header, Footer ###############
 *
 */
 
#mw-head {
    background-color: #111;
} 
#mw-panel {
    border-right: 0px solid transparent;
    background-color: #111;
}
#mw-panel .portal .body {
    background: transparent;
}

div.portal h3 {
    background-image: none;
}

div#mw-panel div.portal div.body ul li {
    line-height: 10px;
    font-size: 10px;
    font-family: inherit;
}

#mw-page-base {
    background-image: none;
    background-color: #444242;
}

.vectorTabs,
.vectorTabs ul, 
.vectorTabs span,
.vectorTabs ul li {
    background: transparent;
    border: none;
}

#p-views .selected, 
#p-namespaces .selected {
    font-weight: 600;
    background: none;
}

.vectorTabs li.selected a, 
.vectorTabs li.selected a:visited {
    color: rgb(146, 138, 138);
    color: #928a8a;
    text-decoration: none;
    background: none;
}

.vectorTabs li a, 
#mw-panel .portal .body li a {
    color: rgba( 97, 93, 93, 1);
}

#mw-panel .portal .body li a {
    font-size: 10px;
}

.vectorTabs, 
.vectorTabs a, 
#mw-head .vectorMenu h3{
    background-image: none;
}

.vectorTabs li a, 
#mw-panel .portal .body li a, 
#footer a, 
.mw-footer a, 
#p-personal a {
    color: rgba(255, 255, 255, 0.25);
}

/* Sternchen für Watchlink */
.vectorTabs .mw-watchlink.icon a:before {
    filter: brightness(.66);
}

#footer ul li, div.portal h3 {
    color: rgba(255, 255, 255, 0.35);
}

#footer ul li {
    color: #666;
}

.after-portlet.after-portlet-lang {
    margin-top: .5em;
    font-size: 75%;
}

ul#footer-icons {
    opacity: .75;
    transform: scale(.66);
}

input#searchInput {
    background-color: #000;
    border-color: #363636;
    color: #aaa;
    height: 2rem;
}

input#searchInput:focus {
    border-color: #ccc;
}

.oo-ui-icon-bell, .mw-ui-icon-bell:before,
.oo-ui-icon-tray, .mw-ui-icon-tray:before  {
    filter: invert(1) brightness(0.5);
}

/*
 *
 * ############### Tabellen ###############
 *
 */
 
.mw-body table {
    font-size: inherit;
    max-width: 100%;
}

/* https://de.wikipedia.org/wiki/Wikipedia:Lesenswerte_Artikel */
.mw-body table[style^="background:#FFFFFF"] {
    background: #2a2a2a !important;
    line-height: 1.4;
}

.mw-body .mw-parser-output > table {
    border-color: #111 !important;
}

.mw-body .mw-parser-output table.float-right {
    margin-top: 0;
    border-collapse: collapse;
}

.mw-body table.wikitable,
.mw-body table.float-right,
.mw-body table.taxobox,
.mw-body table.toptextcells,
.mw-body table.infobox {
	font-size: .875rem;
}

/* --------------- taxobox */

.mw-body .mw-parser-output > table.taxobox {
    background-color: #222;
    background-color: var(--dark-primary);
    border-color: #1a1a1a;
    border-color: var(--darker);
}
.mw-body .mw-parser-output > table.taxobox > * > * > th {
    background-color: var(--green-taxo);
    color: #ccc;
    color: var(--bright-secondary);
    border-color: #1a1a1a;
    border-color: var(--darker);
}

/* paleobox */
.mw-body .mw-parser-output table.taxobox.palaeobox>*>*>th {
    background: #403826;
}

/* --------------- Mit Vorlage */

.mw-body table.Vorlage_Belege_fehlen, 
.mw-body table.Vorlage_Neutralitat, 
.mw-body table.Vorlage_Uberarbeiten, 
.mw-body table.Vorlage_Lueckenhaft,
.mw-body table.Vorlage_Veraltet,
.mw-body table#Vorlage_Veraltet {
    background: #2a2a2a;
    margin: .75em 0 .5rem !important;
    max-width: 45rem;
    color: #7a7a7a;
    color: var(--bright-darkish);
    line-height: 1.4;
    font-size: 11px;
}
.mw-body table.Vorlage_Belege_fehlen a:visited, 
.mw-body table.Vorlage_Neutralitat a:visited, 
.mw-body table.Vorlage_Uberarbeiten a:visited, 
.mw-body table.Vorlage_Lueckenhaft a:visited,
.mw-body table.Vorlage_Belege_fehlen a, 
.mw-body table.Vorlage_Neutralitat a, 
.mw-body table.Vorlage_Uberarbeiten a, 
.mw-body table.Vorlage_Lueckenhaft a {
    color: #999;
    color: var(--bright-primary);
}
/* 23andme */
.mw-body table#Vorlage_Infobox_Unternehmen.toptextcells {
    max-width: 25em;
    font-size: 0.875rem;
}

/* --------------- infobox, toptextcells */

.mw-body table.infobox {
    background-color: #222;
    background-color: var(--dark-primary);
} 
.mw-body table.infobox th {
    max-width: 120px;
}
.mw-body table.infobox tr td {
    max-width: 400px;
}
.mw-body table.infobox,
.mw-body table.infobox.toptextcells,
.mw-body table.infobox.toptextcells th {
    color: #ccc;
    color: var(--bright-secondary);
}
/* https://de.wikipedia.org/wiki/Bahnhof_Berlin-Kaulsdorf */
.mw-body table.infobox.toptextcells th {
    background-color: #1a1a1a;
    padding: 0 3px;
}
.mw-body table.infobox.toptextcells {
    background-color: #222 !important;
}
/* Arches-Nationalpark */
/* US Coast Guard */
.mw-body table.float-right.infobox.toptextcells {
	color: #999 !important;
	font-size: .875rem !important;
}

.mw-body table.infobox.toptextcells td, 
.mw-body table.infobox.toptextcells th,
/* Eisenach */
.mw-body table.float-right.toptextcells td, 
.mw-body table.float-right.toptextcells th {
    border-top: 1px solid #111 !important;
    padding: .375em .5em;
    line-height: 1.4;
}

/* TV-Serien Seinfeld */
.mw-body table.infobox.toptextcells.float-right th[style*="background-color:#E6E6FA"] {
	background-color: #08082b !important;
}
.mw-body table.infobox.toptextcells.float-right td[style*="background-color:#EDEDFC"] {
	background-color: #1a1a1a !important;
}

/* Krieg in Afghanistan */
.toccolours.float-right.toptextcells th[style*="#C3D6EF"],
.mw-body .mw-parser-output div.float-right > div[style^="background:#C3D6EF;"]{
	background-color: #0b1828 !important;
}
/* United States Coast Guard */
table.infobox.float-right.toptextcells th[style^="background:#CDCAA8"] {
	background-color: #3e3b23 !important;
}

/* Bevölkerungsentwicklung Hawaii */
table.toccolours {
    background-color: #2a2a2a;
}
table.toccolours th[style^="background:#CCCCFF"] {
	background: #292037 !important;
}
/* Chisago County */
table.toccolours th[style="background-color:#efefef;"],
table.toccolours td[style^="background-color:#efefef"] {
	background: #2a2a2a !important;
}
table.toccolours.float-right td,
table.toccolours.float-right th {
    padding: .375em !important;
    line-height: 1.3;
    border-bottom: 1px solid #000;
}

/* --------------- wikitable */

/* NEU! überschreibt alles */
/* Thüringen */
table.wikitable.float-right.infobox td {
	background-color: inherit !important;
} 

/* Berlin */
table.wikitable.toptextcells.float-right[style] {
	background: #2a2a2a !important;
}
.mw-body table.wikitable {
    color: #999;
    background-color: #222;
}
.mw-body table.wikitable tr[bgcolor='#DDDDDD'] {
    background-color: #333 !important;
    background-color: var(--dark-primary-plus2) !important;
}
.mw-body table.wikitable > tr > th, 
.mw-body table.wikitable > tr > td, 
.mw-body table.wikitable > * > tr > th, 
.mw-body table.wikitable > * > tr > td {
    padding: 0.5em;
    vertical-align: top;
    line-height: 1.3;
    border: 1px solid #000;
    font-size: .875rem;
}
.mw-body table.wikitable > tr > th p, 
.mw-body table.wikitable > tr > td p, 
.mw-body table.wikitable > * > tr > th p, 
.mw-body table.wikitable > * > tr > td p {
    vertical-align: top;
    text-align: inherit;
    margin-top: 0;
}
.mw-body table.wikitable th {
    background-color: #1a1a1a;
    color: #ccc;
}
/* Hawaii Inseln */
.mw-body table.wikitable th.headerSort {
    background-color: #653333;
}
.mw-body table.wikitable th[bgcolor="#C0C0FF"] {
    background-color: #1a1a1a;
    background-color: var(--darker);
}

/* Berlin Tabelle Bezirke */
table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
    background-color: #2a2a2a !important;
}

.mw-parser-output .wikitable.charts-zebragrey>tbody>tr:nth-of-type(odd) {
    background: #444 !important;
}
.mw-parser-output .wikitable.charts-zebragrey>tbody>tr:nth-of-type(even) {
    background: #2a2a2a !important;
}
table.wikitable.charts-zebragrey td[style='background-color:#f0f0ff;'] {
    background-color: #222 !important;
    background-color: var(--dark-primary) !important;
}

/* Uran */
table.float-right.infobox.wikitable th[style^="background:Orchid;"],
table.float-right.infobox.wikitable td[style^="background:Orchid;"]{
	background: #1a1a1a !important;
	color: #aaa;
}
table.float-right.infobox.wikitable table[style^="background:WhiteSmoke;"],
table.float-right.infobox.wikitable th[style="background:WhiteSmoke;"],
table.float-right.infobox.wikitable th[style="background:#fff;"]{
	color: #999 !important;
	background-color: #1a1a1a !important;
}

/* Thüringer Wald */
table.float-right.infobox.wikitable th[style^="background:#E7DCC3;"] {
	background-color: #372d16 !important;
}

/* AMC AMX/3 */
table.float-right.infobox.wikitable[summary="Infobox PKW-Modell"] > tbody > tr:first-of-type > th {
	color: #ccc !important;
	background: #00005c !important;
    background: hsla(240, 100%, 18%, 1) !important;
}
table.float-right.infobox.wikitable[summary="Infobox PKW-Modell"] > tbody > tr:nth-child(3) > th {
	color: #aaa !important;
	background: #000033 !important;
	background: hsl(240, 100%, 10%) !important;
}

/* --------------- userboxes */

.mw-body table.userboxes {
    color: #ccc;
    color: var(--bright-secondary);
    background-color: #222;
    background-color: var(--dark-primary);
}

/* --------------- prettytable */

.mw-body .prettytable {
    color: #999;
    color: var(--bright-darkish);
    background-color: #222;
    background-color: var(--dark-primary);
    border: 1px solid #222;
    border-color: var(--dark-primary);
}
.mw-body table.prettytable > * > tr > th, 
.mw-body table.prettytable > * > tr > td {
    border-color: #222;
    border-color: var(--dark-primary);
}

/* --------------- ambox */

.mw-body table.ambox {
    margin: 1rem 10%;
    border: 1px solid #222;
    border-left: 5px solid #ad6006 !important;
    background-color: #333;
}

/* --------------- table + bg-color */

/* table + bg-color */
table[style^='background:#ffffff'] {
    background-color: #222 !important;
    background-color: var(--dark-primary) !important;
}

/* Aripiprazol Tabelle */
td[style^="background:#FFDEAD"] {
    background-color: #3a2c17 !important;
}
/* Butylscoploainhydrochlorid */
table.float-right th[style="background:#FFDEAD;"],
/* Hawaii */
table.float-right th[style$="background:#FFDEAD;"] {
	background-color: #3a2c17 !important;
	color: #ccc;
}

/* Fluss Elbe */
table.wikitable.float-right.toptextcells td[style*="background-color:#f2f2f4"],
table.wikitable.float-right.toptextcells td[style="background:#f2f2f4;"]{
	background-color: inherit !important;
	font-weight: 500;
}
table.wikitable.float-right.toptextcells td[style^="background:#CEDAF2"] {
	background-color: #2e4167 !important;
	color: #fff !important;
}
#Vorlage_Infobox_Fluss tr:nth-of-type(2) td {
	background: #151d2e !important;
}
/* Müritz */
td[style^="background-color:#f2f2f4"],
td[style="background:#f5f5f5;"] {
	background-color: #303030 !important;
}
.mw-body table.float-right.toptextcells th[style^="background-color:#CEDAF2"],
.mw-body table.float-right.toptextcells td[style^="background-color:#CEDAF2"] {
	background-color: #2e4167 !important;
}
/* Niedersorbisch */
.mw-body table.float-right.toptextcells th[style^="background:#A9BEC7"] {
	background: hsla(198, 21%, 17%, 1) !important;
}
td[style^="background:#F2F2F4;"]  {
	background-color: #303030 !important;
}
/* Leben des Brian, Seinfeld */
td[style^="background-color:#F6F6F6"] {
	background-color: inherit !important;
    font-weight: 500;
}
td[style^="padding:4px 4px 4px 5px; background-color:#EDEDFC"] {
	background-color: #2c3746 !important;
}

/* Hawaii, Iowa */
#mw-content-text .mw-parser-output table.float-right[style*="#f9f9f9"] {
	padding: 0 !important;
	background-color: #222 !important;
    color: #999 !important;
}
#mw-content-text .mw-parser-output table.float-right[style*="#f9f9f9"] > tbody > tr > td {
    border-bottom: 1px solid #000 !important;
    padding: .5em .375em;
    line-height: 1.3;
}
#mw-content-text .mw-parser-output table.float-right[style*="#f9f9f9"] > tbody > tr > td .center {
	margin-bottom: .25em;
}

/* Metroploregion Minneapolis-sa */
table.wikitable tr[style="background:#FFFFFF"] {
	background-color: #2a2a2a !important;
}

/* --------------- Hintergrundfarbe1,2,3,5 */

/* --------------- hintergrundfarbe1 */

.mw-body .hintergrundfarbe1 {
    background-color: #222;
    background-color: var(--dark-primary);
}
/* Berliner Fernsehturm */
table.float-right.toptextcells.rahmenfarbe1.hintergrundfarbe1 {
	color: inherit !important;
	border: #111 !important;
}

/* --------------- hintergrundfarbe2 */

.mw-body table > * > tr.hintergrundfarbe2 > th, 
.mw-body table > * > tr > th.hintergrundfarbe2, 
.mw-body table.hintergrundfarbe2, 
.mw-body .hintergrundfarbe2{
    background-color: #2a2a2a;
    background-color: var(--dark-primary-plus1);
}

/* --------------- hintergrundfarbe3 */

/* Counties Metropolregion Minneapolis */
.mw-body table > * > tr.hintergrundfarbe3 > th, 
.mw-body table > * > tr > th.hintergrundfarbe3, 
.mw-body table.hintergrundfarbe3, 
.mw-body .hintergrundfarbe3 {
    background-color: #1d3503;
}

/* --------------- hintergrundfarbe4 */

/* Counties Metropolregion Minneapolis */
table > * > tr.hintergrundfarbe4 > th, 
table > * > tr > th.hintergrundfarbe4, 
table.hintergrundfarbe4, 
.hintergrundfarbe4 {
    background-color: #292500;
}

/* --------------- hintergrundfarbe5 */

/* Eisenach */
table > * > tr.hintergrundfarbe5 > th, 
table > * > tr > th.hintergrundfarbe5, 
table.hintergrundfarbe5, 
.hintergrundfarbe5 {
    background-color: #282e39;
}
/* Infobox Sunnyvale DE */
.mw-body table.infobox.hintergrundfarbe5 th {
	background: #282e39;
	border-top: .5rem solid #2a2a2a;
	border-bottom: .5rem solid #2a2a2a !important;
}
.mw-body table.infobox.hintergrundfarbe5 td {
    padding: .125rem .5rem;
}
/* Bilder */
.mw-body table.infobox.hintergrundfarbe5 table td[style] {
    padding: 0;
}

/* --------------- hintergrundfarbe6 */

/* Heading Counties Metropolregion Minneapolis */
table > * > tr.hintergrundfarbe6 > th, 
table > * > tr > th.hintergrundfarbe6, 
table.hintergrundfarbe6, 
.hintergrundfarbe6 {
    background-color: #131353;
}

/* --------------- hintergrundfarbe7 */

/* --------------- hintergrundfarbe8 */

/* Niedersorbisch */
.mw-body table > * > tr.hintergrundfarbe8 > th, 
.mw-body table > * > tr > th.hintergrundfarbe8, 
.mw-body table.hintergrundfarbe8, 
.mw-body .hintergrundfarbe8 {
    background-color: #482e1c;
}

/* --------------- rahmenfarbe1 */

/* Uran Isotope */
.mw-body .rahmenfarbe1 {
    border: 1px solid #4a4a4a;
}


/* --------------- div colors */

div.infobox,
div.infobox div[style*='background:lightsteelblue'] {
    background-color: #222 !important;
    background-color: var(--dark-primary) !important;
}
div.BoxenVerschmelzen,
div.infobox /*,
div[style*='background-color:#f9f9f9'] */{
    border-color: #222 !important;
    border-color: var(--dark-primary) !important;
}

/* Chromosom */
.mw-body div.float-right > div[style] {
    border-color: #222 !important;
    border-color: var(--dark-primary) !important;
    color: #ccc !important;
    color: var(--bright-secondary) !important;
    background-color: #222 !important;
    background-color: var(--dark-primary) !important;
}

/* Malignes Neuroleptisches Syndrom */
div.float-right[style^="background:#F9F9F9"] {
    background: #2a2a2a !important;
    border: 1px solid #4a4a4a !important;
}

div.float-right[style^="background:#F9F9F9"] tr[style^="background-color:#ABCDEF"], 
/* Chromosom */
div.float-right[style] tr[style^="background:#ABCDEF"],
div.float-right[style] td[style="background:#ABCDEF"] {
    background: #2c3746 !important;
    border: #2c3746 !important;
}

div.float-right[style] td[style="background:#FFFFFF"] {
	background: #222 !important;
}

/* --------------- Klima-Min-Max-Monat-Tabelle */

table[style^='background:#ffffff'] table[style] {
    background-color: #666 !important;
    border: none !important;
    color: #000 !important;
    font-size: .8125rem !important;
}

table[style^='background:#ffffff'] table[style] td[style^='border-left:'] {
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
}

/* Klimadiagramm */
div[style^='color:blue'] {
    color: #aaa !important;
}

/*
 *
 * ############### "Inhaltsverzeichnis" ###############
 *
 */

#toc, .toc, .mw-warning {
    display: flex;
    flex-direction: column;
    flex: 1 1 45rem;
    border: none;
    border-radius: 2px;
    max-width: 45rem;
    font-size: 95%;
    padding: 0;
    background: transparent;
    margin-top: 2em;
    box-sizing: border-box;
}
.mw-body-content .toc h2 {
    font-size: .875rem;
}
.toc .toctitle {
    margin-bottom: .5em !important;
    text-align: left;
    text-transform: uppercase;
}
.toctogglelabel {
    color: #666;
    text-transform: uppercase;
    font-size: 80%;
}
.mw-content-ltr .tocnumber {
    min-width: 1.5em;
    text-align: right;
}

#toc.toc li {
	margin-bottom: 0;
}

#toc.toc li.toclevel-1 {
    font-size: .875rem;
    /* margin-bottom: .25em; */
}
#toc.toc ul li.toclevel-2 {
    font-size: .8125rem;
}
#toc.toc ul li.toclevel-3 {
    font-size: .75rem;
}
#toc.toc li > ul {
    margin-top: .25em;
    margin-bottom: .5em;
}

.mw-body #toc h2, 
.mw-body .toc h2 {
    color: #ccc;
    font-family: inherit;
}

.tocnumber {
    color: #999 !important;
}

/*
 *
 * ############### Thumbnails, Gallery ###############
 *
 */

div.mw-content-ltr ul.gallery.mw-gallery-traditional {
    margin-top: 24px;
    max-width: 100%;
    width: 100%;
}

div.mw-content-ltr .gallerytext p {
    font-size: 10px;
    text-align: left;
    width: 100%;
}

li.gallerybox {
    background-color: transparent;
}
li.gallerybox div.thumb {
    border: 1px solid #333;
    background-color: #222;
}

ul.gallery.mw-gallery-packed {
    max-width: 100% !important;
    text-align: left !important;
}

div.thumbcaption {
    font-size: 10px;
    padding: .5em 0 0;
}
div.thumbinner {
    border-radius: 2px;
    background-color: #222;
    border: 1px solid #222;
    color: #aaa;
}
html img.thumbimage {
    border: none;
}

/*
 *
 * ############### Zitat ###############
 *
 */

.mw-body p.Zitat, .Zitat, .mw-body .Zitat {
    max-width: 500px;
    background-color: #4e2;
    padding: 8px;
}

#mw-content-text blockquote {
    max-width: calc(45rem - 80px);
    font-style: italic;
}

/* Niederdeutsche Sprache */
.Vorlage_Zitat {
	max-width: 45rem;
}
.Vorlage_Zitat > .cite {
    line-height: 1.3;
    margin-top: -.5em !important;
    margin-right: 5em !important;
    margin-bottom: 2em !important;
    font-size: .875rem;
}

/*
 *
 * ############### Etc ###############
 *
 */

/* --------------- Section Bearbeiten  */

.mw-editsection a {
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #666;
}

/* --------------- Referenz Hochgestellt */

sup.reference {
    font-size: .625rem;
}

/* --------------- Zum Hauptartikel-Link */

.hauptartikel {
    margin: .25em 0 1em;
}

/* --------------- MW Extension: Multimedia Viewer */

.mw-mmv-post-image {
    background-color: #4a4a4a;
    background-color: var(--dark-secondary-plus1);
    border-top: 1px solid #666;
    border-top-color: var(--bright-dark);
    color: #ccc;
    color: var(--bright-secondary);
}
.mw-mmv-image-metadata {
    border-top: 1px solid #666;
    background-color: #222;
    background-color: var(--dark-primary);
}
.mw-mmv-credit {
    color: #999;
    color: var(--bright-darkish);
}

/* --------------- MW Extension: PopUps  */

.mwe-popups {
    background-color: #222;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
    background-image: linear-gradient(to right,rgba(0,0,0,0),#222 50%) ;
}
.mwe-popups.flipped-y:after {
    border-top: 11px solid #222;
}
.mwe-popups.flipped-x-y:after {
    border-top: 12px solid #222;
}
.mwe-popups.mwe-popups-image-pointer:after {
    border-bottom: 12px solid #222;
}
.mwe-popups.mwe-popups-no-image-pointer:after {
    border-bottom: 11px solid #222;
}
.mwe-popups .mwe-popups-container, 
.mwe-popups .mwe-popups-extract {
    color: #ccc;
}

/* --------------- Content Sub */

#contentSub, 
#contentSub2 {
    color: #728594;
}

/* --------------- NavContent, NavHead */

.mw-content-ltr .NavContent p {
    max-width: 100%;
}

.NavHead > div, 
div.NavHead,
/* Berlin Stattsangehörigkeit 15+ */
.mw-body .mw-parser-output div.NavHead {
    background: #222;
}

/* MacOS navbox unten */
.NavFrame table,  .NavFrame tr, .NavFrame td, .NavFrame th, .NavFrame div[style]  {
	background: #222 !important;
    border-color: transparent !important;
    padding: .25rem .375rem !important;
}
.NavFrame {
	border: #111 !important;
}

/* --------------- k-player */

.k-player .control-bar {
    background: #ccc;
}

/* --------------- MW UI Button */

.mw-ui-button {
    background-color: #333;
    color: #999;
    border: 1px solid #444;
}
.mw-ui-button:hover {
    background-color: #444;
    color: #999;
    border: 1px solid #444;    
}

/* --------------- wma map button */

.wmamapbutton {
    color: yellow !important;
}

/* --------------- Vorlage + toccolours */

#Vorlage_Infobox_Unternehmen.toccolours,
#Vorlage_Infobox_Betriebssystem.toccolours {
    background-color: #222;
}

/* --------------- navpopup (Page Preview) */

div.navpopup {
    border: 1px solid #000;
    border-radius: 2px;
    background-color: #181818;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
    font-size: .875rem;
}
div.navpopup div hr {
    color: #555;
    background-color: #555;
}
span.popup_mainlink a {
    color: #ccc;
}

/* --------------- Kategorie Links am Ende vom Artikel */

.catlinks {
    background-color: transparent;
    border: none;
    margin-top: 1.5em;
    padding: .5em 0 0;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

/* --------------- Wecklicktoasts */

#centralNotice > div:first-of-type  {
    background: rgba(0, 0, 0, .1) !important;
    border: 1px solid #555 !important;
    border-radius: 2px !important;
    margin: 0 auto 1em auto !important;
    font-size: 12px !important;
    overflow: hidden !important;
    text-align: center !important;
    padding: 7px 14px !important;
    transform: scale(0.75);
}

/* --------------- Math Fallback Image */

#mw-content-text img.mwe-math-fallback-image-inline {
    background: #ad9c67;
    padding: 2px 5px;
    border-radius: 2px;
}

/* --------------- Wikipedia Kugel */

#p-logo:before {
    content: "Wikipedia";
    font-variant: small-caps;
    position: absolute;
    font-family: inherit;
    font-size: 1rem;
    background: #111;
    width: 8em;
    color: #7a7a7a;
    height: 40px;
    top: 115px;
    margin: 0 1em;
    border-radius: 2px;
    z-index: 1;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #363636;
}
#p-logo a {
    position: relative;
    filter: brightness(0.6);
}

/* --------------- Code Editor Preview */

pre, 
.mw-code {
    background-color: #eae4e1;
    border: 1px solid #000;
}

/* --------------- Hawaii größte Städte */

.timeline-wrapper > img {
	filter: invert(.85);
}

/* --------------- Compass */

.mw-body #mw-content-text table img[alt^="Compass"] {
    filter: invert(1);
    background-color: transparent;
}