/* =================================================
   LAUSITZGLANZ
   RECHTSTEXTE
================================================= */


/* =========================================
   RECHTLICHE SEITEN
========================================= */

.legal-page {

    position: relative;

    min-height: auto;

    padding: 80px 7vw 60px;

    box-sizing: border-box;

    background:
        linear-gradient(
            115deg,
            #01090E 0%,
            #020D15 48%,
            #072136 100%
        );

    color: var(--lg-silver);

    overflow: hidden;

}


/* =========================================
   LICHTAKZENT
========================================= */

.legal-page::before {

    content: "";

    position: absolute;

    width: 850px;
    height: 550px;

    top: 40px;
    right: -280px;

    background:
        radial-gradient(
            ellipse,
            rgba(0, 142, 240, 0.16),
            transparent 68%
        );

    filter: blur(30px);

    pointer-events: none;

}


/* =========================================
   INNENBEREICH
========================================= */

.legal-page-inner {

    position: relative;

    max-width: 1100px;

    margin: 0 auto;

    z-index: 2;

}


/* =========================================
   KICKER
========================================= */

.legal-kicker {

    display: block;

    margin-bottom: 10px;

    color: var(--lg-blue);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.25em;

    line-height: 1.4;

}


/* =========================================
   HAUPTÜBERSCHRIFT
========================================= */

.legal-page h1 {

    margin: 0 0 42px;

    color: #ffffff;

    font-size: clamp(
        2.4rem,
        5vw,
        4rem
    );

    font-weight: 600;

    letter-spacing: 0.02em;

    line-height: 1.05;

}


/* =========================================
   INHALTSBEREICH
========================================= */

.legal-content {

    max-width: 1050px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 70px;

}


/* =========================================
   RECHTLICHE ABSCHNITTE
========================================= */

.legal-section {

    position: relative;

    padding: 28px 0 34px;

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

}


/* =========================================
   ERSTER BEREICH
========================================= */

.legal-section:first-child {

    border-top:
        1px solid rgba(
            0,
            142,
            240,
            0.50
        );

}


/* =========================================
   ERSTE VIER BEREICHE
   ZWEI SPALTEN
========================================= */

.legal-section:nth-child(1),
.legal-section:nth-child(2),
.legal-section:nth-child(3),
.legal-section:nth-child(4) {

    grid-column: auto;

}


/* =========================================
   ANBIETER + KONTAKT
========================================= */

.legal-section:nth-child(1),
.legal-section:nth-child(2) {

    min-height: 220px;

    box-sizing: border-box;

}


/* =========================================
   TÄTIGKEIT + VERANTWORTLICHKEIT
========================================= */

.legal-section:nth-child(3),
.legal-section:nth-child(4) {

    min-height: 190px;

    box-sizing: border-box;

}


/* =========================================
   EXTERNE LINKS
========================================= */

.legal-section:nth-child(5) {

    grid-column: 1 / -1;

}


/* =========================================
   ÜBERSCHRIFTEN
========================================= */

.legal-section h2 {

    margin: 0 0 20px;

     color: var(--lg-blue);

    font-size: 1.08rem;

    font-weight: 600;

    letter-spacing: 0.02em;

    line-height: 1.35;

}


/* =========================================
   TEXT
========================================= */

.legal-section p {

    margin: 0 0 14px;

    color: var(--lg-silver);

    font-size: 0.92rem;

    font-weight: 400;

    line-height: 1.75;

}


.legal-section p:last-child {

    margin-bottom: 0;

}


/* =========================================
   HERVORHEBUNGEN
========================================= */

.legal-section strong {

    color: #ffffff;

    font-weight: 600;

}


/* =========================================
   LINKS
========================================= */

.legal-section a {

    color: #62bcfc;
    text-decoration: none;
    text-shadow: 0 0 1px #57b6f9;

    transition:
        color 0.25s ease,
        text-shadow 0.25s ease;

}


.legal-section a:hover {

    color: #ffffff;

    text-shadow:
        0 0 12px rgba(
            0,
            142,
            240,
            0.45
        );

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 900px) {

    .legal-page {

        padding:
            65px
            25px
            90px;

    }


    .legal-page h1 {

        margin-bottom: 35px;

    }


    .legal-content {

        grid-template-columns: 1fr;

        column-gap: 0;

    }


    .legal-section:nth-child(1),
    .legal-section:nth-child(2),
    .legal-section:nth-child(3),
    .legal-section:nth-child(4),
    .legal-section:nth-child(5) {

        grid-column: 1;

        min-height: auto;

    }


    .legal-section {

        padding:
            28px
            0
            30px;

    }


    .legal-section:nth-child(n + 3) {

        padding:
            30px
            0
            34px;

    }

}


/* =========================================
   KLEINE MOBILE GERÄTE
========================================= */

@media (max-width: 600px) {

    .legal-page {

        padding:
            55px
            20px
            75px;

    }


    .legal-page h1 {

        font-size: 2.25rem;

    }


    .legal-kicker {

        font-size: 0.66rem;

        letter-spacing: 0.20em;

    }


    .legal-section h2 {

        font-size: 1rem;

    }


    .legal-section p {

        font-size: 0.9rem;

        line-height: 1.75;

    }

}