/* ##########################################################
      default transition mixin
    + vendor specific prefixes for transition and properties  
#############################################################*/
/*changes all elements in selctor to border-box*/
/*sets box-sizing*/
/* function to prefix attributes */
/* function to prefix transitions */
/* function to prefix properties */
/* transition mixin */
/* ##########################################################*/
/* ##########################################################
    default transition-delay mixin
    + vendor specific prefixes
##############################################################*/
/* ##########################################################
    default transform mixin
    + vendor specific prefixes
#############################################################*/
/* ##########################################################
    default transform-origin mixin
    + vendor specific prefixes
#############################################################*/
/* ##########################################################
    default animation/keyframes mixin
    + vendor specific prefixes
#############################################################*/
/* ##########################################################
    default backface-visibility mixin
    + vendor specific prefixes
#############################################################*/
#bwb_rm_mustertestAnimationContainer {
  max-width: 75rem;
  font-family: TheSans;
  overflow: hidden;
  position: relative;
  margin: auto;
}
#bwb_rm_mustertestAnimationContainer .reportButton {
  height: 2.75rem;
  margin: 0 0 0.9375rem 0;
  pointer-events: none;
}
#bwb_rm_mustertestAnimationContainer .reportButton a {
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
#bwb_rm_mustertestAnimationContainer .reportButton.active a {
  cursor: pointer;
  pointer-events: all;
  color: #8AB925;
  width: 100%;
  display: flex;
  align-items: center;
}
#bwb_rm_mustertestAnimationContainer .reportButton.active a:before {
  margin-right: 0.9375rem;
  width: 2.75rem;
  height: 2.75rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/report_button_filled.svg);
}
#bwb_rm_mustertestAnimationContainer .reportButton a {
  cursor: pointer;
  pointer-events: all;
  color: #E9E8E3;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
  display: flex;
  align-items: center;
}
#bwb_rm_mustertestAnimationContainer .reportButton a:before {
  margin-right: 0.9375rem;
  width: 2.75rem;
  height: 2.75rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/report_button.svg);
}
#bwb_rm_mustertestAnimationContainer .background-wrap {
  display: none;
}
#bwb_rm_mustertestAnimationContainer .background-wrap.active {
  display: flex;
}
#bwb_rm_mustertestAnimationContainer .background-wrap .background-image {
  position: absolute;
  width: auto;
  height: 100%;
  z-index: -1;
  right: 0;
  top: 0;
}
#bwb_rm_mustertestAnimationContainer p {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
#bwb_rm_mustertestAnimationContainer p.wrong {
  color: #aa1923;
}
#bwb_rm_mustertestAnimationContainer h2 {
  color: #ffffff;
  font-family: TheSans;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer h3 {
  color: #8AB925;
  font-family: TheSans;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
#bwb_rm_mustertestAnimationContainer h3.wrong {
  color: #aa1923;
}
#bwb_rm_mustertestAnimationContainer button {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  font-family: TheSans;
  border: none;
  padding: 0.875rem 1.25rem 0.75rem 0;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.25s ease-out;
  border-radius: 0;
}
#bwb_rm_mustertestAnimationContainer button.retry {
  background: linear-gradient(to right, #005593 50%, #0072C6 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.retry:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.retry:before {
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/retry.svg);
}
#bwb_rm_mustertestAnimationContainer button:before {
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/anchor.svg);
  display: inline-block;
  position: relative;
  padding: 0rem 0.6875rem 0rem 0.6875rem;
  top: 0.1875rem;
}
#bwb_rm_mustertestAnimationContainer button.finished:before {
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/correct.svg);
  display: inline-block !important;
  transform: rotate(0) !important;
  top: 0 !important;
}
#bwb_rm_mustertestAnimationContainer button.next {
  background: linear-gradient(to right, #6a8f1d 50%, #8AB925 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.next:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat1 {
  background: linear-gradient(to right, #00637d 50%, #008BB0 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat1:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat2 {
  background: linear-gradient(to right, #00694c 50%, #009C71 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat2:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat3 {
  background: linear-gradient(to right, #8a7509 50%, #BA9D0C 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat3:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat4 {
  background: linear-gradient(to right, #863a0d 50%, #B54E11 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat4:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat5 {
  background: linear-gradient(to right, #821964 50%, #AD2185 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat5:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat6 {
  background: linear-gradient(to right, #59328a 50%, #713FB0 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.cat6:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer button.start {
  background: linear-gradient(to right, #6a8f1d 50%, #8AB925 50%) !important;
  background-size: 205% 100% !important;
  background-position: right bottom !important;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
#bwb_rm_mustertestAnimationContainer button.start:hover {
  background-position: left bottom !important;
}
#bwb_rm_mustertestAnimationContainer .head {
  background: #0072C6;
  display: inline-block;
  padding: 0.625rem 0.9375rem 0.3125rem 0.9375rem;
  margin-bottom: 0.5rem;
}
#bwb_rm_mustertestAnimationContainer .head.muster {
  margin-left: 3.25rem;
}
#bwb_rm_mustertestAnimationContainer .head.zeig {
  margin-left: 0.3125rem;
}
#bwb_rm_mustertestAnimationContainer .content-container {
  min-height: 20.9375rem;
  display: flex;
  padding-top: 6.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1, #bwb_rm_mustertestAnimationContainer .content-container.cat2, #bwb_rm_mustertestAnimationContainer .content-container.cat3, #bwb_rm_mustertestAnimationContainer .content-container.cat4, #bwb_rm_mustertestAnimationContainer .content-container.cat5, #bwb_rm_mustertestAnimationContainer .content-container.cat6 {
  padding-top: 0 !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .intro {
  border-color: #C6C5BA !important;
  background: #E9E8E3;
  padding: 1.875rem;
  width: 28.75rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .intro h3 {
  margin-bottom: 1.25rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .intro p {
  margin-bottom: 1.875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber {
  background: #f0f0f0 !important;
  text-align: center;
  padding: 0.75rem;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber:hover {
  background: unset !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber:before {
  content: none;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.current {
  background: unset !important;
  color: #9d9a8b !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.wrong {
  background: #f0f0f0 !important;
  color: #aa1923 !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.wrong:hover {
  background: unset !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.wrong.current {
  background: unset !important;
  color: #9d9a8b !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.right {
  background: #f0f0f0 !important;
  color: #8AB925 !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.right:hover {
  background: unset !important;
}
#bwb_rm_mustertestAnimationContainer .content-container button.questionNumber.right.current {
  background: unset !important;
  color: #9d9a8b !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .question, #bwb_rm_mustertestAnimationContainer .content-container .intro, #bwb_rm_mustertestAnimationContainer .content-container .report {
  position: relative;
  left: -1px;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat1 label {
  color: #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat1 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat1 .report {
  border-left: 15px solid #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 button {
  transition: all 0.25s ease-out;
  background: linear-gradient(to right, #00637d 50%, #008BB0 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 button.questionNumber {
  color: #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat1 .bar {
  background: #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat2 label {
  color: #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat2 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat2 .report {
  border-left: 15px solid #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 button {
  background: linear-gradient(to right, #00694c 50%, #009C71 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 button.questionNumber {
  color: #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat2 .bar {
  background: #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat3 label {
  color: #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat3 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat3 .report {
  border-left: 15px solid #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 button {
  background: linear-gradient(to right, #8a7509 50%, #BA9D0C 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 button.questionNumber {
  color: #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat3 .bar {
  background: #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat4 label {
  color: #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat4 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat4 .report {
  border-left: 15px solid #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 button {
  background: linear-gradient(to right, #863a0d 50%, #B54E11 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 button.questionNumber {
  color: #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat4 .bar {
  background: #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat5 label {
  color: #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat5 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat5 .report {
  border-left: 15px solid #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 button {
  background: linear-gradient(to right, #821964 50%, #AD2185 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 button.questionNumber {
  color: #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat5 .bar {
  background: #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat6 label {
  color: #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 .question, #bwb_rm_mustertestAnimationContainer .content-container.cat6 .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat6 .report {
  border-left: 15px solid #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 button {
  background: linear-gradient(to right, #59328a 50%, #713FB0 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 button:hover {
  background-position: left bottom;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 button.questionNumber {
  color: #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat6 .bar {
  background: #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat-into .catColor, #bwb_rm_mustertestAnimationContainer .content-container.cat-into label {
  color: #E9E8E3;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat-into .question, #bwb_rm_mustertestAnimationContainer .content-container.cat-into .intro, #bwb_rm_mustertestAnimationContainer .content-container.cat-into .report {
  border-left: 15px solid #E9E8E3;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat-into button.questionNumber {
  color: #E9E8E3;
}
#bwb_rm_mustertestAnimationContainer .content-container.cat-into .bar {
  background: #E9E8E3;
}
#bwb_rm_mustertestAnimationContainer .content-container .categories {
  min-width: 22.25rem;
  background: #ffffff;
}
#bwb_rm_mustertestAnimationContainer .content-container .categories .category {
  text-align: right;
}
#bwb_rm_mustertestAnimationContainer .content-container .categories .category button {
  margin-bottom: 0.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat6 {
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #E9E8E3;
  width: 100%;
  height: 100%;
  min-height: 20.9375rem;
  position: relative;
}
#bwb_rm_mustertestAnimationContainer .content-container .question h3 {
  margin-top: 0rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode h3, #bwb_rm_mustertestAnimationContainer .content-container .question.validationMode h3 {
  margin-top: 0rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode h3.catColor, #bwb_rm_mustertestAnimationContainer .content-container .question.validationMode h3.catColor {
  margin-bottom: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode h3.catColor.solution, #bwb_rm_mustertestAnimationContainer .content-container .question.validationMode h3.catColor.solution {
  margin-bottom: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode h3.wrong, #bwb_rm_mustertestAnimationContainer .content-container .question.validationMode h3.wrong {
  color: #aa1923;
  margin-bottom: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode .progressBar, #bwb_rm_mustertestAnimationContainer .content-container .question.validationMode .progressBar {
  display: none;
  opacity: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.reportMode .questionBox, #bwb_rm_mustertestAnimationContainer .content-container .question.reportMode .answersBox {
  display: none !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.validationMode .questionReport {
  display: none !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.validationMode .solution {
  margin-bottom: 3.75rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question.validationMode .progressBar {
  display: none;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionContent {
  padding-top: 1.3125rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  height: 100%;
  min-height: 17.125rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .validationText {
  position: relative;
  -webkit-animation-name: fadeInLeftValidation;
          animation-name: fadeInLeftValidation;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .exampleAnswer {
  position: absolute;
  bottom: 0;
  line-height: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 700;
  height: 2.5rem;
  display: flex;
  align-items: flex-start;
  margin: 0;
  margin-left: 1.875rem;
  -webkit-animation-name: fadeInLeftExample;
          animation-name: fadeInLeftExample;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .exampleAnswer.right {
  color: #8AB925;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .exampleAnswer.wrong {
  color: #aa1923;
}
#bwb_rm_mustertestAnimationContainer .content-container .question img {
  width: 4.0625rem;
  height: 3.9375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question h3 {
  margin-bottom: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .progressBar {
  width: 100%;
  height: 0.375rem;
  background: white;
  margin-bottom: 1.875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .progressBar .bar {
  height: 0.375rem;
  width: 100%;
  background: #9d9a8b;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox {
  display: flex;
  flex-direction: row;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 {
  justify-content: space-between;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .answersBox {
  justify-content: space-evenly;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .answersBox .answerWrap {
  margin-bottom: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .questionBox {
  min-width: 18.75rem;
  max-width: 18.75rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout1 {
  padding: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout1 .questionBox {
  min-width: 22.1875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout1 .questionBox p {
  cursor: pointer;
  width: 9.8125rem;
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout1 .questionBox .wrong {
  margin-left: 4.6875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout1 .answerWrap {
  flex: 1 0 50%;
  margin-bottom: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .answersBox {
  justify-content: space-between;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 {
  padding: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 .questionBox {
  min-width: 22.1875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 .answersBox {
  flex: 40%;
  justify-content: space-evenly;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 .answersBox .answerWrap {
  padding-bottom: 1.5625rem;
  flex: 0 0 40%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 {
  display: flex;
  flex-direction: row;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .questionBox {
  min-width: 20.3125rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox .answerWrap {
  padding: 0;
  flex: 0 0 35%;
  padding-bottom: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox .answerWrap span, #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox .answerWrap label {
  font-weight: 800;
  padding-right: 0.5rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox .answerWrap label {
  width: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout3 .answersBox .answerWrap span {
  min-width: 9.25rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 {
  margin-bottom: 1.5625rem;
  justify-content: space-between;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 img {
  width: 100%;
  height: auto;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox img {
  width: 50%;
  margin-bottom: 0.9375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox img.start {
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers .answerWrap {
  width: 100%;
  flex-direction: column-reverse;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers .answerWrap label {
  padding: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers .answerWrap .selection {
  display: flex;
  flex-direction: column-reverse;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers .answerWrap .selection label {
  left: unset;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout4 .answersBox .answers span {
  margin: auto;
  padding-bottom: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout5 {
  display: flex;
  flex-direction: column;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout5 .questionBox {
  max-width: unset;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout5 .answerWrap span, #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout5 .answerWrap label {
  font-weight: 800;
  padding-right: 0.5rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 {
  margin-bottom: 1.5625rem;
  justify-content: space-between;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 img {
  width: 100%;
  height: auto;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 50%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox img {
  width: 100%;
  margin-bottom: 0.9375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox .answers {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
  flex-direction: column;
  height: 100%;
  align-items: flex-end;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox .answers .answerWrap {
  padding: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox .answers .answerWrap .selection {
  display: flex;
  flex-direction: row;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answersBox .answers .answerWrap .selection label {
  margin: 0.1875rem 0.1875rem 0 0.3125rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 {
  display: flex;
  flex-direction: row;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox .answerWrap {
  padding: 0;
  padding-bottom: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox .answerWrap span, #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox .answerWrap label {
  font-weight: 800;
  padding-right: 0.5rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox .answerWrap label {
  width: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout7 .answersBox .answerWrap span {
  min-width: 6.25rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  min-width: 50%;
  max-width: 50%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox p {
  font-weight: 800;
  margin-top: 0;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox .questionImg {
  margin-right: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox .questionText {
  text-align: left;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox .questionText p {
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0.625rem 0 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap label {
  font-weight: 700;
  text-align: center;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.wrong {
  position: relative;
  left: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.wrong input {
  margin-right: 1.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.wrong input[type=radio]:after {
  background-color: #aa1923;
  border-color: #aa1923;
  pointer-events: none;
  margin-right: 1.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.wrong input[type=radio]::-ms-check {
  border-color: #aa1923;
  color: #aa1923;
  background-color: #aa1923;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.wrong label {
  position: absolute;
  color: white;
  padding-right: 0;
  width: 1.5rem;
  left: 0;
  z-index: 1;
  margin: 0.1875rem 0.1875rem 0 0.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.right {
  position: relative;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.right input {
  margin-right: 1.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.right input[type=radio]:after {
  background-color: #8AB925;
  border-color: #8AB925;
  pointer-events: none;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.right input[type=radio]::-ms-check {
  border-color: #8AB925;
  color: #8AB925;
  background-color: #8AB925;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.right label {
  position: absolute;
  color: white;
  padding-right: 0;
  width: 1.5rem;
  left: 0;
  z-index: 1;
  margin: 0.1875rem 0.1875rem 0 0.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.unchosen label {
  padding-right: 1.25rem;
  width: 1.5rem;
  left: 0;
  z-index: 1;
  margin: 0.1875rem 0.1875rem 0px 0.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap.unchosen input[type=radio] {
  display: none;
}
#bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox label {
  font-size: 1rem;
  padding-right: 0.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport {
  display: flex;
  flex-direction: row;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  max-width: 46.25rem;
  flex-wrap: wrap;
  padding: 1.875rem;
  margin-left: -1.875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport .smileys {
  display: flex;
  width: 50%;
  align-items: center;
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport p {
  display: flex;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  width: 50%;
  align-items: center;
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation1 .unhappy, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation1 .unhappy {
  background: white;
  border-radius: 50%;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation1 .unhappy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation1 .unhappy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_unhappy_filled.svg) !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation2 .happy, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation2 .happy {
  background: white;
  border-radius: 50%;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation2 .happy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation2 .happy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_happy_filled.svg) !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation3 .veryHappy, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation3 .veryHappy {
  background: white;
  border-radius: 50%;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport.evaluation3 .veryHappy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys.evaluation3 .veryHappy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_veryHappy_filled.svg) !important;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport .smiley, #bwb_rm_mustertestAnimationContainer .content-container .smileys .smiley {
  width: 4.0625rem;
  height: 4.0625rem;
  margin-right: 1.25rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport .smiley.unhappy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys .smiley.unhappy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_unhappy.svg);
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport .smiley.happy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys .smiley.happy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_happy.svg);
}
#bwb_rm_mustertestAnimationContainer .content-container .questionReport .smiley.veryHappy:after, #bwb_rm_mustertestAnimationContainer .content-container .smileys .smiley.veryHappy:after {
  width: 4.0625rem;
  height: 4.0625rem;
  content: url(/static/de/richmedia-assets/Legacy/mustertest/images/smiley_veryHappy.svg);
}
#bwb_rm_mustertestAnimationContainer .content-container .navigation {
  position: relative;
  min-height: 2.5rem;
  max-height: 2.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#bwb_rm_mustertestAnimationContainer .content-container .navigation.questionMode {
  justify-content: flex-end;
}
#bwb_rm_mustertestAnimationContainer .content-container .navigation button {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .navigation button.questionNumber {
  font-size: 1.125rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .navigation .nextQuestion {
  width: 10rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .report {
  background: #E9E8E3;
  width: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .navigation button {
  background: #0072C6;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent {
  margin-bottom: 1.875rem;
  padding-top: 1.3125rem;
  padding-left: 1.875rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent h3 {
  margin-top: 0rem;
  margin-bottom: 1.5625rem;
  color: #0072C6;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .info {
  display: flex;
  border: none;
  margin-bottom: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .info .smiley_text {
  width: 75%;
  display: flex;
  flex-direction: column;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .info .smiley_text .smileys {
  display: flex;
  position: initial;
  top: unset;
  transform: unset;
  flex-direction: row;
  margin: 0 0 1.5625rem 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats {
  width: 100%;
  flex-wrap: wrap;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap {
  margin-bottom: 1.0625rem;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-right: 0.625rem;
  align-items: center;
  justify-content: flex-end;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat1 span {
  color: #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat1 .reportBar {
  background: #008BB0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat2 span {
  color: #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat2 .reportBar {
  background: #009C71;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat3 span {
  color: #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat3 .reportBar {
  background: #BA9D0C;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat4 span {
  color: #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat4 .reportBar {
  background: #B54E11;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat5 span {
  color: #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat5 .reportBar {
  background: #AD2185;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat6 {
  margin: 0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat6 span {
  color: #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap.cat6 .reportBar {
  background: #713FB0;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap .reportText {
  width: 15.5rem;
  max-width: 15.5rem;
  text-align: right;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap span {
  font-family: TheSans;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  min-width: 3.125rem;
  text-align: center;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap span.catColor {
  margin-right: 0.625rem;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap .reportProgressBar {
  width: 9.375rem;
  height: 1.5rem;
  background: white;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap .reportProgressBar .reportBar {
  width: 0;
  height: 100%;
}
#bwb_rm_mustertestAnimationContainer .content-container .report .smiley_validation_text {
  margin-bottom: 0;
}
#bwb_rm_mustertestAnimationContainer .report, #bwb_rm_mustertestAnimationContainer .question {
  width: 100% !important;
}

@media (max-width: 1150px) {
  #bwb_rm_mustertestAnimationContainer {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
  #bwb_rm_mustertestAnimationContainer .background-wrap {
    display: flex;
    justify-content: center;
    height: 17.875rem;
    position: relative;
  }
  #bwb_rm_mustertestAnimationContainer .background-wrap .background-image {
    right: unset;
    width: 25.4375rem;
    height: auto;
  }
  #bwb_rm_mustertestAnimationContainer .head h2 {
    font-size: 1.25rem;
  }
  #bwb_rm_mustertestAnimationContainer .reportButton {
    position: initial;
    top: unset;
    right: unset;
  }
  #bwb_rm_mustertestAnimationContainer .reportButton a {
    margin-top: 1.25rem;
    pointer-events: none;
  }
  #bwb_rm_mustertestAnimationContainer .content-container {
    flex-direction: column-reverse;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .intro, #bwb_rm_mustertestAnimationContainer .content-container .categories, #bwb_rm_mustertestAnimationContainer .content-container .question, #bwb_rm_mustertestAnimationContainer .content-container .report {
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories {
    min-width: unset;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories .category {
    display: flex;
    flex-direction: column-reverse;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat1, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat2, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat3, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat4, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat5, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat6, #bwb_rm_mustertestAnimationContainer .content-container .categories .category .cat-intro {
    height: 2.5rem;
    line-height: 1.25rem;
    padding: 0;
    padding-right: 1.25rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories .category button {
    text-align: left;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories .category .question ~ button {
    margin: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .categories .category .question ~ button:before {
    display: inline-block;
    transform: rotate(90deg);
    top: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .introContent {
    padding: 0.9375rem 0.625rem 1.875rem 0.625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .introContent h3 {
    margin-top: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question {
    min-height: unset;
    margin-bottom: 1.875rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question.questionMode .questionReport {
    display: none;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionContent {
    min-height: unset;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .exampleAnswer {
    position: initial;
    padding: 0;
    margin-bottom: 1.5625rem;
    margin-left: 0;
    height: unset;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionContent h3, #bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .exampleAnswer, #bwb_rm_mustertestAnimationContainer .content-container .question .questionContent .text {
    text-align: left;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox {
    flex-wrap: wrap;
    margin: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox {
    margin-bottom: 0.9375rem;
    flex-direction: column;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap {
    padding-bottom: 0.625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .answersBox .answerWrap span {
    text-align: left;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox {
    max-width: 100%;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox .questionBox p {
    text-align: left;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .answersBox {
    justify-content: flex-start;
    flex-direction: row;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout0 .answersBox .answerWrap {
    margin-bottom: 0rem;
    padding-right: 1.5625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 .answersBox {
    justify-content: flex-start;
    flex-direction: unset;
    margin-bottom: 0rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout2 .answersBox .answerWrap {
    flex: 0 0 40%;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionAnswerBox.questionLayout6 .answers {
    align-items: flex-start;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionReport {
    margin-left: 0;
    margin-right: 0;
    transform: unset;
    position: initial;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionReport .smileys {
    width: 100%;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionReport p {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .questionReport .smiley {
    margin-bottom: 1.25rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .question .navigation button {
    margin-bottom: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report {
    margin-bottom: 1.875rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .info {
    flex-wrap: wrap;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .smiley_text {
    width: 100% !important;
    margin-bottom: 1.5625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats {
    width: 100%;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap span {
    text-align: left;
    width: 100%;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap span.percent_text {
    width: 9%;
    margin: 0;
    min-width: 0;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap .reportProgressBar {
    width: 87%;
    margin-right: 0.625rem;
  }
  #bwb_rm_mustertestAnimationContainer .content-container .report .reportContent .barStats .barWrap .reportText {
    width: inherit;
    max-width: inherit;
    text-align: left;
  }
}
/** fadeInLeft for Example **/
@-webkit-keyframes fadeInLeftExample {
  from {
    opacity: 0;
    left: -100px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
/** fadeInLeft for Validation Text **/
@-webkit-keyframes fadeInLeftValidation {
  from {
    opacity: 0;
    left: 100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.intro {
  display: none !important;
  opacity: 0 !important;
}
.intro.active {
  display: block !important;
  opacity: 1 !important;
}

.question {
  display: none !important;
  opacity: 0 !important;
}
.question.active {
  display: flex !important;
  opacity: 1 !important;
}

.report {
  display: none !important;
  opacity: 0 !important;
}
.report.active {
  display: block !important;
  opacity: 1 !important;
}

/*@import 'fonts';*/
input {
  -moz-appearance: none;
}

input[type=radio] {
  width: 1.5625rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  float: left;
  margin: 0rem 0.5rem 0rem 0.5rem;
}

input[type=radio]:after {
  margin: 0;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  content: "";
  visibility: visible;
  line-height: 1.5625rem;
  width: 1.5625rem;
  height: 1.5625rem;
  margin: 0;
  border: 0.0625rem solid #9d9a8b;
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
}

input[type=radio]:hover:after {
  background: #C6C5BA;
  border: 1px solid #C6C5BA;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
}

.content-container.cat1 input[type=radio]:checked:after {
  border: #008BB0 solid 0.5rem;
}
.content-container.cat1 input[type=radio]:checked::-ms-check {
  border: #008BB0 solid 0.5rem;
  color: #ffffff;
}
.content-container.cat2 input[type=radio]:checked:after {
  border: #009C71 solid 0.5rem;
}
.content-container.cat2 input[type=radio]:checked::-ms-check {
  border: #009C71 solid 0.5rem;
  color: #ffffff;
}
.content-container.cat3 input[type=radio]:checked:after {
  border: #BA9D0C solid 0.5rem;
}
.content-container.cat3 input[type=radio]:checked::-ms-check {
  border: #BA9D0C solid 0.5rem;
  color: #ffffff;
}
.content-container.cat4 input[type=radio]:checked:after {
  border: #B54E11 solid 0.5rem;
}
.content-container.cat4 input[type=radio]:checked::-ms-check {
  border: #B54E11 solid 0.5rem;
  color: #ffffff;
}
.content-container.cat5 input[type=radio]:checked:after {
  border: #AD2185 solid 0.5rem;
}
.content-container.cat5 input[type=radio]:checked::-ms-check {
  border: #AD2185 solid 0.5rem;
  color: #ffffff;
}
.content-container.cat6 input[type=radio]:checked:after {
  border: #713FB0 solid 0.5rem;
}
.content-container.cat6 input[type=radio]:checked::-ms-check {
  border: #713FB0 solid 0.5rem;
  color: #ffffff;
}
.content-container.cat-intro input[type=radio]:checked:after {
  border: #C6C5BA solid 0.5rem;
}
.content-container.cat-intro input[type=radio]:checked::-ms-check {
  border: #C6C5BA solid 0.5rem;
  color: #ffffff;
}