/**
 * Copyright © 2026 CPS – Denis Duchow. All rights reserved.
 *
 * Die Grafik ist eine A4-Seite mit Fliesstext. Der Text misst rund 1,8 % der
 * Bildbreite, wird also erst ab etwa 660 px Darstellungsbreite lesbar. Deshalb
 * eine Mindestbreite statt reiner Skalierung - Details in docs/BUILD_BRIEF.md.
 */
.cps-legal-notice {
    margin: 30px 0;
}

.cps-legal-notice__frame {
    max-width: var(--cps-ln-max, 900px);
    margin: 0 auto;
}

.cps-legal-notice__image {
    display: block;
    width: 100%;
    height: auto;
}

/*
 * Schrift lesbar halten: Mindestbreite erzwingen, notfalls seitlich scrollen.
 * Bewusst NUR ab 480 px Viewport - darunter wuerde die Grafik rechts abgeschnitten
 * und saehe schlicht kaputt aus, ohne dass der Text dadurch lesbar wuerde.
 */
@media (min-width: 480px) {
    .cps-legal-notice--scroll .cps-legal-notice__frame {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .cps-legal-notice--scroll .cps-legal-notice__image {
        min-width: var(--cps-ln-min, 700px);
    }
}

/* Alternative: an die Bildschirmbreite anpassen, Text wird dann sehr klein. */
.cps-legal-notice--scale .cps-legal-notice__frame {
    overflow-x: visible;
}

.cps-legal-notice--scale .cps-legal-notice__image {
    min-width: 0;
}

.cps-legal-notice__intro {
    max-width: var(--cps-ln-max, 720px);
    margin: 0 auto 10px;
}