Benutzer:Dr. nihil/timeless.css

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* de.wikipedia.org */

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

  * {
    scrollbar-width: auto;
    scrollbar-color: #b14e4e #222222;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

::-webkit-scrollbar-thumb {
    background: rgb(255 255 255 / 36%);
    border: 0px none #989898;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:active {
  background: #b0b0b0;
}
::-webkit-scrollbar-track {
  background: #333333;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

: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%;
}

.mw-body,
.mw-body-content {
    font-size: 1rem;
}
.mw-body-content {
	margin-top: 1.5rem;
}
/* @media screen and (max-width: 550px) */
@media screen and (max-width: 850px){
	.mw-body .mw-parser-output > table,
	.mw-body .mw-parser-output > table.float-right {
		width: fit-content !important;
	    overflow-x: auto;
	    box-sizing: border-box;
	    float: none !important;
	    padding: 0;
	    display: block;
	    border-collapse: collapse;
	    margin: 1rem auto !important;
	}
	/* falsche Schreibung? */
	.mw-body .mw-parser-output div.floatright, 
	.mw-body .mw-parser-output table.floatright, 
	.mw-body .mw-parser-output ul.floatright, 
	/* Benzol Verwendung */
	.mw-body .mw-parser-output .floatright,
	.mw-body .mw-parser-output div.float-right, 
	.mw-body .mw-parser-output table.float-right, 
	.mw-body .mw-parser-output ul.float-right, 
	.mw-body .mw-parser-output .float-right{
	    overflow-x: auto;
	    float: none !important;
	    margin-left: auto;
	    margin-right: auto;
	}
}
/* Kreis Ostholstein Parteinliste wikitable ohne floatright */
/* Benzol first-of-type: andere Tabelle */
@media screen and (max-width: 850px) {
	.mw-parser-output table.wikitable.float-right,
	.mw-parser-output table.toptextcells.float-right, 
	.mw-parser-output table.infobox.float-right, 
	.mw-parser-output table.toccolours.float-right {
	    border-collapse: collapse;
	    padding: 0;
	    border: 1px solid #363636;
	}
	div.float-right, 
	table.float-right, 
	ul.float-right, 
	.float-right {

		overflow-x: auto;
    float: none;
    margin: auto;
	}
	.mw-body .mw-parser-output table.wikitable > * > tr > td,
	.mw-body .mw-parser-output table.wikitable > * > tr > th {
		border: 1px solid #303030;
	}
	/* Ostholstein Wappen */
	.floatleft, .tleft {
	    margin-right: 1rem;
	}
}

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

.mw-body {
    background-color: #242424;
}
.parsoid-body,
.mw-body {
    color: #999;
}
div#mw-content-container {
	background: #141414;
}
div#mw-content {
    background: #242424;
}

/*
 *
 * ############### Images ###############
 *
 */

#mw-content-text img {
    border-radius: 2px;
    /* https://stripesgenerator.com/  */
	background-image: linear-gradient(135deg, #fafafa 40%, #ddd 40%, #ddd 50%, #fafafa 50%, #fafafa 90%, #bfbfbf 90%, #bfbfbf 100%);
	background-size: 7.07px 7.07px; 
	/* https://css-tricks.com/css3-gradients/ */
	/* background-image: repeating-linear-gradient( 135deg, #fcfcfc, #fcfcfc 6px, #e8e8e8 6px, #e8e8e8 8px ); */
}



.mw-body-content a > img, 
.mw-body-content .floatnone > img,
.mw-body-content table.float-right.infobox .floatnone > img,
.mw-body-content table.float-right.infobox a > img {
    height: auto !important;
    max-width: 100% !important;
}



#mw-content-text .sisterproject img,
#mw-content-text #Vorlage_Begriffsklärungshinweis img,
#mw-content-text #Vorlage_Dieser_Artikel img,
#mw-content-text #Vorlage_Infobox_Verwaltungseinheit_in_Deutschland img,
#mw-content-text #Vorlage_Infobox_bemannte_Raumfahrtmission img,
#mw-content-text #Vorlage_Weiterleitungshinweis img,
#mw-content-text .NavFrame img,
#mw-content-text #coordinates img{
    background-color: transparent;
    background-image: none;
}

/* Maleinsäureanhydrid, Benzol */
.mw-parser-output > .center .floatnone img {
	max-width: 45rem;
	height: auto;
	margin-bottom: 1rem;
	margin-right: auto;
	margin-left: 0;
}
/* + Lage des Kreises Ostholstein in Schleswig-Holstein */ 
/* nur wax-width 850? */
table.float-right.toptextcells	.center > .floatnone {
    max-width: 45rem;
    margin: auto;
    width: fit-content;
}
/* https://de.wikipedia.org/wiki/%CE%93-Butyrolacton 2) Gewinnung */
.center > .floatnone,
/* butyrolacton stoffwechselweg */ 
.center > .tnone {
    max-width: 45rem;
}
/* Ostholstein Gewinne Verluste */
.mw-parser-output > div.float-right {
	overflow-x: auto;
}
/* Benzol */
.mw-parser-output > .noresize,
.mw-parser-output > .floatright > .noresize {
    max-width: 100%;
}
/* Ostholstein vergangene Wahlen */
th[style="background:#fff"]{
	background: #363636!important;
}

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

#hauptseite .inhalt {
    background-color: #2a2a2a;
    border-color: #1a1a1a;
}
#hauptseite h2 {
    background-color: #222;
    border: 1px solid #1a1a1a;
}
.hauptseite-links h2, 
.hauptseite-rechts h2,
.hauptseite-oben h2, 
.hauptseite-unten h2 {
    text-indent: .1em;
}
.mw-body .mw-parser-output #hauptseite h1:after, 
.mw-body .mw-parser-output #hauptseite h2:after {
    border-bottom: solid 1px #474747;
}
#mw-content-text #hauptseite-schwesterprojekte img {
    background-image: none;
}


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

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

a:visited {
	color: rgb(245 151 61);
}

a:hover {
	color: orange;
	transition: color .1s ease-out;
}
.mw-parser-output a.external:hover {
    color: orange;
    filter: invert(0);
    transition: color .1s ease-out, filter .1s ease-out;
}

a.new, new.a  {
    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 {
	/* old */
	/* color: rgba(253, 150, 23, 0.75);  */
    color: hsla(24, 84%, 40%, 1);
    background-position: center left;
    padding-left: 1.125rem;
    padding-right: 0;
    filter: hue-rotate(190deg) invert(1) brightness(.9);
}
.mw-parser-output a.external[href$='.pdf'], 
.mw-parser-output a.external[href$='.PDF'], 
.mw-parser-output a.external[href*='.pdf#'], 
.mw-parser-output a.external[href*='.PDF#'], 
.mw-parser-output a.external[href*='.pdf?'], 
.mw-parser-output a.external[href*='.PDF?'], 
.link-document {
    background-position: center left;
    padding-right: 0;
}

a > span[style="color:#303030!important"] {
    border-radius: 2px;
    padding: 0 3px;
    background: #7a7a7a;
}
.tools-inline li a.new, 
.tools-inline li.new a, 
.tools-inline li a.new:hover, 
.tools-inline li.new a:hover, 
.tools-inline li a.new:visited, 
.tools-inline li.new a:visited {
	color: #ff8080;
}
.tools-inline li a, 
.dropdown-toggle:after {
    color: #7a7a7a;
    filter: hue-rotate(180deg) invert(1) brightness(1);
    font-size: .875rem;
}
.tools-inline li.selected a {
	color: #555;
    font-weight: 500;
}

#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, .mw-body h6 {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 1rem;
    color: #ccc;
    border-bottom: 0 solid transparent;
    text-transform: uppercase;
}

.mw-body .mw-heading2,
.mw-body h2 {
        border-bottom-color: #c8ccd129;
}

#content h2 { 
	margin-top: 2em; 
	font-size: 2rem;
}
@media screen and (max-width: 550px) {
	#content h2 {
		font-size: 1.75rem;
	}
}
#content h3 { 
	margin-top: 2rem; 
	font-size: 1.5rem
}
#content h4 { 
	margin-top: 2rem; 
	font-size: 1.25rem
}
#content h5 {
	margin-top: 2rem; 
	font-size: 1rem
}   
#content h6 { 
	margin-top: 2em; 
	font-size: .875rem
}

#content h2 + h3,
#content h3 + h4,
#content h4 + h5 { 
	margin-top: 0.75rem; 
}

h1.firstHeading span {
    color: #ccc;
}
span.mw-headline {
    color: #bbb;
    display: inline-block;
    /* margin-left: 2.5rem; */
    margin-right: .25rem;
    position: relative;
    max-width: calc(100% - 2.75rem - 20px);
}

span.mw-headline-number {
    color: #888;
    font-weight: 300;
    left: -2.5rem;
    position: absolute;
}

.mw-body h1.firstHeading {
    text-transform: uppercase;
    text-shadow: grey 1px 2px 2px;
    font-size: 2.5rem;
    margin: 2rem 0 1rem;
    border-bottom: 0px solid transparent;
}
@media screen and (max-width: 550px) {
	.mw-body h1.firstHeading {
		font-size: 2.125rem;
    	margin: 1rem 0;
	}
}
.mw-headline {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.mw-body .mw-parser-output h1:after, 
.mw-body .mw-parser-output > h2:after {
    content: '';
    display: block;
    border-bottom: solid 0 transparent;
    overflow: hidden;
}
.mw-body .mw-parser-output > h2:before {
    content: '';
    display: block;
    border-bottom: solid 1px #555;
    overflow: hidden;
    margin-bottom: .5rem;
    color: #666;
    font-size: 2rem;
}

/* headings test: leben d. brian */

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

.mw-parser-output > p {
    color: #999;
    font-size: 1rem;
    max-width: 45rem;
    /* margin-top: 0; */
    margin-bottom: 1em;
}

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

ul { 
	list-style-image: none; 
}

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

/* Larry Charles */
.mw-body dt {
	margin: 1.5em 0 0.5em 0.5rem;
    font-family: 'Open Sans Condensed', 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
}

dl {
   border-left: 1px dashed #4a4a4a;
    max-width: 100%;
}
dl dl {
	border-left: none;
}
.infobox dl {
    border-left: none;
}

/* Benzol, Quadratur des Kreises */
dl dd {
    text-align: left;
    color: #aaa;
    max-width: 100%;
	overflow-x: auto;
}

dl dd i {
    height: 10px;
    max-width: 500px;
}
/* Benzol Radikalsiche Substitution */
dl dd > .thumb.tright {
	float: none;
	margin: 0;
}
dl dd > .thumb.tright > div.thumbinner {
	margin: 0 auto 0 0;
}


/*
 *
 * ############### Sidebar, Page Header, Footer ###############
 *
 */
 
a#p-banner {
    color: #999;
}

@media screen and (max-width: 550px) {
	#p-namespaces li {
	    margin-right: 1rem;
	}
}

#simpleSearch {
	background: #141414;
	border: 1px solid #4a4a4a;
	border-radius: .25rem;
}
#searchButton, #mw-searchButton {
	filter: invert(1);
}
#searchInput {
	color: #ccc;
	padding-top: .3em;
	padding-bottom: .3em;
}
.suggestions .suggestions-special,
.suggestions .suggestions-results {
    background-color: #141414;
    border: 1px solid #4a4a4a;
    color: #ccc;
}
.suggestions .suggestions-result,
.suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link, 
.suggestions a.mw-searchSuggest-link:hover, 
.suggestions a.mw-searchSuggest-link:active, 
.suggestions a.mw-searchSuggest-link:focus {
    color: #ccc;
}
@media screen and (max-width: 550px) {
    #p-logo-text {
        font-size: .75rem;
    }
}
@media screen and (max-width: 850px) {
    #mw-header-container {
        background: #2f2c2c;
    }
    #ca-more span,
    #ca-languages span,
    #site-navigation h2,
    #site-tools h2,
    #user-tools h2  {
        filter: hue-rotate(180deg) invert(1) brightness(1);
    }
    #menus-cover {
        background: #060606;
        opacity: 0.7;
    }
    .sidebar-inner, .dropdown {
        background: #222;
        border: 1px solid #363636;
    	box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.75);
    }
    #mw-content-block {
    	background: #242424;
	}
}
@media screen and (min-width: 851px) {
	#mw-header-container {
	    background: #363636;
        color: #7a7a7a;
        border-top: 1px solid #222;
	}
	div#mw-content {
	    border: 1px solid #000;
	}
	#personal .dropdown {
	    background: #363636f7;
        color: #7a7a7a;	
        border: solid #666;
    	border-width: 1px;
    	box-shadow: 0px 1px 0 1px hsla(0, 0%, 0%, 0.5);
	}
	#personal .dropdown:before, 
	#personal .dropdown:after {
		border-bottom: 10px solid #666;
	}
	#personal .dropdown:after {
	    border-bottom-color: #363636;		
	}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
	#mw-header-nav-hack {
		background: #363636;
        color: #7a7a7a;
        border-top: solid 1px #222;
	}
	#mw-site-navigation h2, 
	#mw-related-navigation h2 {
		font-family: inherit;
    	font-size: 1rem;
    	color: #858585;
	}
	#mw-site-navigation h2:after, 
	#mw-related-navigation h2:after {
    	filter: invert(1);		
	}	
	#mw-related-navigation .sidebar-inner,
	#mw-site-navigation .sidebar-inner {
		background: #363636f7;
    	border: solid #666;
    	border-width: 1px;
    	box-shadow: 0px 1px 0 1px hsla(0, 0%, 0%, 0.5);
	}
	#mw-related-navigation .sidebar-inner:before, 
	#mw-related-navigation .sidebar-inner:after,
	#mw-site-navigation .sidebar-chunk h2 span:before, 
	#mw-site-navigation .sidebar-chunk h2 span:after {
		border-bottom: 10px solid #666;
	}
	#mw-related-navigation .sidebar-inner:after,
	#mw-site-navigation .sidebar-chunk h2 span:after {
	    border-bottom-color: #363636;
	}
	#mw-site-navigation .sidebar-chunk h2 span:before {
		top: 35px;
	}
	#content-bottom-stuff,
	#catlinks {
		background-color: #222;
	}
}
@media screen and (min-width: 1100px) {
	#mw-content-block {
		background: #1a1a1a;
	}
	#mw-site-navigation .sidebar-chunk,
	#mw-related-navigation .sidebar-chunk {
		background: #262626;
	    box-shadow: 0 1px 2px 1px rgba(255,255,255,0.02);
	    border: 1px solid hsla(0, 0%, 18%, 1);
	    font-size: .75rem;
	    border-right-color: black;
	    border-bottom-color: black;
	}
	#mw-site-navigation .sidebar-chunk h3, 
	#mw-related-navigation .sidebar-chunk h3 {
		border-bottom: solid 0 transparent;
	}
	#mw-site-navigation .sidebar-chunk a,
	#mw-related-navigation .sidebar-chunk a {
	    color: hsla(45, 15%, 60%, 0.7);
	}
}

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);
}
#pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after, 
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
    filter: invert(1);
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, 
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity: 0.31;
}
@media screen and (min-width: 851px){
	#personal h2 {
		font-family: inherit;
	    filter: invert(1);
	    font-size: 1rem;
	}
}
.mw-footer-container {
    color: #7a7a7a;
    font-size: .75rem;
    overflow-x: hidden;
}
.mw-footer-container a,
.mw-footer-container a:visited {
    color: #aaa;
}
#mw-content-container {
    border-bottom: solid 4px forestgreen;
}
.mw-footer .footer-places li {
	display: inline-block;
    padding-right: 1em;
    margin: 0 0 .5em 0;
}

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

.content-table table[style], .mw_metadata, .mw-datatable, .wikitable {
    border-color: #f8f9fa29 !important;
}

/* 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; */
    border-radius: 2px;
}

.mw-body .mw-parser-output table.float-right {
	margin-top: 0;
    border: 1px solid #4a4a4a;
    border-radius: 2px;
    background-color: #141414;
    border-spacing: 0;
    /* border-collapse: separate; */
    margin-bottom: 2rem;
}

.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: #141414;
    border-color: #1a1a1a;
}
.mw-body table.infobox.toptextcells th, .mw-body .mw-parser-output table.float-right.taxobox th {
	background-color: #294829;
    background-color: var(--green-taxo);
    color: #ccc;
    border-color: #1a1a1a;
}

/* 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: #303030;
    border: 1px solid #4a4a4a;
    border-radius: 2px;
    margin: .75em 0 .5rem !important;
    max-width: 45rem;
    color: #7a7a7a;
    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;
}
/* 23andme */
.mw-body table#Vorlage_Infobox_Unternehmen.toptextcells {
    max-width: 25em;
    font-size: 0.875rem;
}

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

.mw-body table.infobox {
    background-color: #141414;
} 
.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;
}
/* 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 */
/* Seinfeld */
.mw-body table.float-right.infobox.toptextcells {
	color: #999 !important;
	font-size: .875rem !important;
	margin-bottom: 2rem;
}
/* s.o.: .mw-body .mw-parser-output table.float-right */

.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 {
    padding: .5em;
    line-height: 1.4;
    border: none;
    margin: 0;
}
.mw-body table.infobox.toptextcells td,
.mw-body table.float-right.toptextcells td {
    border-top: 1px solid hsla(0, 0%, 15%, 1);
}
.mw-body table.infobox.toptextcells th,
.mw-body .mw-parser-output table.float-right th {
    background-color: #4a4a4a;
    color: #ccc;
    padding: .75em .5em;
}

/* Vermiculit (Mineral) */
.mw-body table.infobox.toptextcells.float-right td[style*="background:#EEEEEE"]{
    background: #000 !important;
}
.mw-body table.infobox.toptextcells.float-right th[style*="background:#C1CDD9"]{
	background: #4a4a4a !important;
}

/* 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;
}
table.infobox.toptextcells.float-right[style*="background-color:white"] {
	border: 1px solid #040404 !important;
    background: #1f1f1f !important;
}
table.infobox.toptextcells.float-right[style*="background-color:white"] td,
table.infobox.toptextcells.float-right[style*="background-color:white"] th {
	border-top: 1px solid #363636 !important;
	padding: .75em .5em !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: #141414;
}
table.toccolours th[style^="background:#CCCCFF"] {
	background: #292037 !important;
}
/* Chisago County */
table.toccolours th[style="background-color:#efefef;"] {
	background-color: #4a4a4a !important;
}
table.toccolours td[style^="background-color:#efefef"] {
	background: #141414 !important;
}
table.toccolours.float-right td,
table.toccolours.float-right th {
    padding: .375em;
    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: #141414 !important;
}
.mw-body table.wikitable {
    color: #999;
    background-color: #141414;
    /* Hawaii Island Table - maybe just width 1px */
    border-bottom-width: 1px;
}
.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;
}

/* Karlskuppe */
table.wikitable#Vorlage-Infobox-Berg > tbody > tr:first-of-type > th {
	background-color: #61460a !important;
}

/* https://de.wikipedia.org/wiki/Seinfeld/Episodenliste */
tr[style="background:#F2F2F2;"] {
	background: #363636 !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;
}

/* Butylscopolaminhydrochlorid */
/*Benzol */
/* Hawaii*/
table th[style="background:#FFDEAD;"],
td[style^="background:#FFDEAD"],
table.infobox.wikitable#Vorlage_Infobox_Chemikalie th {
	background: #ffdead40 !important;
}
/* Hawaii */
table.float-right.infobox th[style="font-size:110%;background:#FFDEAD;text-align:center;"] {
	background-color: #3a2c17 !important;
	color: #ccc;
}

/* Aripiprazol Tabelle */
table#Vorlage_Infobox_Chemikalie > tbody > tr:nth-child(2) > td a img {
	background-color: transparent;
	background-image: none;
	filter: invert(1);
}




/* 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;
    color: #999 !important;
    margin-top: 0;
    border: 1px solid #4a4a4a !important;;
    border-radius: 2px !important;;
    background-color: #141414 !important;;
    border-spacing: 0 !important;
    /* border-collapse: separate; */
    margin-bottom: 2rem;
}
#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: #303030;
}
/* 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: #141414;
}

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

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

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

/* Counties Metropolregion Minneapolis */
table > * > tr.hintergrundfarbe4 > th, 
table > * > tr > th.hintergrundfarbe4, 
.mw-body .mw-parser-output table.float-right th.hintergrundfarbe4,
table.hintergrundfarbe4, 
.hintergrundfarbe4 {
    background-color: #292500;
}

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

/* Eisenach */
table > * > tr.hintergrundfarbe5 > th, 
table > * > tr > th.hintergrundfarbe5, 
.mw-body .mw-parser-output table.float-right 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, 
.mw-body .mw-parser-output table.float-right th.hintergrundfarbe6,
table.hintergrundfarbe6, 
.hintergrundfarbe6 {
    background-color: #131353;
}

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

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

/* Niedersorbisch, SpX-DM2 */
.mw-body table > * > tr.hintergrundfarbe8 > th, 
.mw-body table > * > tr > th.hintergrundfarbe8, 
.mw-body .mw-parser-output table.float-right 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;
}
div.BoxenVerschmelzen,
div.infobox /*,
div[style*='background-color:#f9f9f9'] */{
    border-color: #222 !important;
}

/* Chromosom, ! beisst Kreistagswahl Ostholstein 2018 */
.mw-body div.float-right > div[style] {
    border-color: #222 !important;
    color: #ccc !important;
    background-color: #222 !important;
}

/* Kreistagswahl Ostholstein 2018 */
div[style*="border-top:1px solid #CCC"] {
    border-top: 1px solid #363636 !important;
}
div[style*="border-bottom:1px solid #CCC"] {
    border-bottom: 1px solid #363636 !important;
}
.mw-body div.float-right[style*="background:#FFF"] {
	font-size: .875rem;
    border: 1px solid #474747 !important;
    border-radius: 2px;
    padding: 1em .5em;
    box-sizing: border-box;
}
.mw-body div.float-right[style*="background:#FFF"],
.mw-body div.float-right[style*="background:#FFF"] > div[style],
.mw-body div.float-right[style*="background:#FFF"] div[style*="background:white"] {
    /* color: #aaa !important; */
    background: #141414 !important;
}
.mw-body div.float-right[style*="background:#FFF"] div[style*="font-size:80%"] {
	font-size: .625rem !important;
	white-space: nowrap;
}
.mw-body div.float-right[style*="background:#FFF"] div[style^="background:#000000;"] {
	border: 1px solid #474747;
}
.mw-body div.float-right[style*="background:#FFF"] div[style*="width:440px"] {
    width: auto !important;
}
@media screen and (max-width:550px) {
	.mw-body div.float-right[style*="background:#FFF"] {
		margin-left: 0 !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 {
	border-color: #1a1a1a;
    border-radius: 2px;
    background: #303030;
}
.mw-body-content .toc h2 {
    font-size: .875rem;
}
.mw-body .toctitle {
    border-bottom: solid 2px #666;
    margin-bottom: 1em;
}
.toc .toctitle {
    /*margin-bottom: .5em !important;
    text-align: left;
    text-transform: uppercase;*/
}
.toctogglelabel {
    color: #7a7a7a;
    text-transform: uppercase;
    font-size: 80%;
}
.mw-content-ltr .tocnumber {
	min-width: 1em;
    text-align: right;
    display: inline-block;
}

#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;
    font-size: 1rem;
}

.tocnumber {
    color: #aaa !important;
}

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

div.mw-content-ltr ul.gallery.mw-gallery-traditional {
    margin-top: 24px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 1.6em;
}

div.mw-content-ltr .gallerytext p {
    font-size: .75rem;
    margin-top: .5em;
    text-align: left;
    width: 100%;
}

li.gallerybox {
    background-color: transparent;
}
.mw-body li.gallerybox div.thumb {
    background: #141414;
    border: solid #303030;
}

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

div.thumbcaption {
    font-size: .75rem;
    padding: .5em 0 0;
}
div.thumbinner {
    border-radius: 2px;
	background-color: #141414;
    border: 1px solid #0a0a0a;
    color: #aaa;
}


.thumbinner .thumbimage, 
.thumbborder {
    border-color: #363636;
}
/*Sitzverteilung im Kreistag Ostholstein 2018 */
@media screen and (max-width: 850px) {
	.thumbinner[style*="padding-right:5px"] {
		padding-left: 5px !important;
	}
}
.thumbimage.diagram.noprint[style$="background:white;"] {
	background: #363636 !important;
}
.thumbimage.diagram.noprint[style$="background:white;"] div[style$="background:white;"] {
	background: #363636 !important;
}


div.magnify a {
    filter: invert(1);
}

/*
 *
 * ############### 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 {
    background-size: contain;
    display: inline-block;
    float: none;
    font-size: inherit !important;
    height: 20px;
    margin-left: 0 !important;
    max-height: 1em;
    overflow: hidden;
    padding-top: 0;
    /* position: absolute; */
    right: 0;
    width: 0px;
}
.mw-editsection a {
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #999;
}
span.mw-editsection {
    filter: invert(1);
}

/* --------------- 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: #222;
    border-top: 1px solid #363636;
    color: #aaa;
    overflow-x: auto;
}
.mw-mmv-image-metadata {
    border-top: 1px solid #363636;
    background-color: #222;
    overflow-x: hidden;
}
.mw-mmv-credit {
    color: #999;
}
.mw-mmv-stripe-button.mw-mmv-description-page-button, 
.mw-mmv-stripe-button.mw-mmv-description-page-button:active, 
.mw-mmv-stripe-button.mw-mmv-description-page-button:visited {
	font-size: .75rem;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {
	display: none !important;
}
.mw-mmv-title-para.mw-mmv-title-smaller {
    font-size: .875rem;
    line-height: 1.3;
}

/* --------------- 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: #141414;
    padding: 2px;
}

/* MacOS navbox unten */
.NavFrame table,  .NavFrame tr, .NavFrame td, .NavFrame th, .NavFrame div[style]  {
	background: #1f1f1f !important;
    border-color: transparent !important;
    padding: .25rem .375rem !important;
}
/* Galahad */
.mw-parser-output div.NavFrame {
    border: 1px solid #000 !important;
    /* padding: 4px !important; */
    background: #1f1f1f !important;
}
.mw-parser-output .NavToggle {
    padding: 2px;
}

/* --------------- 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 #474747;
    border-radius: 2px;
    background-color: #181818;
    box-shadow: 0 3px 8px 2px rgba(0,0,0,0.75);
    font-size: .75rem;
}
div.navpopup hr {
    color: #555 !important;
    background-color: #555 !important;
    border-color: #555;
    border-bottom-style: none;
}
.popupPreview {
    font-size: .875rem;
}
span.popup_mainlink {
    font-size: 1.25rem;
    line-height: 1.1;
}
span.popup_mainlink a {
    color: #ccc;
}
.popup_drop a, 
.popup_drop a:visited {
    color: lightsteelblue !important;
}

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

/* Benzol, Quadratur des Kreises */
#mw-content-text img.mwe-math-fallback-image-inline {
    filter: hue-rotate(180deg) invert(1) brightness(.7);
    background-color: transparent;
    background-image: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

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

#p-logo {
	display: none;
}

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

.mw-highlight pre {
    background-color: #eae4e1d9;
    font-size: .75rem;
    border-radius: 5px;
    height: 30rem;
    overflow-y: scroll;
}

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

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

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

.mw-body #mw-content-text table img[alt^="Compass"],
.mw-body #mw-content-text table img[alt^="Nachbargemeinden"]{
    filter: hue-rotate(180deg) invert(1) brightness(0.8);
    background-color: transparent;
    background-image: none;
}

/* --------------- Koordinaten etc. */

/* Eisenach */
#mw-content-text #coordinates, 
#mw-content-text #editcount, 
#mw-content-text #shortcut, 
body.ns-special #mw-content-text .specialpage-helplink {
	top: 2rem;
}

/* --------------- Cards Wieterführende Links */

.ra-read-more > h2 {
	color: #7a7a7a;
}
.ext-related-articles-card-list .ext-related-articles-card {
    background: #363636;
    border: 1px solid rgba(255,255,255,0.2);
    margin-bottom: .25rem;
}
.ext-related-articles-card-list h3:after {
    background-image: linear-gradient(to right,rgba(255,255,255,0),#363636 50%);
}
.ext-related-articles-card-list h3 a {
    color: #ccc;
}
.ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card {
    border: 1px solid rgba(255,255,255,0.2);
}
.ext-related-articles-card-list {
    padding-bottom: 3rem;
}
.ext-related-articles-card-list .ext-related-articles-card-extract {
	color: #999;
}

/* --------------- Hilfe Icon und Link */

/* über Seitenüberschrift Seite Versionsgeschichte */
#mw-indicator-mw-helplink a {
    filter: hue-rotate(180deg) invert(1) brightness(.5);
    color: #000;
}

/* --------------- In Sprachenliste gute Artikel zeigen */

.badge-goodarticle:after {
    content: ' ♦︎';
}
.badge-featuredarticle:after {
    content: ' ★';
}
.uls-language-block .badge-goodarticle:after,
.uls-language-block .badge-featuredarticle:after {
	position: absolute;
    left: -1rem;
}
.badge-goodarticle,
.badge-featuredarticle {
    font-weight: bold;
    color: #ccc;
    position: relative;
}

/* --------------- Artikel Sprache wählen */

.uls-menu {
    background-color: #363636;
    border: 1px solid #666;
    box-shadow: 0 5px 10px rgba(0,0,0,0.9);
    line-height: 1.3;
}
.interlanguage-uls-menu.selector-right:before {
    border-left-color: #888;
}
.interlanguage-uls-menu.selector-left:before {
	border-right-color: #888;
}
.interlanguage-uls-menu.selector-right:after {
    border-left: 10px solid #464646;
}
.interlanguage-uls-menu.selector-left:after {
	border-right: 10px solid #464646;
}
.uls-search {
	background-color: #464646;
    border-bottom: 1px solid #2a2a2a;
}
.uls-lcd {
    background-color: #303030;
    color: #999;
    border-bottom: 0 solid transparent;
}
.uls-lcd-region-title {
    color: #ccc;
}
#uls-settings-block {
    border-top: 0 solid transparent;
}
.uls-language-block a {
    color: #aaa;
}
.uls-language-block > ul > li {
    padding: 4px 8px;
}
.uls-lcd {
    height: 30em;
}
.uls-languagefilter {
    color: #7a7a7a;
    background-color: #1a1a1a;
    padding-left: .25em;
}

/* --------------- Audio Player */

/* Das L. d. Brian */
audio, 
.mw-tmh-player.audio {
    display: block;
    margin: .5rem auto;
}

/* --------------- Seite bearbeiten */


div.editOptions {
    background: #363636;
    border-color: #050505;
}
div#editpage-copywarn {
    background: #141414;
    border-style: none;
}

/* --------------- Geteiltes Bild */

/* https://de.wikipedia.org/wiki/Datei:Ring-Flip-Mech.png */
#shared-image-desc span.mw-headline {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.sharedUploadNotice > * {
    width: fit-content;
    overflow-x: auto;
    display: block;
}
#shared-image-desc table.layouttemplate.mw-content-ltr {
    background: #141414 !important;
}
ul#filetoc {
    background: #2d2d2d;
    border-color: #141414;
    border-width: 1px;
    border-radius: 2px;
}
.mw-body #file.fullImageLink a > img {
    max-width: initial !important;
}
#file.fullImageLink {
    /* width: fit-content; */
    max-width: 100%;
    overflow-x: auto;
}
h2#filelinks,
h2#filehistory {
	text-transform: uppercase;
}

/* noch nicht gesichtet */
div.flaggedrevs_preview,
div.flaggedrevs_short,
.sitedir-ltr div.flaggedrevs_short {
    background-color: transparent;
    color: #ccc;
    margin-bottom: .5rem;
    border: 1px solid #c8ccd139;
}

.editOptions {
	color: #999;
}