@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);


/* =========================================================
   GLOBAL ROOT
   Zentrale Farben für das gesamte Design.
   Der Sidebit verwendet dieselben Variablen.
   ========================================================= */

:root {

	/* -----------------------------------------------------
	   SCHRIFTEN
	----------------------------------------------------- */

	--sidebit-font:
		"Inter",
		Arial,
		sans-serif;

	--sidebit-display:
		"Cormorant Garamond",
		Georgia,
		serif;


	/* -----------------------------------------------------
	   GRUNDFARBEN
	----------------------------------------------------- */

	--sidebit-bg: #0a0809;
	--sidebit-bg-deep: #070607;
	--sidebit-bg-soft: #0e0b0c;

	--sidebit-panel: #100c0e;
	--sidebit-panel-raised: #151013;
	--sidebit-panel-hover: #1b1316;

	--sidebit-text: #c6babe;
	--sidebit-text-soft: #96898e;
	--sidebit-text-muted: #685c61;
	--sidebit-text-strong: #eee5e8;

	--sidebit-accent-dark: #4e1019;
	--sidebit-accent: #741b2a;
	--sidebit-accent-medium: #92283a;
	--sidebit-accent-light: #b64356;
	--sidebit-accent-pale: #ce7180;

	--sidebit-transparent: transparent;


	/* -----------------------------------------------------
	   TRANSPARENZEN
	----------------------------------------------------- */

	--sidebit-line:
		rgba(194, 150, 161, 0.11);

	--sidebit-line-strong:
		rgba(194, 150, 161, 0.22);

	--sidebit-line-accent:
		rgba(182, 67, 86, 0.42);

	--sidebit-wash:
		rgba(116, 27, 42, 0.08);

	--sidebit-wash-medium:
		rgba(116, 27, 42, 0.12);

	--sidebit-wash-strong:
		rgba(116, 27, 42, 0.18);

	--sidebit-light-faint:
		rgba(255, 255, 255, 0.018);

	--sidebit-light-soft:
		rgba(255, 255, 255, 0.035);

	--sidebit-light-medium:
		rgba(255, 255, 255, 0.055);

	--sidebit-black-soft:
		rgba(0, 0, 0, 0.18);

	--sidebit-black:
		rgba(0, 0, 0, 0.42);

	--sidebit-black-strong:
		rgba(0, 0, 0, 0.68);

	--sidebit-overlay:
		rgba(4, 3, 4, 0.78);


	/* -----------------------------------------------------
	   STATUSFARBEN
	----------------------------------------------------- */

	--sidebit-success: #668b71;
	--sidebit-success-bg: rgba(102, 139, 113, 0.12);
	--sidebit-success-border: rgba(102, 139, 113, 0.35);

	--sidebit-warning: #b58a55;
	--sidebit-warning-bg: rgba(181, 138, 85, 0.12);
	--sidebit-warning-border: rgba(181, 138, 85, 0.38);

	--sidebit-danger: #b94c61;
	--sidebit-danger-dark: #8c3042;
	--sidebit-danger-bg: rgba(185, 76, 97, 0.12);
	--sidebit-danger-border: rgba(185, 76, 97, 0.38);

	--sidebit-info: #808ba8;
	--sidebit-info-bg: rgba(128, 139, 168, 0.11);
	--sidebit-info-border: rgba(128, 139, 168, 0.32);


	/* -----------------------------------------------------
	   VERLÄUFE
	----------------------------------------------------- */

	--sidebit-panel-gradient:
		linear-gradient(
			145deg,
			#151013,
			#0b080a
		);

	--sidebit-table-head:
		linear-gradient(
			to right,
			rgba(116, 27, 42, 0.14),
			rgba(116, 27, 42, 0.035) 58%,
			rgba(116, 27, 42, 0)
		);

	--sidebit-table-head-strong:
		linear-gradient(
			to right,
			rgba(146, 40, 58, 0.19),
			rgba(116, 27, 42, 0.055) 62%,
			rgba(116, 27, 42, 0)
		);

	--sidebit-row-hover:
		linear-gradient(
			to right,
			rgba(116, 27, 42, 0.08),
			rgba(116, 27, 42, 0.025) 65%,
			rgba(116, 27, 42, 0)
		);

	--sidebit-divider:
		linear-gradient(
			to right,
			rgba(182, 67, 86, 0),
			rgba(182, 67, 86, 0.52),
			rgba(182, 67, 86, 0)
		);

	--sidebit-button-gradient:
		linear-gradient(
			135deg,
			#741b2a,
			#4e1019
		);

	--sidebit-button-gradient-hover:
		linear-gradient(
			135deg,
			#92283a,
			#681622
		);


	/* -----------------------------------------------------
	   SCHATTEN
	----------------------------------------------------- */

	--sidebit-shadow-soft:
		0 10px 32px rgba(0, 0, 0, 0.22);

	--sidebit-shadow:
		0 18px 48px rgba(0, 0, 0, 0.34);

	--sidebit-shadow-strong:
		0 22px 60px rgba(0, 0, 0, 0.52);

	--sidebit-focus:
		0 0 0 3px rgba(182, 67, 86, 0.15);

	--sidebit-glow:
		0 0 22px rgba(182, 67, 86, 0.16);


	/* -----------------------------------------------------
	   ABMESSUNGEN
	----------------------------------------------------- */

	--global-content-width: 1500px;
	--global-radius: 2px;
	--global-radius-large: 4px;


	/* -----------------------------------------------------
	   ALTE DESIGNVARIABLEN
	   Kompatibilität mit bestehenden Templates / Plugins.
	----------------------------------------------------- */

	--body: var(--sidebit-bg);
	--back: var(--sidebit-bg-deep);
	--txt: var(--sidebit-text);
	--accent: var(--sidebit-accent-light);
	--accent-light: var(--sidebit-accent-pale);
	--hbg: var(--sidebit-panel);
	--hltxt: var(--sidebit-accent-pale);
}


/* =========================================================
   RESET
   ========================================================= */

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

html {
	margin: 0;
	padding: 0;

	scroll-behavior: smooth;

	background: var(--sidebit-bg-deep);
}

body {
	position: relative;

	width: 100%;
	min-height: 100vh;

	margin: 0;
	padding: 0;

	overflow-x: hidden;

	color: var(--sidebit-text);

	font-family: var(--sidebit-font);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;

	text-align: left;

	background: var(--sidebit-bg);
}


/* =========================================================
   AUSWAHL / SCROLLBAR
   ========================================================= */

::selection {
	color: var(--sidebit-text-strong);
	background: var(--sidebit-accent-dark);
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;

	background: var(--sidebit-bg-deep);
}

::-webkit-scrollbar-track {
	background: var(--sidebit-bg-deep);
}

::-webkit-scrollbar-thumb {
	background: var(--sidebit-accent-dark);

	border-radius: var(--global-radius);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--sidebit-accent);
}

* {
	scrollbar-width: thin;
	scrollbar-color:
		var(--sidebit-accent-dark)
		var(--sidebit-bg-deep);
}


/* =========================================================
   TYPOGRAFIE
   ========================================================= */

p {
	margin: 0 0 1.3em;
}

p:last-child {
	margin-bottom: 0;
}

strong,
b {
	color: var(--sidebit-text-strong);
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

u {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-color: var(--sidebit-accent-light);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

small {
	font-size: 0.88em;
}

.largetext {
	color: var(--sidebit-text-strong);

	font-family: var(--sidebit-display);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
}


/* =========================================================
   LINKS
   ========================================================= */

a:link,
a:visited {
	color: var(--sidebit-accent-pale);

	font-weight: 600;

	text-decoration: none;

	transition:
		color 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease;
}

a:hover,
a:active {
	color: var(--sidebit-text-strong);

	text-decoration: none;
}

a:focus-visible {
	outline: 1px solid var(--sidebit-accent-light);
	outline-offset: 3px;
}


/* Headerlinks nicht künstlich fett machen */

#header a:link,
#header a:visited {
	font-weight: inherit;
}


/* =========================================================
   HAUPTLAYOUT
   ========================================================= */

#container {
	position: relative;

	width: 100%;
	min-width: 0;
	min-height: 100vh;

	margin: 0;

	color: var(--sidebit-text);

	background: var(--sidebit-bg);
}

.index-wrapper {
	position: relative;

	width: 100%;
	max-width: none;

	margin: 0 auto;
}

.wrapper {
	width: 100%;
	min-width: 0;
	max-width: var(--global-content-width);

	margin: 0 auto;

	color: var(--sidebit-text);
}

#content {
	position: relative;

	width: 100% !important;

	margin: 0;

	box-sizing: border-box;
}

#content .szenentracker_info {
	display: none;
}


/* =========================================================
   OPTIONALER PARTIKELBEREICH
   ========================================================= */

#particles-js {
	position: absolute;

	inset: 0;

	pointer-events: none;
}


/* =========================================================
   LOGO / PANEL / SUCHBEREICH
   ========================================================= */

#logo {
	position: relative;
}

#logo ul.top_links {
	margin: 0;
	padding: 0;

	text-align: right;

	list-style: none;
}

#panel {
	position: relative;

	color: var(--sidebit-text);
}

#panel .upper,
#panel .lower {
	clear: both;

	padding: 10px 16px;

	background: var(--sidebit-panel);

	border-top: 1px solid var(--sidebit-line);
	border-bottom: 1px solid var(--sidebit-line);
}

#panel .upper {
	color: var(--sidebit-text-strong);
}

#panel .lower {
	color: var(--sidebit-text-soft);

	background: var(--sidebit-bg-soft);
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.user_links {
	float: right;
}


/* Suche */

#search {
	float: right;

	margin: 0;
	padding: 0;

	border: 0;

	vertical-align: middle;
}

#search input {
	margin: 0;
}

#search input.button,
#search input.textbox {
	border-color: var(--sidebit-line-strong);
}


/* =========================================================
   FOOTER
   ========================================================= */

#footer {
	clear: both;

	width: 100%;

	color: var(--sidebit-text-muted);

	background: var(--sidebit-bg-deep);

	border-top: 1px solid var(--sidebit-line);
}

#footer ul.menu {
	margin: 0;
	padding: 0;

	list-style: none;
}

#footer ul.menu li {
	display: inline-block;

	margin: 0 9px 5px 0;
}

#footer .upper {
	padding: 18px 22px;

	overflow: hidden;

	color: var(--sidebit-text-soft);

	font-size: 13px;
	line-height: 1.6;

	background: var(--sidebit-bg-deep);

	border-bottom: 1px solid var(--sidebit-line);
}

#footer .lower {
	padding: 15px 22px;

	overflow: hidden;

	color: var(--sidebit-text-muted);

	font-size: 12px;
	line-height: 1.6;

	background: var(--sidebit-bg-deep);
}

#footer .upper .language,
#footer .upper .theme {
	float: right;

	margin-left: 15px;
}

#footer .upper ul.bottom_links {
	float: left;

	margin: 0;
}

#footer .lower #current_time {
	float: right;

	color: var(--sidebit-text-soft);
}

#debug {
	float: right;

	margin-top: 20px;

	color: var(--sidebit-text-muted);

	font-size: 12px;

	text-align: right;
}


/* =========================================================
   BILDER
   ========================================================= */

img {
	max-width: 100%;

	border: 0;
}

.scaleimages img {
	max-width: 100%;
	height: auto;
}

img.attachment {
	padding: 4px;

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line-strong);
}


/* =========================================================
   FORENSTATUS
   ========================================================= */

.forum_status {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	color: var(--sidebit-accent-light);

	font-family: "Font Awesome 6 Pro";
	font-size: 24px;
	line-height: 1;
}

.forum_on::before {
	content: "\f6e7";

	font-weight: 900;
}

.forum_off::before,
.forum_offclose::before,
.forum_offlink::before {
	content: "\f6e7";

	color: var(--sidebit-text-muted);

	font-weight: 300;
}


/* Subforum */

.subforumicon {
	display: inline-block;

	width: 8px;
	height: 8px;

	margin: 0 7px;

	background: var(--sidebit-accent-dark);

	border: 1px solid var(--sidebit-line-accent);

	transform: rotate(45deg);
}

.subforum_minion {
	background: var(--sidebit-accent-light);
}

.subforum_minioff,
.subforum_minioffclose,
.subforum_miniofflink {
	background: var(--sidebit-panel-raised);
}


/* =========================================================
   TABELLEN – GRUNDLAGE
   ========================================================= */

table {
	width: 100%;
	max-width: 100%;

	border-spacing: 0;
	border-collapse: separate;
}

.tborder {
	width: 100%;

	margin: 0 auto;

	background: var(--sidebit-bg-soft);

	border: 1px solid var(--sidebit-line-strong);

	box-shadow: var(--sidebit-shadow-soft);
}

.tfixed {
	table-layout: fixed;
}


/* =========================================================
   TABELLENKÖPFE
   ========================================================= */

.thead {
	padding: 16px 18px;

	color: var(--sidebit-text-strong);

	font-size: 13px;
	line-height: 1.55;

	background:
		var(--sidebit-table-head),
		var(--sidebit-panel);

	border-bottom: 1px solid var(--sidebit-line-strong);
}

.thead a {
	color: inherit;
}

.thead a:hover {
	color: var(--sidebit-accent-pale);
}


/* größere Kategorieüberschrift */

.theadred {
	padding: 18px 20px;

	color: var(--sidebit-text-strong);

	font-family: var(--sidebit-display);
	font-size: 27px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.1;

	text-align: left;

	background:
		var(--sidebit-table-head-strong),
		var(--sidebit-bg-soft);

	border-top: 1px solid var(--sidebit-line-accent);
	border-bottom: 1px solid var(--sidebit-line-strong);
}

.theadred strong {
	font-weight: inherit;
}


/* kleinere Tabellenkategorie */

.tcat {
	padding: 12px 16px;

	color: var(--sidebit-text-soft);

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.5;

	text-transform: uppercase;

	background: var(--sidebit-panel);

	border-bottom: 1px solid var(--sidebit-line);
}

.tcat a {
	color: var(--sidebit-text-soft);
}

.tcat a:hover {
	color: var(--sidebit-text-strong);
}


/* =========================================================
   TABELLENZEILEN
   ========================================================= */

.trow1,
.trow2,
.trow_shaded {
	padding: 15px 16px;

	color: var(--sidebit-text);

	font-size: 14px;
	line-height: 1.65;

	background: var(--sidebit-bg-soft);

	border-bottom: 1px solid var(--sidebit-line);
}

.trow2 {
	background: var(--sidebit-panel);
}

.trow_shaded {
	background:
		var(--sidebit-row-hover),
		var(--sidebit-bg-soft);
}

tr:hover > .trow1,
tr:hover > .trow2 {
	background:
		var(--sidebit-row-hover),
		var(--sidebit-panel);
}

.no_bottom_border {
	border-bottom: 0 !important;
}


/* =========================================================
   STATUSZEILEN
   ========================================================= */

.post.unapproved_post,
.trow_selected,
tr.trow_selected td {
	background:
		var(--sidebit-row-hover),
		var(--sidebit-panel);
}

.thread_start_datetime {
	color: var(--sidebit-text-muted);
}

.post.unapproved_post .post_author,
.post.classic.unapproved_post .post_author,
.post.unapproved_post .post_controls {
	border-color: var(--sidebit-danger-border);
}

.trow_deleted,
.post.deleted_post {
	background:
		var(--sidebit-info-bg);
}

.trow_selected,
tr.trow_selected td {
	color: var(--sidebit-text);

	border-color: var(--sidebit-line-accent);
}


/* =========================================================
   TRENNZEILEN
   ========================================================= */

.trow_sep {
	padding: 10px 16px;

	color: var(--sidebit-text-strong);

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.5;

	text-align: left;
	text-transform: uppercase;

	background:
		var(--sidebit-table-head),
		var(--sidebit-bg-soft);

	border-top: 1px solid var(--sidebit-line-accent);
	border-bottom: 1px solid var(--sidebit-line);
}


/* =========================================================
   TABELLENFUSS
   ========================================================= */

.tfoot {
	padding: 13px 16px;

	color: var(--sidebit-text-soft);

	font-size: 13px;
	line-height: 1.55;

	background: var(--sidebit-panel);

	border-top: 1px solid var(--sidebit-line);
}

.tfoot a {
	color: var(--sidebit-text-soft);
}

.tfoot a:hover {
	color: var(--sidebit-accent-pale);
}


/* =========================================================
   NAVIGATION / BREADCRUMBS
   ========================================================= */

.navigation {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;

	color: var(--sidebit-text-muted);

	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.6;

	text-transform: uppercase;
}

.navigation a {
	color: var(--sidebit-text-soft);

	font-weight: 600;

	text-decoration: none;
}

.navigation a:hover {
	color: var(--sidebit-accent-pale);
}

.navigation a:not(:last-child)::after {
	margin-left: 8px;

	content: "/";

	color: var(--sidebit-text-muted);
}

.navigation .active {
	color: var(--sidebit-text-strong);
}


/* =========================================================
   BOTTOM MENU
   ========================================================= */

.bottommenu {
	padding: 14px 16px;

	color: var(--sidebit-text-soft);

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line);
}


/* =========================================================
   FORMULARE
   ========================================================= */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	min-width: 0;

	margin: 16px 0;
	padding: 18px;

	background: var(--sidebit-bg-soft);

	border: 1px solid var(--sidebit-line-strong);
}

fieldset.trow1,
fieldset.trow2 {
	border-color: var(--sidebit-line-strong);
}

fieldset.align_right {
	text-align: right;
}

legend {
	padding: 0 8px;

	color: var(--sidebit-accent-pale);

	font-family: var(--sidebit-display);
	font-size: 20px;
	font-weight: 600;
}

label {
	color: var(--sidebit-text-soft);

	line-height: 1.6;
}


/* Inputs */

input,
textarea,
select,
button {
	font: inherit;
}

input.textbox,
textarea,
select {
	max-width: 100%;

	color: var(--sidebit-text-strong);

	font-family: var(--sidebit-font);
	font-size: 15px;
	line-height: 1.55;

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line-strong);

	border-radius: var(--global-radius);

	outline: 0;

	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
}

input.textbox {
	min-height: 39px;

	padding: 8px 10px;
}

textarea {
	min-height: 120px;

	padding: 10px 12px;

	resize: vertical;
}

select {
	min-height: 39px;

	padding: 7px 34px 7px 10px;
}

input.textbox:hover,
textarea:hover,
select:hover {
	border-color: var(--sidebit-line-accent);
}

input.textbox:focus,
textarea:focus,
select:focus {
	background: var(--sidebit-panel-raised);

	border-color: var(--sidebit-accent-light);

	box-shadow: var(--sidebit-focus);
}

input.textbox.portal_search {
	width: 68%;
}

form #message {
	width: 100%;
	max-width: 100%;
}


/* Tabellenkopf-Formulare */

.thead input.textbox,
.thead textarea,
.thead select {
	color: var(--sidebit-text-strong);

	background: var(--sidebit-bg-soft);

	border-color: var(--sidebit-line-strong);
}


/* =========================================================
   BUTTONS
   ========================================================= */

button,
input.button,
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 39px;

	margin: 4px;
	padding: 8px 14px;

	color: var(--sidebit-accent-pale);

	font-family: var(--sidebit-font);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;

	text-decoration: none;
	text-transform: uppercase;

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line-accent);

	border-radius: var(--global-radius);

	cursor: pointer;

	transition:
		color 0.18s ease,
		background 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
}

button:hover,
input.button:hover,
.button:hover {
	color: var(--sidebit-text-strong) !important;

	background: var(--sidebit-wash-strong);

	border-color: var(--sidebit-accent-light);
}

button:focus-visible,
input.button:focus-visible,
.button:focus-visible {
	outline: 0;

	box-shadow: var(--sidebit-focus);
}


/* =========================================================
   VALIDIERUNG
   ========================================================= */

input.error,
textarea.error,
select.error {
	border-color: var(--sidebit-danger);
}

input.valid,
textarea.valid,
select.valid {
	border-color: var(--sidebit-success);
}

label.error {
	display: block;

	margin: 6px 0;
	padding: 0;

	color: var(--sidebit-danger);

	font-size: 12px;
	font-weight: 700;
}


/* =========================================================
   EDITOR
   ========================================================= */

.editor,
.editor_control_bar,
.post .editor_control_bar {
	color: var(--sidebit-text);

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line-strong);
}

.editor_control_bar {
	padding: 6px;
}


/* =========================================================
   POPUP MENÜS
   ========================================================= */

.popup_menu {
	min-width: 180px;

	color: var(--sidebit-text);

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);

	box-shadow: var(--sidebit-shadow);
}

.popup_menu .popup_item_container {
	margin: 0;

	text-align: left;
}

.popup_menu .popup_item {
	display: block;

	padding: 9px 12px;

	color: var(--sidebit-text-soft);

	font-size: 13px;
	line-height: 1.5;

	white-space: nowrap;

	text-decoration: none;

	background: var(--sidebit-transparent);

	border-bottom: 1px solid var(--sidebit-line);
}

.popup_menu .popup_item:last-child {
	border-bottom: 0;
}

.popup_menu .popup_item:hover,
.popup_menu a.popup_item:hover {
	color: var(--sidebit-text-strong);

	background: var(--sidebit-wash-strong);

	text-decoration: none;
}


/* =========================================================
   REPUTATION
   ========================================================= */

.trow_reputation_positive {
	background: var(--sidebit-success-bg);
}

.trow_reputation_negative {
	background: var(--sidebit-danger-bg);
}

.reputation_positive {
	color: var(--sidebit-success);
}

.reputation_neutral {
	color: var(--sidebit-text-muted);
}

.reputation_negative {
	color: var(--sidebit-danger);
}

.repbox {
	padding: 6px 9px;

	font-size: 16px;
	font-weight: 700;
}

._neutral,
._minus,
._plus {
	padding: 7px 9px;

	border: 1px solid var(--sidebit-line);
}

._neutral {
	color: var(--sidebit-text-soft);

	background: var(--sidebit-panel);
}

._minus {
	color: var(--sidebit-danger);

	background: var(--sidebit-danger-bg);

	border-color: var(--sidebit-danger-border);
}

._plus {
	color: var(--sidebit-success);

	background: var(--sidebit-success-bg);

	border-color: var(--sidebit-success-border);
}


/* =========================================================
   HR
   ========================================================= */

hr {
	width: 100%;
	height: 1px;

	margin: 18px auto;

	background: var(--sidebit-divider);

	border: 0;
}


/* =========================================================
   BLOCKQUOTES
   ========================================================= */

blockquote {
	position: relative;

	margin: 22px 0;
	padding: 18px 22px;

	color: var(--sidebit-text-soft);

	font-size: 14px;
	line-height: 1.75;

	background: var(--sidebit-panel);

	border: 0;
	border-left: 2px solid var(--sidebit-accent-medium);
}

blockquote cite {
	display: block;

	margin: 0 0 12px;
	padding-bottom: 8px;

	color: var(--sidebit-text-strong);

	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.06em;

	border-bottom: 1px solid var(--sidebit-line);
}

blockquote cite > span {
	float: right;

	color: var(--sidebit-text-muted);

	font-size: 12px;
	font-weight: 400;
}

blockquote cite span.highlight {
	float: none;

	padding-bottom: 0;

	font-weight: 700;
}


/* =========================================================
   CODE
   ========================================================= */

.codeblock {
	margin: 20px 0;
	padding: 16px;

	color: var(--sidebit-text-soft);

	font-size: 13px;
	line-height: 1.65;

	background: var(--sidebit-bg-deep);

	border: 1px solid var(--sidebit-line-strong);
}

.codeblock .title {
	margin: 0 0 12px;
	padding-bottom: 8px;

	color: var(--sidebit-accent-pale);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;

	text-transform: uppercase;

	border-bottom: 1px solid var(--sidebit-line);
}

.codeblock code {
	display: block;

	height: auto;
	max-height: 320px;

	overflow: auto;

	color: var(--sidebit-text);

	font-family:
		Consolas,
		Monaco,
		monospace;

	font-size: 13px;
	line-height: 1.6;
}


/* =========================================================
   SMILIES
   ========================================================= */

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}


/* =========================================================
   SEPARATOR
   ========================================================= */

.separator {
	height: 0;

	margin: 7px 0;
	padding: 0;

	font-size: 1px;

	list-style: none;

	border-top: 1px solid var(--sidebit-line);
}


/* =========================================================
   THREAD SUBJECT
   ========================================================= */

.subject_new {
	color: var(--sidebit-text-strong);

	font-weight: 600;

	text-decoration-line: underline;
	text-decoration-style: double;
	text-decoration-color: var(--sidebit-accent-light);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}


/* =========================================================
   HIGHLIGHT
   ========================================================= */

.highlight {
	padding: 2px 4px;

	color: var(--sidebit-text-strong);

	background: var(--sidebit-wash-strong);
}


/* =========================================================
   HINWEISE / ALERTS
   ========================================================= */

.pm_alert,
.red_alert,
div.error {
	margin-bottom: 18px;
	padding: 14px 18px;

	font-size: 14px;
	line-height: 1.65;

	text-align: left;

	border-radius: var(--global-radius);
}

.pm_alert {
	color: var(--sidebit-warning);

	background: var(--sidebit-warning-bg);

	border: 1px solid var(--sidebit-warning-border);
}

.red_alert {
	color: var(--sidebit-danger);

	background: var(--sidebit-danger-bg);

	border: 1px solid var(--sidebit-danger-border);
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: var(--sidebit-danger);
}

div.error {
	color: var(--sidebit-warning);

	background: var(--sidebit-warning-bg);

	border: 1px solid var(--sidebit-warning-border);
}

div.error p {
	margin: 0;

	color: inherit;

	font-weight: 400;
}

div.error p em {
	display: block;

	padding: 0;

	color: var(--sidebit-danger);

	font-style: normal;
	font-weight: 700;
}

div.error ul {
	margin: 10px 0 0 22px;
}


/* =========================================================
   WARNLEVEL
   ========================================================= */

.high_warning,
.imminent_banned,
.high_banned {
	color: var(--sidebit-danger);
}

.moderate_warning,
.moderate_banned {
	color: var(--sidebit-warning);
}

.low_warning,
.low_banned {
	color: var(--sidebit-text-soft);
}

.online {
	color: var(--sidebit-success);
}

.offline {
	color: var(--sidebit-text-muted);
}


/* =========================================================
   SUCCESS / ERROR MESSAGES
   ========================================================= */

.success_message,
.error_message {
	margin-bottom: 12px;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.success_message {
	color: var(--sidebit-success);
}

.error_message {
	color: var(--sidebit-danger);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.pagination {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;

	margin: 12px 0;

	padding: 0;

	color: var(--sidebit-text-muted);

	font-size: 12px;
	line-height: 1.5;
}

.tfoot .pagination,
.tcat .pagination {
	margin: 0;
}

.pagination .pages {
	margin-right: 5px;

	color: var(--sidebit-text-soft);

	font-weight: 700;
}

.pagination .pagination_current,
.pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 32px;
	min-height: 32px;

	margin: 0;
	padding: 5px 8px;

	border: 1px solid var(--sidebit-line);
}

.pagination a {
	color: var(--sidebit-text-soft);

	background: var(--sidebit-panel);
}

.pagination a:hover {
	color: var(--sidebit-text-strong);

	background: var(--sidebit-wash-strong);

	border-color: var(--sidebit-line-accent);
}

.pagination .pagination_current {
	color: var(--sidebit-text-strong);

	font-weight: 700;

	background: var(--sidebit-accent-dark);

	border-color: var(--sidebit-accent);
}

.pagination .go_page img {
	margin: 0;

	vertical-align: middle;
}


/* Go-to-page */

.drop_go_page,
.pagination_breadcrumb {
	padding: 8px;

	color: var(--sidebit-text);

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);

	box-shadow: var(--sidebit-shadow-soft);
}

.pagination_breadcrumb {
	margin-top: 6px;

	font-weight: 400;
}

.pagination_breadcrumb_link {
	vertical-align: middle;

	cursor: pointer;
}


/* =========================================================
   LEGENDEN
   ========================================================= */

.thread_legend,
.thread_legend dd,
.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	margin-right: 18px;
	padding-bottom: 6px;

	color: var(--sidebit-text-soft);
}

.thread_legend img {
	margin-right: 5px;

	vertical-align: middle;
}

.forum_legend dd {
	float: left;

	margin-top: 8px;
	margin-right: 14px;

	color: var(--sidebit-text-soft);
}

.forum_legend dt {
	float: left;

	margin-right: 8px;
}


/* =========================================================
   POSTS CONTAINER / LEGACY MYBB POSTBIT
   ========================================================= */

#posts_container {
	padding: 0;
}

.ignored_post,
.deleted_post_hidden,
.deleted_post_collapsed {
	margin: 14px 0;
	padding: 16px 18px;

	color: var(--sidebit-text-soft);

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line);
}

.ignored_post {
	border-left: 2px solid var(--sidebit-warning);
}

.deleted_post_hidden,
.deleted_post_collapsed {
	border-left: 2px solid var(--sidebit-danger);
}

.ignored_post .show_ignored_post,
.deleted_post_collapsed .show_deleted_post {
	margin-top: 0;
}


/* Standardpostbit-Fallback */

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	padding: 10px;

	color: var(--sidebit-text);

	background: var(--sidebit-panel);

	border-top: 1px solid var(--sidebit-line-strong);
	border-bottom: 1px solid var(--sidebit-line-strong);
}

.post.classic .post_author {
	float: left;

	width: 18%;

	margin: 0 2% 15px 0;
	padding: 12px;

	border: 1px solid var(--sidebit-line);
}

.post .post_author .buddy_status {
	margin-top: -4px;

	vertical-align: middle;
}

.post .post_author div.author_avatar {
	float: left;

	margin-right: 8px;
}

.post.classic .post_author div.author_avatar {
	float: none;

	margin-bottom: 12px;

	text-align: center;
}

.post .post_author div.author_avatar img {
	padding: 4px;

	background: var(--sidebit-bg-deep);

	border: 1px solid var(--sidebit-line-strong);
}

.post .post_author div.author_information {
	float: left;

	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;

	padding: 0;

	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;

	padding: 5px 10px;

	color: var(--sidebit-text-muted);

	font-size: 12px;
	line-height: 1.5;
}

.post.classic .post_author div.author_statistics {
	float: none;

	margin: 10px 0 0;
	padding: 10px 6px 3px;

	border-top: 1px solid var(--sidebit-line);
}

.post .post_head {
	margin-bottom: 8px;
	padding-bottom: 7px;

	color: var(--sidebit-text-muted);

	font-size: 12px;

	border-bottom: 1px solid var(--sidebit-line);
}

.post .post_head span.post_date {
	color: var(--sidebit-text-muted);
}

.post .post_head span.edited_post {
	color: var(--sidebit-text-muted);

	font-size: 11px;
}

.post .post_head span.edited_post a {
	color: var(--sidebit-text-soft);
}

.post_body {
	padding: 15px 0;

	font-size: 15px;
	line-height: 1.75;
}

.post.classic .post_content {
	float: left;

	width: 80%;

	padding: 0 1% 8px;
}

.post_content {
	padding: 12px;
}

.post_content .signature {
	margin-top: 18px;
	padding: 14px 0 4px;

	border-top: 1px solid var(--sidebit-line);
}

.post .post_meta {
	margin: 7px 0;

	color: var(--sidebit-text-muted);

	font-size: 12px;
}

.post_controls {
	clear: both;

	padding: 8px;

	background: var(--sidebit-panel);

	border-top: 1px solid var(--sidebit-line);
	border-bottom: 1px solid var(--sidebit-line);
}


/* =========================================================
   MYBB POSTBIT BUTTON SPRITE
   ========================================================= */

.postbit_buttons a span {
	display: inline-block;

	height: 16px;

	padding-left: 20px;

	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
	display: none;
}


/* =========================================================
   QUICK JUMP / POLL
   ========================================================= */

.quick_jump {
	display: inline-block;

	width: 13px;
	height: 13px;

	margin-top: -3px;
	padding-left: 13px;

	background: url(../../../images/jump.png) no-repeat 0;

	border: 0;
}

.pollbar {
	height: 10px;

	overflow: hidden;

	background: var(--sidebit-accent-dark);

	border: 1px solid var(--sidebit-line-accent);
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: var(--sidebit-wash);

	border: 1px solid var(--sidebit-line-accent);
}

.posticons_label {
	white-space: nowrap;
}


/* =========================================================
   UTILITY
   ========================================================= */

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden,
.hiddenrow {
	display: none;
}

.hidden {
	float: none;

	width: 1%;
}

.selectall {
	padding: 8px;

	color: var(--sidebit-text-strong);

	text-align: center;

	background: var(--sidebit-wash);

	border-bottom: 1px solid var(--sidebit-line-accent);
}

.expcolimage {
	float: right;

	width: auto;

	margin-top: 3px;

	vertical-align: middle;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}


/* =========================================================
   JGROWL
   ========================================================= */

.jGrowl {
	position: fixed;
	z-index: 99999;

	color: var(--sidebit-text);
}

.jGrowl.top-left {
	top: 10px;
	left: 10px;
}

.jGrowl.top-right {
	top: 10px;
	right: 10px;
}

.jGrowl.bottom-left {
	bottom: 10px;
	left: 10px;
}

.jGrowl.bottom-right {
	right: 10px;
	bottom: 10px;
}

.jGrowl.center {
	top: 10px;
	left: 50%;

	width: min(92%, 420px);

	transform: translateX(-50%);
}

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-right: auto;
	margin-left: auto;
}

.jGrowl-notification,
.jGrowl-closer {
	display: none;

	width: min(340px, calc(100vw - 30px));

	margin: 8px;
	padding: 14px 16px;

	color: var(--sidebit-text);

	font-size: 13px;
	line-height: 1.55;

	text-align: left;

	word-break: break-word;

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);

	border-radius: var(--global-radius-large);

	box-shadow: var(--sidebit-shadow);
}

.jGrowl .jGrowl-notification {
	min-height: 45px;
}

.jGrowl-notification .jGrowl-header {
	margin-bottom: 5px;

	color: var(--sidebit-text-strong);

	font-size: 12px;
	font-weight: 700;
}

.jGrowl-notification .jGrowl-close {
	z-index: 99;

	float: right;

	color: var(--sidebit-text-soft);

	font-size: 16px;
	font-weight: 700;

	background: var(--sidebit-transparent);

	border: 0;

	cursor: pointer;
}

.jGrowl-closer {
	padding-top: 8px;
	padding-bottom: 8px;

	font-size: 12px;
	font-weight: 700;

	text-align: center;

	cursor: pointer;
}

.jGrowl .jGrowl-notification.jgrowl_success {
	color: var(--sidebit-success);

	background: var(--sidebit-success-bg);

	border-color: var(--sidebit-success-border);
}

.jGrowl .jGrowl-notification.jgrowl_error {
	color: var(--sidebit-danger);

	background: var(--sidebit-danger-bg);

	border-color: var(--sidebit-danger-border);
}

.jGrowl .jGrowl-notification.jgrowl_process,
.jGrowl .jGrowl-closer {
	color: var(--sidebit-warning);

	background: var(--sidebit-warning-bg);

	border-color: var(--sidebit-warning-border);
}


/* =========================================================
   MODAL
   ========================================================= */

.blocker {
	position: fixed;
	z-index: 99998;

	inset: 0;

	box-sizing: border-box;

	width: 100%;
	height: 100%;

	padding: 20px;

	overflow: auto;

	text-align: center;

	background: var(--sidebit-overlay);
}

.blocker::before {
	display: inline-block;

	height: 100%;

	margin-right: -0.05em;

	content: "";

	vertical-align: middle;
}

.blocker.behind {
	background: var(--sidebit-transparent);
}

.modal {
	position: relative;
	z-index: 2;

	display: inline-block;

	width: min(520px, 94vw);

	padding: 25px;

	color: var(--sidebit-text);

	font-size: 14px;
	line-height: 1.7;

	text-align: left;

	vertical-align: middle;

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);

	border-radius: var(--global-radius-large);

	box-shadow: var(--sidebit-shadow-strong);
}

.modal a.close-modal {
	position: absolute;

	top: 10px;
	right: 12px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	overflow: hidden;

	color: var(--sidebit-text-soft);

	text-indent: -9999px;

	background: var(--sidebit-wash);

	border: 1px solid var(--sidebit-line);

	border-radius: var(--global-radius);
}

.modal a.close-modal::after {
	position: absolute;

	content: "×";

	color: var(--sidebit-text-soft);

	font-size: 22px;
	font-weight: 400;
	line-height: 1;

	text-indent: 0;
}

.modal a.close-modal:hover {
	background: var(--sidebit-wash-strong);

	border-color: var(--sidebit-line-accent);
}

.modal-spinner {
	position: fixed;

	top: 50%;
	left: 50%;

	display: none;

	width: 54px;
	height: 54px;

	margin-top: -27px;
	margin-left: -27px;

	background: var(--sidebit-panel-raised);

	border: 2px solid var(--sidebit-accent-dark);
	border-top-color: var(--sidebit-accent-light);

	border-radius: 50%;

	animation: global-spinner 0.8s linear infinite;
}

@keyframes global-spinner {

	to {
		transform: rotate(360deg);
	}
}


/* =========================================================
   JQUERY IMPROMPTU
   ========================================================= */

.jqifade {
	position: fixed;

	inset: 0;

	background: var(--sidebit-overlay);
}

iframe.jqifade {
	display: block;

	z-index: -1;
}

div.jqi {
	position: absolute;

	width: min(520px, 92%);
	max-width: 92%;

	padding: 8px;

	color: var(--sidebit-text);

	text-align: left;

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);

	border-radius: var(--global-radius-large);

	box-shadow: var(--sidebit-shadow-strong);
}

div.jqi .jqiclose {
	position: absolute;

	top: 6px;
	right: 7px;

	width: 25px;

	color: var(--sidebit-text-muted);

	font-size: 18px;
	font-weight: 700;

	cursor: pointer;
}

div.jqi .jqistate {
	background: var(--sidebit-panel-raised);
}

div.jqi .jqititle {
	padding: 12px 14px;

	color: var(--sidebit-text-strong);

	font-family: var(--sidebit-display);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;

	border-bottom: 1px solid var(--sidebit-line);
}

div.jqi .jqimessage {
	padding: 16px 14px;

	overflow: auto;

	color: var(--sidebit-text);

	font-size: 14px;
	line-height: 1.7;
}

div.jqi .jqibuttonshide {
	display: none;
}

div.jqi .jqibuttons {
	margin: 0;

	padding: 10px 12px;

	text-align: right;

	background: var(--sidebit-bg-soft);

	border-top: 1px solid var(--sidebit-line);
}

div.jqi .jqibuttons button {
	min-height: 38px;

	margin: 3px;
	padding: 8px 14px;

	color: var(--sidebit-text-soft);

	font-size: 12px;
	font-weight: 700;

	background: var(--sidebit-panel);

	border: 1px solid var(--sidebit-line);
}

div.jqi .jqibuttons button.jqidefaultbutton {
	color: var(--sidebit-accent-pale);

	border-color: var(--sidebit-line-accent);
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
	color: var(--sidebit-text-strong);

	background: var(--sidebit-wash-strong);

	outline: 0;
}

div.jqi .jqibuttons button[disabled] {
	color: var(--sidebit-text-muted);

	opacity: 0.45;

	cursor: not-allowed;
}

.jqiwarning .jqi .jqibuttons {
	background: var(--sidebit-danger-bg);
}

div.jqi .jqiparentstate::after {
	position: absolute;

	inset: 0;

	content: "";

	background: var(--sidebit-overlay);
}

div.jqi .jqisubstate {
	position: absolute;

	top: 0;
	left: 20%;

	width: 60%;

	padding: 10px;

	color: var(--sidebit-text);

	background: var(--sidebit-panel-raised);

	border: 1px solid var(--sidebit-line-strong);
	border-top: 0;

	border-radius:
		0
		0
		var(--global-radius-large)
		var(--global-radius-large);
}

div.jqi .jqisubstate .jqibuttons button {
	padding: 9px 15px;
}


/* Impromptu Pfeile */

.jqi .jqiarrow {
	position: absolute;

	width: 0;
	height: 0;

	font-size: 0;
	line-height: 0;

	border: 10px solid var(--sidebit-transparent);
}

.jqi .jqiarrowtl {
	top: -20px;
	left: 10px;

	border-bottom-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowtc {
	top: -20px;
	left: 50%;

	margin-left: -10px;

	border-bottom-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowtr {
	top: -20px;
	right: 10px;

	border-bottom-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowbl {
	bottom: -20px;
	left: 10px;

	border-top-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowbc {
	bottom: -20px;
	left: 50%;

	margin-left: -10px;

	border-top-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowbr {
	right: 10px;
	bottom: -20px;

	border-top-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowlt {
	top: 10px;
	left: -20px;

	border-right-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowlm {
	top: 50%;
	left: -20px;

	margin-top: -10px;

	border-right-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowlb {
	bottom: 10px;
	left: -20px;

	border-right-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowrt {
	top: 10px;
	right: -20px;

	border-left-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowrm {
	top: 50%;
	right: -20px;

	margin-top: -10px;

	border-left-color: var(--sidebit-panel-raised);
}

.jqi .jqiarrowrb {
	right: -20px;
	bottom: 10px;

	border-left-color: var(--sidebit-panel-raised);
}


/* =========================================================
   TABLET / SCHMALER DESKTOP
   ========================================================= */

@media (max-width: 1100px) {

	body {
		font-size: 15px;
	}

	.wrapper {
		max-width: 100%;
	}

	.theadred {
		font-size: 25px;
	}

	.post.classic .post_author {
		width: 22%;
	}

	.post.classic .post_content {
		width: 76%;
	}
}


/* =========================================================
   MOBILE
   Wirklich lesbare Schriftgrößen.
   ========================================================= */

@media (max-width: 820px), (max-device-width: 820px) {

	body {
		font-size: 17px;
		line-height: 1.72;
	}

	#container,
	.index-wrapper,
	.wrapper,
	#content {
		width: 100%;
		min-width: 0;
		max-width: none;

		margin: 0;
	}

	/* Tabellen */

	.thead {
		padding: 15px 14px;

		font-size: 15px;
		line-height: 1.6;
	}

	.theadred {
		padding: 17px 15px;

		font-size: 27px;
		line-height: 1.08;
	}

	.tcat {
		padding: 12px 14px;

		font-size: 14px;
		line-height: 1.5;
	}

	.trow1,
	.trow2,
	.trow_shaded {
		padding: 14px;

		font-size: 16px;
		line-height: 1.7;
	}

	.trow_sep {
		padding: 11px 14px;

		font-size: 14px;
	}

	.tfoot {
		padding: 13px 14px;

		font-size: 15px;
		line-height: 1.65;
	}


	/* Navigation */

	.navigation {
		gap: 6px;

		font-size: 13px;
		letter-spacing: 0.08em;
		line-height: 1.65;
	}


	/* Formulare – mindestens 16px verhindert iOS-Zoom */

	input.textbox,
	textarea,
	select {
		font-size: 16px;
		line-height: 1.6;
	}

	input.textbox,
	select {
		min-height: 45px;
	}

	input.textbox {
		padding: 9px 11px;
	}

	textarea {
		min-height: 150px;

		padding: 11px 12px;
	}

	select {
		padding: 8px 34px 8px 11px;
	}

	button,
	input.button,
	.button {
		min-height: 44px;

		padding: 9px 15px;

		font-size: 13px;
		line-height: 1.4;
	}


	/* Allgemeine Textbereiche */

	blockquote {
		padding: 18px 20px;

		font-size: 16px;
		line-height: 1.75;
	}

	blockquote cite {
		font-size: 14px;
	}

	.codeblock {
		font-size: 14px;
		line-height: 1.7;
	}

	.codeblock code {
		font-size: 14px;
	}

	.pm_alert,
	.red_alert,
	div.error {
		padding: 14px 16px;

		font-size: 16px;
		line-height: 1.7;
	}

	.success_message,
	.error_message {
		font-size: 15px;
	}


	/* Pagination */

	.pagination {
		gap: 6px;

		font-size: 14px;
	}

	.pagination .pagination_current,
	.pagination a {
		min-width: 38px;
		min-height: 38px;

		padding: 6px 9px;
	}


	/* Footer */

	#footer .upper {
		padding: 18px;

		font-size: 15px;
	}

	#footer .lower {
		padding: 16px 18px;

		font-size: 14px;
	}

	#footer .upper .language,
	#footer .upper .theme,
	#footer .upper ul.bottom_links,
	#footer .lower #current_time {
		float: none;

		display: block;

		margin: 8px 0;
	}


	/* Legacy Postbit Fallback */

	.post.classic {
		padding-top: 0;
	}

	.post.classic .post_author,
	.post.classic .post_content {
		float: none;

		width: 100%;

		margin: 0;
	}

	.post.classic .post_author {
		padding: 16px;
	}

	.post.classic .post_content {
		padding: 16px;
	}

	.post_body {
		font-size: 17px;
		line-height: 1.78;
	}


	/* Popup */

	.popup_menu .popup_item {
		padding: 11px 13px;

		font-size: 15px;
	}


	/* Modals */

	.modal {
		width: min(94vw, 560px);

		padding: 22px 19px;

		font-size: 16px;
		line-height: 1.7;
	}

	div.jqi .jqititle {
		font-size: 26px;
	}

	div.jqi .jqimessage {
		font-size: 16px;
		line-height: 1.7;
	}

	div.jqi .jqibuttons button {
		min-height: 44px;

		font-size: 14px;
	}


	/* jGrowl */

	.jGrowl-notification,
	.jGrowl-closer {
		font-size: 15px;
		line-height: 1.65;
	}
}


/* =========================================================
   KLEINE HANDYS
   ========================================================= */

@media (max-width: 560px), (max-device-width: 560px) {

	body {
		font-size: 17px;
		line-height: 1.74;
	}

	.thead {
		padding: 14px 12px;

		font-size: 15px;
	}

	.theadred {
		padding: 16px 13px;

		font-size: 26px;
	}

	.tcat {
		padding: 11px 12px;

		font-size: 14px;
	}

	.trow1,
	.trow2,
	.trow_shaded {
		padding: 13px 12px;

		font-size: 16px;
		line-height: 1.72;
	}

	.trow_sep,
	.tfoot {
		padding-right: 12px;
		padding-left: 12px;
	}

	.navigation {
		font-size: 13px;
		letter-spacing: 0.06em;
	}

	.largetext {
		font-size: 24px;
	}

	fieldset {
		margin: 14px 0;
		padding: 15px;
	}

	legend {
		font-size: 22px;
	}

	input.textbox,
	textarea,
	select {
		font-size: 17px;
	}

	button,
	input.button,
	.button {
		min-height: 46px;

		font-size: 14px;
	}

	blockquote {
		margin: 20px 0;
		padding: 18px;

		font-size: 17px;
	}

	blockquote cite {
		font-size: 14px;
	}

	.codeblock,
	.codeblock code {
		font-size: 15px;
	}

	.pm_alert,
	.red_alert,
	div.error {
		font-size: 16px;
	}

	.pagination {
		font-size: 14px;
	}

	.pagination .pagination_current,
	.pagination a {
		min-width: 40px;
		min-height: 40px;
	}

	.modal {
		width: calc(100vw - 24px);

		padding: 22px 17px;

		font-size: 17px;
	}

	div.jqi {
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
	}

	div.jqi .jqititle {
		padding: 12px;

		font-size: 25px;
	}

	div.jqi .jqimessage {
		padding: 14px 12px;

		font-size: 17px;
	}

	.jGrowl.top-left,
	.jGrowl.top-right,
	.jGrowl.bottom-left,
	.jGrowl.bottom-right {
		right: 6px;
		left: 6px;
	}

	.jGrowl-notification,
	.jGrowl-closer {
		width: calc(100vw - 28px);

		margin: 6px;

		font-size: 16px;
	}
}


/* =========================================================
   PRINT
   ========================================================= */

@media print {

	.jGrowl,
	.blocker,
	.modal,
	.jqifade,
	div.jqi {
		display: none !important;
	}
}