body[data-template="wjStart"] .contentHeader,
body[data-template="wjStart"] .breadcrumbs,
body[data-template="wjStart"] .boxesSidebarLeft,
body[data-template="wjStart"] .boxesSidebarRight,
body[data-template="wjStart"] .boxesContentTop,
body[data-template="wjStart"] .boxesContentBottom,
body[data-template="wjStartTeam"] .contentHeader,
body[data-template="wjStartTeam"] .breadcrumbs,
body[data-template="wjStartTeam"] .boxesSidebarLeft,
body[data-template="wjStartTeam"] .boxesSidebarRight,
body[data-template="wjStartTeam"] .boxesContentTop,
body[data-template="wjStartTeam"] .boxesContentBottom {
	display: none !important;
}

body[data-template="wjStart"] .main,
body[data-template="wjStart"] .main > .content,
body[data-template="wjStart"] .contents,
body[data-template="wjStart"] .content,
body[data-template="wjStart"] .section,
body[data-template="wjStartTeam"] .main,
body[data-template="wjStartTeam"] .main > .content,
body[data-template="wjStartTeam"] .contents,
body[data-template="wjStartTeam"] .content,
body[data-template="wjStartTeam"] .section {
	max-width: none !important;
	width: 100% !important;
	flex: 1 1 100% !important;
}

.wjStartTabs {
	display: flex;
	gap: 0.4rem;
	padding: 0.4rem;
	background: var(--wjBg, var(--wcfContentBackground, transparent));
	border: 1px solid var(--wjLine, var(--wcfContentBorderInner, currentColor));
	border-radius: 999px;
}

.wjStartTab {
	flex: 1 1 0;
	margin: 0;
	padding: 0.8rem 1rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.wjStartTab.is-active {
	background: var(--wjBtn, #ff6a00);
	color: #fff;
}

.wjStart .button,
.wjStart a.button {
	background: transparent;
	border: 1px solid rgba(255, 244, 236, 0.75);
	color: #fff6ee;
}

.wjStart .buttonPrimary,
.wjStart a.buttonPrimary {
	background: var(--wjBtn, #ff6a00);
	background-color: var(--wjBtn, #ff6a00);
	border-color: var(--wjBtn, #ff6a00);
	color: #fff;
}

.wjStartPane {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}

.wjStartPane[hidden] {
	display: none !important;
}

.wjStart {
	--wjA: #ff2a1a;
	--wjBtn: #ff6a00;
	--wjLime: #d7e25a;
	--wjAt: #fff;
	--wjBg: #140807;
	--wjFg: #f6f1ea;
	--wjMuted: #e6d9ce;
	--wjLine: rgba(255, 70, 36, 0.4);
	--wjRadius: 1.15rem;
	--wjHead: #1a080a;
	--wjHeadText: #fff;
	--wjBox: #240c0e;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	color: var(--wjFg);
	width: 100%;
	max-width: none;
	margin: 0;
	font-size: 1.08rem;
}

.wjStartHero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
	gap: 1.5rem 2rem;
	align-items: center;
	padding: 2rem 2.1rem 1.6rem;
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
	background:
		radial-gradient(circle at 78% 42%, rgba(255, 106, 0, 0.28), transparent 34%),
		#100806;
	color: var(--wjFg);
	overflow: hidden;
}

.wjStartHeroCopy p {
	margin: 0 0 0.85rem;
	line-height: 1.6;
	font-size: 1.12rem;
	max-width: 40rem;
}

.wjStartHeroKicker {
	margin: 0 0 0.55rem !important;
	font-size: 0.95rem !important;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wjA);
}

.wjStartHeroTitle {
	margin: 0 0 0.35rem;
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	line-height: 1.05;
	font-weight: 800;
	color: var(--wjA);
}

.wjStartHeroSlogan {
	margin: 0 0 1.1rem !important;
	font-size: 1.45rem !important;
	font-weight: 700;
	color: var(--wjLime);
}

.wjStartHeroCta {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1.25rem 0 0 !important;
}

.wjStartHeroCta a {
	position: relative;
	z-index: 5;
}

.wjStartHeroArt {
	position: relative;
	min-height: 18rem;
	display: flex;
	justify-content: center;
	align-items: end;
}

.wjStartHeroArt::before {
	content: "";
	position: absolute;
	inset: auto 10% 8% 10%;
	height: 55%;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--wjA) 45%, transparent), transparent 70%);
	filter: blur(8px);
}

.wjStartHeroArt img {
	position: relative;
	z-index: 1;
	width: auto;
	height: min(22rem, 52vw);
	max-width: 100%;
	object-fit: contain;
	filter: drop-shadow(0 1.25rem 1.5rem color-mix(in srgb, #000 40%, transparent));
}

.wjStartBlock {
	background: var(--wjBg);
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
	padding: 1.75rem 2rem 2rem;
}

.wjStartHead {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1.15rem;
	padding: 0.35rem 1.25rem 0.35rem 0.35rem;
	background:
		linear-gradient(90deg, transparent 0 88%, #c2410c 88% 100%),
		linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%);
	border-radius: 999px 0.85rem 0.85rem 999px;
	box-shadow: 0 3px 0 rgba(90, 24, 0, 0.35);
}

.wjStartHead .wjStartIcon {
	width: 2.55rem;
	height: 2.55rem;
	border-radius: 50%;
	background: #fff6ee url("../images/wjStart/footprint.png") center 54% / 74% no-repeat;
	color: transparent;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.wjStartHead .wjStartIcon svg,
.wjStartHead .wjStartIcon .icon {
	display: none;
}

.wjStartHead .wjStartTitle {
	color: #fff;
	font-size: 1.35rem;
	font-weight: 800;
}

.wjStartIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 1.1rem;
	background: var(--wjA);
	color: var(--wjAt);
	flex: 0 0 auto;
}

.wjStartTitle {
	margin: 0;
	font-size: 1.85rem;
	line-height: 1.25;
	color: var(--wjA);
}

.wjStartLead,
.wjStartBody p {
	margin: 0 0 0.9rem;
	color: var(--wjMuted);
	line-height: 1.65;
	font-size: 1.12rem;
}

.wjStartStats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--wjFg);
}

.wjStartStats div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 8.5rem;
	padding: 1.4rem 1.25rem;
	background: var(--wjBox);
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
}

.wjStartStats strong {
	display: block;
	font-size: 2rem;
	line-height: 1.15;
	font-weight: 800;
}

.wjStartStats span {
	display: block;
	margin-top: 0.45rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--wjFg);
}

.wjStartStatSince strong {
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.3;
}

.wjStartProfile,
.wjStartCard,
.wjStartOffer {
	background: var(--wjBox);
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
	padding: 1.4rem 1.5rem;
}

.wjStartProfile {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	align-items: center;
}

.wjStartAvatar {
	justify-self: center;
}

.wjStartAvatar img,
.wjStartAvatar .userAvatarImage {
	width: 9rem;
	height: 9rem;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid var(--wjA);
	background: var(--wjBg);
}

.wjStartCard .wjStartAvatar img,
.wjStartCard .wjStartAvatar .userAvatarImage {
	width: 6.5rem;
	height: 6.5rem;
}

.wjStartProfileBody h3,
.wjStartCard h3,
.wjStartOffer h3 {
	margin: 0 0 0.45rem;
	font-size: 1.35rem;
}

.wjStartRole {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.8rem;
}

.wjStartCard p,
.wjStartProfileBody p,
.wjStartOffer p {
	margin: 0 0 0.7rem;
	color: var(--wjMuted);
	line-height: 1.55;
}

.wjStartLinks {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0 !important;
	font-size: 1.05rem;
}

.wjStartGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.15rem;
}

.wjStartGrid4,
.wjStartOffers {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
}

.wjStartCard {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wjStartOffer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	text-decoration: none;
	color: inherit;
	min-height: 100%;
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.wjStartOffer:hover {
	border-color: var(--wjA);
	transform: translateY(-2px);
	color: inherit;
	text-decoration: none;
}

.wjStartOffer .wjStartIcon {
	margin-bottom: 0.85rem;
}

.wjStartOffer p {
	margin-bottom: 0;
}

.wjStartSteps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: wjStartStep;
}

.wjStartSteps li {
	position: relative;
	padding: 1.15rem 1.15rem 1.15rem 3.6rem;
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
	background: var(--wjBox);
	counter-increment: wjStartStep;
}

.wjStartSteps li::before {
	content: counter(wjStartStep);
	position: absolute;
	left: 0.9rem;
	top: 1.1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wjA);
	color: var(--wjAt);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.05rem;
}

.wjStartSteps strong,
.wjStartSteps span {
	display: block;
}

.wjStartSteps strong {
	font-size: 1.15rem;
}

.wjStartSteps span {
	margin-top: 0.4rem;
	color: var(--wjMuted);
	line-height: 1.5;
}

.wjStartCta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin: 1.5rem 0 0;
}

.wjStartCta .button {
	font-size: 1.05rem;
	padding: 0.7rem 1.25rem;
}

.wjStartKicker {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.55rem;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--wjA);
}

.wjStartSub {
	display: inline-block;
	margin: 0 0 0.85rem;
	padding: 0.35rem 1.05rem;
	background: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%);
	color: #fff;
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
	border-radius: 0.35rem 999px 999px 0.35rem;
	box-shadow: 0 3px 0 rgba(90, 24, 0, 0.28);
}

.wjTeamGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.wjTeamCard {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	align-items: start;
	padding: 1.15rem 1.2rem;
	background: var(--wjBox);
	border: 1px solid var(--wjLine);
	border-radius: var(--wjRadius);
	color: inherit;
	text-decoration: none;
}

.wjTeamCard:hover {
	border-color: var(--wjA);
}

.wjTeamCard h3 {
	margin: 0 0 0.2rem;
	font-size: 1.15rem;
	color: var(--wjFg);
}

.wjTeamRole {
	margin: 0 0 0.45rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--wjA);
}

.wjTeamCard p {
	margin: 0;
	color: var(--wjMuted);
	font-size: 0.95rem;
	line-height: 1.5;
}

.wjTeamCard .wjStartAvatar img,
.wjTeamCard .wjStartAvatar .userAvatarImage {
	width: 4.5rem;
	height: 4.5rem;
	border-width: 2px;
}

.wjTeamPreview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin: 0.4rem 0 1.1rem;
}

.wjTeamPreviewItem {
	display: inline-flex;
	line-height: 0;
}

.wjTeamPreview img,
.wjTeamPreview .userAvatarImage {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	border: 2px solid var(--wjA);
	object-fit: cover;
}

@media (max-width: 70rem) {
	.wjStartOffers,
	.wjStartGrid4,
	.wjStartSteps,
	.wjStartStats,
	.wjTeamGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 60rem) {
	.wjStartGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 56rem) {
	.wjStartHero {
		position: relative;
		grid-template-columns: 1fr;
		text-align: left;
		padding: 1.4rem 6.4rem 1.3rem 1.3rem;
	}

	.wjStartHeroCopy p,
	.wjStartHeroCta {
		margin-left: 0;
		margin-right: 0;
		justify-content: flex-start;
	}

	.wjStartHeroArt {
		position: absolute;
		right: 0.4rem;
		bottom: 0;
		min-height: 0;
		pointer-events: none;
	}

	.wjStartHeroArt img {
		height: 8.6rem;
	}
}

@media (max-width: 40rem) {
	.wjStartProfile,
	.wjStartStats,
	.wjStartSteps,
	.wjStartGrid,
	.wjStartGrid4,
	.wjStartOffers,
	.wjTeamGrid {
		grid-template-columns: 1fr;
	}

	.wjStartHero {
		padding: 1.2rem 5.2rem 1.15rem 1.05rem;
	}

	.wjStartHeroArt img {
		height: 7rem;
	}

	.wjStartBlock {
		padding: 1.2rem 1.1rem 1.35rem;
	}

	.wjStartTitle {
		font-size: 1.45rem;
	}

	.wjStartProfile {
		justify-items: center;
		text-align: center;
	}

	.wjStartRole,
	.wjStartLinks {
		justify-content: center;
	}
}

@media screen and (max-width: 1024px) {
	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight > .boxContainer {
		display: flex !important;
		flex-direction: column;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight:not(.open) {
		height: auto !important;
		min-height: 0 !important;
		padding-top: 0 !important;
		cursor: default !important;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight:not(.open)::before,
	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight:not(.open)::after {
		content: none !important;
		display: none !important;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] #UserXtraboxContainer {
		position: relative;
		margin-top: 6.5rem;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] #UserXtraboxContainer::before {
		content: "";
		position: absolute;
		right: 12px;
		top: -6.2rem;
		width: 80px;
		height: 100px;
		background: url("../images/wjStart/hero.png") no-repeat center bottom;
		background-size: contain;
		pointer-events: none;
		z-index: 2;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .UBlefttext {
		max-height: 7.5rem;
		overflow: auto;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight > .boxContainer > .box:first-child {
		margin-top: 0 !important;
	}

	body[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesSidebarRight > .boxContainer > .box:first-child::before {
		display: none !important;
		content: none !important;
	}
}

.wjStartHero.wjStartHeroFoot .wjStartHeroArt {
	align-items: center;
	justify-content: flex-end;
}

.wjStartHero.wjStartHeroFoot .wjStartHeroArt::before {
	inset: auto 0.1rem 0.15rem auto;
	width: 6.4rem;
	height: 6.4rem;
	border-radius: 50%;
	background: #ff6a00;
	filter: none;
}

.wjStartHero.wjStartHeroFoot .wjStartHeroArt img {
	height: 5.2rem;
}

@media (min-width: 56.0625rem) {
	.wjStartHero.wjStartHeroFoot .wjStartHeroArt {
		justify-content: center;
	}

	.wjStartHero.wjStartHeroFoot .wjStartHeroArt::before {
		width: 16rem;
		height: 16rem;
		right: 50%;
		bottom: 6%;
		transform: translateX(50%);
	}

	.wjStartHero.wjStartHeroFoot .wjStartHeroArt img {
		height: min(13rem, 30vw);
	}
}

@media (max-width: 56rem) {
	.wjStartHero.wjStartHeroFoot {
		padding-right: 1.3rem;
	}

	.wjStartHero.wjStartHeroFoot .wjStartHeroArt {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		min-height: 11rem;
		margin-top: 0.4rem;
		justify-content: center;
	}

	.wjStartHero.wjStartHeroFoot .wjStartHeroArt img {
		height: 8.5rem;
	}

	.wjStartHero.wjStartHeroFoot .wjStartHeroArt::before {
		width: 10.5rem;
		height: 10.5rem;
		left: 50%;
		right: auto;
		bottom: 0;
		transform: translateX(-50%);
	}
}

.wjStart a {
	color: #ffb080;
}

.wjStart a.button,
.wjStart a.buttonPrimary,
.wjStart a.wjStartOffer,
.wjStart a.wjTeamCard {
	color: inherit;
}

.wjStart a.button,
.wjStart a.buttonPrimary {
	color: #fff;
}
body[data-template="wjStart"],
body[data-template="wjStartTeam"] {
	background: #100806;
}

body[data-template="wjStart"] .pageContainer,
body[data-template="wjStart"] .main,
body[data-template="wjStart"] .content,
body[data-template="wjStartTeam"] .pageContainer,
body[data-template="wjStartTeam"] .main,
body[data-template="wjStartTeam"] .content {
	background: transparent;
}

@media (max-width: 56rem) {
	.wjStartHero.wjStartHeroPlain {
		padding-right: 1.3rem;
	}
}

@media (max-width: 40rem) {
	.wjStartHero.wjStartHeroPlain {
		padding-right: 1.05rem;
	}
}

.wjStartBlock > h1.wjStartTitle {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1rem;
	padding: 0.35rem 1.25rem 0.35rem 0.35rem;
	background:
		linear-gradient(90deg, transparent 0 88%, #c2410c 88% 100%),
		linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%);
	color: #fff;
	font-size: 1.35rem;
	font-weight: 800;
	border-radius: 999px 0.85rem 0.85rem 999px;
	box-shadow: 0 3px 0 rgba(90, 24, 0, 0.35);
}

.wjStartBlock > h1.wjStartTitle::before {
	content: "";
	width: 2.55rem;
	height: 2.55rem;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #fff6ee url("../images/wjStart/footprint.png") center 54% / 74% no-repeat;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

body .content .box > h2.boxTitle,
body .boxesContent .box > h2.boxTitle,
body .boxContainer > .box > h2.boxTitle,
body [data-box-identifier] > h2.boxTitle {
	display: inline-block !important;
	width: auto !important;
	max-width: calc(100% - 0.8rem);
	margin: 0.45rem 0 0.85rem 0.45rem !important;
	padding: 0.42rem 1.2rem 0.45rem 0.9rem !important;
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	font-weight: 800;
	line-height: 1.2;
	border: 0 !important;
	border-radius: 0.35rem 999px 999px 0.35rem !important;
	box-shadow: 0 3px 0 rgba(90, 24, 0, 0.28) !important;
}

.box > h2.boxTitle a,
.box > h2.boxTitle .boxTitleLink {
	color: #fff !important;
}

html body #content > header.contentHeader {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: 0.75rem !important;
	height: auto !important;
	overflow: visible !important;
	margin: 0 0 1rem !important;
	padding: 0.85rem 1.1rem !important;
	background-color: rgba(26, 8, 10, 0.72) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(36, 12, 14, 0.16) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	border-radius: 0.85rem !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.14) !important;
}

html body #content > header.contentHeader .contentHeaderTitle {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	text-align: center !important;
}

html body #content > header.contentHeader h1.contentTitle {
	display: flex;
	align-items: center;
	justify-content: center !important;
	text-align: center !important;
	gap: 0.75rem;
	width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0.1rem 0.4rem 0.1rem 0.1rem !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	text-shadow: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body #content > header.contentHeader h1.contentTitle::before {
	content: none !important;
	display: none !important;
}

html body #content > header.contentHeader h1.contentTitle a {
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
}

html body #content > header.contentHeader .contentHeaderDescription {
	display: block !important;
	margin: 0.2rem 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: #e6d9ce !important;
	-webkit-text-fill-color: #e6d9ce !important;
	font-size: 0.82rem !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	text-align: center !important;
}

html body #content > header.contentHeader .contentHeaderNavigation {
	margin-left: 0 !important;
	flex: 0 0 auto !important;
	width: 100%;
	text-align: center !important;
}

html body #content > header.contentHeader .contentHeaderNavigation a {
	color: #ffb080 !important;
	-webkit-text-fill-color: #ffb080 !important;
	font-weight: 700 !important;
}

html,
html body,
html body .pageContainer,
html body #page,
html body .main,
html body #content,
html body .content,
html body .contents,
html body .pageFooter {
	background-color: #100806 !important;
	background-image: none !important;
	color: #f6f1ea !important;
}

html body #content .box,
html body .content .box,
html body .boxesContent .box,
html body .boxesFooter .box,
html body .boxesFooterBoxes .box,
html body .boxesSidebarLeft .box,
html body .boxesSidebarRight .box,
html body .boxContainer > .box,
html body .sidebar .box,
html body .message,
html body .messageSidebar,
html body .messageContent,
html body .messageBody,
html body .container,
html body .containerContent {
	background-color: #1a080a !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body .bb3ThreadCard,
html body .recentActivityListItem,
html body li.recentActivityListItem,
html body .bb3ArticleCard,
html body .wbbBoardNodeContainer,
html body .wbbBoardNode,
html body #grusskarteGrid .grusskarteCard,
html body .userCard,
html body .card,
html body #content .tabularListRow:not(.tabularListRowHead),
html body [data-box-identifier] .tabularListRow:not(.tabularListRowHead),
html body [data-box-identifier] .sidebarItemList > li {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.28) !important;
}

html body .bb3ThreadCard:hover,
html body .recentActivityListItem:hover,
html body #content .tabularListRow:not(.tabularListRowHead):hover,
html body [data-box-identifier] .sidebarItemList > li:hover {
	background-color: #301214 !important;
	background-image: none !important;
}

html body .tabularListRowHead,
html body .tabularListColumns {
	background-color: #140807 !important;
	color: #e6d9ce !important;
	border-color: rgba(255, 70, 36, 0.28) !important;
}

html body #content p,
html body #content li,
html body #content .boxContent,
html body #content .messageText,
html body #content .containerContent,
html body #content .contentHeaderDescription,
html body #content small,
html body #content .dimmed {
	color: #f6f1ea !important;
}

html body #content h2:not(.boxTitle):not(.wjStartTitle),
html body #content h3,
html body #content h4 {
	color: #ff2a1a !important;
}

html body #content a:not(.button):not(.buttonPrimary) {
	color: #ffb080 !important;
}

html body #content h2.boxTitle,
html body #content h2.boxTitle a,
html body #content h1.contentTitle,
html body #content h1.contentTitle a,
html body #content .wjStartHead,
html body #content .wjStartHead .wjStartTitle,
html body #content .wjStartBlock > h1.wjStartTitle,
html body #content a.button,
html body #content button.button,
html body #content .buttonPrimary {
	color: #fff !important;
}

html body #content a.wjStartOffer,
html body #content a.wjTeamCard {
	color: #f6f1ea !important;
}

html body a.button.buttonPrimary,
html body button.buttonPrimary,
html body input.buttonPrimary,
html body .button.buttonPrimary {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	border-color: #ff6a00 !important;
	color: #fff !important;
}

html body a.button:not(.buttonPrimary),
html body button.button:not(.buttonPrimary) {
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid rgba(255, 244, 236, 0.75) !important;
	color: #fff6ee !important;
}

html body input[type="text"],
html body input[type="search"],
html body input[type="password"],
html body input[type="email"],
html body input[type="url"],
html body textarea,
html body select {
	background-color: #240c0e !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.45) !important;
}

html body .dropdownMenu,
html body .balloon,
html body .dialogContent,
html body .menuOverlay {
	background-color: #1a080a !important;
	color: #f6f1ea !important;
}

html body .boxesFooterContent .boxMenuLink,
html body .boxesFooterBoxes .boxMenu > li > a,
html body .boxesFooterBoxes .boxMenuLink,
html body .bb3FooterBox .boxMenu > li > a,
html body .bb3FooterBox .boxMenuLink {
	background-color: transparent !important;
	background-image: none !important;
	color: #ffb080 !important;
}

html body #content .wbbBoardNodeContainer,
html body #content .wbbBoardNodeContainer.wbbBoardNodeContainer--category {
	background-color: rgba(26, 8, 10, 0.55) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(36, 12, 14, 0.08) 34%, rgba(16, 8, 6, 0.22) 100%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15);
	backdrop-filter: blur(16px) saturate(1.15);
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.16), 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}

html body #content .wbbBoardNodeList > .wbbBoardNode,
html body #content .wbbBoardNode:nth-child(even),
html body #content .wbbBoardList .wbbBoardContainer,
html body #content .wbbBoardList .wbbBoardContainer:nth-child(even) {
	background-color: rgba(36, 12, 14, 0.45) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.08) 0%, rgba(16, 8, 6, 0.12) 100%) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

html body #content .wbbBoardNodeContainer__header,
html body #content .wbbBoardNodeContainer > header,
html body #content .wbbCategory > header {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
}

html body #content .wbbBoardNodeContainer__title,
html body #content .wbbBoardNodeContainer__title a,
html body #content .wbbBoardNodeContainer__link,
html body #content .wbbBoardNodeContainer__header a,
html body #content .wbbBoardNode__title,
html body #content .wbbBoardNode__title a,
html body #content .wbbBoardNode__link,
html body #content .wbbBoardList .wbbBoardTitle a {
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
}

html body #content .wbbBoardNode__description,
html body #content .wbbBoardNodeContainer__description,
html body #content .wbbBoardNode__stats,
html body #content .wbbBoardNode__stats dt,
html body #content .wbbBoardNode__stats dd,
html body #content .wbbBoardNode__lastPost,
html body #content .wbbBoardNode__moderators {
	color: #e6d9ce !important;
	-webkit-text-fill-color: #e6d9ce !important;
}

html body #content .wbbBoardNode__icon,
html body #content .wbbBoardNode__icon fa-icon,
html body #content .wbbBoardNode__icon .icon {
	color: #ff6a00 !important;
}

html body #content .wbbBoardNodeContainer__header .collapsibleButton {
	background-color: #ff6a00 !important;
	background-image: none !important;
	color: #fff !important;
}

html body #content .wbbBoardNodeContainer__header {
	flex-wrap: wrap !important;
	align-items: center !important;
}

html body #content .wbbBoardNodeContainer__headline,
html body #content .wbbBoardNodeContainer__title {
	flex: 1 1 auto !important;
	min-width: min(100%, 14rem) !important;
	width: auto !important;
}

html body #content .wbbBoardNodeContainer__title {
	display: flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
}

html body #content .wbbBoardNodeContainer__description {
	flex: 1 1 16rem !important;
	min-width: 0 !important;
}

html body #content .box > .boxContent,
html body .content .box > .boxContent,
html body .boxesContent .box > .boxContent,
html body .sidebar .box > .boxContent,
html body .boxContent {
	background-color: #1a080a !important;
	background-image: none !important;
	color: #f6f1ea !important;
}

html body #content .userCardList__item,
html body #content .listView__item,
html body #content .listView__footer__container,
html body #content .entryCard,
html body #content .entryCardList__item,
html body #content .galleryAlbum,
html body #content .mediaItem,
html body #content .calendarEvent,
html body #content .section {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body .boxesFooter,
html body .boxesFooterBoxes,
html body .boxesFooterContent,
html body .pageFooter,
html body .pageFooterCopyright {
	background-color: #100806 !important;
	background-image: none !important;
	color: #e6d9ce !important;
}

html body .boxesFooterContent .boxTitle,
html body .boxesFooterBoxes .boxTitle,
html body .bb3FooterBox > .boxTitle,
html body .pageFooterCopyright,
html body .pageFooterCopyright a {
	color: #ffb080 !important;
	-webkit-text-fill-color: #ffb080 !important;
}

html body .wjChat-log,
html body .wjChat-bubble,
html body .wjChat-form textarea,
html body .wjChat-faces,
html body .wjChat-react,
html body .wjChat-edit {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body .wjChat-msg.is-mine .wjChat-bubble {
	background-color: #301214 !important;
}

html body .wjChat-send {
	background-color: #ff6a00 !important;
	color: #fff !important;
}

html body .wjChat-empty,
html body .wjChat-note,
html body .wjChat-meta {
	color: #e6d9ce !important;
}

html body .ck.ck-toolbar,
html body .ck.ck-editor__top,
html body .ck.ck-editor__main,
html body .ck.ck-editor__editable,
html body .ck.ck-content,
html body .ck.ck-editor__editable.ck-focused {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.4) !important;
}

html body .ck.ck-button,
html body .ck.ck-button .ck-button__label {
	color: #f6f1ea !important;
}

html body .ck.ck-button:hover,
html body .ck.ck-button.ck-on {
	background-color: #301214 !important;
}

html body .jsCalendarDblClickEvent,
html body .calendarWeekend,
html body li.calendarToday {
	background-color: #240c0e !important;
	color: #f6f1ea !important;
}

html body li.calendarToday {
	background-color: #301214 !important;
	box-shadow: inset 0 0 0 1px #ff6a00 !important;
}

html body #grusskarteGrid .grusskarteCard,
html body .grusskarteCard {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body .grusskarteCard__image {
	background-color: #1a080a !important;
}

html body .content .box.box,
html body .boxesContent .box.box,
html body .boxContainer > .box.box,
html body .sidebar .box.box {
	background-color: #1a080a !important;
	background-image: none !important;
	border-color: rgba(255, 70, 36, 0.28) !important;
	box-shadow: none !important;
}

html body .box .containerHeadline,
html body .containerHeadline,
html body .box .boxHeadline,
html body .boxHeadline {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
	border-bottom-color: rgba(255, 70, 36, 0.4) !important;
}

html body .containerHeadline a,
html body .boxHeadline a,
html body .boxHeadline h1,
html body .boxHeadline h2,
html body .boxHeadline h3 {
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
}

html body .section .sectionTitle,
html body .section > .sectionTitle:first-child,
html body h2.sectionTitle,
html body .tabularBoxTitle > header,
html body .wbbThreadList > header,
html body .wbbCategory > header {
	background-color: rgba(26, 8, 10, 0.42) !important;
	background-image: linear-gradient(180deg, rgba(255, 226, 210, 0.32) 0%, rgba(255, 106, 0, 0.12) 46%, rgba(16, 8, 6, 0.08) 100%) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
	border-bottom: 1px solid rgba(255, 70, 36, 0.45) !important;
}

html body .sectionTitle a,
html body .tabularBoxTitle > header a {
	color: #ffb080 !important;
	-webkit-text-fill-color: #ffb080 !important;
}

html body .recentActivityList .recentActivityListItem,
html body li.recentActivityListItem,
html body .recentActivityListItem.recentActivityListItem,
html body .bb3ThreadCard.bb3ThreadCard,
html body .recentActivityList .recentActivityListItem:hover,
html body .bb3ThreadCard.bb3ThreadCard:hover {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body .recentActivityList .recentActivityListItem:hover,
html body .bb3ThreadCard.bb3ThreadCard:hover {
	background-color: #301214 !important;
}

html body .recentActivityListItem__title,
html body .recentActivityListItem__title a,
html body .bb3ThreadCard__title,
html body .bb3ThreadCard__title a,
html body .recentActivityListItem__description {
	color: #ff2a1a !important;
	-webkit-text-fill-color: #ff2a1a !important;
}

html body .recentActivityListItem__description,
html body .recentActivityListItem__time {
	color: #e6d9ce !important;
	-webkit-text-fill-color: #e6d9ce !important;
}

html body .recentActivityList__switchContext {
	background-color: #1a080a !important;
	background-image: none !important;
}

html body .recentActivityList__switchContext .button,
html body .recentActivityList__switchContext button {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.45) !important;
}

html body .wjStoryCard,
html body .wjStoryInbox,
html body .wjStoryComposerCard,
html body .wjStoryViewers,
html body .wjStatusComposer,
html body .wjStatusCard {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.4) !important;
	box-shadow: none !important;
}

html body .wjStoryCard h2,
html body .wjStoryInbox h3,
html body .wjStoryCard p,
html body .wjStoryInbox p,
html body .wjStoryInbox span,
html body .wjStoryField,
html body .wjStatusComposer,
html body .wjStatusComposer__input {
	color: #f6f1ea !important;
}

html body .wjStoryRing {
	background-color: #1a080a !important;
	background-image: none !important;
}

html body .wjStatusComposer__types,
html body .wjStatusComposer__colors {
	background-color: #1a080a !important;
	background-image: none !important;
	border-color: rgba(255, 70, 36, 0.28) !important;
	color: #f6f1ea !important;
}

html body .wjStatusType,
html body .wjStoryKindBtn {
	color: #e6d9ce !important;
}

html body .wjStoryKindBtn:has(input:checked),
html body .wjStatusType:has(input:checked) {
	background-color: #ff6a00 !important;
	color: #fff !important;
}

html body p.info,
html body .content .info {
	background-color: #301214 !important;
	background-image: none !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.4) !important;
}

html body .boxesFooterContent .boxMenuLink,
html body .boxesFooterBoxes .boxMenuLink,
html body .bb3FooterBox .boxMenuLink {
	background-color: #240c0e !important;
	background-image: none !important;
	color: #ffb080 !important;
	-webkit-text-fill-color: #ffb080 !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
	box-shadow: none !important;
}

html {
	--bb-gloss-cat: linear-gradient(180deg, rgba(255, 226, 210, 0.32) 0%, rgba(255, 106, 0, 0.1) 48%, rgba(16, 8, 6, 0) 100%);
	--bb-gloss-tab: linear-gradient(180deg, rgba(255, 190, 150, 0.22) 0%, rgba(16, 8, 6, 0.06) 100%);
	--bb-gloss-tab-active: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 58%, #c2410c 100%);
	background-color: #100806 !important;
	background-image:
		radial-gradient(ellipse 92% 46% at 50% -10%, rgba(255, 42, 26, 0.38), transparent 60%),
		radial-gradient(ellipse 48% 34% at 100% 8%, rgba(255, 106, 0, 0.22), transparent 54%),
		radial-gradient(ellipse 40% 30% at 0% 92%, rgba(215, 226, 90, 0.08), transparent 50%) !important;
	background-attachment: fixed !important;
}

html body,
html body .pageContainer,
html body #page,
html body .main,
html body #content,
html body .content,
html body .contents {
	background-color: transparent !important;
	background-image: none !important;
}

html body #content .box,
html body #content .content .box.box,
html body .content .box.box,
html body .boxesContent .box.box,
html body .boxContainer > .box.box,
html body .sidebar .box.box,
html body #content .message,
html body .message,
html body .messageContent,
html body .recentActivityList .recentActivityListItem,
html body li.recentActivityListItem,
html body .bb3ThreadCard.bb3ThreadCard,
html body .wjStoryCard,
html body .wjStoryInbox,
html body .wjStatusComposer,
html body .wjStatusCard,
html body #content .wbbBoardNodeContainer,
html body .wbbBoardNodeContainer,
html body .wbbBoardNodeContainer.wbbBoardNodeContainer--category,
html body #content .wbbBoardNode {
	background-color: rgba(26, 8, 10, 0.55) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(36, 12, 14, 0.08) 34%, rgba(16, 8, 6, 0.22) 100%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15);
	backdrop-filter: blur(16px) saturate(1.15);
	border-color: rgba(255, 120, 70, 0.38) !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.16), 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}

html body #content .box > .boxContent,
html body .box > .boxContent,
html body .content .box > .boxContent,
html body .boxesContent .box > .boxContent,
html body .sidebar .box > .boxContent,
html body .messageBody {
	background-color: transparent !important;
	background-image: none !important;
}

html body #pageHeaderFacade,
html body header.pageHeader #pageHeaderFacade,
html body header.pageHeader .pageHeaderFacade,
html body .pageHeaderFacade,
html body .pageHeaderFacade > .layoutBoundary {
	background-color: rgba(16, 8, 6, 0.28) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.18) 0%, rgba(26, 8, 10, 0.12) 100%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(1.25);
	backdrop-filter: blur(18px) saturate(1.25);
	box-shadow: none !important;
}

html body .pageHeader,
html body #pageHeader.pageHeader {
	background-color: rgba(16, 8, 6, 0.42) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.2) 0%, rgba(26, 8, 10, 0.28) 100%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(1.25);
	backdrop-filter: blur(18px) saturate(1.25);
	border-bottom: 1px solid rgba(255, 120, 70, 0.32) !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.22) !important;
}

html body .mainMenu,
html body #mainMenu,
html body .pageHeaderMenu {
	background-color: rgba(26, 8, 10, 0.38) !important;
	background-image: linear-gradient(180deg, rgba(255, 226, 210, 0.16) 0%, rgba(16, 8, 6, 0.16) 100%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	border-bottom: 1px solid rgba(255, 120, 70, 0.34) !important;
}

html body .mainMenu .boxMenu > li > a,
html body #mainMenu .boxMenu > li > a,
html body .pageHeaderMenu .boxMenu > li > a {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
}

html body .mainMenu .boxMenu > li.active > a,
html body .mainMenu .boxMenu > li > a.active,
html body .mainMenu .boxMenu > li > a.boxMenuLinkActive,
html body #mainMenu .boxMenu > li.active > a,
html body #mainMenu .boxMenu > li > a.active {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border-radius: 0.45rem !important;
}

html body #content .section.userCardList__container {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

html body #content .userCardList__item,
html body #content .listView__item.userCardList__item,
html body #content .userCard.userCard {
	background-color: rgba(36, 12, 14, 0.46) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.14) 0%, rgba(36, 12, 14, 0.06) 40%, rgba(16, 8, 6, 0.22) 100%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15);
	backdrop-filter: blur(16px) saturate(1.15);
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.16), 0 12px 32px rgba(0, 0, 0, 0.28) !important;
	color: #f6f1ea !important;
}

html body #content .userCardList__item .userCard {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body .pagination {
	background-color: rgba(26, 8, 10, 0.4) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.1) 0%, rgba(16, 8, 6, 0.12) 100%) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	border-radius: 0.75rem !important;
}

html body .pagination__link,
html body a.pagination__link {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	color: #ffb080 !important;
	-webkit-text-fill-color: #ffb080 !important;
	box-shadow: none !important;
}

html body .pagination__link--active,
html body a.pagination__link--active,
html body .pagination__link--active:hover,
html body .pagination__link--current,
html body a.pagination__link--current,
html body .pagination__link--current:hover,
html body #content .pagination__link--current,
html body #content a.pagination__link--current {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	border-color: #ff6a00 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .contentNavigation,
html body .contentHeaderNavigation {
	background-color: transparent !important;
	background-image: none !important;
	color: #e6d9ce !important;
}

html body .pageNavigation .breadcrumbs {
	display: block !important;
	margin: 0.35rem 0 0.2rem !important;
	padding: 0.55rem 0.95rem !important;
	background-color: rgba(26, 8, 10, 0.72) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(36, 12, 14, 0.16) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	border-radius: 0.85rem !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.14) !important;
	color: #ff6a00 !important;
	text-align: center !important;
}

html body .breadcrumbs__list,
html body .breadcrumbs__item,
html body .breadcrumbs__link,
html body .breadcrumbs__title {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	max-width: 100% !important;
}

html body .breadcrumbs__list,
html body .breadcrumbs__item {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
}

html body .breadcrumbs a,
html body .breadcrumbs__link,
html body .breadcrumbs__title {
	display: inline !important;
	background-color: transparent !important;
	color: #ff6a00 !important;
	-webkit-text-fill-color: #ff6a00 !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	line-height: 1.35 !important;
}

.wjStartHero.wjStartHeroFoot .wjStartHeroArt::before {
	display: none !important;
}

.wjStartHero.wjStartHeroFoot .wjStartHeroArt img {
	height: auto !important;
	width: min(22rem, 100%) !important;
	max-width: 100%;
	background: transparent !important;
}

html body .pageHeaderLogo .pageHeaderLogoSmall {
	height: 52px !important;
	width: auto !important;
	max-width: 6.5rem !important;
	object-fit: contain !important;
	background: transparent !important;
}

html body .mainMenu .boxMenu > li:hover > a,
html body .mainMenu .boxMenu > li:focus-within > a,
html body #mainMenu .boxMenu > li:hover > a,
html body #mainMenu .boxMenu > li:focus-within > a,
html body .pageHeaderMenu .boxMenu > li:hover > a,
html body .pageHeaderMenu .boxMenu > li:focus-within > a {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border-color: #ff6a00 !important;
	border-radius: 0.45rem !important;
	text-shadow: none !important;
}

html body .mainMenu .boxMenuDepth1,
html body .mainMenu .boxMenuDepth2,
html body #mainMenu .boxMenuDepth1,
html body #mainMenu .boxMenuDepth2 {
	background-color: rgba(26, 8, 10, 0.94) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.14) 0%, rgba(16, 8, 6, 0.2) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.42) !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4) !important;
}

html body .mainMenu .boxMenuDepth1 > li > a,
html body .mainMenu .boxMenuDepth2 > li > a,
html body #mainMenu .boxMenuDepth1 > li > a,
html body #mainMenu .boxMenuDepth2 > li > a {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
}

html body .mainMenu .boxMenuDepth1 > li > a:hover,
html body .mainMenu .boxMenuDepth1 > li.active > a,
html body .mainMenu .boxMenuDepth2 > li > a:hover,
html body .mainMenu .boxMenuDepth2 > li.active > a,
html body #mainMenu .boxMenuDepth1 > li > a:hover,
html body #mainMenu .boxMenuDepth2 > li > a:hover {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .pageHeaderSearch,
html body #pageHeaderSearch {
	background-color: transparent !important;
	background-image: none !important;
}

html body .pageHeaderSearchInputContainer,
html body #pageHeaderSearch .pageHeaderSearchInputContainer {
	background-color: rgba(26, 8, 10, 0.55) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.14) 0%, rgba(16, 8, 6, 0.18) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.42) !important;
	border-radius: 0.7rem !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.16) !important;
	overflow: hidden;
}

html body .pageHeaderSearchType > .button,
html body .pageHeaderSearchInputContainer .pageHeaderSearchType > .button,
html body .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover,
html body .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,
html body #pageHeaderSearchTypeSelect {
	background-color: rgba(36, 12, 14, 0.72) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.14) 0%, rgba(36, 12, 14, 0.35) 100%) !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

html body .pageHeaderSearchInput,
html body .pageHeaderSearchInput:hover,
html body .pageHeaderSearchInput:focus,
html body #pageHeaderSearchInput {
	background-color: rgba(16, 8, 6, 0.35) !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body .pageHeaderSearchInput::placeholder,
html body .pageHeaderSearchInput:hover::placeholder,
html body .pageHeaderSearchInput:focus::placeholder {
	color: #e6d9ce !important;
	-webkit-text-fill-color: #e6d9ce !important;
	opacity: 1 !important;
}

html body .pageHeaderSearchInputButton,
html body .pageHeaderSearchInputButton:hover,
html body #pageHeaderSearch .pageHeaderSearchInputButton {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body .dropdownMenu.pageHeaderSearchDropdown {
	background-color: rgba(26, 8, 10, 0.96) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(16, 8, 6, 0.2) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.42) !important;
	color: #f6f1ea !important;
}

html body .dropdownMenu.pageHeaderSearchDropdown a,
html body .dropdownMenu.pageHeaderSearchDropdown .dropdownItem {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
}

html body .dropdownMenu.pageHeaderSearchDropdown a:hover,
html body .dropdownMenu.pageHeaderSearchDropdown li.active > a {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .wbbPost .messageSidebar {
	--fp-bg: #1a080a !important;
	--fp-bg-light: rgba(255, 246, 238, 0.16) !important;
	--fp-bg-dark: #100806 !important;
	--fp-rank: #ff6a00 !important;
	--fp-rank-text: #ffffff !important;
	--fp-box: #240c0e !important;
	--fp-text: #f6f1ea !important;
	--fp-ring: #f6f1ea !important;
	background-color: rgba(26, 8, 10, 0.62) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.14) 0%, rgba(36, 12, 14, 0.08) 42%, rgba(16, 8, 6, 0.28) 100%) !important;
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	border-radius: 0.85rem !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.16), 0 12px 32px rgba(0, 0, 0, 0.28) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15);
	backdrop-filter: blur(16px) saturate(1.15);
	color: #f6f1ea !important;
}

html body .wbbPost .messageSidebar .userAvatar {
	background-color: #240c0e !important;
	background-image: none !important;
	border-color: #f6f1ea !important;
}

html body .wbbPost .messageSidebar .userAvatar > span.badge,
html body .wbbPost .messageSidebar .userAvatar > span.badgeOnline,
html body .wbbPost .messageSidebar .badgeOnline {
	width: 16px !important;
	height: 16px !important;
	min-width: 0 !important;
	max-width: 16px !important;
	min-height: 0 !important;
	max-height: 16px !important;
	padding: 0 !important;
	margin: 0 !important;
	top: auto !important;
	left: auto !important;
	right: 10px !important;
	bottom: 8px !important;
	border-radius: 50% !important;
	background-color: #2f9e44 !important;
	background-image: none !important;
	border: 2px solid #f6f1ea !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 16px !important;
	box-shadow: none !important;
	z-index: 3 !important;
}

html body .wbbPost .messageSidebar .username,
html body .wbbPost .messageSidebar .username span {
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
}

html body .wbbPost .messageSidebar .userTitle .badge,
html body .wbbPost .messageSidebar .userTitle .userTitleBadge,
html body .wbbPost .messageSidebar .userTitleBadge {
	background-color: #ff6a00 !important;
	background-image: linear-gradient(180deg, #ff8a2a 0%, #ff6a00 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .wbbPost .messageSidebar .userCredits .fpCreditRow {
	background-color: #240c0e !important;
	background-image: linear-gradient(90deg, rgba(16, 8, 6, 0.92) 0%, rgba(36, 12, 14, 0.88) 62%, #ff6a00 100%) !important;
}

html body .wbbPost .messageSidebar .username,
html body .wbbPost .messageSidebar .username span {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
}

html body .wbbPost .messageSidebar .userCredits .fpCreditRow dt,
html body .wbbPost .messageSidebar .userCredits .fpCreditRow dd,
html body .wbbPost .messageSidebar .userCredits .fpCreditRow dd a {
	font-size: 0.68rem !important;
	line-height: 1.15 !important;
	font-weight: 600 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body #content .messageTabMenu,
html body #content .messageTabMenuNavigation,
html body #content .messageTabMenuNavigation > ul,
html body .messageQuickReplyContent .messageTabMenuNavigation > ul {
	background-color: rgba(26, 8, 10, 0.82) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.08) 0%, rgba(16, 8, 6, 0.2) 100%) !important;
	border: 0 !important;
	border-top: 1px solid rgba(255, 120, 70, 0.35) !important;
	color: #f6f1ea !important;
}

html body #content .messageTabMenu button,
html body #content .messageTabMenu a,
html body #content .messageTabMenu fa-icon,
html body #content .messageTabMenu .button {
	background-color: transparent !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
	box-shadow: none !important;
}

html body #content .messageTabMenu button:hover,
html body #content .messageTabMenu a:hover,
html body #content .messageTabMenu .button.active {
	background-color: #ff6a00 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

@media (max-width: 1024px) {
	html body #content > header.contentHeader {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 0.85rem 1rem !important;
		border-radius: 0.85rem !important;
	}

	html body #content > header.contentHeader h1.contentTitle {
		font-size: 1.15rem !important;
		font-weight: 800 !important;
		line-height: 1.25 !important;
		gap: 0 !important;
		color: #ff2a1a !important;
		-webkit-text-fill-color: #ff2a1a !important;
	}

	html body #content > header.contentHeader h1.contentTitle::before {
		display: none !important;
		content: none !important;
	}

	html body #content > header.contentHeader .contentHeaderDescription {
		display: block !important;
		margin: 0.2rem 0 0 !important;
		padding: 0 !important;
		background: transparent !important;
		background-image: none !important;
		color: #e6d9ce !important;
		-webkit-text-fill-color: #e6d9ce !important;
		font-size: 0.82rem !important;
		font-weight: 500 !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}
}

html body #content .wjAdventPrivacy,
html body #content .wjAdventDetail {
	background-color: rgba(26, 8, 10, 0.62) !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.12) 0%, rgba(16, 8, 6, 0.2) 100%) !important;
	color: #f6f1ea !important;
	border: 1px solid rgba(255, 120, 70, 0.38) !important;
	box-shadow: inset 0 1px 0 rgba(255, 246, 238, 0.14) !important;
}

html body #content .wjAdventDetail h2,
html body #content .wjAdventPrize,
html body #content .wjAdventSongBox {
	color: #f6f1ea !important;
	border-color: rgba(255, 120, 70, 0.35) !important;
}

html body #content > form,
html body .content > form,
html body .sectionContainer,
html body .wjKartePrivacy {
	background-color: #1a080a !important;
	background-image: linear-gradient(180deg, rgba(255, 246, 238, 0.07) 0%, rgba(16, 8, 6, 0.16) 100%) !important;
	color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.35) !important;
}

html body #content form dt,
html body #content form label,
html body #content form legend,
html body #content .formElement dt,
html body #content .formElement dd,
html body #content .formElement label,
html body #content .formFieldLabel,
html body #content .formFieldDescription,
html body .notificationSettingsItem,
html body .notificationSettingsItem .notificationSettingsEvent,
html body .wjKartePrivacyIntro,
html body .wjKartePrivacy .notificationSettingsItem .notificationSettingsEvent {
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
}

html body #content label.red,
html body #content label.green,
html body #content label.yellow,
html body #content label.blue {
	background-color: #301214 !important;
	background-image: none !important;
	color: #f6f1ea !important;
	-webkit-text-fill-color: #f6f1ea !important;
	border-color: rgba(255, 70, 36, 0.4) !important;
}

html body .notificationSettingsCategory,
html body .notificationSettingsCategory .notificationSettingsEvent,
html body .notificationSettingsCategory .notificationSettingsState,
html body .notificationSettingsCategory .notificationSettingsEmail,
html body .wjKartePrivacy .notificationSettingsCategory .notificationSettingsEvent {
	color: #ff6a00 !important;
	-webkit-text-fill-color: #ff6a00 !important;
	border-bottom-color: #ff6a00 !important;
	background-color: transparent !important;
	background-image: none !important;
}

html body #content > form,
html body .content > form {
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.9rem !important;
	overflow: visible !important;
}

html body #content .section {
	margin: 0 0 1.25rem !important;
	padding: 0 0 0.35rem !important;
	border-radius: 1rem !important;
	overflow: hidden !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html body #content .section > .sectionTitle {
	padding: 1rem 1.4rem !important;
	margin: 0 !important;
	font-size: 1.25rem !important;
	line-height: 1.3 !important;
	border-radius: 0 !important;
	text-align: center !important;
}

html body #content .section > dl,
html body #content .section > .sectionContent {
	padding: 0.45rem 1.4rem 1rem !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
}