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


/* R-QUIZ MATCHING */
.rquiz-div1, .rquiz-div2 {
	display: block!important; position: relative; width:100%;
	padding:15px 5px; margin: auto!important;
	background-color: floralwhite;
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable):first-child {
	text-align: center!important;
	font-size:13pt!important; font-weight:bold!important;
	color:white!important; background-color: DARKSLATEGRAY!important;
	border-top: solid 4px white!important; border-bottom: solid 4px white!important;
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable) {
	text-align: center!important;
	font-size:13pt!important; font-weight:bold!important;
	color:saddlebrown;
	border-top: solid 3px saddlebrown!important; border-bottom: solid 3px saddlebrown!important;
}
.rquiz-target:nth-child(1) {
	background-color: red!important;	
}
.rquiz-target:nth-child(2) {
	background-color: mediumorchid!important;
}
.rquiz-wordjumble label {
		margin: 0 0 0 0.3em!important; padding: 0 0 0 0.25em!important;
}

/* R-QUIZ WORDJUMBLE */
.rquiz-div p {
	min-height:3em;
	vertical-align: middle!important;
}
.shuffled1:first-child {
	background-color: lightsalmon;
}
.shuffled1:nth-child(2) {
	background-color: yellow;
}
.shuffled1:nth-child(3) {
	background-color: lightblue;
}
.shuffled1:nth-child(4) {
	background-color: #F2AD9F;
}
.shuffled1:last-child {
	background-color: lightgreen;
}

.bkgr-bondi-blue {
	background-color: #63B1E0;
}
.bkgr-blush {
	background-color: #EABCAC;
}
.bkgr-nude {
	background-color: #E2B091;
}
.bkgr-heatwave {
	background-color: #FF7E5F;
}
.bkgr-buttercup {
	background-color: #EFAA52;
}
.bkgr-white {
	background-color: white;
}

.rquiz-wordjumble label input {
	padding: 0px!important; margin:0px!important;
	border-radius: 8px 0 0 8px!important;
}
.Wortende {
	background-color:white;
	border:1px solid white; border-radius: 0 8px 8px 0;
	padding: 0 0.25em; margin-left:3px;
	font-size:17pt; font-weight: bold;
	vertical-align: middle;
	box-shadow: -1px -1px 5px #708090;
}
.WordList {
	width:85%;
	border-style: solid; border-width: 3px;	border-color: black;
	border-radius: 0.5rem 0.5rem 0 0;
	background-color: white;
	font-family: 'box-text'; text-align: center; font-weight: bold;
	font-size:14pt; line-height: 1.5;	letter-spacing: 0.5px;
	padding: 10px; margin: 0 auto 25px;
}


.frame {
	height:100%!important; width:100%!important;
}



.exercise-extras1 {
	position:relative; width: 100%; height: 100%;
	margin: 0px auto!important; padding: 5px 10px;
	border-radius: 8px 8px 0 0;
	background-color: lavender;
}.exercise-extras1_ol {
	margin-left:-10px;
	font-size:13pt; line-height: 1.25; 
	text-align: justify; font-family: 'article-ind-text'!important;
	word-wrap: break-word; word-break:normal;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	color:black;
}.exercise-extras1_ol li+li {
	margin:10px 0px;
}.exercise-extras1_ol li+li:first-child, .exercise-extras1_ol li+li:last-child,  {
	margin:0px 0px!important;
}
.highlighted {
	font-weight: bold;
	background-color: #CACAF4; 
	border-bottom: solid 2px black;
}


@media screen and (max-width : 950px ){
.rquiz-piece:not(.rquiz-piece.rquiz-draggable):first-child {
		/*border: dashed 3px black!important;*/
		border-left: solid 4px white!important; border-right: solid 4px white!important;
		border-top: none!important; border-bottom: none!important;
}
.rquiz-piece:not(.rquiz-piece.rquiz-draggable) {
		border: dashed 3px brown!important;
		border-left: solid 3px brown!important; border-right: solid 3px brown!important;
		border-top: none; border-bottom: none;
}
}



@media screen and (max-width : 690px ){
.rquiz p {
	min-height:5em;
	vertical-align: middle!important;
}

.WordList {
	width:90%;
	font-size:13pt; line-height: 1.35;	letter-spacing: 0.25px;
}

.exercise-extras1_ol {
	margin-left:25px;
	font-size:13pt; line-height: 1.25; font-family: 'article-ind-text'!important;
	color:black;
}
}


@media screen and (max-width : 420px ){

}