/* =========================================
   FOOTER – LAUSITZGLANZ
========================================= */


.lg-footer {

    position: relative;

    padding: 45px 6% 30px;

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

    text-align: center;

    overflow: hidden;

}


/* =========================================
   FOOTER – LICHTLINIE
========================================= */


.lg-footer::before {

    content: "";

    position: absolute;

    top: 0;

    left: 10%;

    right: 10%;

    height: 1px;


    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,142,240,0.7),
            transparent
        );

}


/* =========================================
   FOOTER – LOGO
========================================= */


.lg-footer-logo {

    position: relative;

}


.lg-footer-logo img {

    width: 170px;

    height: auto;

    opacity: 0.9;

    margin-bottom: 15px;

}


/* kleiner Lichtschein hinter Logo */

.lg-footer-logo::before {

    content: "";

    position: absolute;

    width: 220px;

    height: 80px;

    left: 50%;

    top: 10px;


    transform: translateX(-50%);


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


    filter: blur(25px);

    z-index: 0;

}


.lg-footer-logo img,
.lg-footer-logo p {

    position: relative;

    z-index: 1;

}



.lg-footer-logo p {

    margin: 0;

    font-size: 0.75rem;

    letter-spacing: 0.20em;

    color: var(--lg-silver-mid);

}



/* =========================================
   FOOTER – LINKS
========================================= */


.lg-footer-links {

    margin-top: 30px;

}



.lg-footer-links a {

    color: var(--lg-silver);

    text-decoration: none;


    font-size: 0.9rem;

    letter-spacing: 0.08em;


    transition:
        color .3s ease,
        text-shadow .3s ease;

}



.lg-footer-links span {

    margin: 0 15px;

    color:
        rgba(255,255,255,0.25);

}



.lg-footer-links a:hover {

    color: var(--lg-blue);


    text-shadow:

        0 0 10px
        rgba(0,142,240,0.35);

}



/* =========================================
   FOOTER – COPYRIGHT
========================================= */


.lg-footer-copy {

    margin-top: 30px;

    font-size: 0.8rem;

    color:
        rgba(255,255,255,0.45);

}



/* =========================================
   RESPONSIVE
========================================= */


@media (max-width: 700px) {


    .lg-footer {

        padding:
            40px 5% 25px;

    }


    .lg-footer-links span {

        margin: 0 8px;

    }


    .lg-footer-links a {

        font-size: 0.8rem;

    }


}

/* =========================================
   SCROLL TOP BUTTON
========================================= */

.scroll-top {

    position: fixed;

    right: 35px;
    bottom: 35px;

    width: 45px;
    height: 45px;

    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--lg-silver);

    background:
        rgba(1, 9, 14, 0.75);

    border: 1px solid rgba(96,154,205,0.45);

    font-size: 1.4rem;

    cursor: pointer;

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .3s ease,
        border-color .3s ease,
        transform .3s ease;

    backdrop-filter: blur(8px);

}


.scroll-top:hover {

    border-color: var(--lg-blue);

    color: var(--lg-blue);

    transform: translateY(-5px);

}


/* sichtbar */

.scroll-top.visible {

    opacity: 1;

    pointer-events: auto;

}