.showOnQuizStart {
    display: none;
}

#quiz-controls, #quiz-counter, #quiz-header, #quiz-results-screen, #quiz-start-screen {
    text-align: center
}

#quiz-response {
    text-align: left
}

#quiz-results, .question {
    font-size: 1.25rem
}

#quiz-counter {
    padding-bottom: 1rem;
    color:          #00588d;
    font-size:      22px;
    font-weight:    600;
    letter-spacing: 0px;
    line-height:    35px;
}

.quiz-container {
    /*padding:   1em;*/
    max-width: 100%;
    /*margin:    1em auto*/
}

.quiz-container a {
    text-decoration: none;
    color:           #333
}

.answers {
    list-style: none;
    padding:    0;
    margin-left: 210px !important;
}

ul.answers li {
    background: none;
    margin:     1rem 0;
}

.answers label a {
    /*display:       block;*/
    /*padding:       .5rem 1rem 0 0;*/
    /*margin-bottom: .5rem;*/
    background:      transparent;
    text-decoration: none;
    outline: none !important;
}

.answers a::before {
    display: none;
}

.answers .correct, .answers .hint {
    background: #090
}

.answers .incorrect {
    background: #c00
}

#quiz-buttons a, a.quiz-button, #quiz-start-btn {
    padding:    .5rem 1rem;
    background: #e02144;
    color:      #fff;
}

#quiz-buttons a::before, a.quiz-button::before {
    display: none;
}

#quiz-controls {
    padding:    .5rem 1rem;
    background: transparent;
}

.quiz-container {
    padding:    1rem 0;
    background: transparent;
}

.answers .correct a, .answers .incorrect a, .answers .hint a {
    color: #fff !important;
}

#quiz-buttons a, .quiz-container .quiz-button {
    display: inline-block
}

.quiz-results-state #quiz-controls {
    background: 0 0;
    padding:    0
}

#questions {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    -ms-border-radius:     0;
    border-radius:         0;
    background:            #edeae4;
}

/*#questions::after {*/
/*content: '';*/
/*background-image: url("/files/images/Gestaltungselemente/icon_quiz.png") !important;*/
/*background-repeat: no-repeat !important;*/
/*background-position: -4% 128% !important;*/
/*opacity: 0.5;*/
/*position: absolute;*/
/*z-index: -1;*/
/*}*/
#questions p {
    padding: 2rem;
}

#questions ul {
    padding: 0 2rem 2rem;
    margin:  0;
}

#quiz-controls {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    -ms-border-radius:     0;
    border-radius:         0;
    /*background:            #edeae4;*/
    /*background-image: url("/files/images/Gestaltungselemente/icon_beratung2.png") !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-position: -4% 128% !important;*/
}

#questions p.question {
    color:          #00588d;
    font-size:      22px;
    font-weight:    600;
    letter-spacing: 0px;
    line-height:    35px;
}

#quiz-controls p {
    padding: 2rem;
}

.radio-item {
    display:  inline-block;
    position: relative;
    padding:  0 6px;
    /*margin: 10px 0 0;*/
}

.radio-item input[type='radio'] {
    display: none;
}

.radio-item label {
    color:       #666;
    font-weight: normal;
}

.radio-item label:before {
    content:          " ";
    display:          inline-block;
    position:         relative;
    top:              5px;
    margin:           0 5px 0 0;
    width:            20px;
    height:           20px;
    border-radius:    11px;
    border:           2px solid #004c97;
    background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
    border-radius: 11px;
    width:         12px;
    height:        12px;
    position:      absolute;
    top:           13px;
    left:          10px;
    content:       " ";
    display:       block;
    background:    #004c97;
}
