MediaWiki:Metrolook.css

/* All CSS here will be loaded for users of the Metrolook skin */
body {
	background-color: #202020;
}
.mw-body, .parsoid-body {
	background-color: #313131;
	color: #efefef;
}
#mw-page-base {
	background-image: none !important;
	background-color: #505050 !important;
}
#editform {
	margin-top: 20px !important;
}
#p-Seiten-list,
#p-Module-list,
#p-tb-list {
	width: 125px;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
.mw-body-content {
	font-size: 1.1em;
}
#preferences div.mw-prefs-tabs-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-framed {
	border-color: transparent !important;
}
#mw-editform-cancel a,
#ooui-php-169 {
	background-color: transparent !important;
}
div.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableGroupElement.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined.oo-ui-menuTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget {
	background-color: transparent !important;
}
#wpPreview:hover,
#wpDiff:hover,
a.oo-ui-buttonElement-button[href*='/index.php?title=Spezial:E-Mail-Adresse_%C3%A4ndern&returnto=Spezial%3AEinstellungen']:hover,
a.oo-ui-buttonElement-button[href*='/index.php?title=Spezial:Passwort_%C3%A4ndern&returnto=Spezial%3AEinstellungen']:hover,
a.oo-ui-buttonElement-button[href*='/Spezial:Manage_Two-factor_authentication']:hover,
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten']:hover,
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten/raw']:hover,
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten/clear']:hover,
a.oo-ui-buttonElement-button[href*='/index.php?title=Spezial:Tokens_zur%C3%BCcksetzen&returnto=Spezial%3AEinstellungen']:hover,
a.oo-ui-buttonElement-button[title='Optionen umschalten']:hover {
	background-color: #447ff5 !important;
	border-color: #447ff5 !important;
	color: #e8e8e8 !important;
}
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten'],
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten/raw'],
a.oo-ui-buttonElement-button[href*='/Spezial:Beobachtungsliste_bearbeiten/clear'] {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
span.oo-ui-iconElement-icon.oo-ui-icon-checkAll.oo-ui-image-invert {
	filter: invert(0) !important;
}
.centerdiv {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.simpdiv {
	background-color: #262626;
	padding: 10px;
}
.simptab {
	width: 100%;
	border-spacing: 0 10px;
}
.simptab > tbody > tr {
	background-color: #262626;
}
.simptab > tbody > tr > td:has(img) {
	text-align: center;
	padding: 10px;
}
.locked {
	margin-top: 26px;
}
.pdf-embed {
	width: 450px;
	height: 650px;
}
.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
	background: #36b !important;
}
#wikiEditor-section-main div.group.group-format span a,
#wikiEditor-section-main div.group.group-insert span a,
#wikiEditor-section-advanced div.group.group-format span a,
#wikiEditor-section-advanced div.group.group-insert span a,
#wikiEditor-section-advanced div.group.group-size span a, 
#wikiEditor-section-advanced div.group.group-search span a {
	background-color: #292a2d !important;
}
#wikiEditor-ui-toolbar div.ve-init-mw-editSwitch.oo-ui-toolbar.oo-ui-toolbar-position-top div.oo-ui-toolbar-bar {
	border-color: transparent !important;
	margin-top: 5px !important;
}
#wikiEditor-ui-toolbar div.ve-init-mw-editSwitch.oo-ui-toolbar.oo-ui-toolbar-position-top div.oo-ui-toolbar-popups div span a span.oo-ui-iconElement-icon.oo-ui-icon-eye {
	filter: invert(2);
}
#contentSub {
	display: none;
}
th a, th a:visited {
	color: #ff9900;
}
tbody > tr:hover > td {
    background-color: unset !important;
    color: unset !important;
}
#mw-panel.collapsible-nav .portal .body ul li a {
	text-decoration: none;
}
.navLoaded {
	display: block !important;
}
#mw-panel #p-logo + div.portal {
	margin-left: 15px;
}
#mw-panel.collapsible-nav .portal.collapsed h5:hover {
	text-decoration: none;
}
#p-Seiten {
	margin-left: 1.45em;
}
#p-Seiten,
#p-Module,
#p-tb {
	display: none;
}
#n-Start {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/start-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Suche {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/suche-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Forum {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/forum-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Downloads {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/downloads-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Kontakt {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/kontakt-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Webdesign {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/webdesign-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Entwicklung {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/entwicklung-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Healthcare {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/healthcare-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Maler {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/maler-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Servers {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/servers-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Media {
	background-size: 20px;
	background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/media-icon.png);
    padding: 4px 0 3px 1.75em !important;
    margin-left: -0.8em !important;
    margin-bottom: 5px !important;
}
#n-Start:hover,
#n-Suche:hover,
#n-Forum:hover,
#n-Downloads:hover,
#n-Kontakt:hover,
#n-Webdesign:hover,
#n-Entwicklung:hover,
#n-Healthcare:hover,
#n-Maler:hover,
#n-Servers:hover,
#n-Media:hover,
#p-tb-list li:hover {
	cursor: pointer;
	background-color: #373737;
}
#p-tb-list {
	margin-left: -14px !important;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#footer-info {
	margin-bottom: -10px!important;
}
.numlist {
	margin-left: 11px;
}
.numcontent {
	margin-left: 22px;
}
.imageContainer {
	width: 100%;
	height: auto;
	max-width: 500px;
}
img.container {
	width: 100%;
	height: auto;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
	border: 1px solid transparent;
}
.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	border-color: transparent;
	background-color: #36b;
	color: #efefef;
}
#listwrapper {
	text-align: center;
}
#listcontent {
	text-align: left;
	margin: 0 auto;
	width: 100%;
}
.listpage {
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: -60px;
}
#mw-panel {
	padding-left: 0.5em;
}
#mw-panel div.portal {
	font-size: 1.2em;
	margin-left: 0;
}
#mw-panel div.portal div.body ul li {
    line-height: 1.125em;
    margin: 0;
    padding: 0.25em 0;
    font-size: 0.85em;
}
.split-list dl {
	font-size: 0.9em;
	margin-top: -11px;
	margin-bottom: 12px;
	margin-left: 3px;
}
.oo-ui-toolbar-bar {
    background-color: transparent;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 1px solid #36b;
}
.oo-ui-menuToolGroup {
    border-left: 1px solid #36b;
    border-right: 1px solid #36b;
}
.mw-mmv-filepage-buttons .mw-mmv-view-config .mw-ui-icon:before,
.mw-mmv-filepage-buttons .mw-mmv-view-expanded .mw-ui-icon:before,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-iconElement-icon.oo-ui-icon-textStyle,
.oo-ui-iconElement-icon.oo-ui-icon-listBullet,
.oo-ui-iconElement-icon.oo-ui-icon-specialCharacter,
.oo-ui-iconElement-icon.oo-ui-icon-help,
.oo-ui-iconElement-icon.oo-ui-icon-menu,
.oo-ui-iconElement-icon.oo-ui-icon-undo,
.oo-ui-iconElement-icon.oo-ui-icon-redo,
.oo-ui-iconElement-icon.oo-ui-icon-cancel,
.oo-ui-iconElement-icon.oo-ui-icon-listBullet,
.oo-ui-iconElement-icon.oo-ui-icon-listNumbered {
	filter: invert(1);
}
img.uploadbutton {
    position: inherit;
    background-image: url(/skins/Metrolook/images/uploadlogo.svg?7a177);
    width: 30px;
    height: 35px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}
.icWebdesign {
	background-image: url(/images/thumb/f/fa/Webdesign.png/60px-Webdesign.png);
}
.navarrow {
  border: solid #ff9900;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 4px;
  margin-bottom: 1px;
}
.navright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navleft {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.navup {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.navdown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.navspace {
	margin-left: 7px;
}
.navbutton {
    margin-left: 12px;
    margin-right: -5px;
}
#catlinks {
	display: none;
}
#mw-panel div.portal h5 {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
	font-weight: bold;
}
.tabber__header__next:after,
.tabber__header__prev:after{
    filter: invert(1);
}
.mw-wiki-logo {
	background-image: url("/resources/assets/rm_logo.svg");
	background-size: 114px;
}
#p-logo {
	margin-bottom: 0;
	display: none;
}
#p-logo a {
	-webkit-filter: contrast(2);
	filter: contrast(2);
}
#p-logo a:hover {
	-webkit-filter: contrast(2) opacity(.75);
	filter: contrast(2) opacity(.75);
}
.mw-jump-link {
	display: none!important;
}
div.thumbinner {
    border: 0;
    background-color: transparent;
}
.mw-spinner {
	filter: invert(1);
}
.thumbcaption {
    border: 0;
    font-size: 94%;
    background-color: #36b;
}
.thumbcaption a,
.thumbcaption a:visited {
	color: #efefef;
}
.mime-type.has-warning {
	color: #a1a1a1;
}
.oo-ui-popupWidget-popup {
    background-color: #212121;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
}
.mw_metadata td, .mw-datatable td {
	background-color: transparent;
}
.wikitable > tr > th, .wikitable > * > tr > th, .mw_metadata th, .mw-datatable th {
    background-color: #36b;
    text-align: center;
}
.wikitable > tr > td, .wikitable > * > tr > td, .mw_metadata td, .mw-datatable td {
	border: 1px solid #36b;
    padding: 0.2em 0.4em;
}
.mw_metadata th, .mw-datatable th {
	border: 1px solid #36b;
    padding: 0.2em 0.4em;
}
.wikitable > tr > th, .wikitable > * > tr > th {
	border: 1px solid #36b;
    padding: 0.2em 0.4em;
}
.wikitable {
    background-color: transparent;
    color: #efefef;
    margin: 1em 0;
    border: 0;
    border-collapse: collapse;
}
.wikiEditor-ui-toolbar {
	background-color: transparent;
}
.wikiEditor-ui-view.wikiEditor-ui-view-wikitext {
	border: 1px solid #006df4;
	border-radius: 5px;
}
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group {
	border-color: #006df4;
}
.wikiEditor-ui-toolbar .sections .section {
	border-top: 1px solid #006df4;
}
.oo-ui-indicator-down,
.oo-ui-icon-pilcrow,
.oo-ui-icon-wrapping,
.oo-ui-icon-gotoLine,
.oo-ui-icon-bold, .mw-ui-icon-bold:before,
.oo-ui-icon-italic, .mw-ui-icon-italic:before,
.oo-ui-icon-link, .mw-ui-icon-link:before,
.oo-ui-icon-image, .mw-ui-icon-image:before,
.oo-ui-icon-reference, .mw-ui-icon-reference:before,
.oo-ui-icon-highlight, .mw-ui-icon-highlight:before,
.oo-ui-icon-edit, .mw-ui-icon-edit:before,
.oo-ui-icon-markup, .mw-ui-icon-markup:before,
.oo-ui-icon-indent, .mw-ui-icon-indent:before,
.oo-ui-icon-outdent, .mw-ui-icon-outdent:before,
.oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.wikiEditor-ui-toolbar .tabs span.tab a:before {
	filter: invert(1);
}
.wikiEditor-ui-toolbar .tabs span.tab a {
	color: #36b;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #ff9900;
}
.mw-parser-output h2 span {
	font-weight: bold;
	color: #ff9900;
}
.mw-parser-output dl dt {
	color: #efefef;
}
.mw-parser-output dl dd {
	color: #a1a1a1;
}
.mw-parser-output dl dd i {
	color: #028d00;
}
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink {
	color: #36b;
}
.ace-tm {
	background-color: #212121;
	color: #f8f8f2;
}
.ace-tm .ace_gutter-active-line {
	background-color: #006df4;
	color: #efefef;
}
.ace-tm .ace_constant.ace_numeric {
	color: #ff9900;
}
.ace-tm .ace_storage, .ace-tm .ace_keyword {
	color: #004ecf;
}
.codeEditor-status {
    background-color: #292a2d;
    border-top: 1px solid #292a2d;
}
#wpTextbox1, .ace_text-input {
	caret-color: white;
}
.mw-highlight {
	background: #212121;
	color: #efefef;
}
pre, code, .mw-code {
	background-color: #212121;
	color: #efefef;
}
#pt-anonuserpage {
	margin-left: 11.5px!important;
	color: #ff9900;
}
.mw-htmlform-submit-buttons input {
	color: #fff;
    background-color: #36c;
    border-color: #36c;
    width: 150px;
    height: 30px;
}
.oo-ui-tabSelectWidget-framed {
	background-color: #006df4;
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
    border-color: #006df4;
}
.mw-prefs-buttons {
	background-color: transparent;
}
.oo-ui-labelWidget.oo-ui-inline-help {
	color: #a1a1a1;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color: #005ba0;
	color: #efefef;
}
.oo-ui-tabOptionWidget {
	color: #efefef;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget-selected.oo-ui-optionWidget.oo-ui-tabOptionWidget {
	background-color: #005ba0;
	color: #efefef;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget:hover {
	color: #efefef;
}
.ui-widget-content {
	background: none;
	background-color: #313131;
	color: #efefef;
}
.ui-widget-header {
	background: none;
	background-color: #006df4;
	border: 1px solid #006df4;
	color: #efefef;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
	background-color: #006df4;
	border: 1px solid #006df4;
	color: #efefef;
}
#mw-page-base {
    height: 2.5em;
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #006df4;
    background-image: linear-gradient(to bottom,#006df4 50%,#006df4 100%);
    min-width: 100%;
    position: fixed;
    top: 0px;
    z-index: 3;
}
a.new:visited {
    color: #dd3333;
}
ul {
    list-style-image: url(/resources/assets/rm_bullet.png);
}
#filetoc {
	text-align: left;
	background-color: transparent;
	border: 0;
}
.multipageimagenavbox form input[type="submit"] {
	background-color: #36b;
	color: #efefef;
	border: 0;
}
.toc, .toccolours {
    border: 1px solid #a2a9b1;
    background-color: transparent;
    padding: 5px;
    font-size: 95%;
}
.toctogglelabel {
    cursor: pointer;
    color: #ff9900;
}
.tocnumber {
	color: #ff9900;
}
.toc ul li a {
	color: #efefef;
}
.toc {
	margin-top: 10px;
}
div.vectorMenu ul {
    background-color: #202020;
    border: solid 2px #006df4;
}
div.vectorMenu li a {
	color: #efefef;
}
div.vectorMenu li a:hover {
	background-color: #006df4;
}
div.vectorMenu h5 span {
    display: inline-block;
    width: 24px;
    height: 2em;
    background-color: transparent;
    background-image: url(/skins/Metrolook/images/arrow-down-icon.svg?85fb7);
    background-position: 30% 30%;
    background-repeat: no-repeat;
}
div.vectorMenu:hover h5 span {
    background-color: #3e3e3e;
}
div.vectorMenu:hover {
    background-color: #3e3e3e;
}
.onhoverbg:hover {
	background: #3e3e3e;
}
div.vectorTabs a:hover {
	background: #3e3e3e;
}
div.vectorMenu:hover h5 span {
	background-color: #3e3e3e;
}
div.vectorMenu:hover {
	background-color: #3e3e3e;
}
img.downarrow {
	background-image: url( /skins/Metrolook/images/downarrow.svg );
}
img.downarrow:hover {
	position: inherit;
	background: #3e3e3e;
	background-image: url( /skins/Metrolook/images/downarrow.svg );
	width: 28px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
.hoverbox:hover {
	background: #3e3e3e;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
    color: #ffb100;
}
h1, h2, h3, h4, h5, h6 {
    color: #efefef;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
    width: 100%;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #36b;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: transparent;
}
.oo-ui-icon-expand, .mw-ui-icon-expand:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
#contentSub, #contentSub2 {
	color: #a1a1a1;
}
#footer ul li {
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #efefef;
    font-size: 0.8em;
}
a {
    text-decoration: none;
    color: #36b;
    background: none;
}
a:visited {
    color: #36b;
}
#mw-panel div.portal div.body ul li a {
    color: #e8e8e8;
}
#mw-panel.collapsible-nav .portal.collapsed h5 {
	color: #0645ad;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/resources/assets/closed.svg?27c72);
    background-size: 19px;
}
#mw-panel.collapsible-nav .portal.collapsed h5 a {
    color: #e8e8e8;
    text-decoration: none !important;
}
#mw-panel.collapsible-nav .portal h5 {
    background-image: url(/resources/assets/open.svg?36f48);
    padding: 4px 0 3px 1.35em;
    margin-left: 0.65em;
    background-size: 19px;
}
#mw-panel.collapsible-nav .portal h5 a {
    color: #858585;
    text-decoration: none !important;
}
#p-search form {
	display: none;
	margin-top: -2px;
}
#searchButton:hover {
	cursor: pointer;
	background-color: #3e3e3e;
}
img.searchbar {
    background-image: url(/resources/assets/rm_search.png);
    background-size: 22px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-right: 0;
    margin-top: 9px;
    float: none;
    margin-left: 5px;
}
#mw-indicator-mw-helplink {
	display: none;
}
#mw-indicator-mw-helplink a {
    background-image: url(/resources/assets/rm_help.png);
    background-size: 20px;
}
.oo-ui-indicator-clear {
	margin-top: 1.5px;
}
.mw-search-profile-tabs {
    background-color: transparent;
    border: 1px solid #efefef;
    border-radius: 2px;
    margin-bottom: 10px;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
	color: #36b;
}
#footer-places-privacy, #footer-places-about, #footer-places-disclaimer {
	display: none;
}
#footer-places-Copyright {
	display: block;
	width: 100%;
}
#footer-places-Datenschutz, #footer-places-Impressum {
	margin-bottom: 20px;
}
#mw-panel div.portal div.body ul li a:visited {
    color: #e8e8e8;
}
#ooui-php-1 {
	height: 40px;
}
#mw-search-top-table .oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout .oo-ui-fieldLayout-body .oo-ui-fieldLayout-field {
    margin-top: 15px;
}
.results-info, .mw-search-result-data {
    color: #a1a1a1;
}
.search-types .current a {
    color: #ff9900;
    cursor: default;
}
.simpleTiles {
	width: 100%;
	margin-top: 10px;
}
.simpleTile-small {
	border: 2px solid transparent;
	float: left;
	display: inline-block;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	margin-top: 10px;
}
.simpleTile-content {
		margin-top: 30px;
	}
.simpleTile-small:hover {
	border: 2px solid transparent;
	cursor: pointer;
}
.simpleTile-content p a,
.simpleTile-banner ul li a,
.simpleTile-banner p a,
.simpleTile-content p a.external,
.simpleTile-banner ul li a.external,
.simpleTile-banner p a.external,
.simpleTile-content p a:visited,
.simpleTile-banner ul li a:visited,
.simpleTile-banner p a:visited,
.simpleTile-content p a.external:visited,
.simpleTile-banner ul li a.external:visited,
.simpleTile-banner p a.external:visited {
	color: #efefef;
	pointer-events: none;
	background-image: none;
	padding-right: 0;
}
.simpleTile-content p a.new,
.simpleTile-banner ul li a.new,
.simpleTile-banner p a.new {
	color: #dd3333;
}
.simpleTile-banner ul {
	margin-top: 9px;
}
.simpleTile-banner {
	border: 2px solid transparent;
	display: inline-block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
}
.simpleTile-banner:hover {
	border: 2px solid transparent;
	cursor: pointer;
}
.simpleTile-page ul {
	margin-top: 7px;
	margin-bottom: 7px;
}
.simpleTile-page {
	border: 2px solid transparent;
	display: inline-block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
}
.simpleTile-page:hover {
	border: 2px solid transparent;
	cursor: pointer;
}
.simpleTile-button p {
	margin-bottom: 7px;
    margin-top: 7px;
}
.simpleTile-button ul {
	margin-top: 9px;
}
.simpleTile-button {
	border: 2px solid transparent;
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin-right: 10px;
	margin-top: 30px;
    margin-bottom: 20px;
}
.simpleTile-button:hover {
	border: 2px solid transparent;
	cursor: pointer;
}
.simpleTile-blue {
	background-color: #006df4;
}
.simpleTile-blue:hover {
	background-color: #005ba0;
}
.simpleTile-green {
	background-color: #009502;
}
.simpleTile-green:hover {
	background-color: #006902;
}
.simpleTile-red {
	background-color: #b10000;
}
.simpleTile-red:hover {
	background-color: #800000;
}
.simpleTile-orange {
	background-color: #b14e00;
}
.simpleTile-orange:hover {
	background-color: #873a00;
}
.simpleTile-violett {
	background-color: #b000b7;
}
.simpleTile-violett:hover {
	background-color: #87008e;
}
.simpleTile-darkviolett {
	background-color: #6d00b1;
}
.simpleTile-darkviolett:hover {
	background-color: #500089;
}
.simpleTile-yellow {
	background-color: #b99900;
}
.simpleTile-yellow:hover {
	background-color: #967a00;
}
.simpleTile-grey {
	background-color: #3c3c3c;
}
.simpleTile-grey:hover {
	background-color: #003b68;
}
.simpleTile-darkgrey {
	background-color: #4c4c4c;
}
.simpleTile-darkgrey:hover {
	background-color: #3c3c3c;
}
.simpleTile-altblue {
	background-color: #00479e;
}
.simpleTile-altblue:hover {
	background-color: #003b68;
}
.simpleTile-content {
	display: block;
	margin-top: 30px;
}
.simpleTile-content p {
	font-size: 17.5px;
	text-align: center;
}
.mw-editsection {
	display: none;
}
#pagehistory li.selected {
	background-color: #202020;
	color: #efefef;
}
.mw-ui-button {
	background-color: #006df4;
	color: #efefef;
}
.historysubmit.mw-history-compareselectedversions-button.mw-ui-button:hover {
	background-color: #005ba0;
	color: #efefef;
}
#footer {
	padding: 0;
}
#simpleTiles-Moduls {
	height: 220px;
	margin-top: -47px;
}
#simpleTiles-Pages {
	height: 240px;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	color: #a1a1a1;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: #efefef;
}
.safeicons > tbody > tr > td:has(img) {
	text-align: center;
	padding: 10px;
}
.safeicons > tbody > tr > td:contains-selector(img) {
	max-width: 300px;
}
.safeicons > tbody > tr > td > img {
	max-width: 300px;
	width: 100%;
	height: auto;
}
.statements {
	display: table;
}
.mobilestatements {
	display: none;
}
.mobileonly {
	display: none;
}
.screenonly {
	display: block;
}
@media screen and (max-width: 390px) {
	.centerdiv {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#simpleTiles-Moduls {
		height: 710px;
	}
	#simpleTiles-Pages {
		height: 410px;
	}
	#listcontent {
		text-align: left;
		margin: 0 auto;
		width: 268px;
		padding-left: 10px;
	}
	.simpleTile-small {
		border: 2px solid transparent;
		float: left;
		display: inline-block;
		width: 120px;
		height: 120px;
		margin-right: 10px;
		margin-top: 10px;
	}
	.simpleTile-content {
		margin-top: 16px;
	}
	.locked img,
	.centerimg img,
	.centerdiv img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.statements {
		display: none;
	}
	.mobilestatements {
		display: table;
	}
	.mobileonly {
		display: block;
	}
	.screenonly {
		display: none;
	}
}
#left-navigation {
    background-color: #006df4;
}
#hamburgerIcon:hover {
	cursor: pointer;
	background-color: transparent;
}
span.title-name {
	font-size: 20px;
	margin-bottom: 10px;
}
@media screen and (min-width: 391px) and (max-width: 540px) {
	.centerdiv {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	img.line {
		display: none;
	}
	#simpleTiles-Moduls {
		height: 380px;
	}
	#simpleTiles-Pages {
		height: 240px;
	}
	#listcontent {
		text-align: left;
		margin: 0 auto;
		width: 268px;
		padding-left: 10px;
	}
	.simpleTile-small {
		border: 2px solid transparent;
		float: left;
		display: inline-block;
		width: 120px;
		height: 120px;
		margin-right: 10px;
		margin-top: 10px;
	}
	.simpleTile-content {
		margin-top: 16px;
	}
	.locked img,
	.centerimg img,
	.centerdiv img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.safeicons > tbody > tr > td:contains-selector(img) {
		max-width: 300px;
	}
	.safeicons > tbody > tr > td > img {
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	.statements {
		display: none;
	}
	.mobilestatements {
		display: table;
	}
	.mobileonly {
		display: block;
	}
	.screenonly {
		display: none;
	}
}
@media screen and (min-width: 465px) and (max-width: 554px) {
	.screenonly {
		display: none;
	}
	.mobileonly {
		display: block;
	}
	.simpleTile-small {
		border: 2px solid transparent;
		float: left;
		display: inline-block;
		width: 120px;
		height: 120px;
		margin-right: 10px;
		margin-top: 10px;
	}
	.simpleTile-content {
		margin-top: 16px;
	}
}
@media screen and (min-width: 540px) and (max-width: 554px) {
	#listcontent {
		text-align: left;
		margin: 0 auto;
		width: 268px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 768px) {
	img.line {
		display: none;
	}
	img.hamburger {
    	background-image: url(/resources/assets/rm_menu.png);
    	background-size: 30px;
    	width: 30px;
    	height: 30px;
    	margin-left: 6px;
    	margin-top: 4.5px;
    	padding: 0;
    	background-repeat: no-repeat;
	}
	img.userIcon40:not(.socialprofile-avatar) {
		margin-top: -2px;
	}
	.userIcon40 {
		margin-top: -3px;
	}
	#editContainer {
		display: none;	
	}
	#editContainer:hover {
		cursor: pointer;
		background-color: transparent;
	}
	img.editbutton {
		display: none;
    	background-image: url(/resources/assets/rm_edit.png);
    	background-size: 22px;
    	width: 22px;
    	height: 22px;
    	background-repeat: no-repeat;
    	margin-right: 0;
    	margin-top: 9px;
    	float: none;
    	margin-left: 5px;
	}
	img.editbutton:hover {
		background-color: transparent;
		margin-right: 0;
    	margin-top: 9px;
    	float: none;
    	margin-left: 5px;
	}
	#left-navigation {
    	display: none;
    	position: fixed;
    	top: auto;
    	bottom: 0px;
    	left: auto;
    	z-index: 1000;
    	list-style: none;
    	padding: 0;
    	margin: 0 auto;
    	line-height: 1.5em;
    	background-color: #006df4;
    	width: 100%;
    	text-align: center;
	}
	div.actionmenu ul {
    	position: fixed;
    	border: 0;
    	border-top: solid 2px #006df4;
    	margin-left: 0;
    	bottom: 40px;
		right: -0.3em;
    	width: 100vw;
	}
	#mw-panel {
    	background: #202020;
	}
	.safeicons > tbody > tr > td:contains-selector(img) {
		max-width: 300px;
	}
	.safeicons > tbody > tr > td > img {
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	.statements {
		display: none;
	}
	.mobilestatements {
		display: table;
	}
	span.title-name {
		font-size: 20px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1113px) {
	img.line {
		display: none;
	}
	#hamburgerIcon {
		display: none;
	}
	#editContainer {
		display: none;	
	}
	#editContainer:hover {
		cursor: pointer;
		background-color: transparent;
	}
	img.editbutton {
		display: none;
    	background-image: url(/resources/assets/rm_edit.png);
    	background-size: 22px;
    	width: 22px;
    	height: 22px;
    	background-repeat: no-repeat;
    	margin-right: 0;
    	margin-top: 9px;
    	float: none;
    	margin-left: 5px;
	}
	img.editbutton:hover {
		background-color: transparent;
		margin-right: 0;
    	margin-top: 9px;
    	float: none;
    	margin-left: 5px;
	}
	#left-navigation {
    	display: none;
    	position: fixed;
    	top: auto;
    	bottom: 0px;
    	left: auto;
    	z-index: 1000;
    	list-style: none;
    	padding: 0;
    	margin: 0 auto;
    	line-height: 1.5em;
    	background-color: #006df4;
    	width: 100%;
    	text-align: center;
	}
	div.actionmenu ul {
    	position: fixed;
    	border: 0;
    	border-top: solid 2px #006df4;
    	margin-left: 0;
    	bottom: 40px;
		right: -0.3em;
    	width: 100vw;
	}
	.safeicons > tbody > tr > td:contains-selector(img) {
		max-width: 300px;
	}
	.safeicons > tbody > tr > td > img {
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	.statements {
		display: table;
	}
	.mobilestatements {
		display: none;
	}
	.mobileonly {
		display: none;
	}
	.screenonly {
		display: block;
	}
}
@media screen and (min-width: 769px) {
	::-webkit-scrollbar,
	#mw-panel::-webkit-scrollbar {
		width: 8px !important;
		height: 15px !important;
	}
	::-webkit-scrollbar-track,
	#mw-panel::-webkit-scrollbar-track {
		background: #202020 !important;
	}
	::-webkit-scrollbar-track-piece,
	#mw-panel::-webkit-scrollbar-track-piece {
		background-color: #202020 !important;
	}
	::-webkit-scrollbar-thumb,
	#mw-panel::-webkit-scrollbar-thumb {
		background: #006df4 !important;
	}
	::-webkit-scrollbar-thumb:vertical,
	#mw-panel::-webkit-scrollbar-thumb:vertical {
		background-color: #006df4 !important;
	}
	::-webkit-scrollbar-thumb:hover,
	#mw-panel::-webkit-scrollbar-thumb:hover {
		background: #005ba0 !important;
	}
}
@media screen and (min-width: 541px) and (max-width: 703px) {
	#simpleTiles-Moduls {
    	height: 370px;
	}
}
@media screen and (min-width: 769px) and (max-width: 879px) {
	img.line {
		display: none;
	}
	#simpleTiles-Moduls {
    	height: 370px;
	}
}
@media screen and (min-width: 1114px) {
	#hamburgerIcon {
		display: none;
	}
	#editContainer {
		display: none;	
	}
	img.editbutton {
    	display: none;
	}
	#left-navigation {
		float: initial;
    	display: inline!important;
	}
	.safeicons > tbody > tr > td:contains-selector(img) {
		max-width: 300px;
	}
	.safeicons > tbody > tr > td > img {
		width: 300px;
		height: auto;
	}
	.statements {
		display: table;
	}
	.mobilestatements {
		display: none;
	}
	.mobileonly {
		display: none;
	}
	.screenonly {
		display: block;
	}
}
@media screen and (min-width: 982px) {
	#footer {
		padding: 0;
	}
}