/* -------------------------------------------------------
           Impressum
        ------------------------------------------------------- */

        .legal-page {
            min-height: 100vh;

            padding:
                clamp(150px, 18vh, 220px)
                var(--header-pad, 32px)
                clamp(70px, 9vw, 120px);

            background: #050505;
            color: #fff;
        }


        .legal-page__header {
            margin-bottom: clamp(55px, 7vw, 90px);
        }


        .legal-page__header .eyebrow {
            display: block;

            margin-bottom: 16px;

            font-family: "Instrument Sans", Arial, sans-serif;
            font-size: 14px;
            line-height: 1.2;

            text-transform: uppercase;
            letter-spacing: .04em;

            color: rgba(255,255,255,.55);
        }


        .legal-page h1 {
            margin: 0;

            max-width: 1000px;

            font-family: "Instrument Sans", Arial, sans-serif;
            font-size: clamp(58px, 9vw, 100px);
            font-weight: 400;
            line-height: 1;
        }


        .legal-page__content {
            width: min(820px, 100%);
            margin-left: auto;
        }


        .legal-section {
            padding: clamp(28px, 4vw, 42px) 0;

            border-top: 1px solid rgba(255,255,255,.16);
        }


        .legal-section:last-child {
            border-bottom: 1px solid rgba(255,255,255,.16);
        }


        .legal-section h2 {
            margin: 0 0 18px;

            font-family: "Instrument Sans", Arial, sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.3;

            text-transform: uppercase;
            letter-spacing: .04em;

            color: rgba(255,255,255,.5);
        }


        .legal-section p {
            margin: 0 0 18px;

            font-family: "Instrument Sans", Arial, sans-serif;
            font-size: clamp(17px, 1.7vw, 20px);
            font-weight: 400;
            line-height: 1.6;

            color: rgba(255,255,255,.86);
        }


        .legal-section p:last-child {
            margin-bottom: 0;
        }


        .legal-section a {
            color: #fff;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 4px;
        }


        .legal-section a:hover {
            opacity: .65;
        }


        .legal-credit {
            color: rgba(255,255,255,.55) !important;
            font-size: 15px !important;
        }


        /* -------------------------------------------------------
           Footer
        ------------------------------------------------------- */

        .legal-footer {
            display: flex;
            justify-content: space-between;
            gap: 30px;

            padding:
                32px
                var(--header-pad, 32px);

            background: #050505;

            border-top: 1px solid rgba(255,255,255,.12);

            font-family: "Instrument Sans", Arial, sans-serif;
            font-size: 14px;
        }


        .legal-footer a {
            color: rgba(255,255,255,.65);
            text-decoration: none;
        }


        .legal-footer a:hover {
            color: #fff;
        }


        .legal-footer__links {
            display: flex;
            gap: 24px;
        }


        @media (max-width: 700px) {

            .legal-page {
                padding-top: 135px;
            }


            .legal-page__content {
                margin-left: 0;
            }


            .legal-footer {
                flex-direction: column;
            }

        }