/**
 * Gründungszuschuss Landing Page - Quiz Styles
 */

.quiz-container { max-width: 800px; margin: 0 auto; }
.quiz-option { display: flex; align-items: center; gap: 15px; padding: 18px 20px; border: 2px solid #e0e0e0; border-radius: 12px; cursor: pointer; transition: all 0.2s ease; background: #fff; }
.quiz-option:hover { border-color: #fba311; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(251, 163, 17, 0.15); }
.quiz-option.selected { border-color: #fba311; background: #fff9f0; }
.quiz-progress-bar { height: 100%; background: linear-gradient(90deg, #fba311, #FF6B35); transition: width 0.3s ease; border-radius: 4px; }
.landing-header { position: sticky; top: 0; z-index: 1000; }

@media (max-width: 991px) {
    .hero-section { min-height: 500px !important; padding: 40px 0 !important; }
    .hero-content h1 { font-size: 36px !important; }
    .hero-content p { font-size: 18px !important; }
    .trust-badges { justify-content: flex-start !important; gap: 15px !important; }
}

@media (max-width: 767px) {
    .hero-section { min-height: auto !important; padding: 30px 0 !important; }
    .hero-content h1 { font-size: 28px !important; line-height: 1.3 !important; }
    .hero-content p { font-size: 16px !important; }
    .hero-cta .default-btn { display: block !important; width: 100% !important; margin: 10px 0 !important; text-align: center !important; }
    .trust-badges { flex-direction: column !important; gap: 10px !important; }
    .quiz-container { padding: 25px !important; }
    .quiz-header h2 { font-size: 24px !important; }
    .quiz-option { padding: 15px !important; }
    .stat-item div:first-child { font-size: 40px !important; }
    .info-card, .path-card { padding: 20px !important; }
    #kontakt h2 { font-size: 28px !important; }
}

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.quiz-question-card, .result-card { animation: fadeIn 0.3s ease; }
#contact-form input:focus, #contact-form textarea:focus, #result-form input:focus { border-color: #fba311; outline: none; box-shadow: 0 0 0 3px rgba(251, 163, 17, 0.15); }
.default-btn { transition: all 0.3s ease; }
.default-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(251, 163, 17, 0.3); }
.info-card, .path-card, .client-item, .stat-item { transition: all 0.3s ease; }
.info-card:hover, .path-card:hover, .client-item:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); }
.stat-item:hover { transform: scale(1.05); }
html { scroll-behavior: smooth; }
.contact-options a { transition: all 0.2s ease; }
.contact-options a:hover { background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding-left: 10px; }