/* BASE QUIZ STYLES */
/* These styles ensure that the necessary elements are hidden for toggling */

/* DO NOT EDIT UNLESS YOU KNOW WHAT YOU ARE DOING!! */

.startQuiz,
.nextQuestion,
.backToQuestion,
.questions li.question,
.questions li.question .responses,
.questions li.question .responses .correct,
.questions li.question .responses .incorrect,
.quizResults {
    display: none;
}

/* If response messages are disabled or only shown on quiz completion,
   nextQuestion button IS checkAnswer button - so it must be displayed */
.nextQuestion.checkAnswer {
    display: block;
}

ol.questions,
ul.answers,
ul.responses,
ol.questions li,
ul.answers li,
ul.responses li {
    list-style-type: none;
	width:100%;
}

ul.answers li {
	list-style-type: upper-alpha;
}

ul.answers li label {
	color:#fff;
}

.correct, .incorrect  {
	list-style-type: none!important;
}

/* Accessibility */
.quizName span:first-child {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.button.startQuiz {
	position: absolute;
	bottom: 10rem;
}

.button.startQuiz::before {
	content: 'Wie gut kennen Sie den Schleswig-Holsteinischen Landtag?';
	float: left;
	/* position: relative; */
	clear: both;
	text-transform: none;
	position: absolute;
	margin-top: -6.5rem;
	font-size: 1.875rem;
	margin-left: -2rem;
	font-family: documenta;
	letter-spacing: 0;
	display: block;
	width: 800px;
}

.button.startQuiz:hover::before {
	color: #fff;
}

.responses img {
	margin-top: 30px;
}

.answers .hasimg input + label {
	padding: 0;
}

.answers .hasimg {
	list-style-type: none !important;
	margin-left: -30px;
	width: auto;
	float: left;
	padding-right: 10px;
}

.answers .hasimg input:checked + label {
	background-color: transparent;
}

.answers .hasimg label span {
	clear: left;
	float: left;
}

.answers .hasimg img {
	clear: right;
	float: left;
	margin-right: 39px;
}

input:checked + label img {
	filter: opacity(0.5);
	-webkit-filter: opacity(0.5);
}

/* #question9 .answers li, #question11 .answers li  {
	float: left;
	width: 290px;
	list-style-type: none;
	margin-left: -30px;
}

#question9 .contentimg, #question11 .contentimg {
	width: 240px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 40px;
}

#question11 .answers li span  {
	position: absolute;
	left: 7px;
	top: 160px;
}

#question9 .answers li span {
	position: absolute;
	left: 7px;
	top: 258px;
}

#question6 .button.checkAnswer, #question9 .button.checkAnswer, #question11 .button.checkAnswer {
	margin-top: 20px;
}

#question8 ul.answers {
	margin-left: -5px;
	margin-bottom: 20px;
	margin-top:20px;
}

#question8 ul.answers li {
	list-style-type: none;
}

#question8 .answers li {
	width: 160px;
	float: left;
	margin-right: 19px;
	margin-bottom: 10px;
}

#question8 .answers li span {
	position: absolute;
	z-index: 1;
	left: 15px;
	top: 15px;
}

#question8 input:checked + label span {
	color:#fff;
	text-decoration:line-through;
}

#question7 input:checked + label, #question10 input:checked + label {
	text-decoration:line-through;
} */