/* Burning Board 3 Final extra CSS v1.0.7 — Forenbereich */

.contentHeader,
#content > .contentHeader,
.content > .contentHeader {
	background: #1a3652 !important;
	background-image: linear-gradient(to bottom, #2a4e72, #1a3652) !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	box-sizing: border-box;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 16px 20px !important;
	width: 100% !important;
}

.contentHeader .contentTitle,
.contentHeader h1,
.contentHeader h1 a,
.contentHeader .contentHeaderTitle,
.contentHeader .contentHeaderTitle a,
.contentHeader .icon,
.contentHeader fa-icon {
	color: #ffffff !important;
}

.sectionTitle,
.wbbCategory > header,
.tabularBoxTitle > header {
	background: #1a3652 !important;
	background-image: linear-gradient(to bottom, #2a4e72, #1a3652) !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	box-sizing: border-box;
	color: #ffffff !important;
	display: block !important;
	margin: 0 !important;
	padding: 12px 18px !important;
	width: 100% !important;
}

.boxTitle,
.box > .boxTitle,
.box > h1.boxTitle,
.box > h2.boxTitle,
.box > h3.boxTitle,
.box > header.boxTitle,
[data-box-identifier] > .boxTitle,
.containerHeadline,
.box .containerHeadline,
.boxHeadline,
.box > .boxHeadline,
.box > header {
	background: #ffffff !important;
	background-image: none !important;
	border: 0 !important;
	border-bottom: 3px solid #6eb8e8 !important;
	border-radius: 10px 10px 0 0 !important;
	box-sizing: border-box;
	color: #000000 !important;
	display: block !important;
	margin: 0 !important;
	padding: 12px 18px 10px !important;
	width: 100% !important;
}

.sectionTitle a,
.wbbCategory > header a,
.tabularBoxTitle > header a {
	color: #ffffff !important;
}

.boxTitle a,
.boxTitle *,
.containerHeadline a,
.boxHeadline a,
.boxHeadline h1,
.boxHeadline h2,
.boxHeadline h3,
[data-box-identifier] > .boxTitle a {
	color: #000000 !important;
}

.content > .section,
.content > .section.tabularBox,
#content > .section {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	padding: 20px 0 !important;
}

.content .box,
.boxesContent .box,
.boxesBottom .box,
.boxContainer > .box,
.sidebar .box {
	background: #ffffff !important;
	border: 1px solid #d5dce3 !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 24px rgba(26, 54, 82, .08);
	overflow: hidden;
	padding: 0 !important;
}

.content .box > .boxContent,
.boxesContent .box > .boxContent,
.boxesBottom .box > .boxContent,
.boxContainer > .box > .boxContent,
.sidebar .box > .boxContent,
.boxContent {
	border: 0 !important;
	padding: 16px 18px 18px !important;
}

.content .boxContainer,
.boxesContent .boxContainer,
.boxesBottom .boxContainer,
.main .boxContainer {
	display: grid !important;
	gap: 20px;
	grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr));
	width: 100%;
}

.containerList > li,
.recentActivityList > li,
.userList > li,
.userOnlineList > li,
.box .boxContent li,
.box .tabularListRow,
.contentItemList > li,
.sidebar .box .boxContent li,
.boxContent .containerList > li {
	background: transparent !important;
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.statsDataList,
.statsDataList > dt,
.statsDataList > dd,
dl.plain > dt,
dl.plain > dd,
.dataList > dt,
.dataList > dd,
.plain.dataList > dt,
.plain.dataList > dd,
.content dl dt,
.content dl dd,
.boxContent dl dt,
.boxContent dl dd {
	background-image: none !important;
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.statsDataList > dt,
.dataList > dt,
dl.plain > dt,
.content dl dt {
	padding-top: 8px;
	padding-bottom: 8px;
}

.statsDataList > dd,
.dataList > dd,
dl.plain > dd,
.content dl dd {
	padding-top: 8px;
	padding-bottom: 8px;
}

.content hr,
.boxContent hr,
.section hr,
.separator {
	border: 0 !important;
	display: none !important;
	height: 0 !important;
}

.recentActivityList {
	background: transparent;
	border: 0 !important;
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 16px 0 8px !important;
}

.recentActivityList__switchContext {
	align-items: center;
	background: #e8f2fa !important;
	border: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 10px 16px !important;
	width: 100% !important;
}

.recentActivityList__switchContext .button,
.recentActivityList__switchContext button {
	background: #ffffff !important;
	border: 1px solid #b7c9d8 !important;
	border-radius: 999px !important;
	color: #1a3652 !important;
	font-size: 12px !important;
	font-weight: 700;
	padding: 6px 14px !important;
}

.recentActivityList__switchContext .button.active,
.recentActivityList__switchContext .buttonPrimary,
.recentActivityList__switchContext button.active {
	background: #2e6ea3 !important;
	border-color: #2e6ea3 !important;
	color: #ffffff !important;
}

.recentActivityList__switchContext,
.recentActivityList__showMoreButton {
	grid-column: 1 / -1;
}

.recentActivityListItem,
.recentActivityList .recentActivityListItem,
li.recentActivityListItem,
.bb3ThreadCard {
	align-items: start;
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	column-gap: 10px;
	display: grid !important;
	grid-template-areas:
		"title title"
		"avatar meta"
		"desc desc";
	grid-template-columns: 28px 1fr;
	margin: 0 !important;
	min-height: 0;
	padding: 16px 18px 14px !important;
	position: relative;
	row-gap: 10px;
}

.recentActivityListItem,
.bb3ThreadCard,
.grusskarteCard,
.giftItem,
#grusskarteGrid .grusskarteCard {
	transition: none !important;
	transform: none !important;
}

.recentActivityListItem:hover,
.bb3ThreadCard:hover,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListRow:not(.tabularListRowHead):hover,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularListRow:not(.tabularListRowHead):hover,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList > li:hover,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList > li:hover {
	background: #ffffff !important;
	border-color: #e0e0e0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.grusskarteCard:hover,
.giftItem:hover,
#grusskarteGrid .grusskarteCard:hover {
	transform: none !important;
	transition: none !important;
}

.recentActivityListItem__title,
.recentActivityListItem__title a,
.bb3ThreadCard__title,
.bb3ThreadCard__title a {
	color: #111111 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	grid-area: title;
	line-height: 1.3;
}

.recentActivityListItem__avatar,
.bb3ThreadCard__avatar {
	grid-area: avatar;
}

.recentActivityListItem__avatar img,
.recentActivityListItem__avatar .userAvatarImage,
.bb3ThreadCard__avatar img,
.bb3ThreadCard img.userAvatarImage {
	border-radius: 50% !important;
	height: 24px !important;
	width: 24px !important;
}

.recentActivityListItem__time,
.bb3ThreadCard__meta {
	align-items: center;
	color: #3cb371 !important;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 6px;
	grid-area: meta;
}

.recentActivityListItem__description,
.bb3ThreadCard__footer {
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid #eeeeee !important;
	color: #333333 !important;
	font-size: 13px;
	font-weight: 600 !important;
	grid-area: desc;
	margin-top: 4px;
	padding-top: 12px !important;
}

.bb3ThreadCards,
ol.bb3ThreadCards,
ul.bb3ThreadCards {
	display: grid !important;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 16px 0 4px !important;
}

.bb3ThreadCard {
	grid-template-areas:
		"badges badges"
		"title title"
		"avatar meta"
		"desc desc";
}

.bb3ThreadCard__badges,
.bb3ThreadCard .labelList {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	grid-area: badges;
	margin: 0;
	padding: 0;
}

.bb3ThreadCard .badge,
.bb3ThreadCard .label,
.recentActivityListItem .badge {
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	padding: 4px 9px !important;
}

.bb3ThreadCard__empty {
	color: #444444 !important;
	font-style: italic;
	font-weight: 600 !important;
}

.bb3ThreadCard__replies {
	align-items: center;
	color: #333333 !important;
	display: inline-flex;
	float: right;
	font-weight: 600 !important;
	gap: 6px;
	margin-left: auto;
}

.grusskarteCard__price,
.giftPrice,
#grusskarteGrid .grusskarteCard__price {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	opacity: 1 !important;
}

#grusskarteGrid,
.content:has(#grusskarteGrid),
.content .section:has(#grusskarteGrid),
.content .box:has(#grusskarteGrid) {
	overflow: visible !important;
}

#grusskarteGrid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 18px !important;
	width: 100% !important;
}

#grusskarteGrid .grusskarteCard {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	box-shadow: 0 8px 24px rgba(26, 54, 82, .08) !important;
	color: #222222 !important;
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: 260px !important;
	overflow: visible !important;
	transform: none !important;
	transition: none !important;
}

#grusskarteGrid .grusskarteCard img,
#grusskarteGrid .giftImage,
#grusskarteGrid img.giftImage--bundle {
	display: inline-block !important;
	mix-blend-mode: normal !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: none !important;
}

#grusskarteGrid .grusskarteCard__image {
	background: #f3efe4 !important;
	border-radius: 12px !important;
}

.grusskarteCredits,
p.info.grusskarteCredits {
	background: #efe5d5 !important;
	border: 1px solid #d9cbb3 !important;
	color: #222222 !important;
	font-weight: 700 !important;
}

.contentHeader .badge,
.sectionTitle .badge,
.contentTitle .badge {
	background: #f58220 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .boxContent,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .boxContent {
	box-sizing: border-box;
	padding: 16px !important;
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListRowHead,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularListRowHead {
	display: none !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .wbbThreadList,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .messageGroupList,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .wbbThreadList,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .messageGroupList {
	display: block !important;
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularList,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .messageGroupList.tabularList,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .wbbThreadList.tabularList,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularList,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .messageGroupList.tabularList {
	box-sizing: border-box;
	display: grid !important;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListRow:not(.tabularListRowHead),
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularListRow:not(.tabularListRowHead) {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 12px !important;
	box-sizing: border-box;
	display: block !important;
	margin: 0 !important;
	min-width: 0 !important;
	padding: 16px 18px 14px !important;
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListColumns,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularListColumns {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px;
	min-width: 0 !important;
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListColumns > li,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnSubject,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnReplies,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnStats,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnLastPost,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularListColumns > li,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnSubject,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnReplies,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnStats,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnLastPost {
	display: block !important;
	flex: none !important;
	max-width: none !important;
	min-width: 0 !important;
	overflow: visible !important;
	white-space: normal !important;
	width: 100% !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnSubject h3,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnSubject .messageGroupLink,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .wbbThreadTitle a,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnSubject h3,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnSubject .messageGroupLink {
	color: #111111 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.3;
	overflow-wrap: anywhere;
	white-space: normal !important;
	word-break: normal;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnLastPost,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnLastPost {
	border-top: 1px solid #eeeeee;
	padding-top: 12px;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnLastPost time,
[data-box-identifier="com.woltlab.wbb.LatestPosts"] .columnLastPost .datetime,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .columnLastPost time {
	color: #3cb371 !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList {
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0 !important;
}

[data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList > li,
[data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList > li {
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 12px !important;
	box-sizing: border-box;
	display: block !important;
	min-width: 0 !important;
	padding: 16px 18px 14px !important;
	width: 100% !important;
}

.sidebar [data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularList,
.sidebar [data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList,
.sidebar [data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularList,
.sidebar [data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList,
.boxesSidebarLeft .bb3ThreadCards,
.boxesSidebarRight .bb3ThreadCards,
.sidebar .recentActivityList {
	grid-template-columns: 1fr !important;
}

@media (max-width: 1199px) {
	.recentActivityList,
	.bb3ThreadCards,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .messageGroupList.tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList,
	[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.content .boxContainer,
	.boxesContent .boxContainer,
	.boxesBottom .boxContainer,
	.main .boxContainer {
		grid-template-columns: 1fr !important;
	}
}

.deSonlongWbb3Copyright,
.sonlongCopyright,
.pageFooterCopyright .deSonlongWbb3Copyright,
.pageFooterCopyright .sonlongCopyright {
	display: inline-block;
	font-size: 13px;
	margin: 0 8px;
}

.deSonlongWbb3Copyright a,
.sonlongCopyright a {
	color: #0055aa !important;
	font-weight: 400;
}

.deSonlongWbb3Copyright a:hover,
.sonlongCopyright a:hover {
	color: #003366 !important;
}

@media (min-width: 1025px) {
	.pageHeaderPanel > .layoutBoundary,
	#pageHeaderPanel > .layoutBoundary {
		padding-right: 40px !important;
	}

	.userPanel,
	#topMenu.userPanel {
		margin-right: 8px !important;
	}

	html body .pageHeader {
		display: grid !important;
		grid-template-areas:
			"panel"
			"facade"
			"menu";
		grid-template-columns: 1fr;
	}

	html body .pageHeaderPanel,
	html body .pageHeaderPanel > .layoutBoundary {
		display: contents !important;
	}

	html body .userPanel,
	html body #topMenu.userPanel {
		grid-area: panel;
		justify-self: end;
	}

	html body .pageHeaderFacade {
		grid-area: facade;
	}

	html body .mainMenu,
	html body #mainMenu,
	html body .pageHeaderMenu {
		background: var(--bb-grey) !important;
		border-bottom: 1px solid var(--bb-grey-mid);
		grid-area: menu;
		width: 100% !important;
	}

	html body .pageHeaderSearchMobile,
	html body .pageHeaderUserMobile,
	html body .pageHeaderMenuMobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.main > .layoutBoundary,
	#main.main > .layoutBoundary,
	.boxesFooter > .layoutBoundary,
	.pageFooterCopyright > .layoutBoundary {
		box-sizing: border-box;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	#main.main > .layoutBoundary,
	.main > .layoutBoundary,
	#content,
	.content {
		padding-left: 12px !important;
		padding-right: 12px !important;
		width: 100% !important;
	}

	.contentHeader,
	#content > .contentHeader,
	.content > .contentHeader,
	.boxHeadline,
	.boxTitle,
	.sectionTitle,
	.containerHeadline {
		border-radius: 8px 8px 0 0 !important;
		padding: 12px 14px !important;
	}

	.contentHeader .contentTitle,
	.contentHeader h1,
	.recentActivityListItem__title,
	.recentActivityListItem__title a,
	.bb3ThreadCard__title,
	.bb3ThreadCard__title a {
		font-size: 16px !important;
	}

	.content .boxContainer,
	.boxesContent .boxContainer,
	.boxesBottom .boxContainer,
	.main .boxContainer,
	.recentActivityList,
	.bb3ThreadCards,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .messageGroupList.tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .sidebarItemList,
	[data-box-identifier="com.woltlab.wbb.LatestThreads"] .tabularList,
	[data-box-identifier="com.woltlab.wbb.LatestThreads"] .sidebarItemList {
		gap: 12px !important;
		grid-template-columns: 1fr !important;
	}

	.content .box,
	.boxesContent .box,
	.boxContainer > .box,
	.recentActivityListItem,
	.bb3ThreadCard,
	[data-box-identifier="com.woltlab.wbb.LatestPosts"] .tabularListRow:not(.tabularListRowHead) {
		padding: 12px 14px 12px !important;
	}

	.content .box {
		padding: 0 !important;
	}

	.boxContent,
	.content .box > .boxContent {
		padding: 12px 14px 14px !important;
	}

	.recentActivityList__switchContext {
		flex-wrap: wrap;
		gap: 8px;
		justify-content: flex-start !important;
		padding: 10px 12px !important;
	}

	.pageFooter,
	.boxesFooter,
	.pageFooterCopyright {
		overflow: visible !important;
	}

	.pageFooterCopyright,
	.pageFooterCopyright > .layoutBoundary {
		align-items: center;
		display: flex !important;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
		text-align: center;
	}

	.styleChanger,
	.boxesFooter .styleChanger,
	.pageFooter .styleChanger {
		justify-content: center;
		margin: 0;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
	}

	.deSonlongWbb3Copyright,
	.sonlongCopyright {
		display: block;
		margin: 4px 0 0;
	}
}

html body .boxesFooter:not(.boxesFooterContent) .boxHeadline,
html body .boxesFooter:not(.boxesFooterContent) .boxHeadline h1,
html body .boxesFooter:not(.boxesFooterContent) .boxHeadline h2,
html body .boxesFooter:not(.boxesFooterContent) .boxHeadline h3,
html body .boxesFooter:not(.boxesFooterContent) .boxHeadline a,
html body .boxesFooter:not(.boxesFooterContent) .boxTitle,
html body .boxesFooter:not(.boxesFooterContent) .boxTitle a,
html body .boxesFooter:not(.boxesFooterContent) .boxTitle *,
html body .boxesFooter:not(.boxesFooterContent) .containerHeadline,
html body .boxesFooter:not(.boxesFooterContent) .containerHeadline a,
html body .boxesFooter:not(.boxesFooterContent) .sectionTitle,
html body .boxesFooter:not(.boxesFooterContent) .box h1,
html body .boxesFooter:not(.boxesFooterContent) .box h2,
html body .boxesFooter:not(.boxesFooterContent) .box h3,
html body .boxesBottom .boxHeadline,
html body .boxesBottom .boxHeadline h1,
html body .boxesBottom .boxHeadline h2,
html body .boxesBottom .boxHeadline h3,
html body .boxesBottom .boxTitle,
html body .boxesBottom .boxTitle a {
	background: transparent !important;
	background-image: none !important;
	color: #000000 !important;
}

html body #grusskarteGrid .grusskarteCard__price,
html body #grusskarteGrid .grusskarteCard__price *,
html body .grusskarteCard .grusskarteCard__price,
html body p.grusskarteCard__price,
html body .giftPrice {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	opacity: 1 !important;
}

html body .contentHeader .contentDescription,
html body .contentHeader .contentHeaderDescription {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

@media (min-width: 1025px) {
	html body .pageHeaderPanel > .layoutBoundary,
	html body #pageHeaderPanel > .layoutBoundary {
		padding-right: 40px !important;
	}

	html body .userPanel,
	html body #topMenu.userPanel {
		margin-right: 8px !important;
	}
}

@media (max-width: 1024px) {
	html body .pageHeaderContainer {
		padding-top: 50px !important;
	}

	html body #pageHeader.pageHeader,
	html body .pageHeader {
		align-items: center !important;
		background: #3c6e99 !important;
		background-image: linear-gradient(to bottom, #4a82ad, #2f5f86) !important;
		border-radius: 12px 12px 0 0 !important;
		box-shadow: 0 1px 0 rgba(0, 0, 0, .18) !important;
		column-gap: 2px !important;
		display: grid !important;
		grid-template-areas: "logo search user menu" !important;
		grid-template-columns: minmax(0, 1fr) max-content max-content max-content !important;
		grid-template-rows: 50px !important;
		height: 50px !important;
		left: 0 !important;
		padding: 0 8px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 400 !important;
	}

	html body .pageHeaderPanel,
	html body .pageHeaderFacade,
	html body .pageHeaderMainMenu,
	html body .pageHeaderPanel > .layoutBoundary,
	html body .pageHeaderFacade > .layoutBoundary,
	html body .pageHeaderMainMenu > .layoutBoundary {
		background: transparent !important;
		display: contents !important;
		position: static !important;
	}

	html body .mainMenu,
	html body #mainMenu,
	html body .pageHeaderMenu,
	html body .userPanel,
	html body #topMenu.userPanel {
		display: none !important;
	}

	html body .pageHeaderLogo {
		grid-area: logo !important;
		min-width: 0 !important;
	}

	html body .pageHeaderLogo a {
		align-items: center !important;
		display: inline-flex !important;
		height: 40px !important;
		padding: 0 4px !important;
	}

	html body .pageHeaderLogo .pageHeaderLogoLarge {
		display: none !important;
	}

	html body .pageHeaderLogo .pageHeaderLogoSmall,
	html body .pageHeaderLogo:not(:has(.pageHeaderLogoSmall)) .pageHeaderLogoLarge,
	html body .pageHeaderLogo:not(:has(.pageHeaderLogoLarge)):not(:has(.pageHeaderLogoSmall)) img {
		display: block !important;
		height: auto !important;
		max-height: 32px !important;
		max-width: 46vw !important;
		object-fit: contain !important;
		width: auto !important;
	}

	html body .pageHeaderSearchMobile {
		align-items: center !important;
		background: transparent !important;
		border: 0 !important;
		color: #ffffff !important;
		display: flex !important;
		grid-area: search !important;
		height: 40px !important;
		justify-content: center !important;
		width: 40px !important;
	}

	html body .pageHeaderUserMobile {
		align-items: center !important;
		background: transparent !important;
		border: 0 !important;
		display: flex !important;
		grid-area: user !important;
		height: 40px !important;
		justify-content: center !important;
		width: 40px !important;
	}

	html body .pageHeaderUserMobile img,
	html body .pageHeaderUserMobile .userAvatarImage {
		border-radius: 50% !important;
		height: 32px !important;
		width: 32px !important;
	}

	html body .pageHeaderMenuMobile,
	html body .pageMenuButton,
	html body .pageHeaderMenuButton {
		align-items: center !important;
		background: transparent !important;
		border: 0 !important;
		color: #ffffff !important;
		display: flex !important;
		grid-area: menu !important;
		height: 40px !important;
		justify-content: center !important;
		left: auto !important;
		overflow: visible !important;
		position: relative !important;
		width: 40px !important;
	}

	html body .pageHeaderSearchMobile fa-icon,
	html body .pageHeaderMenuMobile fa-icon,
	html body .pageHeaderSearchMobile .icon,
	html body .pageHeaderMenuMobile .icon,
	html body .pageHeaderUserMobile fa-icon {
		color: #ffffff !important;
	}

	html body .pageHeaderSearchMobile span:not(.badge),
	html body .pageHeaderMenuMobile span:not(.badge):not(.pageHeaderMenuMobileInactive):not(.pageHeaderMenuMobileActive),
	html body .pageHeaderUserMobile span:not(.badge):not(.pageHeaderUserMobileInactive):not(.pageHeaderUserMobileActive) {
		display: none !important;
	}

	html body .pageHeaderSearch {
		background-color: rgba(0, 0, 0, .34);
	}
}

html body .boxesFooterBoxes,
html body .boxesFooterContent,
html body .pageFooterCopyright {
	background: #ececec !important;
}

html body .boxesFooterContent .boxContainer,
html body .boxesFooterBoxes .boxContainer {
	display: grid !important;
	gap: 28px 40px !important;
	grid-template-columns: 1fr !important;
	width: 100%;
}

@media (min-width: 768px) {
	html body .boxesFooterContent .boxContainer,
	html body .boxesFooterBoxes .boxContainer {
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
	}
}

html body .boxesFooterContent .box,
html body .boxesFooterBoxes .box,
html body .boxesFooterContent .boxContainer > .box,
html body .boxesFooterBoxes .boxContainer > .box,
html body .bb3FooterBox {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	width: 100% !important;
}

html body .boxesFooterContent .box:has(.boxMenuLinkGroup) > .boxTitle,
html body .boxesFooterBoxes .box:has(.boxMenuLinkGroup) > .boxTitle,
html body .bb3FooterBox:has(.boxMenuLinkGroup) > .boxTitle {
	display: none !important;
}

html body .boxesFooterContent .boxTitle,
html body .boxesFooterContent .boxHeadline,
html body .boxesFooterBoxes .boxTitle,
html body .boxesFooterBoxes .boxHeadline,
html body .bb3FooterBox > .boxTitle {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #1a3652 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: .06em;
	margin: 0 0 12px !important;
	padding: 0 !important;
	text-transform: uppercase;
}

html body .boxesFooterContent .boxContent,
html body .boxesFooterBoxes .boxContent,
html body .bb3FooterBox > .boxContent {
	padding: 0 !important;
}

html body .boxesFooterContent .boxMenu,
html body .boxesFooterBoxes .boxMenu,
html body .bb3FooterBox .boxMenu {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

html body .boxesFooterContent .boxMenu > li,
html body .boxesFooterBoxes .boxMenu > li,
html body .bb3FooterBox .boxMenu > li {
	flex: 0 0 auto !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

html body .boxesFooterContent .boxMenu > li > a,
html body .boxesFooterContent .boxMenuLink,
html body .boxesFooterBoxes .boxMenu > li > a,
html body .boxesFooterBoxes .boxMenuLink,
html body .bb3FooterBox .boxMenu > li > a,
html body .bb3FooterBox .boxMenuLink {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #d5dce3 !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08) !important;
	box-sizing: border-box;
	color: #0055aa !important;
	display: flex !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	gap: 12px;
	height: auto !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	text-decoration: none !important;
	width: 100% !important;
}

html body .boxesFooterContent .boxMenu > li > a:hover,
html body .boxesFooterContent .boxMenuLink:hover,
html body .boxesFooterBoxes .boxMenu > li > a:hover,
html body .bb3FooterBox .boxMenuLink:hover {
	background: #e7f1f8 !important;
	color: #003366 !important;
}

html body .boxesFooterContent .boxMenuLink:not(:has(fa-icon)):not(:has(.icon)):not(:has(img))::before,
html body .boxesFooterBoxes .boxMenuLink:not(:has(fa-icon)):not(:has(.icon)):not(:has(img))::before,
html body .bb3FooterBox .boxMenuLink:not(:has(fa-icon)):not(:has(.icon)):not(:has(img))::before {
	background: linear-gradient(to bottom, #8ec8ee, #4fa3d8);
	border-radius: 50%;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
	content: "";
	flex: 0 0 22px;
	height: 22px;
	width: 22px;
}

html body .boxesFooterContent .boxMenuLink fa-icon,
html body .boxesFooterContent .boxMenuLink .icon,
html body .boxesFooterBoxes .boxMenuLink fa-icon,
html body .bb3FooterBox .boxMenuLink fa-icon {
	color: #3c6e99 !important;
	flex: 0 0 auto;
}

html body .boxesFooterContent .boxMenuLinkGroup > .boxMenu,
html body .boxesFooterBoxes .boxMenuLinkGroup > .boxMenu,
html body .bb3FooterBox .boxMenuLinkGroup > .boxMenu {
	display: grid !important;
	flex-direction: unset !important;
	gap: 28px 40px !important;
	grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
	html body .boxesFooterContent .boxMenuLinkGroup > .boxMenu,
	html body .boxesFooterBoxes .boxMenuLinkGroup > .boxMenu,
	html body .bb3FooterBox .boxMenuLinkGroup > .boxMenu {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
	}
}

html body .boxesFooterContent .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink,
html body .boxesFooterBoxes .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink,
html body .bb3FooterBox .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #1a3652 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: .06em;
	min-height: 0 !important;
	padding: 0 0 12px !important;
	text-transform: uppercase;
}

html body .boxesFooterContent .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink::before,
html body .boxesFooterBoxes .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink::before,
html body .bb3FooterBox .boxMenuLinkGroup > .boxMenu > li > .boxMenuLink::before {
	display: none !important;
}

html body .boxesFooterContent .boxMenuLinkGroup > .boxMenu > li > ol,
html body .boxesFooterBoxes .boxMenuLinkGroup > .boxMenu > li > ol,
html body .bb3FooterBox .boxMenuLinkGroup > .boxMenu > li > ol {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

html body .bb3ArticleCards,
html body ul.bb3ArticleCards,
html body .entryCardList {
	display: grid !important;
	gap: 20px !important;
	grid-template-columns: 1fr !important;
	list-style: none;
	margin: 0 !important;
	padding: 4px 0 8px !important;
	width: 100%;
}

@media (min-width: 768px) {
	html body .content .bb3ArticleCards,
	html body .boxesContent .bb3ArticleCards,
	html body .boxesBottom .bb3ArticleCards,
	html body .entryCardList {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

html body .bb3ArticleCards--sidebar {
	grid-template-columns: 1fr !important;
}

html body .box:has(.bb3ArticleCards) {
	overflow: visible !important;
}

html body .box:has(.bb3ArticleCards) > .boxContent {
	padding: 16px !important;
}

html body .bb3ArticleCard,
html body li.bb3ArticleCard,
html body article.bb3ArticleCard,
html body .entryCardList__item.bb3ArticleCard {
	align-items: stretch !important;
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 28px rgba(26, 54, 82, .12) !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column !important;
	grid-template-areas: none !important;
	grid-template-columns: none !important;
	margin: 0 !important;
	min-width: 0;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	width: 100% !important;
}

html body .bb3ArticleCard__imageLink {
	display: block;
	text-decoration: none !important;
}

html body .bb3ArticleCard__image,
html body .bb3ArticleCard .entryCardList__item__image {
	aspect-ratio: 16 / 10;
	background: #d5dce3;
	border-radius: 16px 16px 0 0 !important;
	display: block;
	overflow: hidden;
	position: relative;
}

html body .bb3ArticleCard__image img,
html body .bb3ArticleCard .entryCardList__item__image__element,
html body .bb3ArticleCard__imageElement {
	border-radius: 0 !important;
	display: block !important;
	height: 100% !important;
	object-fit: cover !important;
	width: 100% !important;
}

html body .bb3ArticleCard__date {
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .28);
	left: 14px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 14px;
	width: 54px;
	z-index: 2;
}

html body .bb3ArticleCard__dateDay {
	background: #ffffff;
	color: #111111;
	display: block;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1;
	padding: 7px 0 3px;
}

html body .bb3ArticleCard__dateMonth {
	background: #1a1a1a;
	color: #ffffff;
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1;
	padding: 5px 0 6px;
	text-transform: uppercase;
}

html body .bb3ArticleCard .entryCardList__item__badges {
	left: auto;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 2;
}

html body .bb3ArticleCard__body,
html body .bb3ArticleCard .entryCardList__item__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 16px 18px 16px !important;
}

html body .bb3ArticleCard__title,
html body .bb3ArticleCard__title a,
html body .bb3ArticleCard .entryCardList__item__title,
html body .bb3ArticleCard .entryCardList__item__title a,
html body .bb3ArticleCard .entryCardList__item__link {
	color: #111111 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3;
	margin: 0 0 8px !important;
	text-decoration: none !important;
}

html body .bb3ArticleCard__teaser,
html body .bb3ArticleCard .entryCardList__item__teaser {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #7a7a7a !important;
	display: -webkit-box;
	font-size: 14px !important;
	font-style: italic;
	font-weight: 400 !important;
	line-height: 1.45;
	margin: 0 0 16px !important;
	overflow: hidden;
}

html body .bb3ArticleCard__meta,
html body .bb3ArticleCard .entryCardList__item__meta {
	align-items: center;
	border: 0 !important;
	display: flex !important;
	gap: 12px;
	justify-content: space-between;
	margin-top: auto;
	padding: 0 !important;
}

html body .bb3ArticleCard__author {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 0;
}

html body .bb3ArticleCard__author img,
html body .bb3ArticleCard__author .userAvatarImage {
	border-radius: 50% !important;
	height: 32px !important;
	width: 32px !important;
}

html body .bb3ArticleCard__authorText {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

html body .bb3ArticleCard__authorText a {
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.2;
}

html body .bb3ArticleCard__published,
html body .bb3ArticleCard .entryCardList__item__meta__time {
	color: #888888 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

html body .bb3ArticleCard__stats,
html body .bb3ArticleCard .entryCardList__item__meta__icons {
	align-items: center;
	color: #888888 !important;
	display: flex;
	flex: 0 0 auto;
	gap: 12px;
}

html body .bb3ArticleCard__stat {
	align-items: center;
	color: #888888 !important;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 5px;
}

html body .bb3ArticleCard__stat fa-icon,
html body .bb3ArticleCard__stat .icon {
	color: #9aa3ad !important;
}

html body .wbbBoardNodeContainerList,
html body .wbbBoardList,
html body .wbbBoardNodeList {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column;
	gap: 16px;
	overflow: visible !important;
	padding: 0 !important;
}

html body .wbbBoardNodeContainer,
html body .wbbBoardNodeContainer.wbbBoardNodeContainer--category {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 28px rgba(26, 54, 82, .1) !important;
	margin: 0 !important;
	overflow: visible !important;
	padding: 12px 14px 14px !important;
}

html body .wbbBoardNodeContainer__header,
html body .wbbBoardNodeContainer > header,
html body .wbbBoardNodeContainer .boxTitle,
html body .wbbCategory > header,
html body .wbbBoardList .wbbDepth1 > header,
html body .wbbBoardNode--category > header,
html body .wbbBoardNode--category > .wbbBoardNode__title {
	align-items: center !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #111111 !important;
	display: flex !important;
	gap: 12px;
	justify-content: space-between !important;
	margin: 0 !important;
	min-height: 42px;
	padding: 4px 6px 8px !important;
	text-align: left !important;
	width: 100% !important;
}

html body .wbbBoardNodeContainer__headline {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	gap: 8px;
	min-width: 0;
}

html body .wbbBoardNodeContainer__title,
html body .wbbBoardNodeContainer__title a,
html body .wbbBoardNodeContainer__link,
html body .wbbBoardNodeContainer__header a,
html body .wbbCategory > header a,
html body .wbbBoardNode--category > .wbbBoardNode__title a {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-align: left !important;
	text-decoration: none !important;
}

html body .wbbBoardNodeContainer__link::before,
html body .wbbBoardNodeContainer__title:not(:has(a))::before {
	color: #888888;
	content: ">";
	display: inline-block;
	font-weight: 700;
	margin-right: 6px;
}

html body .wbbBoardNodeContainer__description {
	color: #777777 !important;
	font-size: 13px;
	font-weight: 400;
}

html body .wbbBoardNodeContainer__collapsibleButton,
html body .wbbBoardNodeContainer__header .collapsibleButton {
	align-items: center;
	background: #eceff2 !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #555555 !important;
	display: inline-flex !important;
	height: 28px;
	justify-content: center;
	margin-left: auto;
	min-width: 44px;
	padding: 0 10px !important;
}

html body .wbbBoardNodeContainer__header .collapsibleButton fa-icon,
html body .wbbBoardNodeContainer__header .collapsibleButton .icon {
	color: #555555 !important;
}

html body .wbbBoardNodeContainer .wbbBoardNodeList {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0 !important;
}

html body .wbbBoardNode,
html body .wbbBoardNodeList > .wbbBoardNode,
html body .wbbBoardList .wbbBoardContainer,
html body .wbbBoardNode:nth-child(even),
html body .wbbBoardList .wbbBoardContainer:nth-child(even) {
	align-items: center;
	background: #eceff2 !important;
	border: 0 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	column-gap: 12px !important;
	display: grid !important;
	grid-template-areas:
		"icon content stats lastPosts"
		"icon subBoards stats lastPosts" !important;
	grid-template-columns: 48px minmax(0, 1fr) 110px minmax(180px, 250px) !important;
	grid-template-rows: auto auto !important;
	margin: 0 !important;
	min-height: 72px;
	overflow: hidden;
	padding: 10px 14px !important;
	row-gap: 4px !important;
}

html body .wbbBoardNode__icon {
	align-items: center;
	align-self: center;
	background: transparent !important;
	border: 0 !important;
	color: #5a6570 !important;
	display: flex !important;
	grid-area: icon;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
}

html body .wbbBoardNode__icon fa-icon,
html body .wbbBoardNode__icon .icon {
	color: #5a6570 !important;
	--font-size: 22px;
}

html body .wbbBoardNode__content {
	align-self: center;
	grid-area: content;
	min-width: 0;
	padding: 0 !important;
}

html body .wbbBoardNode__headline {
	line-height: 1.3;
	min-height: 0 !important;
}

html body .wbbBoardNode__title,
html body .wbbBoardNode__title a,
html body .wbbBoardNode__link,
html body .wbbBoardList .wbbBoardTitle a {
	color: #111111 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

html body .wbbBoardNode__description {
	color: #777777 !important;
	font-size: 13px !important;
	line-height: 1.35;
	margin-top: 2px !important;
}

html body .wbbBoardNode__moderators,
html body .wbbBoardNode .wbbBoardModerators {
	color: #888888 !important;
	font-size: 12px;
	margin-top: 2px;
}

html body .wbbBoardNode__stats,
html body .wbbBoardNode__stats.wbbBoardNode__stats--private {
	align-self: center;
	background: transparent !important;
	display: flex !important;
	flex-direction: row;
	gap: 16px;
	grid-area: stats;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 0 !important;
}

html body .wbbBoardNode__statItem,
html body .wbbBoardNode__stats > div,
html body .wbbBoardNode__stats > dl {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	margin: 0 !important;
	padding: 0 !important;
}

html body .wbbBoardNode__statItem > dt,
html body .wbbBoardNode__stats dt,
html body .wbbBoardNode dl dt {
	color: #888888 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
}

html body .wbbBoardNode__statItem > dt::after,
html body .wbbBoardNode__stats dt::after {
	display: none !important;
}

html body .wbbBoardNode__statItem > dd,
html body .wbbBoardNode__stats dd,
html body .wbbBoardNode dl dd {
	color: #111111 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .wbbBoardNode__lastPosts {
	align-self: center;
	background: transparent !important;
	border: 0 !important;
	grid-area: lastPosts;
	margin: 0 !important;
	min-width: 0;
	padding: 0 !important;
}

html body .wbbBoardNode__lastPosts > dl {
	margin: 0;
	width: 100%;
}

html body .wbbBoardNode__lastPost {
	align-items: center;
	column-gap: 10px;
	display: grid !important;
	grid-template-areas:
		"avatar title"
		"avatar meta";
	grid-template-columns: 32px minmax(0, 1fr);
}

html body .wbbBoardNode__lastPost:not(:first-child) {
	display: none !important;
}

html body .wbbBoardNode__lastPostAvatar {
	grid-area: avatar;
}

html body .wbbBoardNode__lastPostAvatar img,
html body .wbbBoardNode__lastPostAvatar .userAvatarImage {
	border: 0 !important;
	border-radius: 50% !important;
	height: 32px !important;
	width: 32px !important;
}

html body .wbbBoardNode__lastPostTitle,
html body .wbbBoardNode__lastPostTitle a,
html body .wbbBoardNode__lastPostLink {
	background: transparent !important;
	color: #111111 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	grid-area: title;
	line-height: 1.3;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

html body .wbbBoardNode__lastPostMeta {
	color: #888888 !important;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px !important;
	gap: 6px;
	grid-area: meta;
}

html body .wbbBoardNode__subBoards {
	grid-area: subBoards;
	padding: 0 !important;
}

html body .wbbBoardNode--unread .wbbBoardNode__title a,
html body .wbbBoardNode--unread .wbbBoardNode__link {
	font-weight: 800 !important;
}

@media (max-width: 1024px) {
	html body .wbbBoardNode,
	html body .wbbBoardNodeList > .wbbBoardNode {
		grid-template-areas:
			"icon content"
			"icon stats"
			"icon lastPosts"
			"icon subBoards" !important;
		grid-template-columns: 40px minmax(0, 1fr) !important;
	}

	html body .wbbBoardNode__stats {
		justify-content: flex-start;
	}
}