/* =========================================================
   KLEINER LEGAL FOOTER

   Für:
   HOME
   FEATURE / TV
   COMMERCIAL
   ABOUT
========================================================= */

.legal-mini-footer {

    position:
        fixed;

    right:
        3vw;

    bottom:
        clamp(12px, 2vh, 20px);

    z-index:
        100;


    display:
        flex;

    align-items:
        center;

    gap:
        7px;


    font-family:
        "Avenir Next",
        Avenir,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;


    font-size:
        10px;

    font-weight:
        300;

    line-height:
        1;

    letter-spacing:
        0.035em;


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


    white-space:
        nowrap;
}



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

.legal-mini-footer a {

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

    text-decoration:
        none;


    transition:
        color 0.25s ease;
}



.legal-mini-footer a:hover {

    color:
        rgba(255, 255, 255, 0.90);
}



/* =========================================================
   TRENNPUNKT
========================================================= */

.legal-mini-footer span {

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

}



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

@media (max-width: 560px) {

    .legal-mini-footer {

        right:
            5vw;

        bottom:
            12px;

        gap:
            6px;

        font-size:
            9px;
    }

}