/* Grundlegende Einstellungen */
body { font-family: 'Inter', sans-serif; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }

/* Scroll Reveal Klassen */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}
/* Verzögerungen für Elemente in einer Gruppe */
.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }

/* Gradient Text */
.gradient-text {
    background: linear-gradient(to right, #EF4444, #f87171);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hero BG angepasst für Blobs UND subtilen Verlauf */
.hero-bg {
    background-color: #0b0f19;
    /* Subtiler Verlauf für mehr Tiefe */
    background-image: radial-gradient(circle at 50% 0%, #2a0c0c 0%, #0b0f19 60%);
}
.glass-panel {
    background: rgba(21, 27, 43, 0.6); /* Etwas transparenter für Hintergrundeffekte */
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* FAQ Accordion Styles */
details summary::-webkit-details-marker { display: none; }
details[open] summary svg { transform: rotate(180deg); }
details[open] .faq-answer { animation: sweep .3s ease-in-out; }
@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-10px)}
    100%  {opacity: 1; transform: translateY(0)}
}

/* Modal Styles */
.modal-overlay {
    background-color: rgba(11, 15, 25, 0.85); /* brand-dark mit Transparenz */
    backdrop-filter: blur(8px);
}
.modal-content {
    max-height: 90vh;
}
/* Scrollbar für Modal aufhübschen */
.modal-content::-webkit-scrollbar { width: 8px; }
.modal-content::-webkit-scrollbar-track { background: #151B2B; border-radius: 4px; }
.modal-content::-webkit-scrollbar-thumb { background: #EF4444; border-radius: 4px; }
body.modal-open { overflow: hidden; } /* Verhindert Scrollen des Body wenn Modal offen */