@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body,html{width:100%;height:100%;margin:0;padding:0;font-family:"Roboto",sans-serif;font-size:16px;background-color:#fff;color:#292b2c}body{background:url(/wsw_hintergrund.svg) 100% 0}#root,.App{width:100%;height:100%}.App{display:flex;flex-direction:column;align-items:center}.App a{color:inherit}.App .image-holder{position:relative;width:calc(100% - 2rem);max-width:34rem;padding:1rem;background-color:#fff}.App .image-holder img{width:100%}.App .image-holder .title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:4rem;color:#fff;text-shadow:0 1px 3px #000;font-size:calc(2em + .5vw)}.App .video-holder{width:100%;max-width:36rem;padding:1rem;background-color:#fff}.App .video-holder iframe{width:100%;min-height:30%}.react-quiz-container-custom{width:100%;max-width:36rem;margin:1rem;background-color:#fff}.react-quiz-container-custom>div{padding:1rem}.react-quiz-container-custom>div:not(.questionWrapper){padding:.5rem 1rem}.react-quiz-container-custom .quiz-synopsis{margin-bottom:1rem}.react-quiz-container-custom #participate,.react-quiz-container-custom .nextQuestionBtn,.react-quiz-container-custom .startQuizBtn{margin:.5rem 0;padding:.5rem 1rem;background-color:#b82d5f;color:#fff;font-weight:600;border:0}.react-quiz-container-custom #participate:hover,.react-quiz-container-custom .nextQuestionBtn:hover,.react-quiz-container-custom .startQuizBtn:hover{cursor:pointer}.react-quiz-container-custom .tag-container{display:flex}.react-quiz-container-custom .tag-container .number-of-selection,.react-quiz-container-custom .tag-container .selection-tag{display:block;background-color:#a7b2c1;padding:.25rem .5rem;font-size:.85em;margin-bottom:1rem}.react-quiz-container-custom .tag-container .selection-tag{margin-right:.5rem}.react-quiz-container-custom .tag-container .number-of-selection{display:none}.react-quiz-container-custom .answerBtn{width:100%;min-height:5rem;padding:1rem;font-size:110%;background-color:#153665;color:#fff;border:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;white-space:normal!important}.react-quiz-container-custom .answerBtn:hover:not(.undefined):not(:disabled){cursor:pointer}.react-quiz-container-custom .answerBtn.correct,.react-quiz-container-custom .answerBtn.incorrect{background-color:#b82d5f}.react-quiz-container-custom .answerBtn.undefined{background-color:#a7b2c1;color:#292b2c}.react-quiz-container-custom .answerBtn img{margin:0!important}.react-quiz-container-custom .questionWrapperBody{background-color:#d7d6db;padding:1rem}.react-quiz-container-custom .questionWrapperBody h3{margin:0}.react-quiz-container-custom .questionWrapperBody img{width:100%;margin-bottom:.5rem}.react-quiz-container-custom .questionWrapperBody small{display:block;margin-bottom:1rem;font-style:italic}.react-quiz-container-custom .questionWrapperBody .answers{display:grid;grid-template-columns:1fr 1fr}.react-quiz-container-custom .questionWrapperBody .answers .answerBtn{width:calc(100% - .5rem)}.react-quiz-container-custom .questionWrapperBody .answers .answerBtn:nth-child(odd){margin-bottom:1rem}.react-quiz-container-custom .questionWrapperBody .answers .answerBtn:nth-child(2n){margin-left:.5rem;margin-bottom:1rem}@media (-ms-high-contrast:none),screen and (orientation:portrait) and (max-width:512px){.react-quiz-container-custom .questionWrapperBody .answers{display:block}.react-quiz-container-custom .questionWrapperBody .answers .answerBtn{width:100%;margin:0 0 1rem!important}}.react-quiz-container-custom .questionWrapperBody .nextQuestionBtn{margin-top:0}.react-quiz-container-custom .result-answer-wrapper{background-color:#d7d6db;padding:.5rem 1rem;margin:1rem 0}.react-quiz-container-custom .result-answer-wrapper h3{margin:0}.react-quiz-container-custom .result-answer-wrapper img{width:100%;margin-bottom:.5rem}.react-quiz-container-custom .result-answer-wrapper small{display:block;margin-bottom:1rem;font-style:italic}.react-quiz-container-custom .result-answer-wrapper .result-answer{display:grid;grid-template-columns:1fr 1fr}.react-quiz-container-custom .result-answer-wrapper .result-answer div .answerBtn{width:100%;height:100%;margin:0;background-color:#a7b2c1}.react-quiz-container-custom .result-answer-wrapper .result-answer div .answerBtn:not(.correct):not(.incorrect){color:#292b2c}.react-quiz-container-custom .result-answer-wrapper .result-answer div .answerBtn.correct{background-color:#b82d5f}.react-quiz-container-custom .result-answer-wrapper .result-answer div .answerBtn.incorrect{background-color:#153665}.react-quiz-container-custom .result-answer-wrapper .result-answer div:nth-child(odd){margin-right:.5rem;margin-bottom:1rem}.react-quiz-container-custom .result-answer-wrapper .result-answer div:nth-child(2n){margin-left:.5rem;margin-bottom:1rem}@media (-ms-high-contrast:none),screen and (orientation:portrait) and (max-width:512px){.react-quiz-container-custom .result-answer-wrapper{padding:.5rem 1rem 1rem}.react-quiz-container-custom .result-answer-wrapper .result-answer{display:block}.react-quiz-container-custom .result-answer-wrapper .result-answer div{margin:0 0 1rem!important}.react-quiz-container-custom .result-answer-wrapper .result-answer div:last-child{margin-bottom:0!important}.react-quiz-container-custom .result-answer-wrapper .result-answer div .answerBtn{width:100%}}.react-quiz-container-custom input[type=email],.react-quiz-container-custom input[type=text],.react-quiz-container-custom select{border:2px solid #a7b2c1;padding:.5rem .25rem}.react-quiz-container-custom #competition{background-color:#434d6a;color:#fff;padding:1rem;margin-bottom:1rem}.react-quiz-container-custom #competition h2{margin-top:.25rem;color:#fff}.react-quiz-container-custom #competition p:last-child{margin-bottom:0}.react-quiz-container-custom #competition form{display:grid;justify-content:flex-start;grid-template-columns:1fr 1fr;grid-template-areas:"firstname lastname" "email email" "privacy privacy" "participate participate"}.react-quiz-container-custom #competition form .email,.react-quiz-container-custom #competition form .firstname,.react-quiz-container-custom #competition form .lastname{display:flex;flex-direction:column;padding-bottom:1rem;font-weight:700}.react-quiz-container-custom #competition form .email label,.react-quiz-container-custom #competition form .firstname label,.react-quiz-container-custom #competition form .lastname label{margin-bottom:.25rem}.react-quiz-container-custom #competition form .firstname{grid-area:firstname;padding-right:.5rem}.react-quiz-container-custom #competition form .lastname{grid-area:lastname;padding-left:.5rem}.react-quiz-container-custom #competition form .email{grid-area:email}.react-quiz-container-custom #competition form .privacy{grid-area:privacy;padding-bottom:1rem}.react-quiz-container-custom #competition form #participate{grid-area:participate;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-quiz-container-custom #competition form #participate:hover{cursor:pointer}@media (-ms-high-contrast:none),screen and (orientation:portrait) and (max-width:512px){.react-quiz-container-custom #competition form{display:block}.react-quiz-container-custom #competition form .firstname{padding-right:0}.react-quiz-container-custom #competition form .lastname{padding-left:0}}
/*# sourceMappingURL=main.2a5026a4.chunk.css.map */