@media all {
    /*****************************************************************************/

    div#tx_cookies_inner {
        position: static;
    }
    /*div#tx_cookies #tx_cookies_close,*/
    div#tx_cookies_inner { display: none }
    div#tx_cookies_inner.collapse.show { max-height: none;}
    div#tx_cookies.done #tx_cookies_close,
    div#tx_cookies_inner.show { display: block; }

    div#tx_cookies {
        position: fixed;
        left: calc(50% - 625px);
        bottom: 0;
        width: 815px;
        height: auto;
        /*padding: 40px 60px 40px 20px;*/
        background-color: #d9d4cc;
        /*border-radius: 20px 20px 0 0;*/
        /*text-align: center;*/
        text-align: left;
        z-index: 999;
    }

    div#tx_cookies_inner p,
    div#tx_cookies_inner label {
        position: relative;
        height: auto;
        font-family: 'Adelle-Regular', sans-serif;
        font-size: 19px;
        line-height: calc(1em * (24 / 19));
        color: #6e6c68;
        text-align: left;
        z-index: 1;
    }

    div#tx_cookies > div.checkboxes,
    div#tx_cookies > div.privacy {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 12px;
        margin-bottom: 30px;
        font-family: 'Adelle-Regular', serif;
        font-size: 19px;
        line-height: calc(1em * (22 / 19));
        color: #6e6c68;
        text-align: left;
        z-index: 2;
    }

    div#tx_cookies > div.close {
        position: absolute;
        right: 15px;
        top: 42px;
        width: auto;
        height: auto;
        z-index: 2;
    }

    div#tx_cookies > div.close > a,
    div#tx_cookies > div.close > a:link,
    div#tx_cookies > div.close > a:visited {
        display: inline-block;
        padding: 5px 10px;
        font-family: 'Agile-Book', sans-serif;
        font-size: 19px;
        line-height: calc(1em * (22 / 19));
        color: #fff !important;
        background-color: #6e6c68;
        border-radius: 3px;
    }

    div#tx_cookies > div.button {
        position: relative;
        display: inline-block;
        vertical-align: top;
        /* width: 100%; */
        width: fit-content;
        height: auto;
        /* margin: 0 auto; */
        padding: 0 15px;
        text-align: center;
        z-index: 3;
    }

    div#tx_cookies > div.button input[type='submit'],
    div#tx_cookies .btn {
        /*
        display: inline-block;
        width: auto;
        */
        display: block;
        width: fit-content;
        height: auto;
        font-family: 'Adelle-Regular', sans-serif !important;
        /*font-size: 23px;*/
        font-size: 19px;
        line-height: calc(1em * (28 / 23));
        color: #000;
        background-color: #fff;
        /*padding: 5px 20px;*/
        padding: 3px 20px;
        border: 0;
        border-radius: 10px;
        cursor: pointer;
        /*
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.333);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.333);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.333);
        */
    }

    div#tx_cookies > div.button input[type='submit']:hover {
        color: #fff;
        background-color: #000;
        cursor: pointer;
    }

    div#tx_cookies > div#tx_cookies_inner > form > div.form-group > div.form-check > * {
        vertical-align: middle;
    }

    div#tx_cookies > div#tx_cookies_inner > form > div.form-group > div.form-check > label {
        padding-left: 10px;
    }

    div#tx_cookies > div#tx_cookies_inner > form > div.form-group:last-of-type {
        margin-bottom: 10px;
    }

    div#tx_cookies .btn.act {
        background-color: #e30e0a;
        color: #fff;
    }

    li.cookie-settings {
        cursor: pointer;
    }

    div.col3Wrapper .navHome div:nth-child(2) li.cookie-settings,
    div.col1Wrapper li.cookie-settings,
    div.col2Wrapper li.cookie-settings {
        display: none;
    }

    /*.collapse {*/
    /*	max-height: unset;*/
    /*}*/

    .collapse.show {
        max-height: unset;
    }



    /*****************************************************************************/
}

@media only screen and (min-width: 1300px) {
    /*****************************************************************************/

    div#tx_cookies > div#tx_cookies_inner > form {
        display: inline-block;
        width: 100%;
        max-width: calc(100% / 3 - 20px);
        margin-right: 20px;
    }

    div#tx_cookies > div#tx_cookies_inner > form input[type="submit"] {
        display: block;
        width: 100%;
        text-align: center;
    }

    /*****************************************************************************/
}


@media only screen and (max-width: 1299px) {
    /*****************************************************************************/

    div#tx_cookies {
        left: 25px;
    }

    div#tx_cookies > div#tx_cookies_inner > form {
        margin-bottom: 10px;
    }

    /*****************************************************************************/
}

@media only screen and (max-width: 1274px) {
    /*****************************************************************************/

    div#tx_cookies {
        width: calc(100% * (815 / 1274));
    }

    /*****************************************************************************/
}

@media only screen and (max-width: 979px) {
    /*****************************************************************************/

    div#tx_cookies {
        left: 20px;
        width: calc(100% - (2 * 20px));
    }

    /*****************************************************************************/
}

@media only screen and (max-width: 549px) {
    /*****************************************************************************/

    /*div#tx_cookies {*/
    /*	padding-bottom: 20px;*/
    /*}*/

    div#tx_cookies > div.privacy {
        position: relative;
        left: 0;
        bottom: auto;
        top: 0;
        width: 100%;
        margin-top: 20px;
    }

    div#tx_cookies > div.button {
        position: relative;
        right: auto;
        left: 0;
        bottom: auto;
        top: 0;
        width: 100%;
        margin-top: 20px;
    }

    /*****************************************************************************/
}

@media only screen and (max-width: 499px) {
    /*****************************************************************************/

    div#tx_cookies > div.text {
        font-size: 16px;
        line-height: calc(1em * (22 / 19));
    }

    div#tx_cookies > div.privacy {
        font-size: 16px;
        line-height: calc(1em * (22 / 19));
    }

    div#tx_cookies > div.button > button {
        font-size: 19px;
        line-height: calc(1em * (28 / 23));
    }

    /*****************************************************************************/
}
