.h5p-content {
    border: none!important;
    background: transparent !important;
}
.h5p-dialogcards .h5p-dialogcards-cardwrap.h5p-dialogcards-mode-normal .h5p-dialogcards-card-footer {
min-height: 55px!important;
}
.h5p-iframe-wrapper iframe.h5p-iframe{border-radius:13px;}
.h5p-pick-the-symbols-blank {
    border: 1px dashed #e6e6e6!important;
    border-radius: 4px!important;
    font-size: inherit;
    line-height: 0.6em!important;
    margin: 0!important;
    width: 0.2em!important;
}
.sequencing-status {
display: flex!important;
gap: 5%!important;
background: rgba(244, 244, 244, 0.48)!important;
padding: 12px 10px 10px 10px!important;
border-radius: 13px!important;
color: #665f77!important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 2px 0px inset!important;
}
.sequencing-status span {display: flex!important;}
.h5p-time-spent, .h5p-submits {margin-left: 5px!important;}
.h5p-audio{max-height: 30px!important;
    margin-top: 5px!important;}
.h5p-advanced-blanks .blank .h5p-text-input{
	border-radius: 12px!important;
    height: 28px!important;
	border: 2px dashed #a0a0a0;}
.h5p-mark-the-words .h5p-word-inner p{margin:1em 0.2em 1em!important;}
.h5p-matching {
    padding: 0px!important;
}
html.h5p-iframe .h5p-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: var(--bb-body-text-color);
}
.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list {
    display: flex!important;
    align-items: center!important;
    flex-wrap: wrap!important;
    column-gap: 40px!important;
}
.h5p-phrase-randomizer-toolbar-tool-bar {
    background-color: #ffffff00 !important;
    box-shadow: none;
    width: 94% !important;
    border-radius: 0px;
    border-bottom: 2px solid #ffffff7a;
}
html.h5p-iframe {
    width: 99.5%;
}
.h5p-task-description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: var(--bb-body-text-color);
    border-bottom: none!important;
    font-style: italic;
    text-align: center;
}
.h5p-question-introduction > p {
    word-break: break-word;
    line-height: inherit;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.h5p-question-video > video {
    width: auto;
    display: flex!important;
    flex-direction: row;
    justify-content: center!important;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    height: 250px;
}
.h5p-video > video {
    background: #0000;
    border-radius: 10px!important;
}
.h5p-transparent > div > .h5p-question .h5p-question-image-wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.h5p-question-image-scalable:before{display:none!important;}
.h5p-question-image {
    text-align: center!important;}
.h5p-question-image img {
    border-radius:10px;
    box-shadow: none!important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
border: 2px #fff solid!important;}
.h5p-audio-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.h5p-question-audio {
    width: 96%!important;
    display: flex!important;
    justify-content: center;
    align-items: center!important;
    flex-direction: row;
}
/*Tables in Advanced Fill out Gaps*/
#h5p-cloze-container > table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
#h5p-cloze-container > th {
  background-color: #d9d2e9!important;
}
#h5p-cloze-container > th, td {
  padding: 5px;
}

#h5p-cloze-container > tr:first-child th:first-child {
  border-top-left-radius: 12px!important;
}
#h5p-cloze-container > tr:first-child th:last-child {
  border-top-right-radius: 12px!important;
}
#h5p-cloze-container > tr:last-child td:first-child {
  border-bottom-left-radius: 12px!important;
}
#h5p-cloze-container > table > tr:last-child td:last-child {
  border-bottom-right-radius: 12px!important;
}
/* New drag and drop*/
.h5p-drag-text .removableblock {
    margin-top: 2px;
}

.h5p-dialogcards .h5p-dialogcards-title p:last-child, .h5p-dialogcards .h5p-dialogcards-card-text-area p:last-child {
    text-align: center;
    line-height: 1.1em;
}

.h5p-dialogcards .h5p-dialogcards-cards-matched {
    font-size: 13px;
}

.h5p-dialogcards-match-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.h5p-dialogcards .h5p-dialogcards-footer {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.h5p-dialogcards .h5p-dialogcards-progress {
    font-size: 13px;
}
button.h5p-dialogcards-button-match.h5p-joubelui-button {
    border-radius: 30px!important;
    border: 2px solid #595999;
    background: #fff0 !important;
    color: #595999;
    min-width: 125px!important;
}
button.h5p-dialogcards-button-match.h5p-joubelui-button:hover {
    scale:102%;
}
.h5p-dialogcards .h5p-dialogcards-match-footer-left {
    line-height: 2em;
    padding-top: 1em;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-bottom: 1em;
    padding-right: 0px;
    padding-left: 0px;
}
/*Needs to be organized*/
.h5p-no-frame .h5p-dialogcards .h5p-dialogcards-description, .h5p-transparent .h5p-dialogcards .h5p-dialogcards-description {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.h5p-dialogcards-options {
    margin-left: 10px!important;
    background-color: #ffffffad!important;
    margin-bottom: 10px;
    display: flex!important;
    padding: 5px;
    font-size: smaller;
    flex-direction: column!important;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center!important;
    align-items: center!important;
    border-radius: 10px!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border: 2px dashed rgb(222, 224, 227);
    color: rgb(113 114 115);
}

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-footer-button {
    border-radius: 10px!important;
	min-width: 50px!important;
}

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-footer-button:hover {
    background: #423e5a!important;
    border-radius: 10px!important;
    scale: 110%;
}
.h5p-dialogcards .h5p-dialogcards-image-wrapper > .h5p-dialogcards-image, .h5p-dialogcards .h5p-dialogcards-image-wrapper > .h5p-dialogcards-image2 {
    border-radius: 10px!important;
    display: flex!important;
    justify-content: center;
}
.h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
    background: #565779!important;
    scale: 102%;
}

.h5p-dialogcards-optionsbuttons {
    display: flex;
    flex-direction: row!important;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.h5p-content {
    background: #fefefe00;}

.h5p-dialogcards.h5p-text-scaling .h5p-dialogcards-card-text-wrapper {
    min-height: auto !important;
	padding-bottom:10px!important;
}
.h5p-dialogcards .h5p-dialogcards-card-text-inner-content {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}

.h5p-dialogcards .h5p-dialogcards-card-footer {
    margin-top: 0px;
}

.h5p-dialogcards .h5p-dialogcards-card-content {
    min-height: 350px!important;
    border-radius: 10px;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.h5p-dialogcards-summary-screen {
    background-color: #ffffff85!important;
    border-radius: 10px;
    min-height: 350px;
}

.h5p-dialogcards .h5p-dialogcards-cardwrap-set::last-child {
    display: flex;
}

.h5p-joubelui-score-bar {
    border-radius: 10px;
    height: 34px;
}
/*Popup Dialogue*/
.h5p-popup-dialog{
    background:rgb(0 0 0 / 0%)
}
.h5p-popup-dialog .h5p-inner {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 12px 10px 30px
}
.h5p-popup-dialog .h5p-inner>h2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.h5p-dialog-ok-button {
    border: none;
    background: #606099;
    border-radius: 7px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    color: #fff;
    font-weight: 600;
    min-width: 50px;
    text-align: center;
}
.h5p-confirmation-dialog-header {
    font-size: 18px !important;
    line-height: inherit;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    color: #606099;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    font-weight: 700 !important;
    padding-top: 0.9em;
    padding-bottom: 0.9em !important;
}
.h5p-confirmation-dialog-popup {box-shadow: 0 0 6px 6px rgb(226 226 226 / 30%);
    min-width: 35em !important;
    border-radius: 12px !important;
    top: 20vh!important;}
.h5p-confirmation-dialog-body {
	text-align: center !important;
    background: #fafbfc!important;
    font-size: 16px!important;
    line-height: inherit;
    text-align: justify!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}
.h5p-confirmation-dialog-buttons {
    float: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.media-screen .media-screen-medium.h5p-image>img {
    box-shadow: none!important;
}
.media-screen {
    align-items: center;
    background: #fff0!important;
}
.h5p-course-presentation .h5p-footer .h5p-footer-button {height: 2.4em;
color: #969696;
width: 2.4em;
line-height: 2.7em;}

.h5p-course-presentation .h5p-footer .h5p-footer-slide-count, .h5p-course-presentation .h5p-footer .h5p-footer-slide-count-current, .h5p-course-presentation .h5p-footer .h5p-footer-slide-count-delimiter, .h5p-course-presentation .h5p-footer .h5p-footer-slide-count-max{font-size: 9px;
color: #919191;}
/*Buttons*/
.h5p-no-frame .questionset-results .buttons, .h5p-no-frame .questionset .h5p-question > *:last-child {
    display: flex;
}
.h5p-joubelui-button.mq-control-button {
    color: #fff; 
    background: #60a3d0;
    border-bottom: none;
}
.h5p-joubelui-button.mq-control-button {
    border-radius: 10px;
    text-shadow: none;
}
.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	border: 1px solid #351c75!important;
    font-weight: 400;
    font-size: 1em;
    text-align: center!important;
    margin: 0;
    border-radius: 10px;
    background-color: #595999;
    color: #fff;
    max-width: 385px;
    display: inline;
    width: auto;
    padding: 5px 15px;
    align-items: center;
    align-content: center;}
button.h5p-guessit-okbutton.h5p-joubelui-button {
    margin-left: auto!important;
    margin-right: auto!important;
    display: flex;
    height: 36px;
    min-width: 100px;
    justify-content: center;
    margin-top: 5px!important;
}
.h5p-joubelui-button.truncated {
    border-radius: 10px;}

.h5p-joubelui-button {
    height: 36px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: 600 !important;
    border-radius: 12px !important;
	border: 1px solid #351c75!important;
    border-bottom: 4px solid #351c75 !important;
    transition: all 0.1s;
    display: inline-flex
	align-items: center;
    justify-content: center;
    background-color: #5E5CC1 !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    padding: 8px 16px !important;
	letter-spacing: 1px;
}
.h5p-question-buttons .h5p-joubelui-button, .h5p-question-buttons .h5p-joubelui-button:first-child:last-child {
    height: 36px!important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: 600 !important;
    border-radius: 12px !important;
	border: 1px solid #351c75!important;
    border-bottom: 4px solid #351c75 !important;
    transition: all 0.1s;
    display: inline-flex
		align-items: center;
    justify-content: center;
    background-color: #5E5CC1 !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    padding: 8px 16px !important;
	min-width: 48px;
	min-height: 43px;
}
.media-screen.start .media-screen-button-start button::before {
    display:none!important
}
.h5p-game-map-toolbar-tool-bar .toolbar-buttons .toolbar-button {
    height: 36px!important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: 600 !important;
    border-radius: 12px !important;
	border: 1px solid #351c75!important;
    border-bottom: 4px solid #351c75 !important;
    transition: all 0.1s;
    display: inline-flex
		align-items: center;
    justify-content: center;
    background-color: #5E5CC1 !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    padding: 8px 16px !important;
}
.h5p-joubelui-button:hover, .h5p-joubelui-button:focus.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-content .h5p-game-map-exercise-instance-container .h5p-game-map-exercise-instance-wrapper .h5p-game-map-exercise-instance-continue-button,.media-screen .media-screen-buttons-wrapper .media-screen-button button:hover, .media-screen .media-screen-buttons-wrapper .media-screen-button button, button.h5p-question-new-sentence.h5p-joubelui-button.truncated {
    height: 36px!important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: 600 !important;
    border-radius: 12px !important;
	border: 1px solid #351c75!important;
    border-bottom: 4px solid #351c75 !important;
    transition: all 0.1s;
    display: inline-flex
		align-items: center;
    justify-content: center;
    background-color: #5E5CC1 !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    padding: 8px 16px !important;}
.h5p-joubelui-button:active {
    background: #514f70;}
button.h5p-core-button:visited, button.h5p-core-button:link, button.h5p-core-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    background: #606099!important;}
button.h5p-core-button {border-radius:12px!important;}
.media-screen .media-screen-buttons-wrapper .media-screen-button button {
    height: 36px!important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: 600 !important;
    border-radius: 12px !important;
	border: 1px solid #351c75!important;
    border-bottom: 4px solid #351c75 !important;
    transition: all 0.1s;
    display: inline-flex
		align-items: center;
    justify-content: center;
    background-color: #5E5CC1 !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    padding: 8px 16px !important;}
.h5p-speak-the-words-set .introduction-button {
    height: 45px;
    width: 150px;
}
.h5p-speak-the-words-set .h5p-question-next, .h5p-speak-the-words-set .h5p-question-previous, .h5p-speak-the-words-set .h5p-question-finish, .h5p-speak-the-words-set .h5p-joubelui-button:first-child:last-child{height:25px!important}
.h5p-speak-the-words-set .h5p-question-next:before{left: 0px!important;}
.h5p-speak-the-words-set .h5p-question-previous:before {
    left: 0px!important;
}
.h5p-speak-the-words .h5p-question-introduction {
	padding: 0px 1.75em 1em!important;}
.h5p-speak-the-words-set .progress-dot{background-color:#ffffff!important;}
.h5p-speak-the-words-set .h5p-question-content {
margin: 0;
	border: 1px solid #351c75!important;
border-bottom: 1px solid rgba(52, 50, 89, 0.45);
border-width: 2px;
}
.h5p-speak-the-words-set .h5p-question-content {
border-bottom: 1px solid rgba(238, 238, 238, 0)!important;
}
.h5p-speak-the-words .h5p-question-buttons.h5p-question-visible.has-scorebar:not(.wrap){width:100%!important}
button.h5p-question-show-solution.h5p-joubelui-button, button.h5p-question-try-again.h5p-joubelui-button, .h5p-speak-the-words-set .h5p-question-finish {height: 41px!important;}
.h5p-speak-the-words-introduction {
    font-size: 18px;
    color: #393E41!important;
    font-weight: 600;
}
.h5p-speak-the-words-set .progress-dot.answered{background-color: #089a51 !important;}
.h5p-speak-the-words-set .h5p-question-buttons.h5p-question-visible:not(.wrap) {
    margin-left: auto!important;
    margin-right: auto!important;
    display: flex!important;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center!important;
    align-content: center!important;
    align-items: flex-start;
	padding-top: 15px !important;
}
.h5p-audio-inner .h5p-audio-minimal-button {
    display: flex;
    padding: 13px;
    font-size: 1em;
    border: none!important;
    border-radius: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.h5p-guessit .h5p-audio-minimal-button {
    border: none;
    background: #59599900!important;
    font-weight: normal;
    padding: 0;
    font-size: 1.1em;
    width: 1.32em;
    height: 1.32em;
    color: #595999!important;
}
.h5p-guessit .h5p-audio-minimal-button:focus, .h5p-guessit .h5p-audio-minimal-button:hover {
    background: #373888;
}

button.h5p-speak-the-words-record.h5p-joubelui-button:before{padding-right: 0px!important;}
button.h5p-speak-the-words-record.h5p-joubelui-button{font-size: 0px!important;
min-height: 55px!important;
border-radius: 100px;
	
}
.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.correct:before, .h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.incorrect:before{
    display:none!important;
}
.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.incorrect.h5p-dialogcards-quick-progression:hover {
    background-color: #d95354!important;}
.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.correct.h5p-dialogcards-quick-progression:hover {
    background-color: #1f824c!important;}
/*End buttons*/
/*New Dialogue Cards*/
.h5p-dialogcards-summary-screen {
    background-color: #fff0!important;
}
.h5p-joubelui-score-bar.h5p-score-bar-has-help > .joubel-tip-container {
    right: 0em!important;
}
button.h5p-dialogcards-button-match.h5p-joubelui-button {
    border-radius: 10px;
    min-width: 50px;}
.h5p-joubelui-score-bar {
    border-radius: 10px;
    height: 36px;}
.h5p-joubelui-button:last-child {
    height:36px;
}
.h5p-joubelui-button:first-child {
    margin: 0 0.5em 0 0;
    height: 36px;
}
.h5p-guessit .feedback-container {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/*Guess It Game*/ 
.h5p-guessit.h5p-guessit-usersentencedescription.h5p-guessit-required {
    margin-left: auto;
    margin-right: auto;
    color: #393e41;
}
.h5p-guessit-summary-screen .h5p-guessit-summary-table td {
    border-bottom-color: #a09cce;}
.h5p-content {
    border: none!important;}
.h5p-guessit.h5p-guessit-options {
    background-color: #59599900;
    margin-top: 0px;
    padding: 10px;}
.h5p-guessit-summary-screen .h5p-guessit-summary-table td{border-bottom-color: #42487a;}
.h5p-guessit .h5p-word-input-user {
    height: 36px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif !important;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(89, 89, 153);
    border-image: initial;
    min-width:7em;
    margin-bottom: 9px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.h5p-guessit .h5p-wordFound{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: center;}
.h5p-guessit .h5p-wordFound:before {
    content: url(https://meinelernbox.de/wp-content/uploads/dictionary.png)!important;
    position: relative;
    left: -5px;
    top: 1px;
}
.h5p-guessit .h5p-text-input,
.h5p-guessit .h5p-text-input-user {
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit .h5p-text-input.wordle {font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;}
.h5p-guessit .h5p-word-input-user {
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit .h5p-text-input.h5p-not-filled-out {
  background: #fff0f0;
}
.h5p-guessit .h5p-correct .h5p-text-input,
.h5p-guessit .h5p-correct-wordle .h5p-text-input {
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit .h5p-wrong .h5p-text-input,
.h5p-guessit .h5p-wrong-wordle .h5p-text-input {
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit .joubel-tip-container {
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit-sentence{
  display: flex;
  font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  align-content: center;
  align-items: baseline;}
.h5p-guessit.time-status {
    font-size: 0.8em!important;
    bottom: 5px!important;
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif!important;
    border-radius: 10px;
    background-color: #ffffff69;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 5px 20px;
    color: #737379;
    line-height: 1.1em!important;
}
span.h5p-time-spent{
    margin-left:5px;
}
.fa-clock-o:before {
    display:none!important;
}
.h5p-guessit-listGuessedWord {
  font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
  margin-bottom:15px!important;
  border:none!important;
}
.h5p-question-visible .h5p-question-feedback-content.has-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #59589e;
}
.h5p-guessit .h5p-guessit-description p , .h5p-guessit .h5p-guessit-description > p {
  display: flex;
  flex-direction: row;
  align-content: center!important;
  justify-content: center!important;
  flex-wrap: nowrap;
  margin-top: 0px!important;
  color: #393e41d4;}
.h5p-guessit .h5p-guessit-description {
    background: #fefefe00;
    border-bottom: 1px solid #7b72bc78;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;}
.h5p-guessit.h5p-frame.h5p-no-frame {
    border: none!important;
}
.h5p-guessit-listGuessedSentences {
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif!important;
}
.h5p-guessit-listGuessedSentences p{
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif!important;
}
.h5p-guessit-markup {
    font-family: -apple-system, blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif !important;
}
.h5p-guessit .h5p-guessit-summary-screen .h5p-guessit-summary-header {
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif!important;
    color: #464c4fe6;
}
.h5p-guessit-summary-screen .h5p-guessit-summary-table {
    font-family: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif!important;
}

/*Begin Interactive Map*/
.status-container::before{
    font-size: 25px;
}
.h5p-game-map-exercise-content{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 2%;
    margin:0px;
}

.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-button-close {
    top:5px;
    left:-4px;
}

.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-content{
    margin:0px!important;
    max-width:100%;
}
.h5p-game-map-toolbar-tool-bar .toolbar-non-headline .status-containers .status-container-lives::before{
    color: #d12a44!important;
}
.h5p-game-map-exercise-headline {
    font-size: 18px!important;
    line-height: inherit;
    text-align: justify;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    color: #606099;
}
.h5p-game-map-map .h5p-game-map-background-image {
    border-radius: 10px!important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px!important;
}
.h5p-game-map-map, .h5p-game-map, .h5p-game-map-exercise{
    background-color: #fff0!important;
}
.h5p-confirmation-dialog-background{
background-color: rgb(255 255 255 / 80%);
	backdrop-filter: blur(5px);}
.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-content .h5p-game-map-exercise-headline {
    color: #595999!important;
    margin-bottom: 20px;
}
.h5p-game-map-toolbar-tool-bar {
    padding: .5em 1.5em!important; 
    border-radius: 10px!important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px!important;
}

/*Speak the words*/
.h5p-speak-the-words-set .introduction {
    padding: 2em 1em;
    text-align: center;
    border-radius: 6px;
}
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-feedback-content-text {
    color: #9772bb;
    font-size: 19px;
}
.h5p-speak-the-words-set .h5p-speak-the-words-user-answer-text{
    color: #ee4c4c!important;
}
.h5p-speak-the-words-set .h5p-speak-the-words-user-answer-text, .h5p-speak-the-words-set .h5p-speak-the-words-correct-answer-text {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #ffffff75;
    padding: 15px;
    max-width: 70%;
    border-radius: 12px;
    margin: 5px auto !important;
}
.h5p-speak-the-words-set .h5p-speak-the-words-correct-answer-text {
    color: #60a785!important;
}
.h5p-speak-the-words-set .introduction-image {
    max-height: 15em;
    max-width: 100%;
    border-radius: 10px;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-introduction, .h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-content {
    background-color: #fff0;
}
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-introduction, .h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-content {
    background-color: #fff0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.h5p-speak-the-words-set .questions {
    background-color: #fafafa00!important; 
}
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-introduction, .h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-content {
    background-color: #fff0!important;
}
.h5p-speak-the-words-set .introduction > div {
    color: #393E41!important;
}
.h5p-speak-the-words .h5p-question-feedback.h5p-question-visible {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.h5p-speak-the-words .h5p-question-scorebar.h5p-question-visible {
    margin: 0 auto 1em auto!important;
	display: block;
}
.h5p-question-scorebar.h5p-question-visible {
    width: 17em;
    margin: 0 auto 1em auto;
}
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-visible .h5p-question-feedback-content.has-content {display: flex
;
    flex-direction: row;
    justify-content: center;}
.h5p-speak-the-words-set .h5p-speak-the-words-user-answer-text, .h5p-speak-the-words-user-answer-text{
    color: #b59b75;}
.h5p-speak-the-words-record:before {
    font-family: "H5PFontAwesome4";
    content: "\f130";
    font-size: 40px;
}

/*Interactive video*/
.h5p-interactive-video {
border-radius: 15px;
}

/*Multiple choice*/
.h5p-multichoice .h5p-solution-icon-radio, .h5p-multichoice .h5p-solution-icon-checkbox {
  top: 15px!important;}
.h5p-multichoice .h5p-answers {
    margin: 1em 0.3em;
}
.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container {
    color: #f1a52c!important;
    background: #f4e2ce!important;
	border: 2px solid #f1a52c!important;}
.h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container {
	background-color: #fceedb!important;}
.h5p-multichoice .h5p-answer .h5p-alternative-container:before{color: #e6a15d!important;}
/*Drag Text*/
.h5p-drag-text .h5p-drag-wide-screen {
    float: none!important;
    padding-top: 0;
    display: flex!important;
    margin-bottom: 20px!important;
    flex-wrap:wrap!important;
}
.h5p-drag-text [aria-grabbed] {
    min-width: fit-content!important;
    padding-bottom: 10px !important;
    height: 30px !important;
    font-family: -apple-system, BlinkMacSystemFont, "single", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 38px !important;
    font-weight: 500;
    font-feature-settings: "liga";
    border-bottom: 3px solid #C2BFE3 !important;
    color: #6c6c6c;!important;
    border-radius: 12px!important;
    background: #dcdaf4 !important;
    border: 0px !important;
    padding-right: 15px!important;
    padding-left: 15px!important;
    box-shadow:none!important;
}
.h5p-drag-text [aria-grabbed].h5p-drag-dropped {
  width: inherit;
  margin:-0.2em -0.05em;
  padding: 10px !important;
  height: 20px !important;
  min-width: 45px;
  max-height: 25px !important;
  line-height: 1.2 !important;
}
.h5p-drag-text .removableblock {
    margin-top: 0px!important;
    line-height: 35px!important;
    font-size: 12px;
    padding-right: 10px!important;
    font-weight: 700!important;
    color: #8c8c8c!important;
}
.h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover, .h5p-drag-text [aria-grabbed]:not(.ui-draggable-disabled):hover{border-none!important;font-weight: 500!important;background: #e4e1ff !important;}
.h5p-drag-text .h5p-drag-droppable-words {
margin:0px!important;
}

/*Dialog Cards*/
.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-subheader {
    margin-bottom: 1em;
}
.h5p-dialogcards .h5p-dialogcards-card-content {
    background: transparent !important; 
    box-shadow: none !important;
    padding: 0px !important;
}
.h5p-dialogcards .h5p-dialogcards-card-text {
    height: auto;
}
.h5p-dialogcards .h5p-audio-minimal-button {
    margin-top: 0px !important;
}
.h5p-dialogcards .h5p-dialogcards-card-text-wrapper {
    min-height: 7em;
}
.h5p-dialogcards .h5p-dialogcards-round {
    margin-left: 0;
    font-size: 12px;
}
.h5p-dialogcards .h5p-dialogcards-cards-left {
    margin-right: 0px;
    font-size: 12px;
}
.h5p-dialogcards .h5p-dialogcards-image-wrapper>.h5p-dialogcards-image{
    border-radius:15px;
}
.h5p-dialogcards .h5p-dialogcards-image-wrapper>.h5p-dialogcards-image {
    vertical-align: bottom;
    top: 65%;
}
.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-footer {

    margin-top: 2%;
    flex-direction: column;
}
.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-footer .h5p-joubelui-button:first-child, .h5p-dialogcards-summary-screen .h5p-dialogcards-summary-footer .h5p-joubelui-button:last-child {
    padding-top:2%; 
    padding-bottom:2%;
    margin:15px 0px!important;
    width: 100%!important;
    max-width: 100%;}
.h5p-dialogcards .h5p-audio-minimal-button {
    background: #595999;}
.h5p-dialogcards .h5p-dialogcards-title p:last-child, .h5p-dialogcards .h5p-dialogcards-card-text-area p:last-child {
    text-align: center;
}
.h5p-dialogcards .joubel-tip-container {
    right: 30%;
}
.joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: rgb(89 89 153);
}
.h5p-dialogcards .h5p-audio-minimal-button:focus, .h5p-dialogcards .h5p-audio-minimal-button:hover {
    background: #434373;
}
.h5p-dialogcards .h5p-dialogcards-cardwrap {background: transparent!important;}
.h5p-dialogcards .h5p-dialogcards-cardholder {max-width: 40em;}
.h5p-dialogcards .h5p-dialogcards-card-text-inner {padding: 0px;}
.h5p-dialogcards.h5p-text-scaling .h5p-dialogcards-card-text-wrapper {
    height: 9.5em;}
.h5p-dialogcards .h5p-dialogcards-audio-wrapper {font-size: 1.5em;margin: 0 auto .5em;height: 1em;}
.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.incorrect, .h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.correct {background: transparent !important;}
.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-turn {max-width: 48%!important;
width: 30%!important;
font-size: 13px;
height: 45px!important;}
.h5p-dialogcards .h5p-dialogcards-card-text {font-size: 20px!important; margin: 0.9em 0;height: 1em;}
.h5p-dialogcards .h5p-dialogcards-card-text-area p {font-size: 17px!important; color: #b59b75!important;}

/*Flashcards*/
.h5p-flashcards.h5p-standalone {background-color:transparent;}
.h5p-flashcards .h5p-results-title{font-size: 1.1em;
color: rgba(125, 125, 125, 0.59);}
.h5p-flashcards .h5p-inner {overflow: visible;}
.h5p-flashcards .h5p-navigation {margin: 0.15em 0px 0px 0px;height: 3.5em;padding: 1em 0 0;}
.h5p-flashcards .h5p-button.h5p-previous{top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;}
.h5p-flashcards .h5p-button.h5p-previous:before{line-height: 0.7;}
.h5p-flashcards .h5p-foot{background-color: rgba(255, 255, 255, 0)!important;}
.h5p-flashcards .h5p-navigation .h5p-button{top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
border:0px!important;}
.h5p-flashcards .h5p-button:focus {
box-shadow: none;}
.h5p-flashcards .h5p-button.h5p-next:before{line-height: 0.9;}
.h5p-flashcards .h5p-card.h5p-correct .h5p-solution > .solution-icon {top: 0.8em;}
.h5p-flashcards .h5p-solution > .solution-icon {top: 0.6em;}
.h5p-flashcards .h5p-navigation .h5p-button:hover {background-color: #ffffff00;}
.h5p-flashcards .h5p-visual-progress {padding:1px;}
.h5p-flashcards .h5p-visual-progress div {background-color: #559ce8;}
.h5p-flashcards .h5p-progress {margin: 15px 0;color: #898f96;
    font-weight: 400;
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 13px;}
.h5p-flashcards .h5p-flashcards-results{margin: 1.01em!important;}
.h5p-flashcards .h5p-results-score {
    color: #64666a;
    font-size: 0.9em;
}
.h5p-flashcards .h5p-results-list{margin: 2em 0 2em 0;}
.h5p-flashcards .h5p-results-list-item {
    padding: 0px 0px 0px 12px;
    border: 2px solid #e7e9ee;
    border-radius: 13px;
    margin-bottom: 1%;
    border-bottom: 5px solid #e7e9ee;
}
.h5p-flashcards .h5p-results-image-holder {
    border-radius: 12px !important;
    background-size: cover;
    background-origin: initial;
    margin-top: 10px;
    max-width: 3.5em;
    max-height: 3.5em;
}
.h5p-flashcards.h5p-standalone .h5p-description {color: #5e6873;}
.h5p-flashcards .h5p-description {
   border-bottom: 2px solid #bababa7d;
    padding: 10px 0;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    font-style: italic;}
.h5p-flashcards .h5p-results-question{line-height: 2em;color: #949494ad;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-top: 10px;}
.h5p-flashcards .h5p-results-answer{font-size: 1em;margin-bottom: 10px;}
.h5p-flashcards .h5p-results-box {
    right: 0em;
    top: 0em;
    bottom: 0em;
    border-radius: 0 9px 9px 0;
}
.h5p-flashcards .h5p-results-box:after {
    line-height: 1.5em;
}
.h5p-flashcards .h5p-card {
    width: 25em;
}
.h5p-flashcards .h5p-current .h5p-cardholder {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px!important;
	margin-right: 5em;
    margin-left: 1.5em;
    border-radius: 12px!important;
    width: 22em!important;}
.h5p-flashcards .h5p-answer .h5p-textinput{
	border-radius: 13px;
padding-right: 6em!important;}
.h5p-flashcards .h5p-answer .h5p-button{border-radius: 0 13px 13px 0;}
.h5p-flashcards .h5p-card.h5p-wrong .h5p-imageholder > .h5p-flashcard-overlay, .h5p-flashcards .h5p-card.h5p-correct .h5p-imageholder > .h5p-flashcard-overlay{opacity: 1!important;}
@media only screen and (max-width: 430px) {
	.h5p-flashcards .h5p-card{max-width: 100%!important;}
  .h5p-flashcards .h5p-current .h5p-cardholder {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-right: auto !important;
    margin-left: auto !important;
    border-radius: 12px !important;
    width: 330px !important;
	max-width: 97vw;
  }
}
.h5p-flashcards .h5p-imageholder {
    height: 14em;
    background-color: transparent!important;
    border-radius: 10px; 
    margin: 10px 10px 0 10px;
    padding: 10px 5px;}
.h5p-flashcards .h5p-imagetext {
    color: var(--bb-body-text-color);
    padding: 10px 10px 20px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.h5p-flashcards .h5p-card.h5p-current .h5p-cardholder {
    border: solid 1px #0000;
}
.h5p-flashcards .h5p-answer .h5p-correct .h5p-feedback-label, .h5p-flashcards .h5p-answer .h5p-wrong .h5p-feedback-label {
    top: 12px;
}
.h5p-flashcards .h5p-card > .h5p-flashcard-overlay {
    border-radius: 13px;
	background-color: #423d5b;
	
}
.h5p-flashcards .h5p-answer .h5p-textinput, .h5p-flashcards .h5p-answer .h5p-button {
    height: 2.5em;
}
.h5p-flashcards .h5p-card .h5p-clue {
    border:none;
    box-shadow: none;
    padding:0px;
}
.h5p-flashcards .h5p-card .h5p-clue {
    background: transparent;
}
.h5p-flashcards .h5p-results-score span {color: #adb6c7!important;}

.h5p-flashcards .h5p-answer .h5p-button {
    background: #595999;
}
.h5p-flashcards .joubel-tip-container {
    top: 0.1em;
}
.h5p-flashcards .h5p-imagetext:first-letter {
    text-transform: inherit!important;
}

/*Image Pairs*/
.h5p-image-pair-images-paired .card-paired {
    top: .513em;
}

.h5p-crossword .h5p-crossword-clue-announcer {
    font-size: .85em!important;
    align-items: center!important;
    justify-content: center!important;
    align-self: center!important;
    background-color: #248bf5;
    color: #fff;
    margin-bottom: 1%;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    flex-wrap: wrap;
    height: auto;
}
.h5p-crossword .h5p-crossword-grid.h5p-crossword-grid-background-image {background-color: transparent!important;padding:1%!important}
.h5p-crossword .h5p-crossword-cell-clue-id-marker {left: 3px!important;top: 4px!important;}.h5p-crossword .h5p-crossword-cell-solution-word-circle{background-color: #e9acac!important;}
.h5p-crossword .h5p-crossword-solution-word .h5p-crossword-cell:first-child {border-radius: 15px 0px 0px 15px !important;}
.h5p-crossword .h5p-crossword-solution-word .h5p-crossword-cell{background-color: #e9acac!important;}
.h5p-crossword .h5p-crossword-solution-word .h5p-crossword-cell:last-child{border-radius: 0px 15px 15px 0px !important;}
.h5p-crossword .h5p-crossword-cell-solution-word-marker {background-color: #e9acac!important;bottom: 3px!important;right: 3px!important;}
.h5p-crossword .h5p-crossword-grid.h5p-crossword-grid-background-image .h5p-crossword-cell.h5p-crossword-cell-empty {border: none!important;}
.h5p-crossword .h5p-crossword-grid td {margin:2px!important;}
.h5p-crossword .h5p-crossword-cell-clue-id-marker, .h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-focus .h5p-crossword-cell-clue-id-marker, .h5p-crossword .h5p-crossword-grid, .h5p-crossword .h5p-crossword-grid td, .h5p-crossword .h5p-crossword-grid th, .h5p-crossword .h5p-crossword-cell-solution-word-circle, .h5p-crossword-cell-solution-word-marker {border-radius: 15px!important;}

/*Pick the Symbosl*/
.h5p-pick-the-symbols-chooser-symbol-buttons .h5p-pick-the-symbols-chooser-symbol-buttons-button {color: #436488!important;}
.h5p-pick-the-symbols-chooser-symbol-buttons .h5p-pick-the-symbols-chooser-symbol-buttons-button:hover, .h5p-pick-the-symbols-chooser-symbol-buttons .h5p-pick-the-symbols-chooser-symbol-buttons-button:focus{background:#acd0f83b !important;}


.h5p-multichoice .h5p-alternative-container {
    border: 1px solid #ebe9e6; 
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color:#122b46;
    text-indent: -1em;
    padding:10px 20px;
    font-size:17px;
}
.h5p-alternative-inner {
    margin: 0 0.5em 0 2em;
}
.h5p-multichoice .h5p-answer .h5p-alternative-container:before {left: 30px;top: 10px;}
.h5p-multichoice .h5p-answer-icon, .h5p-multichoice .h5p-solution-icon {top: 17px;left: 15px;}
.h5p-dragquestion .h5p-my-fullscreen-button-enter, .h5p-dragquestion .h5p-my-fullscreen-button-exit {color: #2b5585bf;right: 0px;top: 0px;}
.h5p-multichoice .h5p-feedback-dialog {
    width: 97%;
}
.h5p-multichoice .h5p-answer .h5p-feedback-inner, .h5p-multichoice .h5p-answer.h5p-selected .h5p-feedback-inner {
    margin-top: 1%;
    box-shadow: 5px 0px 12px 0px #48424247;
}
.h5p-question .h5p-question-prev, .h5p-question .h5p-question-next {
    padding: 0.07em 0.8em;
    min-width: 35px!important;
    width: 20px;
    line-height: 1.7em;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	max-height: 23px !important;
    height: 23px !important;
    min-height: 23px!important;
}
.h5p-question-buttons.h5p-question-visible {
    display: flex !important;
    flex-direction: row-reverse;
    gap: 2%;
}
button.h5p-joubelui-button.h5p-game-map-exercise-instance-continue-button{
    color: #595999;
    border: 2px solid #595999;
    background: transparent!important;
}
.h5p-multichoice .h5p-should[role="radio"] .h5p-solution-icon:before {
    color: #4dad6b;
}
.h5p-true-false-answer {
    border-radius: 10px;
    border: 1px solid #ebe9e6;
    margin: 0 1em 0em 0;
    padding: .5em 3.5em .5em 1.3em;
    box-shadow: none;
}
.h5p-true-false-answer.correct:after, .h5p-true-false-answer.wrong:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;}
.h5p-baq .question {
    color: #3c444c;
    font-weight: 600;}
.questionset-results {
    background: transparent;}
.questionset-results .greeting {
    color: #122b46;
    font-size: 22px;
    margin-bottom: 1%;font-weight: 600;}

.h5p-mark-the-words .h5p-word-selectable-words:not(.h5p-disable-hover) [role="option"]:hover {
    box-shadow: inset 0px 0px 0px 1px #0f74e0;
    color: #0f74e0;
    background-color: #fff;}
.h5p-mark-the-words [aria-selected="true"] {
    border-color: #0f74e0;
    border: 1px solid;
    color: #0f74e0;}
.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"] {
    color: #b71c1c!important;
}
.h5p-mark-the-words [aria-describedby="h5p-description-correct"] {
    background: #a1e6c4;
    color: #32634b!important;
}
.h5p-drag-text [aria-dropeffect] {
    width: auto!important;
    height: 33px!important;
border-radius: 12px!important;
    background-color: #cee0f421;
    min-width: 45px;
    border: dashed 1px #5051b7d6!important;
    padding: 0.1em 0em 0.1em 0;
    margin-right: 1%;
}
.ui-draggable .ui-draggable-handle .h5p-drag-dropped.h5p-drag-draggable-wrong, .h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct{z-index:400!important;}
.h5p-drag-text .h5p-drag-correct-feedback:before, .h5p-drag-text .h5p-drag-wrong-feedback:before {z-index:500!important;}
.h5p-drag-text .h5p-drag-dropzone-container {
    line-height: 2.9em!important; }
.h5p-drag-text [aria-grabbed].h5p-drag-dropped:not(.ui-state-disabled):hover, .h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover {

    background-color: #8878ba57 !important;
    color: #51518c;
    font-weight: 800;}
.h5p-drag-text .h5p-drag-show-solution-container.incorrect {border: 1px #255c41 solid;padding: 0.4em 0.9em;border-radius: 10px;line-height: 1.75em;}
.h5p-drag-text .h5p-drag-correct-feedback:before, .h5p-drag-text .h5p-drag-wrong-feedback:before {right: -4pt !important;top: -8pt!important;line-height: 1.75em!important;padding-left: 10px;}
.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct, .h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-wrong {line-height: 1.15em!important;padding-left: 7px;max-height: 20px!important;}
.h5p-blanks .h5p-text-input {
    border-radius: 10px;padding: 0.3em 1em 0.3em 0.5em;}

.h5p-flashcards .h5p-card .h5p-clue {
    color:transparent!important;
}

.h5p-blanks .h5p-text-input {
    border-radius: 10px;
    padding: 0.25em 1em 0.25em 0.75em;}
.h5p-drag-text .h5p-drag-droppable-words {
    line-height: inherit;
    text-align: justify;
    font-size: 16px;}
.h5p-confirmation-dialog-popup{
    min-width: 15em!important;}
.h5p-baq-countdown-text {
    background: transparent;
    border: 1px solid #5d666d;}

.h5p-baq-intro-page{
    background-image: url(https://meinelernbox.de/wp-content/uploads/quiz-math-back.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;}
.h5p-baq-countdown-bg {
    background: #7ca9c5;
}
.h5p-baq * {
    text-shadow: none;
}
.h5p-baq {
    overflow:show;
    font-family: "SF UI Text", sans-serif; 
    background-image: url(https://meinelernbox.de/wp-content/uploads/2020/03/back-quiz.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.1);
    color: #504545;}
.h5p-baq-alternatives > .h5p-joubelui-button {
    border-width: 1px; 
    background:transparent; 
    border-radius: 10px;
    color: #5d666d; 
    border-color: #4f6079 !important;}
.h5p-baq-alternatives > .h5p-joubelui-button:hover {
    background: #558eb39c;
}
.h5p-baq-game > .timer{
    padding: 1.5em;
    font-size: 0.6em;}
.h5p-baq-game > .h5p-baq-score-widget{
    padding: 1.5em;
    font-size: 0.6em;}
.h5p-baq-score-widget-number {
    background-color: transparent;
    border-radius: 0px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: var(--bb-body-text-color);
}
.h5p-baq-alternatives > .h5p-joubelui-button.reveal-correct {
    background: #55ab7b;color:#fff;}
.h5p-find-the-words .vocabulary-container {
    background-color: #7295a25e!important;}
.h5p-find-the-words .footer-container {
    border-top: none!important;}


.h5p-memory-game .h5p-memory-card .h5p-back:before{
    opacity: 1 !important;}
.h5p-memory-game .h5p-status {
    clear: left!important;
    float: left !important;
    width:100% !important;
}
.h5p-memory-game .h5p-status > dt {
    float: left!important;
    clear: left!important;
}
.h5p-memory-game .h5p-memory-card .h5p-front {
    border: 1px solid #6e78b185!important
}
.h5p-memory-game img {
    padding:0em!important;
}

.h5p-mark-the-words {
    background: transparent !important;
}
.h5p-mark-the-words .h5p-word-selectable-words{
    font-size: 18px !important;
    font-family: "SF UI Display", sans-serif !important;
	margin-left: 5px;
}
.h5p-baq-intro-page .h5p-joubelui-button{
    display: inline!important;
}

.h5p-question-buttons.h5p-question-visible {
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    display: flex !important;
}
.h5p-question {
    background: transparent!important;
}
.h5p-dictation .h5p-text-input {
    border-radius: 10px!important; 
    padding: .3em 1em .3em .5em!important;
}
.h5p-dictation .h5p-solution-inner {
    border: 1px solid #ddd;
    margin-top: 1%;
}
.h5p-dictation .h5p-solution-inner {
    background: #fbfbfb;
    border: 1px solid #ddd;}
.h5p-mark-the-words [aria-selected="true"] {
    border-color: #000;
    border: 1px solid;}
.h5p-course-presentation .h5p-box-wrapper {
    background: transparent;}
 .h5p-slide.has-background {
    border-radius: 15px;
    }
@media screen and (max-width:768px){
.h5p-speak-the-words-set .introduction-title {
font-size: 25px!important;
line-height: 25px!important;
margin-bottom: 5px!important;
}
}