@charset "ISO-8859-1";
/* Stylesheet eqiooki.de jungle_quiz.css 2019-12-20 */

/* Extra Quiz-Styles */
aside.quizarea {margin: 0 auto !important; width: 90%; height: auto; text-align: center;}
@media only screen and (max-width:48em) {
	aside.quizarea {height: auto; width: 96%; }}

div.quizanswer {display: none; margin: 6px 0 !important; padding: 6px 0 !important; border-top: 1px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #9eff25 50%, #ffffff 100%); -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #9eff25 50%, #ffffff 100%); border-image: linear-gradient(to right, #ffffff 0%, #9eff25 50%, #ffffff 100%); border-image-slice: 1;}
label.answer {margin-left: auto; margin-right: auto; margin-bottom: 5px; margin-top: 5px; font-size: 20px; color: #ffffff; text-decoration: none; padding: 4px;}
	
div.quizquestion {display: none; margin: 6px 0 !important; padding: 6px 0 !important;}
div.quest {margin: 6px !important; padding: 6px !important; font-size: 20px; line-height: 2.0;}	

form.quizform {margin: 0 18px !important; padding: 0 0 10px 0 !important; border-width: 0 0 1px 0; border-style: solid; border-color: #ffffff; -webkit-border-image: -webkit-linear-gradient(left, #3b3b3b 0%, #ffffff 50%, #3b3b3b 100%); -moz-border-image: -moz-linear-gradient(left, #3b3b3b 0%, #ffffff 50%, #3b3b3b 100%); -o-border-image: -o-linear-gradient(left, #3b3b3b 0%, #ffffff 50%, #3b3b3b 100%); border-image: linear-gradient(to right, #3b3b3b 0%, #ffffff 50%, #3b3b3b 100%); border-image-slice: 1;}

.abc_submit, .abc_submit:visited {display: inline; text-align: center; width: 44px; height: 44px; margin: 0 12px; padding-left: 1px; cursor: pointer; background-color: #8bfd04; color: #3b3b3b; font-size: 22px; font-weight: 700; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all;}
.abc_submit:hover {background-color: #f66e00; color: #ffffff; text-decoration: none;}
.abc_submit:focus, .abc_submit:active {background-color: #f3fb1e; color: #111111; text-decoration: none;}
	
.ans_submit {text-align: center; width: auto; height: 36px; text-decoration: none; letter-spacing: -0.03em; cursor: pointer; display: inline-block; background-color: #8bfd04; color: #333333; font-size: 18px; font-weight: 400; margin: 0 0 0 8px; padding: 5px 12px; border: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all;}
.ans_submit:hover {background-color: #58f9ff; color: #333333; text-decoration: none; border: none;}
.ans_submit:focus, .ans_submit:active {background-color: #fecb00; color: #333333; text-decoration: none; border: none;}

.weiter_submit {text-align: center; width: auto; height: 36px; text-decoration: none; letter-spacing: -0.03em; cursor: pointer; display: inline-block; background-color: #fecb00; color: #333333; font-size: 18px; font-weight: 400; margin: 0 0 0 8px; padding: 5px 12px; border: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all;}
.weiter_submit:hover {background-color: #58f9ff; color: #333333; text-decoration: none; border: none;}
.weiter_submit:focus, .weiter_submit:active {background-color: #8bfd04; color: #333333; text-decoration: none; border: none;}
	
.numque {display: inline; text-align: center; margin: 20px 2px; padding: 2px; color: #f3fb1e; font-size: 24px; font-weight: 500; line-height: 2.2;}	
.numall {display: inline; text-align: center; margin: 20px 2px; padding: 2px; color: #ffffff; font-size: 14px; font-weight: 300; line-height: 2.2;}	

/* Drucken */	
@media print {
	div.quizquestion {display: block; margin: 6px 0 !important;}
	div.quizanswer {display: block;}
}