@media (max-width: 1580px) {

    body.largecontent {
        padding-bottom: 220px;
    }

    #footer .tx_cn-columns > .row > div {
        width: 33%;
    }

    #footer .tx_cn-columns > .row > div:first-child,
    #footer .tx_cn-columns > .row > div:last-child {
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }

    #footer .tx_cn-columns > .row > div:last-child {
        margin: 20px 0 0 0;
    }

}

@media (max-width: 1450px) {

    #inhaltsbereich #nutzerinformationen, 
    #inhaltsbereich #newsbereich {
        width: 40%;
    }

}

@media (max-width: 1450px) and (min-width: 1024px), (max-width: 820px) {

    
    .tx-cn-myholmer .meine_maschinen .container_maschine > div {
        clear: both;
        width: 100%;
    }
    
    .tx-cn-myholmer .meine_maschinen .container_maschine > div.leer {
        display: none;
    }

    .tx-cn-myholmer .meine_maschinen .container_maschine > div:not(.maschine_col_1) > .maschine_row_1 {
        background: none;
        font-family: 'Open Sans Bold', arial, sans-serif;
        padding-bottom: 0;
    }

}

@media (max-width: 1100px) {

    #inhaltsbereich.login,
    #inhaltsbereich:not(.login) > .frame > .rahmen {
        max-width: none;
        left: 5%;
        margin-left: 0;
        width: 90%;
    }

}

@media (max-width: 1024px) {

    #top {
        box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    }

    .mob_button {
        display: block;
    }

    #logo {
        float: right;
        width: auto;
        padding: 20px 0;
        margin-right: 15%;
    }

    #navi {
        display: none;
        width: 100% !important;
        padding: 20px 0 10px;
    }

    #navi ul {
        text-align: center;
        padding: 0 5%;
        width: 90%;
        float: left;
        clear: both;
    }

    #navi li {
        float: left;
        width: 49%;
        margin: 0 0 10px 0;
    }

    #navi li:nth-child(even) {
        float: right;
    }

    #navi li a {
        display: block;
        padding: 15px 0;
        background:#FFFFFF;
    }

    #inhaltsbereich {
        /*margin: 150px 0 50px 0;*/
		margin: 150px 0 100px 0;
    }

    #inhaltsbereich.login {
        margin: 150px 0 300px 0;
    }

    #inhaltsbereich #nutzerinformationen, 
    #inhaltsbereich #newsbereich {
        width: 90%;
        clear: both;
    }

    #inhaltsbereich #nutzerinformationen {
        padding-top: 0;
    }

}

@media (max-width: 980px) {

    body.largecontent {
        padding-bottom: 250px;
    }

}

@media (max-width: 820px) {

    .tx-felogin-pi1 fieldset > div > label {
        width: 100%;
        padding-top: 0;
        padding-bottom: 5px;
    }

    .tx-felogin-pi1 fieldset > div > input,
    .tx-felogin-pi1 fieldset > div > .show_username {
        width: 96%;
    }

    #inhaltsbereich.login {
        margin: 150px 0 450px 0;
    }

    #footer .tx_cn-columns > .row > div {
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }

    body.largecontent {
        padding-bottom: 420px;
    }

}

@media (max-width: 650px) {

    h1, h2 {
        font-size: 40px;
    }

    #inhaltsbereich.login > .frame {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mob_button {
        top: 40px;
    }

    #sprachen {
        left: auto;
        right: 4%;
        top: 10px;
    }

    #logo {
        margin: 0 0 0 5%;
        float: left;
        padding: 25px 0 15px;
    }
    
    #logo img {
        width: 180px;
        height: auto;
    }

}

@media (max-width: 550px) {

    #navi li {
        width: 100%;
    }

    .news.news-single .article .news-img-wrap {
        margin: 20px 0;
        width: 100%;
    }

    #inhaltsbereich {
        /* margin: 150px 0 50px 0; */
        margin: 150px 0 200px 0;
    }

    #footer .col-50 {
        width: 100%;
        text-align: center;
    }

    #footer .col-50 > .frame {
        margin: 0;
        width: 100%;
    }

    #footer ul {
        text-align: center;
    }
    
    #footer li {
        margin: 0 10px;
        display: inline-block;
    }

}

@media (max-width: 500px) {

    h1, h2 {
        font-size: 32px;
        margin: 0 0 10px 0;
    }

    #inhaltsbereich {
        /*margin: 120px 0 50px 0;*/
		margin: 120px 0 100px 0;
    }

    .tx-felogin-pi1 fieldset > .pw-forgot, 
    .tx-felogin-pi1 fieldset > .back-login, 
    .tx-felogin-pi1 fieldset > .submit {
        width: 100%;
    }

}

@media (max-width: 400px) {

    /* #sprachen {
        top: 20px;
    }

    .mob_button {
        top: 15px;
    } */

    #logo {
        padding: 45px 0 0px;
    }

    #logo img {
        width: 150px;
        height: auto;
    }


    #inhaltsbereich.login {
        margin: 120px 0 120px 0;
    }

}

@media (max-aspect-ratio: 4/3) {
    #background .frame,
    #background .rahmen,
    #background .ce-textpic,
    #background .ce-gallery,
    #background .ce-row,
    #background .ce-column,
    #background .image,
    #background img {
        height: 100%;
        width: auto;
    }
}