/* Burning Board 3 Final extra CSS v1.0.3 — Footer-Boxen untereinander */

.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;
}