Ergebnis
background: rgba(52,211,153,0.15);
border: 1px solid rgba(52,211,153,0.3);
color: #34d399;
}
.results-badge.fail {
background: rgba(248,113,113,0.15);
border: 1px solid rgba(248,113,113,0.3);
color: #f87171;
}
.results-subtitle {
font-size: 1.15rem;
color: #c8d3de;
margin-bottom: 2rem;
line-height: 1.6;
}
.results-list {
list-style: none;
margin-bottom: 2.5rem;
}
.results-list li {
padding: 0.75rem 1rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 0.95rem;
line-height: 1.5;
color: #c8d3de;
}
.results-list li:last-child { border-bottom: none; }
.results-mark {
flex-shrink: 0;
width: 1.5rem;
font-weight: 700;
font-size: 1rem;
}
.results-mark.correct { color: #34d399; }
.results-mark.incorrect { color: #f87171; }
.results-actions {
display: flex;
gap: 1rem;
flex-wrap: nowrap;
}
.results-btn-primary {
padding: 0.875rem 1.5rem;
background: #007b7f;
color: white;
font-weight: 600;
font-size: 1.1rem;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
letter-spacing: -0.01em;
font-family: 'Inter', sans-serif;
text-decoration: none;
display: inline-block;
}
.results-btn-primary:hover {
background: #005254;
box-shadow: 0 4px 12px rgba(0,123,127,0.35);
}
.results-btn-secondary {
padding: 0.875rem 1.5rem;
background: rgba(255,255,255,0.06);
color: #e8ecf1;
font-weight: 600;
font-size: 1.1rem;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.1);
cursor: pointer;
transition: all 0.2s ease;
letter-spacing: -0.01em;
font-family: 'Inter', sans-serif;
text-decoration: none;
display: inline-block;
}
.results-btn-secondary:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.2);
}
/* ===== FOOTER ===== */
.quiz-footer {
text-align: center;
padding: 2rem 1.5rem;
font-size: 0.85rem;
color: #64748b;
position: relative;
z-index: 20;
}
.quiz-footer a { color: #33b2b4; text-decoration: none; }
.quiz-footer a:hover { text-decoration: underline; }
/* ===== MOBILE ===== */
@media (max-width: 600px) {
.quiz-container { padding: 4.5rem 1.25rem 2rem; }
.quiz-question-text { font-size: 1.2rem; }
.quiz-option { padding: 1rem 1.25rem; }
.quiz-option-text { font-size: 1rem; }
.results-score { font-size: 3.5rem; }
.quiz-progress { padding: 0.65rem 1.25rem; }
}