@media screen and (max-width: 1080px) {
    #frameleft,
    #frameright {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .col > .frame > div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext {
        overflow: hidden;
    }
    .col > .frame > div.ce-textpic.ce-intext.ce-nowrap .ce-bodytext header + * {
        padding-top: 0;
    }
}

@media screen and (max-width: 1000px) {
    #wrapper {
        min-width: inherit;
    }
    .contentwidth,
    .breadcrumb-list {
        min-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 960px) {
    nav#navigation li:first-child {
        margin-left: 0;
    }
    nav#navigation li:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    header {
        margin-bottom: 20px;
    }
    .content header {
        margin-bottom: 0;
    }
    header .cols.cols-3 .col {
        width: 50%;
        text-align: center;
        padding-right: 0 !important;
    }
    header .cols.cols-3 .col .logo a {
        height: 80px;
        background-size: auto 100%;
        background-position: center;
        margin: auto;
    }
    header .cols.cols-3 .col.col-first {
        display: none;
    }
    header .cols.cols-3 .col.col-last {
        padding-top: 0px;
    }
    button.header_button {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    /* header .cols.cols-3 .col:not(.col-first) { display: none; } */
    .content .cols .col {
        float: none;
        width: 100%;
        padding: 0 !important;
    }
    .content .cols .col.pteaser {
        width: 49% !important;
        float: left;
        margin: 0;
        margin-bottom: 10px;
        padding: 10px !important;
    }
    .content .cols .col.pteaser:nth-child(2n) {
        float: right;
    }
    .content .cols .col.pteaser:nth-child(2n + 1) {
        clear: both;
    }
    #wrapper.slimcontent #content .inner {
        max-width: 100%;
    }
    .cycle-pager,
    nav#navigation,
    .breadcrumb-list {
        display: none;
    }
    .mobile-nav {
        display: block;
    }
    nav#navigation {
        box-shadow: inset -7px 0 9px -3px rgba(0, 0, 0, 0.4);
    }
    nav#navigation ul {
        background: none;
    }
    nav#navigation li {
        margin: 0;
        display: block;
        width: 100%;
        background: none;
    }
    nav#navigation li.hasChild {
        position: relative;
    }
    nav#navigation a {
        width: 100%;
        text-align: left;
        padding: 10px 15px;
        background: none;
    }
    nav#navigation .subnav-button {
        position: absolute;
        right: 5px;
        top: 0;
        display: block;
        height: 39px;
        padding: 3px 10px 0;
        z-index: 5000;
        border: none;
        border-radius: 0;
        background: transparent;
        color: #ffffff;
        font-size: 24px;
        cursor: pointer;
    }
    nav#navigation ul.subnavigation {
        position: static;
        background: none;
    }
    nav#navigation ul.subnavigation a {
        font-size: 90%;
        padding-left: 30px;
    }
    nav#navigation ul.thirdnavigation li a:before {
        left: 31px;
        top: 10px;
    }
    nav#navigation ul.thirdnavigation a {
        padding-left: 54px;
    }
    .cols.bildergalerie .col img {
        max-width: auto;
        width: 100%;
    }
    .cols.bildergalerie.cols-4 .col {
        width: 49%;
        float: left;
    }
    .cols.bildergalerie.cols-4 .col:nth-child(2n) {
        float: right;
    }
    .cols.bildergalerie.cols-4 .col:nth-child(2n + 1) {
        clear: both;
    }
}

@media screen and (max-width: 700px) {
    footer .links .cols.cols-5 .col {
        width: 33.333%;
        padding-right: 2.5%;
        padding-left: 2.5%;
    }
    footer .links .cols.cols-5 .col:nth-child(3n) {
        padding-right: 0;
        padding-left: 5%;
    }
    footer .links .cols.cols-5 .col:nth-child(3n + 1) {
        clear: both;
        padding-right: 5%;
        padding-left: 0;
    }
    footer .icons div.ce-image .ce-gallery .ce-row {
        display: block;
        margin: 0 auto;
    }
    footer .icons div.ce-image .ce-gallery .ce-row .ce-column {
        display: block !important;
        float: none !important;
        margin: 20px 0 !important;
        padding: 0;
        text-align: center;
    }
    footer .icons .csc-textpic-imagecolumn figure {
        margin: auto;
    }
}

@media screen and (max-width: 600px) {
    .content .cols .col {
        float: none;
        width: 100%;
        padding: 0 !important;
    }
    footer .footerline {
        font-size: 12px;
    }
}

@media screen and (max-width: 567px) {
    div.ce-textpic .ce-gallery + .ce-bodytext,
    div.ce-textpic .ce-bodytext + .ce-gallery {
        margin-top: 0;
    }
    div.ce-intext .ce-gallery {
        margin-bottom: 0;
    }
    div.ce-intext
        .ce-gallery
        + .ce-bodytext
        header:first-child
        > *:first-child {
        margin-top: 0;
        font-weight: 500;
    }
    div.ce-intext.ce-right .ce-gallery[data-ce-columns="1"] img,
    div.ce-intext.ce-left .ce-gallery[data-ce-columns="1"] img {
        margin: 0;
    }
}

@media screen and (max-width: 550px) {
    #content .csc-mailform label {
        display: block;
    }
    #content .csc-mailform label.error {
        width: 100%;
    }
    #content .csc-mailform input:not([type="submit"]),
    #content .csc-mailform textarea,
    #content .csc-mailform select {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    footer .links .cols.cols-5 .col {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    footer .links .cols.cols-5 .col.col-last {
        margin-bottom: 0;
    }
    footer .links .cols.cols-5 .col:nth-child(1n) {
        padding-right: 0;
        padding-left: 0;
    }
    footer .links .cols.cols-5 .col:nth-child(1n + 1) {
        clear: both;
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 400px) {
    .news.news-single .article .news-img-wrap {
        width: 100%;
        float: none;
        margin: 0 auto 20px auto;
        text-align: center;
    }
    .news.news-single .article .news-img-wrap:after,
    .news.news-single .article .news-img-wrap:before {
        content: "";
        display: table;
    }
    .news.news-single .article .news-img-wrap:after {
        clear: both;
    }
    .news.news-single .article .news-img-wrap a {
        float: none;
        display: inline-block;
    }
    .content .cols .col.pteaser {
        width: 100% !important;
        float: none;
    }
}