.mstabelle {
	background: var(--stecki-panel);
	padding: 12px;

	color: var(--stecki-text);
	text-align: left;
	white-space: pre-line;

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

.ms {
	border-bottom: 2px solid var(--stecki-link-line);
}

.msborder {
	padding: 12px;

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

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

.mstd {
	padding: 12px 20px;

	color: var(--stecki-text);
	font-size: 13px;
	line-height: 1.75;
	text-align: justify;

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

.msback {
	background: var(--stecki-panel);
	padding: 12px;

	color: var(--stecki-text);
	text-align: left;
	white-space: pre-line;

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

.msdesc {
	color: var(--stecki-muted);
	font-size: 12px;
	line-height: 1.65;
}

.trun {
	margin-bottom: 15px;
	padding: 12px;

	color: var(--stecki-text);

	background: var(--stecki-panel);
	border: 1px solid var(--stecki-line);
	border-left: 3px solid var(--accent);
	border-radius: 4px;
}

.magiespiele-actualtask .perk {
	position: relative;
	box-sizing: border-box;
}

.magiespiele-actualtask .perk_bar {
	position: relative;

	box-sizing: border-box;
	min-height: 28px;
	padding-right: 46px;

	white-space: nowrap;
}

.magiespiele-actualtask .perk z {
	position: absolute;
	z-index: 5;
	top: 50%;
	right: 8px;

	color: var(--stecki-strong-text);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;

	white-space: nowrap;

	transform: translateY(-50%);
}

.magiespiele-actualtask .magiespiele-skill--success {
	border: 2px solid var(--fire-accent);
}

.magiespiele-actualtask .magiespiele-skill--failed {
	border: 1px solid var(--stecki-line);
}


@media (max-width: 760px), (max-device-width: 760px) {

	.mstabelle,
	.msback {
		padding: 14px;

		font-size: 17px;
		line-height: 1.7;
	}

	.msborder {
		padding: 14px;

		font-size: 17px;
		line-height: 1.75;
	}

	.mstd {
		padding: 14px 12px;

		font-size: 17px;
		line-height: 1.7;
		text-align: left;
	}

	.msdesc {
		font-size: 15px;
		line-height: 1.7;
	}

	.trun {
		padding: 14px;

		font-size: 17px;
		line-height: 1.7;
	}

	.magiespiele-actualtask .perk_bar {
		min-height: 34px;
		padding-right: 52px;
	}

	.magiespiele-actualtask .perk z {
		font-size: 14px;
	}

}


@media (max-width: 480px), (max-device-width: 480px) {

	.mstabelle,
	.msback,
	.msborder,
	.mstd,
	.trun {
		font-size: 18px;
	}

	.msdesc {
		font-size: 16px;
	}

	.magiespiele-actualtask .perk_bar {
		white-space: normal;
	}

}