*, *::before, *::after {
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	max-width: 100%;
}

/* Language switcher — use attribute selectors, more reliable than :lang() in Safari */

html:not([lang="en"]) .lang-en { display: none; }
html[lang="en"] .lang-de { display: none; }

/* General Hide */

.entry-title,
.post-edit-link,
#header {
	display: none;
}

img {
  pointer-events: none;
}

/* Dark */

body {
	font-family: 'Source Code Pro', monospace;
	background-color: white;
	color: black;
	margin: 0;
}

.sp_dark {
	background-color: #324c41;
	color: white;
}

.sp_dark .dot {
	background-color: white;
}

.sp_dark .sp_title-entry,
.sp_dark .sp_a_col,
.sp_dark .sp_but_imp a,
.sp_dark .sp_but_inst,
.sp_dark #sp_filter_btn,
.sp_dark .sp_filter_tag {
	color: white !important;
}

/* Footer */

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-bottom: 1rem;
}

.sp_but_imp {
	width: 100%;
	position: fixed;
	bottom: 0;
	display: block;
	color: black;
	text-align: center;
	font-size: 9pt;
	padding-bottom: 1rem;
}

.sp_but_inst {
	display: block;
	text-decoration: none;
	color: black;
	text-align: center;
	font-size: 9pt;
	padding-bottom: 1rem;
}

.sp_but_imp
.dot {
	height: 0.5rem;
	width: 0.5rem;
}

.sp_but_inst
.dot {
	height: 0.5rem;
	width: 0.5rem;
}

#copyright {
	text-align: center;
	margin-bottom: 1.5rem;
	font-size: 9pt;
}