@charset "utf-8";
/* CSS Document */

/*@import url(crossword.css);
@import url(gapfill.css);*/
@import url(matching.css);
/*@import url(memo.css);
@import url(multichoice.css);
@import url(wordguess.css);
@import url(wordjumble.css);
@import url(wordsearch.css);*/


	/* block display until all quizzes have been converted */
	body:not(.rquiz) .zuordnungs-quiz,
	body:not(.rquiz) .rquiz-matching,
	body:not(.rquiz) .lueckentext-quiz,
	body:not(.rquiz) .rquiz-gapfill,
	body:not(.rquiz) .memo-quiz,
	body:not(.rquiz) .rquiz-memo,
	body:not(.rquiz) .multiplechoice-quiz,
	body:not(.rquiz) .rquiz-multichoice,
	body:not(.rquiz) .schuettel-quiz,
	body:not(.rquiz) .rquiz-wordjumble,
	body:not(.rquiz) .kreuzwort-quiz,
	body:not(.rquiz) .rquiz-crossword,
	body:not(.rquiz) .suchsel-quiz,
	body:not(.rquiz) .rquiz-wordsearch,
	body:not(.rquiz) .buchstabenraten-quiz,
	body:not(.rquiz) .rquiz-wordguess {
		display: none;
	}

	/* hide contents that are for paper only */
	.rquiz-print {
		display: none;
	}

	/* styles for initialized quizzes */
	[id^="rquiz"] {
		margin: 0 0 2em 0;
	}
/*
	[id^="rquiz"]:after {
		clear: left;
		content: "";
		display: block;
	}*/


.rquiz-piece {
		display: inline-block;
		background-color: #fff;
		margin: 5px; 
		vertical-align: middle;
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable) {
		width:100%;
		border-top: solid 3px black; border-bottom: solid 3px black;
		font-family: 'title-box'; font-size:11pt; font-weight:normal;
		text-align: justify; hyphens:auto; word-break: normal;
		padding: 0.5em 0.5em;
		margin: 3px 0px; 
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable):first-child {
	margin-bottom: 12px!important;
}
.rquiz-piece img {
		vertical-align: bottom;
		margin: -0.3em -0.8em; padding: 0;
}

.rquiz-piece.rquiz-draggable {
		background-color: #efc;
		box-shadow: 0 0 5px 0 #888;
		cursor: move;
		border-radius: 5px;
		padding: 0.25em 0.5em;
		font-family: 'title-box'; font-size:12pt;
		font-weight:normal; text-align: center;
}

.rquiz-dragging {
	position: relative;
	z-index: 1;
}

	.rquiz-target.rquiz-highlighted {
		background-color: GAINSBORO;
		box-shadow: 0 0 5px slategray;
	}

	.rquiz-pool {
		display: block; background-color: transparent;
		margin: 0; padding: 0;
		/*width: calc(100% - 20px);*/
		width: 100%;  text-align: center;
	}

	.rquiz-result {
		background-color: #cfc;
		box-shadow: 0 0 5px #bbb;
		font-weight: bold; text-align: center!important;
		/*width: calc(100% - 20px);*/
		width: 100%; padding: 0.5em 0;
		display: block;
		margin: 15px auto 0px;
	}

	/* styles for certain quiz areas */
	:not(.rquiz-finished) > .rquiz-result,
	.rquiz-finished .rquiz-pool {
		display: none;
	}

	/* styles for buttons */
	.rquiz-pool button,
	.rquiz-result button {
		display: block;
		border-bottom: 1px solid #888; border-left: 1px solid #fff;
		border-right: 1px solid #888;	border-top: 1px solid #fff;
		border-radius: 20px;
		box-shadow: 0 0 4px #888;
		cursor: pointer;
		font-weight: bold;
		margin: 10px auto 0px!important; padding: 0.5em 2em;
		text-align: center;
		text-shadow: 0 0 1px #fff;
	}

	.rquiz-pool button {
		background-color: #fee;	color: #f00;
	}.rquiz-pool button:hover {
		background-color: #f00;	color: #fee;
	}

	.rquiz-result button {
		background-color: #efe; color: #080;
	}.rquiz-result button:hover {
		background-color: #080; color: #efe;
	}

	.rquiz-pool button:active,
	.rquiz-result button:active {
		border-bottom: 1px solid #fff; border-left: 1px solid #888;
		border-right: 1px solid #fff;	border-top: 1px solid #888;
	}

	.rquiz-result.rquiz-waiting button {
		margin-left: 3em;
		position: relative;
	}

	.rquiz-result.rquiz-waiting button:before {
		background: url(../images/throbber.svg) center center;
		background-size: 2em 2em;
		content: " ";
		display: block;
		height: 2em;
		left: -3em;
		position: absolute;
		top: 0;
		vertical-align: middle;
		width: 2em;
	}
	
@media screen and (max-width : 950px ){
.rquiz-piece:not(.rquiz-piece.rquiz-draggable) {
		width:150px;
		border: dashed 3px black;
		font-family: 'title-box'; font-size:10pt; font-weight:normal;
		text-align: justify; 
		padding: 0.5em 0.5em;
		margin: 0px 3px;
		border-left: solid 3px black; border-right: solid 3px black;
		border-top: none; border-bottom: none;
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable):first-child {
	/*margin-top: 20px!important;*/
	margin-bottom: 12px!important;
	margin-right: 12px!important;
}


}