<section id="halls-view" class="info-view">
    <div class="container info-view-shell">
        <button class="subpage-back-btn" data-go-home type="button">← Zur Startseite</button>
        <h1>Unsere Säle</h1>
        <p class="info-view-subtitle">Pflegbare Infoseite zu allen Sälen inkl. Bild- und Textbereichen.</p>
        <div class="hall-modal-grid full-page-grid">
            <article class="hall-modal-item">
                <h4>Kino 1</h4>
                <textarea placeholder="Infos zu Kino 1 eintragen..."></textarea>
                <input type="text" placeholder="Bildpfad fuer den Hintergrund (z.B. img/saal1.jpg)">
            </article>
            <article class="hall-modal-item">
                <h4>Kino 2</h4>
                <textarea placeholder="Infos zu Kino 2 eintragen..."></textarea>
                <input type="text" placeholder="Bildpfad fuer den Hintergrund (z.B. img/saal2.jpg)">
            </article>
            <article class="hall-modal-item">
                <h4>Deluxe 1</h4>
                <textarea placeholder="Infos zu Deluxe 1 eintragen..."></textarea>
                <input type="text" placeholder="Bildpfad fuer den Hintergrund (z.B. img/deluxe.jpg)">
            </article>
            <article class="hall-modal-item">
                <h4>IMAX</h4>
                <textarea placeholder="Infos zu IMAX eintragen..."></textarea>
                <input type="text" placeholder="Bildpfad fuer den Hintergrund (z.B. img/imax.jpg)">
            </article>
        </div>
    </div>
</section>
