Vorlage:Styles-XDR.css

.Styles-XDR.css { /* Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools */ }

.material-icons-outlined,
.material-icons {
	vertical-align:			top;
	font-size:				20px;
	}

.mat {
	font-family: Material Icons;
	}

.mat-o {
	font-family: Material Icons Outlined;
	}

.mat,
.mat-o {
	font-weight: 400;
	font-style: normal;
	/* font-size: 24px;
	line-height: 1; */
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	/* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga"; */
	}

.XDR-Menu .menu1 .material-icons {
	font-size:				1.4em;
	}

.XDR-Menu .menu1 {
	font-weight:			bold;
	margin-left:			3px;
	}

.XDR-Menu .menu2 {
	background:				aliceblue;
	color:					var(--sp-rot);
	}

.XDR-Menu .menu2 .mw-file-element {
	vertical-align:			baseline;
	}

.reiter.XDR {
	border-bottom:			2px solid var(--sp-rot);
	padding:				3px 10px;
	color:					var(--sp-rot);
	background:				#f5f5f5;
	}

.reiter.XDR.small {
	padding:				0px 3px;
	}

.button-default.button.XDR.light:not(.icon) {
	background:				#f0e4e6;
	color:					var(--sp-rot);
	}

.button.button-default.XDR:not(.icon) > i {
	margin-right:			5px;
	}

.button.XDR.icon {
	background:				#e3e6e8;
	border-radius:			20px;
	color:					var(--sp-rot);
	border:					0;
	display:				inline-flex;
	justify-content:		center;
	}

.button.button-default.XDR:not(.icon) {
	background:				var(--sp-rot);
	color:					#fff;
	padding:				5px 15px;
	border:					0;
	border-radius:			5px;
	}

.button.XDR {
	display:				inline-flex;
	}


.button.button-dropdown-solid.XDR {
	color: var(--utm-rot);
	border-color:#e52b2b;
}
.button-dropdown-solid.XDR i {
	border-left:			1px solid;
	padding:				4px 5px;
	margin-left:			5px;
	}