/* =========================================================
   STECKBRIEF – BASIS
   bewusst unter #group gekapselt
   ========================================================= */

#group,
#group * {
	box-sizing: border-box;
}

#group {
	--stecki-line: rgba(165, 195, 200, 0.11);
	--stecki-line-strong: rgba(178, 139, 173, 0.32);
	--stecki-text: rgba(209, 217, 214, 0.78);
	--stecki-muted: rgba(181, 193, 189, 0.58);
	--stecki-panel: rgba(255, 255, 255, 0.015);

	position: relative;

	width: 100%;
	margin: 0;
	padding: 54px clamp(28px, 5vw, 72px) 76px;

	color: var(--stecki-text);
	font-size: 12px;
	line-height: 1.8;

	background: transparent;
}

#group .radio,
#group input[type="radio"] {
	display: none;
}

#group .fire_szinfo {
	display: none;
}

#group li::marker {
	content: "";
}


/* =========================================================
   ÄUSSERER STECKBRIEF
   ========================================================= */

#group .appom {
	position: relative;

	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;

	background: transparent;
}

#group .appomin {
	position: relative;

	flex: 1 1 auto;

	width: auto;
	min-width: 0;
	overflow: visible;

	background: transparent;
	border: 0;
	outline: 0;
}


/* =========================================================
   TITELBEREICH
   ========================================================= */

#group .appnam {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	min-height: 118px;
	margin: 0 0 28px;
	padding: 26px 0 25px;

	color: var(--stecki-text);

	background: transparent;
	border-top: 1px solid var(--stecki-line);
	border-bottom: 1px solid var(--stecki-line);
}

#group .appnam name {
	display: block;

	width: 100%;
	margin: 0 0 12px;
	padding: 0;

	color: rgba(236, 239, 237, 0.96);
	font-family: var(--fire-display);
	font-size: clamp(42px, 5vw, 72px);
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 0.95;
	text-align: left;
	text-transform: none;

	background: transparent;
	border: 0;
	text-shadow: none;
}

#group .appnam > div:last-child {
	display: flex !important;
	align-items: center;
	justify-content: flex-start !important;
	flex-wrap: wrap;

	width: 100%;
	gap: 8px 18px !important;
	margin-top: 14px;

	color: var(--stecki-muted);
	font-size: 11px !important;
	font-weight: 600;
	letter-spacing: 0.07em;
	line-height: 1.5;
	text-transform: uppercase;
}

#group .appnam a {
	color: var(--accent-light);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;

	border-bottom: 1px solid rgba(178, 139, 173, 0.3);

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

#group .appnam a:hover {
	color: #fff;
	border-bottom-color: var(--accent);
}


/* =========================================================
   OBERER STECKBRIEFBEREICH
   Bild + Tabs
   ========================================================= */

#group .appnam + div[style*="display:flex"] {
	display: grid !important;
	grid-template-columns: 250px minmax(0, 1fr);
	align-items: stretch;
	justify-content: initial !important;
	gap: clamp(34px, 5vw, 70px) !important;
}

#group .appnam + div[style*="display:flex"] > div:first-child {
	width: 250px !important;
	min-width: 250px;
}


/* =========================================================
   STECKBRIEFBILD
   ========================================================= */

#group .appimg {
	position: relative;

	float: none;

	width: 250px;
	height: 500px;
	margin: 0;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	border: 1px solid var(--stecki-line);
	outline: 0;

	filter:
		saturate(0.72)
		contrast(1.04)
		brightness(0.83);

	transition:
		filter 0.25s ease,
		border-color 0.25s ease;
}

#group .appimg::after {
	content: "";

	position: absolute;
	inset: 9px;

	border: 1px solid rgba(235, 239, 236, 0.1);

	pointer-events: none;
}

#group .appimg:hover {
	filter:
		saturate(0.92)
		contrast(1.02)
		brightness(0.94);

	border-color: rgba(178, 139, 173, 0.42);
}


/* =========================================================
   TABS
   ========================================================= */

#group .tabs {
	position: relative;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 24px;

	float: none;
	clear: none;

	width: 100%;
	height: 500px;
	margin: 0;
	padding-top: 0;

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

#group .tab {
	display: block;

	width: auto;
	height: auto;
	margin: 0;
	padding: 0;

	color: var(--stecki-muted);
	text-align: left;

	border: 0;
}

#group .tab > label {
	position: relative;
	z-index: 5;

	display: inline-flex;
	align-items: center;

	height: 39px;
	padding: 0 1px 12px;

	color: var(--stecki-muted);
	font-family: inherit;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.17em;
	line-height: 1.4;
	text-transform: uppercase;

	background: transparent;
	border-bottom: 1px solid transparent;

	cursor: pointer;

	transition:
		color 0.2s ease,
		border-color 0.2s ease;
}

#group .tab > label:hover {
	color: rgba(235, 239, 236, 0.94);
}

#group .tab input[type="radio"]:checked + label {
	z-index: 5;

	color: var(--accent-light);
	font-weight: 700;

	background: transparent;
	border-bottom-color: var(--accent);
}


/* =========================================================
   TAB-INHALT
   ========================================================= */

#group .tab .content {
	position: absolute;
	z-index: 0;
	top: 50px;
	right: 0;
	bottom: auto;
	left: 0;

	width: 100%;
	height: 440px !important;
	margin: 0;

	overflow: hidden;

	visibility: hidden;
	opacity: 0;
	transform: translateY(8px);

	transition:
		opacity 0.25s ease,
		transform 0.25s ease,
		visibility 0.25s ease;
}

#group .tab input[type="radio"]:checked ~ .content {
	z-index: 2;

	margin: 0;

	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

#group .apcont {
	width: 100%;
	height: 430px;
	margin: 0;
	padding: 8px 16px 28px 0;

	overflow-x: hidden;
	overflow-y: auto;

	color: var(--stecki-text);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.85;
	text-align: left;

	scrollbar-width: thin;
	scrollbar-color: rgba(178, 139, 173, 0.42) transparent;
}

#group .apcont::-webkit-scrollbar,
#group .life::-webkit-scrollbar,
#group .shortcut::-webkit-scrollbar,
#group .abili::-webkit-scrollbar {
	width: 4px;
}

#group .apcont::-webkit-scrollbar-track,
#group .life::-webkit-scrollbar-track,
#group .shortcut::-webkit-scrollbar-track,
#group .abili::-webkit-scrollbar-track {
	background: transparent;
}

#group .apcont::-webkit-scrollbar-thumb,
#group .life::-webkit-scrollbar-thumb,
#group .shortcut::-webkit-scrollbar-thumb,
#group .abili::-webkit-scrollbar-thumb {
	background: rgba(178, 139, 173, 0.42);
}

#group .apcont p {
	margin: 0 0 24px;
}

#group .apcont u {
	color: var(--fire-accent-light);
	text-decoration: none;
}

#group .apcont b {
	color: rgba(223, 228, 225, 0.92);
	font-weight: 700;
}


/* =========================================================
   BASISDATEN
   ========================================================= */

#group .apdetlis {
	position: relative;

	display: grid;
	grid-template-columns: 34px minmax(130px, 0.4fr) minmax(0, 1fr);
	align-items: center;
	gap: 14px;

	width: 100%;
	height: auto;
	min-height: 48px;
	margin: 0;
	padding: 10px 0;

	color: var(--stecki-text);
	font-family: inherit;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.65;
	text-align: left;
	text-transform: none;

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

#group .apdetlis:first-child {
	border-top: 1px solid var(--stecki-line);
}

#group .apdetlis info,
#group .apdetlis Info {
	float: none;

	margin: 0;

	color: var(--fire-accent-light);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1.5;
	text-transform: uppercase;
}

#group .apdetlis > span {
	position: static;

	display: flex;
	align-items: center;
	justify-content: center;
	float: none;
width:12px;
height: 12px;
  margin: 6px;
	padding: 0;

	color: var(--accent);
	font-size: 13px;

	background: transparent;
	border: 1px solid rgba(178, 139, 173, 0.25);
	border-radius: 0;

	transform: rotate(45deg);
}

#group .apdetlis > span::before {
	display: block;
	transform: rotate(-45deg);
}


/* =========================================================
   ZITAT
   ========================================================= */

#group .apquotetop {
	margin: 15px 0 0;
	padding: 0 0 10px;

	color: var(--fire-accent-light);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;

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

#group .apquote {
	position: relative;

	margin: 20px;
	padding: 22px 28px;

	color: rgba(213, 220, 217, 0.78);
	font-family: var(--fire-body);
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.9;
	text-align: left;

	background: transparent;
	border: 0;
	border-left: 1px solid var(--accent);
}

#group .apquote span {
	padding: 0 8px;

	color: rgba(178, 139, 173, 0.58);
	font-size: 11px;
}


/* =========================================================
   RUNDE DETAILANZEIGEN – falls weiterhin verwendet
   ========================================================= */

#group .apdetop {
	position: relative;

	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 88px;
	height: 88px;
	margin: 7px 8px 18px 0;
	padding: 12px;

	color: var(--stecki-text);
	font-family: inherit;
	font-size: 11px;
	letter-spacing: 0.09em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;

	background: transparent;
	border: 1px solid var(--stecki-line-strong);
	border-radius: 50%;
}

#group .apdetop span {
	position: absolute;

	margin: 0;

	color: var(--accent);
	font-size: 34px;

	opacity: 0.1;
}

#group .apdetop Human,
#group .apdetop Shifter,
#group .apdetop Wolf,
#group .apdetop Upir,
#group .apdetop Witch {
	font-family: inherit;
	font-size: 11px;
}


/* =========================================================
   WEITERE ABSCHNITTSÜBERSCHRIFTEN
   ========================================================= */

#group .apfretop,
#group .plapers {
	position: relative;

	margin: 38px 0 0;
	padding: 0 0 12px;

	color: rgba(230, 234, 232, 0.88);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;

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

#group .apfretop span {
	float: none;

	margin-right: 12px;

	color: var(--fire-accent-light) !important;
}

#group .apfretex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;

	padding: 24px 0 0;

	color: var(--stecki-text);
	font-family: inherit;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.85;
	text-align: left;
}


/* =========================================================
   PLAYLIST
   ========================================================= */

#group .applaico {
	float: none;

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

	width: 100%;
	max-width: 450px;
	height: 104px;
	margin: 24px 0;
	padding: 14px;

	color: var(--accent);
	font-size: 40px;

	background: var(--stecki-panel);
	border: 1px solid var(--stecki-line);
}

#group .applaico img {
	max-width: 100%;
	height: 75px;
	object-fit: cover;
}

#group .appla {
	float: none;

	width: 100%;
	max-width: 420px;
	margin: 24px 0;
}

#group .applaov {
	margin: 0 0 10px;
	padding: 0 0 9px;

	color: rgba(235, 238, 236, 0.92);
	font-family: var(--fire-display);
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.1;
	text-align: left;
	text-transform: none;

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

#group .appladet {
	display: grid;
	grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr);
	gap: 18px;

	margin: 0;
	padding: 9px 0;

	color: var(--stecki-text);
	font-family: inherit;
	font-size: 11px;
	letter-spacing: 0.04em;
	line-height: 1.6;
	text-align: left;
	text-transform: none;

	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--stecki-line);
}

#group .appladet name {
	float: none;

	width: auto;
	margin: 0;
	padding: 70px;

	color: var(--accent-light);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;

	background: transparent;
	border: 0;
}


/* =========================================================
   PERSONENTEXT
   ========================================================= */

#group .plapers {
	margin-top: 44px;
	text-align: left;
}

#group .plaperstex {
	width: 100%;
	height: auto;
	min-height: 180px;
	margin: 14px 0 0;
	padding: 20px 22px;

	overflow: auto;

	color: var(--stecki-text);
	font-size: 12px;
	line-height: 1.85;

	background: var(--stecki-panel);
	border: 1px solid var(--stecki-line);
	outline: 0;
}


/* =========================================================
   GROSSE FOLGEABSCHNITTE
   Zusammenfassung / Skills / Familie / Leben
   ========================================================= */

#group .appom > div[style*="background:var(--back)"],
#group .appom > div[style*="background: var(--back)"] {
	margin: 0 0 38px !important;
	padding: 4px 0 32px !important;

	color: var(--stecki-text);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.9;

	background: transparent !important;
	border-bottom: 1px solid var(--stecki-line);
}

#group .appom > div[style*="background:var(--back)"] > div,
#group .appom > div[style*="background: var(--back)"] > div {
	margin-left: 0 !important;
}


/*
 * Die nachfolgenden .appnam-Blöcke sind Abschnittstitel,
 * nicht noch einmal der Charaktername.
 */
#group .appom > .appnam:not(:first-child) {
	min-height: auto;
	margin: 46px 0 18px;
	padding: 0 0 14px;

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

#group .appom > .appnam:not(:first-child) name {
	margin: 0;
font-size: clamp(42px, 5vw, 72px);
	line-height: 1.05;
}


/* =========================================================
   FÄHIGKEITEN
   ========================================================= */

/* =========================================================
   FÄHIGKEITEN
   ========================================================= */

#group .perks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px 18px;

	margin: 0 0 26px;
	padding: 22px 0;

	background: transparent;
	border-top: 1px solid var(--stecki-line);
	border-bottom: 1px solid var(--stecki-line);
}

#group .perk {
	position: relative;

	display: flex;
	align-items: center;

	width: 100%;
	min-width: 0;
	min-height: 29px;

	overflow: hidden;

	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(165, 195, 200, 0.12);
	outline: 0;
}

/* farbige Fortschrittsfläche */
#group .perk_bar {
	position: absolute;
	z-index: 1;
	inset: 0 auto 0 0;

	height: 100%;

	background:
		linear-gradient(
			to right,
			rgba(178, 139, 173, 0.72),
			rgba(112, 150, 154, 0.56)
		);

	pointer-events: none;
}

/* Text liegt über der gesamten Leiste */
#group .perk_content {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	width: 100%;
	min-width: 0;
	padding: 6px 9px;
}

#group .perk_name {
	display: block;

	min-width: 0;

	color: rgba(245, 245, 243, 0.94);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.055em;
	line-height: 1.35;
	text-align: left;
	text-transform: uppercase;

	white-space: normal;
	overflow-wrap: anywhere;
}

#group .perk_value {
	flex: 0 0 auto;

	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.35;
	white-space: nowrap;
}


#group .perk_bar z {
	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 500;
}


/* =========================================================
   ABILITY / LIFE / SHORTCUT
   ========================================================= */

#group .abi_info,
#group .life_info {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 22px;

	min-height: 300px;
	max-height: none;
}

#group .abili,
#group .life,
#group .shortcut {
	height: auto;
	min-height: 300px;
	max-height: 600px;
	padding: 24px;

	overflow: auto;

	color: var(--stecki-text);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.85;
	text-align: left;
	white-space: pre-line;

	background: var(--stecki-panel);
	border: 1px solid var(--stecki-line);
	outline: 0;
}

#group .abili {
	width: calc(31% - 11px);
}

#group .life {
	width: calc(69% - 11px);
	text-align: left;
}

#group .shortcut {
	width: calc(33.333% - 15px);
}


/* =========================================================
   HOVER-OVERLAY
   ========================================================= */

#group .hovericon {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;

	padding: 18px;

	overflow: auto;

	color: var(--stecki-text);
	font-size: 12px;
	line-height: 1.7;
	text-align: left;

	background: rgba(12, 16, 17, 0.94);

	visibility: hidden;
	opacity: 0;

	transition:
		opacity 0.2s ease,
		visibility 0.2s ease;
}

#group .hovericon:hover {
	visibility: visible;
	opacity: 1;
}


/* =========================================================
   TRACKER-THREADS
   ========================================================= */

#group .ntrackthread {
	position: relative;

	width: 50%;
	height: auto;
	min-height: 190px;
	padding: 36px 28px;

	color: var(--stecki-text);

	opacity: 1;

	cursor: default;

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

	transition:
		background 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
}

#group .ntrackthread:hover {
	background: rgba(255, 255, 255, 0.018);

	opacity: 1;
	transform: translateY(-2px);
}

#group .ntrackthread h1 {
	margin: 0 0 12px;
	padding: 0;

	color: rgba(233, 237, 234, 0.92);
	font-family: var(--fire-display);
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.05;
	text-transform: none;
}

#group .ntrackthread h2 {
	margin: 0;
	padding: 0;

	color: var(--fire-accent-light);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1.5;
	text-transform: uppercase;
}

#group .ntrackthread a::before {
	display: inline-block;

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

	color: var(--accent-light);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;

	background: transparent;
	border: 1px solid rgba(178, 139, 173, 0.26);
	border-radius: 0;
}

#group .ntrackthread::after {
	content: "";

	position: absolute;
	right: 28px;
	bottom: 0;
	left: 28px;

	display: block;
	width: auto;

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

#group .ntrackthread.completed {
	width: 50%;
	height: auto;

	opacity: 0.48;
}

#group .ntrackthread.completed h2::before {
	content: "";

	position: absolute;
	top: 50%;
	right: 24px;
	left: 24px;

	width: auto;

	border-bottom: 1px solid rgba(178, 139, 173, 0.42);

	transform: rotate(-8deg);
}

#group .ntrackthread.completed h1 {
	font-size: 22px;
}


/* =========================================================
   FORTSCHRITTSKREIS
   ========================================================= */

#group .progress-bar_ability {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100px;
	height: 100px;

	background:
		radial-gradient(
			circle,
			transparent 58%,
			rgba(178, 139, 173, 0.15) 59%,
			rgba(178, 139, 173, 0.45) 61%,
			transparent 62%
		);

	border: 1px solid rgba(165, 195, 200, 0.13);
	border-radius: 50%;
}

#group .progress-bar_ability::before {
	content: "75%";

	color: var(--accent-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
}


/* =========================================================
   VERSTECKTES GIF / DEKORATION
   ========================================================= */

#group .appgif {
	position: absolute;
	z-index: 10;
	top: -10px;
	right: 0;

	float: none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

	#group .appnam + div[style*="display:flex"] {
		grid-template-columns: 200px minmax(0, 1fr);
	}

	#group .appnam + div[style*="display:flex"] > div:first-child,
	#group .appimg {
		width: 200px !important;
		min-width: 200px;
	}

	#group .appimg {
		height: 430px;
	}

	#group .tabs {
		height: 470px;
	}

	#group .tab .content {
		height: 410px !important;
	}

	#group .apcont {
		height: 400px;
	}

	#group .perks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 760px) {

	#group {
		padding:
			42px
			22px
			60px;
	}

	#group .appnam + div[style*="display:flex"] {
		grid-template-columns: 1fr;
	}

	#group .appnam + div[style*="display:flex"] > div:first-child {
		width: 100% !important;
		min-width: 0;
	}

	#group .appimg {
		width: 100% !important;
		height: 360px;
	}

	#group .tabs {
		column-gap: 16px;

		height: 540px;
		padding-top: 0;
	}

	#group .tab > label {
		height: 36px;
	}

	#group .tab .content {
		top: 92px;

		height: 440px !important;
	}

	#group .apcont {
		height: 430px;
		padding-right: 7px;
	}

	#group .apdetlis {
		grid-template-columns: 28px 1fr;
		gap: 10px;
	}

	#group .apdetlis info,
	#group .apdetlis Info {
		grid-column: 2;
	}

	#group .apdetlis info + *,
	#group .apdetlis Info + * {
		grid-column: 2;
	}

	#group .perks {
		grid-template-columns: 1fr;
	}

	#group .abili,
	#group .life,
	#group .shortcut {
		width: 100%;
	}

	#group .ntrackthread,
	#group .ntrackthread.completed {
		width: 100%;
	}

}

@media (max-width: 480px) {

	#group .tabs {
		height: 600px;
	}

	#group .tab .content {
		top: 145px;

		height: 445px !important;
	}

	#group .apcont {
		height: 435px;
	}

}

#group .apdetlis--fraktion {
	align-items: start;
}

#group .fraktionsliste {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;

	margin: 0;
	padding: 0;

	list-style: none;
}

#group .fraktionsliste li {
	margin: 0;
	padding: 5px 9px;

	color: rgba(219, 224, 222, 0.82);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;

	background: rgba(178, 139, 173, 0.06);
	border: 1px solid rgba(178, 139, 173, 0.22);
}

#group .fraktionsliste--empty {
	color: rgba(181, 193, 189, 0.56);
	font-size: 11px;
	font-style: italic;
}