@media (max-width: 1023px) {

    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    #container {
        width: 100%;
        max-width: 960px;
    }
    #header {
        max-width: 960px;
        width: 100%;
        background: url(../img/header.png) no-repeat 70% top;
    }
    #content {
        max-width: 850px;
        width: 100%;
    }
    #menu {
        position: absolute;
        width: 100%;
        height: auto;
        overflow: hidden;
    }


    #col0 {
        padding: 0;
        box-sizing: border-box;
    }

    #media img,
    #content img {
        max-width: 100%;
        height: auto;
    }

    .layout1 #media {
        width: 100%;
        max-width: 850px;
        height: auto;
        overflow: hidden;
    }
    .layout1 #col0 {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        max-width: 850px;
    }

    #footer {
        width: 100%;
        max-width: 960px;
        background: url(../img/footer.png) no-repeat 70% top;
    }

    #footer .adr1 {
        margin: 0;
    }

    #hotline span {
        letter-spacing: -0.05em;
        font-size: 16px;
    }

}

@media screen and (max-width: 959px) {

    html, body {
        font-size: 100%;
        line-height: 1.4em;
    }

    #header {
        margin: 77px auto 18px auto;
    }

    #menu {
        display: none;
    }

    .mm-menu {
        background: #445355;
        color: #ffffff;
        z-index: 100;
    }
    .mm-title {
        display: none;
    }

    .mm-menu ul li {
        background: none;
    }
    .mm-page {
        position: relative;
    }

    .mm-menu.mm-offcanvas {
        z-index: 20;
    }

    a.menubtn {
        z-index: 600;
        background: center center no-repeat #445355;
        background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -60px;
        right: 20px;
    }

    #content {
        margin: 30px auto 0;
    }

    #content .content-inner {
        padding: 1em;
    }

    #end {
        display: none;
    }

    div.csc-textpic div.csc-textpic-imagecolumn {
        float: none;
        margin-bottom: 1em;
        display: inline-flex;
    }
    div.csc-textpic-center .csc-textpic-center-outer,
    div.csc-textpic-center .csc-textpic-center-inner{
        float: none;
        right: auto;
    }
}


@media screen and (max-width: 666px) {

    #header {
        background: url(../img/header.png) no-repeat 75% top;
    }

    #header h1,
    #header h2 {
        height: 120px;
        width: 125px;
        top: -15px;
    }

    #header h1 {
        left: 20px;
    }
    #header h2 {
        right: 20px;
    }

    #header h1 a {
        width: 125px;
        height: 120px;
        background-size: auto 100%;
    }

    #header h2 a {
        width: 125px;
        height: 120px;
        background-size: auto 100%;
    }

    #footer {
        background: none;
        padding: 0;
        height: auto;
    }
    #footer #address {
        padding: 0;
    }

    #footer .adr0,
    #footer .adr1 {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        padding: 3em 0 3em;
        background: #cebd9d url(../img/pattern_brown.png);
    }
    #footer .adr0 {
        background: #ffda00 url(../img/pattern_yellow.png);
    }

    #sitelinks {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0 0 1em;
    }
    #sitelinks ul li {
        display: inline-block;
        float: none;
    }
    #sitelinks ul li.first-child {
        padding-left: 0;
    }

    #hotline {
        top: -63px;
        left: 22px;
    }

    #content div {
        box-sizing: border-box;
    }

    #col0,
    #col1 {
        display: block;
        float: none;
    }

    th, td {
        display: inline-block;
    }


    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none;
    }

    div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        margin-left: 0;
    }
    .csc-textpic-intext-right-nowrap-380 .csc-textpic-text {
        margin-right: 0;
    }

}