#footer-cookie{
        display: none;
    }

    #footer-cookie {
        box-sizing: border-box;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        max-height: 470px;
        min-height: 280px;
        padding: 10px 30px 5px 30px;
        overflow: auto;

        background: #303030;
        color: #fff;
        z-index: 1000000;
        font-size: 14px;
    }

    #footer-cookie p {
        margin: -2px 0 -2px 0;
        line-height: 22px;
        font-size: 14px;
    }

    div#footer-cookie span#description p strong {
        font-weight: 600;
        font-size: 14px;
        color: #fff !important;
    }
    #footer-cookie span#description header,
    #footer-cookie header {
        margin: 20px 0 10px 0;
        line-height: 22px;
        font-size: 20px;
        font-weight: 600;
    }

    #footer-cookie u {
        text-decoration: underline;
        font-weight: 600;
        color: #fff;
    }

    #footer-cookie blue {
        color: #31a8f0;
    }
     #footer-cookie green {
        color: #1de702;
     }
    #footer-cookie yellow {
        color: #f2f7b9;
    }

    #footer-cookie a {
        color: #ffbf00;
    }

    #footer-cookie a:hover {
        background-color: #ffbf00;
        color: #000;
    }

    #footer-cookie #description {
        float: left;
    }

    #footer-cookie #accept {
        float: right;
        padding-right: 10px;
    }

    #footer-cookie #accept a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
        background-color: #09db48;
        color: #000;
    }

    #footer-cookie #accept a:hover {
        background-color: #f5d313;
        color: #000;
    }

    #footer-cookie #noaccept {
        float: right;
        padding-right: 10px;
    }

    #footer-cookie #noaccept a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
    }

    #footer-cookie #noaccept2 {
        float: right;
        padding-right: 10px;
    }

    #footer-cookie #noaccept2 a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
    }

    #footer-cookie #footerCookieEN {
        float: left;
        padding-right: 10px;
    }

    #footer-cookie #footerCookieEN a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
    }

    #footer-cookie #footerCookieDE {
        float: left;
        padding-right: 10px;
    }

    #footer-cookie #footerCookieDE a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
    }

    #footer-cookie #datenschutz {
        float: right;
        padding-right: 10px;
        padding-bottom: 30px;
    }

    #footer-cookie #datenschutz a {
        border: 1px solid #fff;
        padding: 5px 10px;
        text-decoration: none;
    }

    @media (max-width: 1200px) {
        #footer-cookie {
            padding-top: 30px;
            padding-bottom: 30px;
            line-height: inherit;
            height: auto;
        }

        #footer-cookie #description {
            width: 100%;
        }

        #footer-cookie #accept {
            width: 100%;
            margin-top: 15px;
        }

        #footer-cookie #accept a {
            width: 100%;
            display: block;
            text-align: center;
        }

        #footer-cookie #noaccept {
            width: 100%;
            margin-top: 15px;
        }

        #footer-cookie #noaccept a {
            width: 100%;
            display: block;
            text-align: center;
        }

        #footer-cookie #noaccept2 {
            width: 100%;
            margin-top: 15px;
        }

        #footer-cookie #noaccept2 a {
            width: 100%;
            display: block;
            text-align: center;
        }

        #footer-cookie #datenschutz {
            width: 100%;
            margin-top: 15px;
        }

        #footer-cookie #datenschutz a {
            width: 100%;
            display: block;
            text-align: center;
        }
    }



.cookie-container {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #2f3640;
    color: #f5f6fa;
    padding: 0 32px;
    box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);

    transition: 400ms;
}

.cookie-container.active {
    bottom: 0;
}

.cookie-container a {
    color: #f5f6fa;
}

.cookie-btn {
    background: #e84118;
    border: 0;
    color: #f5f6fa;
    padding: 12px 48px;
    font-size: 18px;
    margin-bottom: 16px;
    border-radius: 8px;
    cursor: pointer;
}