/* =========================================================
   ALLGEMEINE FEHLERMELDUNGEN
   ========================================================= */

.storm-error {
	width: 92%;
	max-width: 900px;

	margin: 35px auto 55px;

	box-sizing: border-box;
}


/* Titel */

.storm-error-title {
	font-family: Georgia, "Times New Roman", serif;

	font-size: 24px;
	font-style: italic;
	font-weight: normal;

	text-align: center;

	color: #d8b49b;
}


/* Zierlinie */

.storm-error-line {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 8px;

	width: 100%;

	margin: 10px auto 18px;
}

.storm-error-line span {
	display: block;

	width: 38%;
	height: 1px;

	background: rgba(154,129,105,.35);
}

.storm-error-line i {
	display: block;

	width: 6px;
	height: 6px;

	background: #c77854;

	transform: rotate(45deg);

	box-shadow: 0 0 0 3px #282529;
}


/* Inhalt */

.storm-error-content {
	padding: 24px 28px;

	background: #292627;

	border-top: 1px solid rgba(154,129,105,.22);
	border-bottom: 1px solid rgba(154,129,105,.14);

	color: #aaa19b;

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

	box-sizing: border-box;
}


/* Links */

.storm-error-content a {
	color: #c8ad94 !important;

	text-decoration: none !important;
}

.storm-error-content a:hover {
	color: #c98a68 !important;
}


/* unser Boardclosed-Inhalt sitzt darin */

.storm-error-content .boardclosed-modal {
	width: 100%;
	max-width: none;

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	box-shadow: none;
}


/* doppelten Titel im Boardclosed-Fall vermeiden */

.storm-error-content .boardclosed-modal-title {
	display: none;
}


/* zweite Zierlinie im Boardclosed-Fall ebenfalls weg */

.storm-error-content .boardclosed-modal-line {
	display: none;
}


/* Boardclosed-Reason nicht nochmal einkasten */

.storm-error-content .boardclosed-reason {
	padding: 12px 0;

	background: transparent;

	border: 0;
}

/* =========================================================
   ERROR / BOARD CLOSED – REDUZIERTER HEADER
   ========================================================= */


/* rechte vertikale Iconnavigation ausblenden */

.storm-error-page .storm-iconnav {
	display: none !important;
}


/* große Navigation:
   AVATARE / INPLAYSZENEN / ACCOUNTS / PROFIL / ALERTS / PNS */

.storm-error-page .storm-quicknav-main {
	display: none !important;
}


/* Breadcrumb ausblenden */

.storm-error-page .storm-breadcrumb {
	display: none !important;
}


/* Login / Welcomeblock bleibt sichtbar */

.storm-error-page .storm-quicknav-user {
	display: flex !important;
}


/* Quicknav besteht auf der Fehlerseite nur noch aus Login */

.storm-error-page .storm-quicknav {
	background: #252324;
	border-top: 1px solid rgba(154,129,105,.14);
	border-bottom: 1px solid rgba(154,129,105,.22);
}


/* weil rechts die Iconleiste fehlt,
   darf der Headerinhalt die Fläche mitbenutzen */

.storm-error-page .storm-header {
	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(0, 1fr) !important;
}


/* Iconnav wirklich aus dem Grid entfernen */

.storm-error-page .storm-iconnav {
	grid-column: auto !important;
}


/* etwas Abstand zwischen Header und Fehlermeldung */

.storm-error-page .storm-error {
	margin-top: 55px;
}