<section class="light-switch-section section" id="lichtwirkung">
    <div class="section-shell light-switch-shell">
        <div class="light-switch-copy" data-reveal>
            <p class="eyebrow eyebrow-dark"><span></span> Lichtwirkung erleben</p>
            <h2>Beleuchtung ein- und ausschalten.<br><em>Die Wirkung direkt vergleichen.</em></h2>
            <p>Betätigen Sie den Wandschalter. Die Leuchten am Haus, auf der Terrasse und im Garten wechseln wirklich zwischen aus und an – ohne künstlichen Dunkelfilter.</p>
            <div class="light-switch-facts">
                <div><strong>Orientierung</strong><span>Wege, Kanten und Eingänge werden lesbar.</span></div>
                <div><strong>Atmosphäre</strong><span>Warmweißes Licht gibt Architektur und Terrasse Tiefe.</span></div>
                <div><strong>Steuerung</strong><span>Schalter, Szene, Dämmerung und Bewegung können zusammenspielen.</span></div>
            </div>
        </div>

        <div class="light-demo is-on" data-light-demo data-reveal data-reveal-delay="120">
            <figure class="light-demo-stage" aria-live="polite">
                <img class="light-state light-state-off" src="{{ asset('images/generated/beleuchtung-licht-aus.png') }}" alt="Terrasse, Haus und Garten mit ausgeschalteten Leuchten" width="1920" height="819">
                <img class="light-state light-state-on" src="{{ asset('images/generated/beleuchtung-licht-an.png') }}" alt="Dieselbe Terrasse mit eingeschalteten Decken-, Innen-, Garten- und Wegeleuchten" width="1919" height="820">
                <figcaption><span class="light-status-dot"></span><strong data-light-status>Licht an</strong><small>Terrasse · Innenraum · Gartenweg</small></figcaption>
            </figure>

            <div class="wall-switch-panel">
                <div>
                    <span>Bedienung</span>
                    <strong>Echter Lichtschalter</strong>
                    <small data-light-instruction>Zum Ausschalten drücken</small>
                </div>
                <button class="wall-switch" type="button" role="switch" aria-checked="true" aria-label="Beleuchtung ein- oder ausschalten" data-light-switch>
                    <span class="wall-switch-rocker"><i></i></span>
                    <em>AN</em>
                </button>
            </div>
        </div>
    </div>
</section>
