<section class="service-faq section" id="fragen">
    <div class="section-shell faq-shell">
        <div class="faq-intro" data-reveal>
            <p class="eyebrow eyebrow-dark"><span></span> Häufige Fragen</p>
            <h2>Antworten auf häufige Fragen<br><em>zu {{ $service->title }}.</em></h2>
            <p>Die richtige Lösung hängt immer vom Gebäude ab. Diese Antworten geben eine erste verlässliche Orientierung.</p>
        </div>
        <div class="faq-list" data-reveal data-reveal-delay="100">
            @foreach($service->faqs as $faq)
                <details {{ $loop->first ? 'open' : '' }}>
                    <summary><span>{{ str_pad((string) $loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>{{ $faq['question'] }}<i aria-hidden="true"></i></summary>
                    <div><p>{{ $faq['answer'] }}</p></div>
                </details>
            @endforeach
        </div>
    </div>
</section>
