@charset "utf-8";
/* CSS Document */
body {
	background: white;
	font: 1em/1.4em Arial, Helvetica, FreeSans, Garuda, sans-serif;
	color: black;
	padding: 1em;
}
input {
	font-size: 1rem;
	padding: 2px 4px;
}
ul {
	display: inline-block;
}
li {
	list-style-type: none;
	line-height: 150%;
}
ul li:nth-child(2), ul li:nth-child(6), ul li:nth-child(10) {
	border-bottom: 1px dotted #000;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
li:nth-child(2)::after {
    content: "\A Diese Listen gehören im Superblocker zu 'Level 1'.";
	color: black;
	font-size: 0.8rem;
	white-space: pre;
}
li:nth-child(6)::after {
    content: "\A Diese Listen gehören im Superblocker zu 'Level 2'.";
	color: black;
	font-size: 0.8rem;
	white-space: pre;
}
li:nth-child(10)::after {
    content: "\A Diese Listen gehören im Superblocker zu 'Level 3'.";
	color: black;
	font-size: 0.8rem;
	white-space: pre;
}
li:nth-child(14)::after {
    content: "\A Diese Listen gehören im Superblocker zu 'Level 4'.";
	color: black;
	font-size: 0.8rem;
	white-space: pre;
}
.green {
	color: green;
}
li .green::before {
	content: url('ok.png');
	padding-right: 8px;
}
.red {
	color: red;
}
li .red::before {
	content: url('problem.png');
	padding-right: 8px;
}
.kleiner {
	font-size: 0.8rem;
}
@media only screen and (max-width: 599px) {
	body {
		padding: 0.5em;
	}
	ul {
		margin-right: 6px;
		margin-left: 6px;
		padding-left: 0;
		padding-right: 0;
	}
}