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

    /* Cookie modal */
    #block-cookie-modal-right {
        height: 230px;
        margin-top: 30px;
        margin-bottom: 40px;
        width: 84%;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal-right {
        height: 260px;
        margin-top: 15px;
        margin-bottom: 25px;
        width: 82%;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal {
        height: 330px;
    }

    #block-cookie-modal-left {
        margin-right: 20px;
        margin-top: 115px;
        margin-bottom: 115px;
    }

    #block-cookie-modal-right {
        height: 290px;
        width: 80%;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal-left {
        display: none;
    }

    #txt-cookie-modal-right-heading {
        display: none;
    }

    #block-cookie-modal-right-heading-responsive {
        display: block;
    }

    #block-cookie-modal-right {
        height: 290px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal {
        height: 360px;
    }

    #block-cookie-modal-right {
        height: 320px;
        margin-top: 22px;
        margin-bottom: 18px;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal {
        height: 390px;
    }

    #block-cookie-modal-right {
        height: 350px;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal {
        height: 420px;
    }

    #block-cookie-modal-right {
        height: 380px;
    }

}


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

    /* Cookie modal */
    #block-cookie-modal {
        height: 450px;
    }

    #block-cookie-modal-right {
        height: 410px;
    }

}


/* screen size: 547px */
@media only screen and (max-width: 550px) {

    /* Cookie modal */
    #block-cookie-modal {
        height: 450px;
    }

    #block-cookie-modal-right {
        height: 410px;
        margin-top: 22px;
        margin-bottom: 18px;
    }

    #block-cookie-modal-right-heading-responsive {
        display: none;
    }

    #block-cookie-modal-right-heading-mobile {
        display: block;
    }

    #txt-cookie-modal-right-content {
        display: none;
    }

    #block-cookie-modal-right-content-housing {
        display: block;
    }

    #txt-cookie-modal-more-information {
        display: none;
    }

    #txt-cookie-modal-more-information-responsive {
        display: block;
        width: 100%;
    }

}

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

    /* header */
    #block-header-right {
        display: none;
    }

    #btn-header-menu-open-small-responisve {
        display: inline-block;
        margin-right: 5px;
        cursor: pointer;
        margin-top: 15px;
        vertical-align: top;
        height: 50px;
        width: 60px;
        background-color: transparent;
        border: solid 2px transparent;
        border-radius: 10px;
        outline: none;
        transition: background-color 0.6s;
    }

    #btn-header-menu-open-small-responisve:hover,
    #btn-sidebar-responsive-close:hover {
        background-color: rgba(182, 182, 182, 0.3);
    }

    #img-header-menu-open-small-responisve {
        display: block;
        width: 40px;
        margin-left: 3px;
        height: auto;
    }

    #block-sidebar-responsive {
        display: block;
    }

    /* content */
    #block-content {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

}

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

    #block-footer {
        height: auto;
    }

    #block-footer-mobile-top {
        display: block;
    }

    #block-footer-mobile-bottom {
        display: block;
    }

    #block-footer-left {
        display: none;
    }

    #block-footer-right {
        display: none;
    }

}

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

    /* footer */
    #block-footer {
        height: auto;
    }

    #block-footer-mobile-top {
        display: block;
    }

    #block-footer-mobile-bottom {
        display: block;
    }

    #block-footer-left {
        display: none;
    }

    #block-footer-right {
        display: none;
    }

}

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

    /* responsive sidebar */
    #btn-sidebar-responsive-links-second {
        display: none;
    }

    #btn-sidebar-responsive-links-hyphenation {
        display: block;
    }

}

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

    /* header */
    #txt-header-left-logo,
    #txt-sidebar-responsive-logo {
        display: none;
    }

    #block-header-left-mobile-logo,
    #block-sidebar-responsive-mobile-logo {
        display: inline-block;
    }

}