/*h5p custom styles*/
.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button,.h5p-joubelui-button:focus,
.h5p-drag-text [aria-grabbed],
.h5p-memory-reset,
.h5p-memory-reset:focus,
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show,
.h5p-questionnaire-footer,
.h5p-questionnaire-progress-bar-current{
	background:#f6a500;

}
.h5p-memory-wrap{
	clear:none!important;
}
.h5p-questionnaire-progress-bar-widget-current {
    color: #f6a500;
}
.h5p-questionnaire-submit-screen .h5p-questionnaire-button.previous:active,
.h5p-questionnaire-button.submit:active{
	background-color:#f6a500;
}
.h5p-simple-multiple-choice-alternative-input{    
	margin-right: 10px;
    width: 20px;
	height: 20px;
	appearance: none;
	-webkit-appearance: none;
	border:2px solid #000;
}
.h5p-simple-multiple-choice-alternative-input:checked:before{  
	content:'';
    width: 12px;
    height: 12px;
	background-color:#f6a500;
	display:block;
	position:relative;
	top:2px;
	left:2px;
}
.h5p-questionnaire-button.next:after{
    content: "\f061";
}
.h5p-questionnaire-button.previous:before {
    content: "\f060";
}
.h5p-simple-multiple-choice-alternatives label:hover input{
	border:2px solid #f6a500;
}
.h5p-questionnaire-button{
	background:#f6a500;
	border:none;
	text-transform:lowercase;
	letter-spacing:normal;
	font-weight:400;
	font-size:22px;
	font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
	padding:5px 15px;
	outline:none;

}
.h5p-questionnaire-button:hover,
.h5p-questionnaire-button:focus,
.h5p-questionnaire-button.submit:focus,
.h5p-questionnaire-button.submit:hover,
.h5p-questionnaire-submit-screen .h5p-questionnaire-button.previous:hover,
.h5p-questionnaire-submit-screen .h5p-questionnaire-button.previous:focus{
	background:#e87a09;
}
.h5p-questionnaire-progress-bar-widget{	
    height: auto;
    border-radius: 5px;
    line-height: 1;
    padding: 5px 10px;
    width: auto;
    right: 10px;
}
.h5p-questionnaire-progress-bar-widget:before,
.h5p-subcontent-question:before{
	display:none;
}
.h5p-questionnaire-element .h5p-subcontent-question{
    padding-right: 75px!important;
}
.h5p-questionnaire-required-symbol{
	background:transparent;
	color:#fff;
    font-weight: normal;
    font-size: 18px;
}
.h5p-questionnaire-footer{
	border:none;
	padding:10px 15px
}
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task.h5p-answered, .h5p-course-presentation .h5p-progressbar .h5p-progressbar-part.h5p-progressbar-part-show .h5p-progressbar-part-has-task.h5p-answered{
	background:#e87a09;
}
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task{
	border:1px solid #fff;
}
.h5p-drag-text [aria-grabbed]{
	border:none;
	padding:5px 10px;
	color:#fff;
}
.h5p-course-presentation .h5p-element{
	height:100%!important;
    left: 0px!important;
    top: 0px!important;
    width: 100%!important;
}
.h5p-drag-text [aria-grabbed='true'], .h5p-drag-text [aria-grabbed].h5p-drag-dropped:not(.ui-state-disabled):hover, .h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover,
.h5p-memory-reset:hover{
	border:none;
	background: #e87a09;
	color:#fff;
}
.h5p-joubelui-button:hover{
	background: #e87a09;
}
.h5p-joubelui-button:active{
	box-shadow: inset 0 4px 0 #e87a09;
    background: #f6a500;
}
.h5p-content ul.h5p-actions{
	height:auto!important;
}
.h5p-content li:before{
	display:none!important;
}
.h5p-find-the-words{
	height:100%!important;
}
.h5p-content{
	font-size:18px!important;
	border-radius:5px;
	overflow:hidden;
	background:transparent;
}
.h5p-course-presentation .h5p-element{
	font-size:18px!important;
}
.h5p-question-content{
	font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-weight:400;
}
.h5p-content .h5p-container:not(.h5p-memory-game):not(.h5p-drag-text):not(.h5p-find-the-words):not(.h5p-image-hotspots),
.h5p-content .h5p-find-the-words.h5p-container .h5p-play-area{
	background:rgba(255,255,255,0.9);
	max-width:100%;
    border-radius: 5px;
    overflow: hidden;
}
.h5p-image-hotspots {
    background-color: transparent;
}
body,
.h5p-content{
	overflow-y:auto;
}
.h5p-baq-game,
.h5p-baq-intro-page{
	background-color:#706f6f;
}
.h5p-baq-game .h5p-joubelui-button:focus{
	background-color:transparent; 
}
.h5p-baq-game .h5p-joubelui-button:focus:hover {
    background: #005f9b;
}
.h5p-content .h5p-container.h5p-drag-text{
	background:rgba(255,255,255,0.9);
	max-width:100%;
    border-radius: 5px;
	overflow-y:auto;
}
.h5p-content .h5p-find-the-words.h5p-container{
	background:transparent;
}
.h5p-memory-game .h5p-memory-card .h5p-front{
	background-color:#f6a500!important;
	border:none;
}
.h5p-memory-game .h5p-memory-card{
	margin:5px;
	width: calc(100% - 10px);
	height:100%;
}
.h5p-memory-game .h5p-memory-wrap{
    margin-bottom: -10px!important;
}
.h5p-memory-game .h5p-memory-card:after {
	content: "";
	display: block;
	padding-bottom: 100%;
  }
.h5p-memory-game .h5p-memory-card .h5p-front > span:before{
	display:none;
}
.h5p-memory-game .h5p-memory-card .h5p-front:after{
	display:none;
}
/* .h5p-content[data-content-id='4']{
	height:auto!important;
} */
.h5p-memory-game{
	width:60%;
	margin:0 auto;
}
.block-container.quiz-type-memory-game .h5p-content{
	background:transparent;
}
.h5p-drag-text,.h5p-blanks,
.h5p-find-the-words,
.h5p-mark-the-words,
.h5p-summary{
	padding:20px;
	background:transparent;
}
.h5p-container li{
	border:none!important;
	list-style-type:none!important;
	box-shadow:none!important;
	font-size:20px;
	font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
}
.h5p-memory-game .h5p-memory-card .h5p-front:after{
	top:76%;
}
/*Finde die Wörter*/
.quiz-container.quiz-type-find-the-words .h5p-iframe-wrapper iframe.h5p-iframe{
	margin:0 auto;
}

.h5p-single-choice-set .h5p-sc-alternatives{
    padding:0 15px!important;

}
.h5p-container{
	padding:0px;
}
.h5p-question-introduction{
	margin-bottom:0px;
}
.h5p-question-introduction p{
	margin:0px;
}
.h5p-question-buttons{
	padding:0 15px;
}
.h5p-question-feedback,
.h5p-question-scorebar,
.h5p-summary .summary-options{
	padding:0 15px;
}
.h5p-summary .summary-options{
	margin-top:0px;
}
.h5p-question-scorebar{
	margin-bottom:30px!important;
}
.h5p-question-content{
	padding:15px;
	margin-top:0px;
	margin-bottom:0px;
}

.h5p-single-choice-set .h5p-question-content{
	padding:0px;
}
.h5p-content{
	margin-bottom:50px!important;
}
.h5p-single-choice-set .h5p-sc-question, .h5p-question-introduction,
.h5p-task-description,
.summary-evaluation,
.h5p-questionnaire-element .h5p-subcontent-question{
	background-color:#706f6f;
	color:#fff;
	padding: 15px 20px;
	font-size:24px;
	line-height:1.2;
	font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
	font-weight:500;
    padding-right: 40px;
}
.h5p-questionnaire-element .h5p-subcontent-question{
    background:transparent;
}
.h5p-question-introduction{
	font-size:24px!important;
}
.h5p-sc-sound-control{
	color:#fff;
	top:11px!important;
}
.h5p-transparent > div > .h5p-single-choice-set .h5p-sc-sound-control {
    right: 20px;
}
.h5p-summary .summary-container li, .h5p-summary .summary-options li{
	margin-bottom:15px!important;
}
.h5p-multichoice .h5p-alternative-container{
	background:transparent!important;
	border:none!important;
	box-shadow:none!important;
}
.h5p-multichoice .h5p-answer[role="radio"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[role="checkbox"] .h5p-alternative-container:before,{
    color: #494949;
}
.h5p-multichoice .h5p-answer[role="radio"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[role="radio"]:hover .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[role="checkbox"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[role="checkbox"]:hover .h5p-alternative-container:before{
	color:#f6a500;
}
.h5p-multichoice .h5p-answer{
	margin:0px;
}
.h5p-multichoice .h5p-answers,
.h5p-simple-multiple-choice-alternative-li{
	color: #000;
    font-size: 22px;
    margin: 0px;
    margin-bottom: 10px;
}
.h5p-simple-multiple-choice-question:before{
	display:none;
}
.h5p-summary .summary-progress-numeric,
.h5p-summary .summary-score,
.h5p-footer-slide-count{
	color:#706f6f;
	background:#fff;
	font-weight:500;
	font-family:'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
}
.h5p-footer-slide-count-current{
	color:#f6a500;
}
.h5p-course-presentation .h5p-footer .h5p-footer-slide-count-delimiter {
    padding: 0 5px;
}
.summary-container{
	margin:0px!important;
}
.summary-evaluation{
	margin-top:0px!important;
}
.h5p-summary .h5p-question-content{
	padding:0px;
}
.h5p-sc-sound-control:hover{
	opacity:0.8;
	color:#fff;
}
.h5p-single-choice-set .h5p-joubelui-progressbar-background{
	background-color:#f6a500;
}

@media screen and (max-width:1370px){
	.quiz-container.quiz-type-find-the-words .h5p-iframe-wrapper iframe.h5p-iframe{
		/* width:70%;
		min-width:initial; */
		margin:0 auto;
	}
}
@media screen and (max-width:1024px){	
	.h5p-drag-text{
		overflow-Y:auto!important;
		height:100vh!important;
	}
	.quiz-type-memory-game{
		padding:20px 0px;
	}
	.h5p-memory-game {
		width: 100%;
	}
	
	.h5p-single-choice-set .h5p-sc-question, .h5p-question-introduction, .h5p-task-description, .summary-evaluation, .h5p-questionnaire-element .h5p-subcontent-question,
	.h5p-question-introduction,.h5p-content{
		font-size: 18px!important;
	}
}
@media screen and (max-width: 800px){ 
	.h5p-course-presentation .h5p-footer .h5p-footer-left-adjusted{
		display:none;
	}
	.h5p-course-presentation .h5p-cp-navigation {
		height: auto;
	}
	.h5p-course-presentation .h5p-progressbar li{
		padding:5px 0;
	}
	.h5p-course-presentation .h5p-footer .h5p-footer-right-adjusted{
		flex:1;
	}
	.h5p-course-presentation .h5p-wrapper{
		height:100vh!important;
	}
	.h5p-course-presentation .h5p-score-table,
	.h5p-course-presentation .h5p-summary-total-table{
		font-size:22px;
	}
	.h5p-joubelui-button{
		font-size:16px;
	}
	.h5p-course-presentation .h5p-presentation-wrapper{
		overflow:auto;
		padding-bottom:20px;
	}
	.h5p-course-presentation .h5p-summary-footer{
		height:auto;
		padding-bottom: 30px;
	}
	.h5p-course-presentation .h5p-progressbar{
		align-items:center;
	}
	.h5p-course-presentation .h5p-footer{
		font-size:20px;
	}
}
@media screen and (max-width: 479px){  
	.h5p-summary .summary-progress-numeric,
	.h5p-summary .summary-score,
	.h5p-summary .summary-evaluation-content{
		float:none;
		width: 100%;
	}
	.summary-container{
		padding-top: 15px;;
	}
	.h5p-summary .summary-progress-numeric{
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 10px;
	}
	.h5p-single-choice-set .h5p-sc-question, .h5p-question-introduction, .h5p-task-description, .summary-evaluation, .h5p-questionnaire-element .h5p-subcontent-question,
	.h5p-question-introduction,.h5p-content{
		font-size: 16px!important;
	}
	.h5p-memory-wrap{
		width:50%!important;
	}
	
    .h5p-time-spent time{
        width:100%;
		display: block;
		white-space: nowrap;	
		margin-bottom:5px;
    }
	.h5p-memory-game .h5p-status > dt{
		float:none;
		white-space: nowrap;	
	}
}