/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */


.quest_answer { 
	margin-top: 20px; padding: 0 30px;
}

.active {
	background-color: #09F;	
}

.correct {
	background-color: #0F9!important;	
	/*font-weight: bold;
	color: #FFF!important;*/
	/*color:  #0F9!important;
	background-color: #FFF;*/
}

.wrong {
	background-color: #F00!important;	
	text-decoration:line-through;
	/*font-weight: bold;*/
	color: #FFF!important;
	/*color: #F00!important;
	background-color: #FFF;*/
}

.red {
	color: #F00;	
}

.single-char {
	padding: 2px 5px 2px 5px;
	cursor: default;
}

.uline {
/*	text-decoration: underline;	*/
	border-bottom: 1px solid #acb9ce;
}

.charactercheck p {
margin: 0 0 5px;
}

.click_solutions .solution {
	display: block; 
	float: left;
	padding-right: 10px;
	width: 30%;
    padding: 0 5px;
    margin-right: 3%;
	margin-bottom: 5px;
}

.counter { font-weight:bold;display: inline-block;
float: left; margin-bottom: 10px;}



.counter a {color: #000; 
font-size: 36px;}


/** Table Designs **/
.tdesign1 {
	width: 100%;
	border-color: #CCC;
}
.tdesign1 td {
	width: 33.3%;
}
.tdesign2 {

}
.tdesign3 {

}

.kdesign1 {

}
.kdesign2 {

}
.kdesign3 {

}

.dbdesign1 {

}
.dbdesign2 {

}
.dbdesign3 {

}

.clicker01 {
	font-weight: bold;display: inline-block; padding-left: 30px;	
}


.sal>div {
	height: 40px;
	vertical-align: middle;
/*	display: table-cell;*/
}

.sal input { height: 25px!important;}

.icor {
	padding-top: 8px;
}

.hidden {
	display:none; 	
}

.highlight {
	list-style: none;
	border: 1px solid #CCC;
	background: #F6F6F6;
	/* font-family: "Tahoma"; */
	color: #1C94C4;
	margin: 5px;
	padding: 5px;
	/* height: 22px; */
}

/******************/

.fa-volume-down {
  font-size: 23px;
}

.sortable_small { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable_small li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.sortable_small li span { position: absolute; margin-left: -1.3em; }

.sortable-listX, .sortable-listXX {
min-height: 40px;
border: 2px dashed #CCC;
padding: 10px;
margin: 20px;
min-width: 20px;
display: inline-block;
background-color: #f8f8f8;
}

.fa-volume-down {
	margin-right: 15px;	
}

.word {display: inline-block;}


.reset_button, .solution_button, .check_button, .check_button_word, #gs-replaybut, #gs-seeall, #gs-hideall, .check_multi_button, .hang_solution, .hang_reset {
margin-top: 30px;
background-color: #f36f23;
color: #FFF;
padding: 5px 15px;
margin: 30px 4px 10px 4px;
display: inline-block;
cursor: pointer;
}

.reset_button, 
.solution_button, 
#gs-replaybut, 
#gs-seeall, 
#gs-hideall, 
.hang_reset {
    background-color: #e7e7e8;
    color: #768399;
}

.hang_reset, .hang_solution {
	margin-top: 5px;
	margin-bottom: 20px;	
}

#header .navbar .navbar-brand {
    padding: 0;
    width: 210px;
    margin-right: 0;
}

#header .navbar .navbar-brand .text-logo {
	color: #FFF;
	background-color: #0090d6;
	height: 100%;
	width: 210px;
    padding: 6px 10px 8px 10px;
	margin-top: 0;
	margin: 0;
}

#header .navbar .navbar-brand .text-slogan {
    color: #ffffff;
    margin-top: 0;
	margin: 0;
}

.lhead {
	background-color: #f36f23;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	margin-left: -15px;
	color: #FFF;
	font-size: 18px;
	padding-top: 10px;
	font-weight: bold;
	/* vertical-align: middle; */
	text-align: center; 
	width: 43px;
	height: 43px;
	position: absolute;
}

.panel-heading .panel-title {
	padding-left: 50px	
}

.sortable1, .sortable2 {
/*    border: 1px solid #eee;
    width: 242px;*/
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
   /*float: left;*/
    margin-right: 10px;
		

	
  }
  .sortable1 li, .sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    /*font-size: 1.2em;*/
    /*width: 220px;*/
    border: 1px solid #eee;
	background-color: #FFF;
	float: left;
	cursor: pointer;
  }
  
.sortable3, .sortable0, .sortable4 {
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;

	float: left;
	margin-right: 10px;
}

.sortable3 li, .sortable0 li, .sortable4 li {
	padding: 3px 5px;
}
  
.sortable0 li {
	margin: 2px 0px 7px 0px;
	/*padding: 5px;*/
	width: 20px;
	height: 32px;
	text-align: center;
}  

.menu_text {
    padding-left: 15px;
}

.sortable4 li {
	margin: 2px 0px 7px 0px;
	/*padding: 5px;*/
	background-color: beige;
	height: 36px;
}  
  
.sortable3 li {
	/*margin: 0 5px 5px 5px;*/
	margin: 2px 0px 7px 0px;
	width: 420px;
	cursor: move;
	height: 36px;
}
.sortable3 .fa-sort, .swapUL .fa-sort{
	display: inline-block;
	float: right;
	font-size: 17px;
	padding: 6px;
}
.sortable4 {
	font-weight: bold;	
}

.sortable_main li{
	display: inline-block; 
    float: left; 
    padding: 2px 5px; 
    margin: 0 2px;
    background-color: #CCC; 	
}

.clear {
	clear: both;	
}
  
.dnd_01 {
	border: 1px dashed #E2E2E2;
	background: #FFFFFF;
	width: 420px;
}  

.dnd_02 {
	border: 1px dashed #E2E2E2;
	background: #FFFFFF;

}  

/****************/

.info6 { display:inline-block; width: 100px;}
.line { display:inline-block; width: 20px; margin-right: 10px;}




.qansw, .quest_answer {
	line-height: 26px;	
}

.qansw .row {
	min-height: 30px;	
	margin-bottom: 10px; 
}

.qansw input {
	height: 20px;
	/* padding-top: 2px; */
	/*font-size: 13px;*/
	padding-left: 4px;	
	background-color: #ebebeb;
	border: none;
	width: 140px;
	line-height: normal;
}

.qa4 input, .qa4 .sort_drop_span{
	width: 50px;
}

.qa6 input, .qa6 .sort_drop_span, .qa6 .sortable1 li, .qa6 .sortable3 li, .qa6 .sortable4 li  {
	width: 150px;
}

.qa5 input, .qa5 .sort_drop_span, .qa5 .sortable1 li, .qa5 .sortable3 li, .qa5 .sortable4 li  {
	width: 80px;
}


.qa2 input, .qa2 .sort_drop_span{
	width: 25px;
	padding-left: 0;
	text-align: center;
}

.qa170 input{
	width: 170px;
	padding-left: 3px;
}

.dropBox{
    border: 1px solid #eee;
    width: 100%;
    min-height: 200px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
 
.dropBox .sortable-itemX {
	display: inline-block;
}

.qnr { width: 25px;
display: inline-block;
text-align: right;
margin-right: 10px;
font-weight: bold;

}

.qinfo { width: 100px;
font-weight: bold;
display: inline-block;}

.qinfo_large { width: 220px;
display: inline-block;}

.qansw p {
	margin-left: 40px;	
}

.nonr p{ margin-left: 0;margin: 0 0 5px;}

.qansw p .qnr{ 
margin-left: -40px;
}

/*.quest_answer .row { margin-top: 20px;}*/


/****** ****************/

.fspace { display:inline-block; width: 20px;}

.sort_drop_span {
	width: 150px; border-bottom: 1px dotted #768399; height: 20px; display:inline-block;line-height: 19px;text-align: center;vertical-align: middle; overflow: visible;
}

.sortable-listX .sortable-itemX{cursor: pointer; padding: 2px 5px 2px 5px;font-weight: bold;

/*** TESTX ***/
/*display: inline-block;*/


}
.sortable-itemX:hover{background: #CCC;cursor: pointer;}

.spclick, .spclick2, .spslide { cursor: pointer; padding: 2px 5px 2px 5px;}

.spclick:hover, .spclick2:hover, .spslide:hover {
	background: #CCC;	
}

.bold { font-weight: bold;}
.grey {background-color: #ebebeb; border-bottom: none; width: 50px;height: 23px;text-align:center;/* vertical-align: bottom;*/}
.grey:hover {background-color: #CCC;}
.qi140 { width: 140px;display: inline-block;}

.grey_small {background-color: #ebebeb; border-bottom: none; width: 25px; height: 23px;text-align:center;/*vertical-align: bottom;*/}
.grey_small:hover {background-color: #CCC;}

.grey30 { width: 30px; overflow: hidden;}
.grey80 { width: 80px; overflow: hidden;}

/********************** sortable list ******************************/

li.sortable-placeholder {
	border: 1px dashed #CCC;
	/*background: none;*/
	background-color: #000; 
}
		
		
		
		
.dropBox h3 {		
	text-align: center;
	margin: 0;
}		
		
		
		
		
		
		
		
		
		
		
		
.qi80 {
	display: inline-block;
	width: 80px;	
}

.qi180 {
	font-weight: bold;
	display: inline-block;
	width: 180px;	
}

.q180, .q180 li {
	display: inline-block;
	width: 180px;	
}

.q200 {
	display: inline-block;
	width: 200px;	
}

.qi100 {
	font-weight: bold;
	display: inline-block;
	width: 100px;	
}

.qi200 {
	font-weight: bold;
	display: inline-block;
	width: 200px;	
}

.qi120 {
	font-weight: bold;
	display: inline-block;
	width: 120px;	
}		
		
		
.qi500 input {
	display: inline-block;
	width: 500px;
	height: 	24px;
	line-height: 24px;
}		
	
.i20 input {
	width: 35px;
}		

.grey_full, .grey_full_input input, .grey_full_div div, .grey_full_span span {
background-color: #ebebeb;
border-bottom: none;
width: 100%!important;height: 100%!important;
text-align: center; 
/* vertical-align: bottom; */
}

.t_10_03 td { width: 120px; height: 30px; text-align: center;border: 1px solid #CCC; position: relative;}

.fullw {width: 100%;}
.fullwh {width: 100%;height: 100%;}

.table01 td { border: 1px solid #CCC; /*padding:5px;*/}
.table01 .drow { width: 100%; border-bottom: 1px solid #CCC;}

.t100 { width: 130px; text-align:center; }

.t150 { width: 180px; text-align: center;}
		
		
		
		
/********************** lektionen ******************************/		
		
#a_02_07 .sortable-listXX {
	min-height: 105px;	
}		
		

#q_06_06 table {
	margin-top: 40px;	
}

#q_06_06 td {
	width: 50px;
	height: 50px;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
}

#q_06_06 input {
	width: 100%;
	height: 100%;
}

#q_04_12 .row {
	margin-bottom: 30px;	
	text-align: center;
}


#q_04_12 .sort_drop_span {
	margin-top: 20px;	
	width: 100%
}
		
		
		
.htest .sortable3 li { height: auto;}		
		
.sortable3 div {
/* margin: 0 5px 5px 5px; */
margin: 2px 0px 7px 0px;
width: 420px;
cursor: move;
/*height: 36px;*/
}		
		
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; background-color: #FFF; 
		/*cursor: pointer;
padding: 2px 5px 2px 5px;
font-weight: bold;
display: inline-block;*/}
/*.correctText { padding:5px;border:1px solid #dedede;color:#00ff00;margin:5px;}
.sortable-itemX { padding:5px;border:1px solid #dedede;margin:5px;}*/


/*************/
/* TESTX
.sort_drop_span .sortable-itemX {
cursor: text;
padding: 0px 2px 0px 2px;
font-weight: bold;
display: inline-block;
}*/
		
.swapUL {
	width:150px;
	float: left;
	padding: 5px 0 0 0;		
}		
		
	 
		
.swapUL, 
.swapUL li{ margin: 0 10px 0 0; /*padding: 0;*/ }



/*.swapUL { height: 120px; background: #ccc; }*/

.swapUL li { list-style: none; float: left; /*width: 450px;*/ width: 100%; min-height: 36px; margin: 2px 0px 5px 0px; /*background: #666; */position: relative; }
.swapUL li.drop-hover .element { opacity: .5; background: #f36f23; }

.swapUL .element { position: absolute; width: 100%;/*250px; */height: 100%; /*background: #333; */color: #768399; text-align: center; line-height: 36px; z-index: 5; cursor: move;}
.swapUL .element.being-dragged { background: #f36f23;/*background: #0ff;*/ color: #FFF; z-index: 6; }
.swapUL .element.a { background: #f00; }
.swapUL .element.b { background: #0f0; }
.swapUL .element.c { background: #00f; }		












.swapUL3 {
	width:100%;
/*	float: left;*/
	padding: 5px 0 0 0;		
	border-collapse: separate;
  	border-spacing: 5px 10px;
	height: 100%;
}		
		
	
		
.swapUL3, 
.swapUL3 li{ margin: 0 20px 0 0; /*padding: 0;*/ }

.swapUL3 tr {

}

.swapUL3 td {
	border: 1px dashed #E2E2E2;
  	background: #FFFFFF;
	margin: 0 20px 0 0;
	
}

/*.swapUL { height: 120px; background: #ccc; }*/

.swapUL3 li { list-style: none; float: left; /*width: 450px;*/ width: 100%; min-height: 36px; margin: 2px 0px 5px 0px; /*background: #666; */position: relative; }
.swapUL3 li.drop-hover .element1, .swapUL3 li.drop-hover .element2, .swapUL3 li.drop-hover .element3, .swapUL3 td.drop-hover .element1, .swapUL3 td.drop-hover .element2, .swapUL3 td.drop-hover .element3 { opacity: .5; background: #f36f23; }

.swapUL3 .element1, .swapUL3 .element2, .swapUL3 .element3 { /*position: relative;*/ width: 100%;/*300px;*//*250px; */height: 100%; /*background: #333; */color: #768399; text-align: center; /*line-height: 36px;*/ z-index: 5; cursor: move; /*float:left;*/ /*display:table-cell;*/ display: table;    padding: 0 30px 0 0px;min-height: 46px;}

/*.swapUL3 .fixed {
	width: 33.3%;
	background-color: beige;
}

.swapUL3 .fixed2 {
	width: 33.3%;
}

.swapUL3 .fixed3 {
	width: 33.3%;
	background-color: beige;
}
*/

.noform {
	border: none!important;
	background: none!important;
}

.swapUL3 .fa-sort {
	/*display: inline-block;
	float: right;
	font-size: 17px;
	padding: 6px;*/
	position: absolute;
	font-size: 17px;
	top: 40%;
	right: 20px;
}

.td3 td {
	width: 33.3%;
	background-color: beige;
}

.td2 td {
	width: 50%;
	background-color: beige;
}

.white {
	background-color: #FFF!important;	
}

.pLeft {
	padding: 0 10px 0 20px;
}

.swapUL3 .element1.being-dragged, .swapUL3 .element2.being-dragged, .swapUL3 .element3.being-dragged{ background: #f36f23;/*background: #0ff;*/ color: #FFF; z-index: 6; }
.swapUL3 .element.a { background: #f00; }
.swapUL3 .element.b { background: #0f0; }
.swapUL3 .element.c { background: #00f; }

.tcell {
	display: table-cell;
    vertical-align: middle;	
}








.timer ul {
list-style: none;	
}

.timer .el_one li {
/*	display:none; 	*/
}

.stammbaum input {
	font-size: 12px;
	width: 100px;	
}

span.no_selection, .next, .quizy-mg-item, .quizy-memorygame div, .check_button, .reset_button, .solution_button {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
	/*float: left;*/
}

.grey_back { /*background: #ebebeb;*/border: 1px solid #CCC; }
/*.el_one .next {float: left;}*/
.tcenter { text-align: center;}

.bxslider {text-align:center;}
.bx-wrapper { min-height:220px; display: block; /*margin: 10px 10px!important;*/ padding: 10px;}
.bx-wrapper img {
/* max-width: 100%; */
 display: initial!important;
}
.bx-viewport { min-height: 220px;}
.bx-viewport .fa-volume-down {font-size: 120px;}

.bigtime {
	/*width: 200px;
	height: 80px;*/
	width: 100%;
	/*height: 100%;*/
	height: 160px;
	background-color: #e7e7e8;
	/*background-color: #0C3;
	color: #000;*/
	font-size: 36px;
	display: block;
	padding: 30px;
	text-align: center;
	font-weight: bold;	
	line-height: 100px;
	font-size: 90px;
	margin: 0 auto;
}

.bigtime::after {
	clear: both;	
}

.next {
	display: inline-block;
}

.click_solutions { min-height: 310px;    padding: 10px;}
.click_solutions h4 { top: -20px; background: #FFF;}

.sortable-listXX .sortable-itemX {
	width: 115px;
	display: inline-block;	
}

.sortable-listXX .sol { display: none;}





/******** L01 - U01 ***********/

.c0101 {
	position: absolute; 
	display: inline-block; 
	width: 30%; 
	left: 0;
	text-align: center;
	height: 100%;
	background-color: red;	
}

.t_01_01 td{
	/*width: 120px;*/
    width: 150px;
	height: 50px;
    /* padding: 0!important; */
    /* padding-top: 0!important; */
    /* margin: 0; */
    display: inline-block;
    border: 0px solid #CCC;
    position: relative;
}

.grey_full_span_new{
	width: 360px;
}

.grey_full_span_new100 {
	width: 100%;
}

.grey_full_span_new .sort_drop_span, .grey_full_span_new100 .sort_drop_span{
	width: 70%; 
	height: 100%;
	/*margin: 10px 0;*/
	right: 0;
	position: absolute;
	background-color: blue;	
}


/****  new slider container  *****/
.el_one1 {
	background: #f4f4f4;	
	min-height: 310px;
}

.el_one1 .bigtime {
	background: #FFF;	
}

.el_one1 .next {
	background: #f36f23; 
	color: #FFF;	
}

.el_two {
	border: 1px solid #f4f4f4;	
}


/***** Slider ****/
.slide_counter { width: 100%; /*background: blue;*/ font-weight:bold; height: 25px; margin-bottom: 10px;}

.slide_count { float: right; position: relative;}

.slide_nr { float: left; position:relative;}

.w60 {
	width: 60%;	
}

.tdm500 {
	max-width: 500px;	
}

.tdm700 {
	max-width: 700px;	
}

.tdm900 {
	max-width: 900px;	
}

.td_20_80 td:nth-child(1) {
	width: 20%;
	text-align: center;
}

.td_20_80 td:nth-child(2) {
	width: 80%
}

.iCenter input, .iCenter img {
	width: 80%;
	margin: 5px 10px;	
}

.iCenter input {
	padding: 5px 10px;
	height: 25px;
} 

.iCenter img {
	margin-top: 20px;
}

.grey30 {
	width: 80px;	
}


.grey80 {
	width: 30px; 
}

.sdsn_50 {
	width: 50px!important;
}

.sdsn_100 {
	width: 100px!important;
}

.dnd_40 .sort_drop_span_new {
    width: 40px;
}

.dndW_40 .sort_drop_span_new {
    width: 40px;
}

.dndW_60 .sort_drop_span_new {
    width: 60px;
}


.dndW_80 .sort_drop_span_new {
    width: 80px;
}

.dndW_80d .sort_drop_span_new {
    min-width: 80px;
    width: auto;
    padding: 0 10px;
}

.dndW_600 .sort_drop_span_new {
    width: 700px;
	text-align: left;
}

.dndW_dyn .sort_drop_span_new {
	width: auto;
    min-width: 150px;
    padding: 0 10px;	
}

.autowidth .sort_drop_span_new {
	width: auto;
    min-width: 150px;	
}

.bfeld {
	width: 100px;
	height: 100px;
	float: left;
	display: inline-block;
	border: 1px dotted #768399;
}

.bfeld img{
	display: none;
}

.brot_01 { margin-right: 25px; }
.brot_02 { margin-right: 25px; }
.brot_03 {}
.brot_04 { margin-right: 25px; }
.brot_05 { margin-right: 25px; }
.brot_06 {}


.brot .check_button {
    height: 20px;
    margin-top: 0;
    line-height: 20px;
    padding: 0 10px;
    font-size: 13px;	
}

.brot .question {
	height: 40px;	
}

.rf-ptrue {
	display: inline;
    float: left;
    padding: 0 10px;
}

#rf-wordcontainer {
	width: 50%!important;
}

.filter-grey {
    filter: invert(82%) sepia(7%) saturate(254%) hue-rotate(175deg) brightness(87%) contrast(84%);
}