MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */
#p-logo-text {
	background: url( https://www.reichert-media.de/resources/assets/rm_name.png )!important;
	background-repeat: no-repeat!important;
	background-size: 100%!important;
	margin-left: -7.5px!important;
	margin-right: 7.5px!important;
}
#p-logo-text a {
	color: transparent!important;
	outline: none!important;
}
#p-logo {
	margin: 0 0 0 24px!important;
}
.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 h1.firstHeading {
	padding-bottom: 4px!important;
	border-bottom: solid 4px #0088f4!important;
}
.color-middle, .color-left, .color-right {
	background: #c1c1c1!important;
}
.mw-editsection {
	display: none;
}
.mw-parser-output h2:after {
	margin-top: 4px!important;
}
#site-navigation h2, #site-tools h2, #page-tools h2, #p-logo-text a {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
}
#personal h2 {
	padding: 0.3em 0 0 25px!important;
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
}
#mw-content-container {
	border-bottom: solid 4px #0088f4!important;
}
@media screen and (max-width: 850px) {
	#p-logo-text {
		width: 100%!important;
		height: 100%!important;
		margin-right: 18px!important;
	}
	.sidebar-inner h3, .dropdown h3 {
		padding-bottom: 4px!important;
	}
	#personal h2 {
		padding: 0.1em 0 0 10px!important;
		font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
	}
	#personal h2:after {
		left: 30px!important;
	}
	#site-tools h2:after {
		left: 25px!important;
	}
	#site-navigation h2:after {
		left: 26px!important;
	}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#p-logo-text {
		margin-right: 18px!important;
		margin-left: 0!important;
		margin-top: 2px!important;
	}
	#mw-site-navigation .sidebar-inner h3 {
		padding-bottom: 0.3em!important;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
	#p-logo-text {
		background-size: 90%!important;
    	margin-left: 0!important;
    	margin-right: 0!important;
	}
	#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
		padding-bottom: 0.3em!important;
	}
}
@media screen and (min-width: 1340px) {
	#p-logo-text {
		background-size: 90%!important;
    	margin-left: 0!important;
    	margin-right: 0!important;
	}
	#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
		padding-bottom: 0.3em!important;
	}
}