@media screen and (max-width: 320px) {
    * {
        max-width: 100%; /*overflow: hidden;*/
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto !important;
    }

    .stat_image img {
        max-width: 100%;
        height: 12px !important;
    }

    #bgall {
        background-image: none;
        background: #fff;
    }

    #wrapall {
        max-width: 100%;
        padding: 0px 15px;
    }

    #mobilemenu {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    #wrapnavi {
        display: none;
    }

    #lang {
        margin-left: 0px;
    }

    #lang li a {
        margin-right: 5px;
    }

    #footer {
        height: auto !important;
        padding: 0px;
        overflow: auto;
    }

    #login {
        padding: 0px;
    }

    #wrapnavi, #topnav {
        height: auto !important;
    }

    #topnav li {
        display: block;
        width: 100%;
        text-align: left;
        border-bottom: #666 1px solid;
        background-color: #FFF;
    }

    #topnav li.first {
        border-top: none;
    }

    #topnav li li {
        border-bottom: none;
    }

    #topnav li li li {
        border-bottom: none;
    }

    #topnav ul li a {
        display: block;
        padding-left: 10px;
    }

    .moduletable_mtmenu {
        height: auto !important;
    }

    #mainbody iframe, #mainbody object, #mainbody embed {
        width: 100%;
        height: 180px;
    }

    #mainbody {
        /*padding: 5px;*/

        max-width: 97% !important;
        border-right: none !important;
        min-height: inherit !important;
    }
    #mainbody *:not(#location-map):not(#location-map *) {
        max-width: 100% !important;
    }

    #mainbody table {
        width: 100%;
    }

    .item-page {
        padding: 0;
    }

    p {
        margin: 10px 0;
        padding: 0;
    }

    .item-page {
        padding: 0 !important;
    }

    table {
        border-spacing: 0 !important;
    }

    .cright, .cleft {
        width: 100%;
    }

    #ktslider .moduletable {
        padding: 0px;
        background: none;
        margin: 10px 0px;
    }

    #fpssContainer102.fpss-template-jj-rasper, #fpssContainer102.fpss-template-jj-rasper .slide, #fpssContainer102.fpss-template-jj-rasper .slides-wrapper, #fpssContainer135.fpss-template-jj-rasper, #fpssContainer135.fpss-template-jj-rasper .slide, #fpssContainer135.fpss-template-jj-rasper .slides-wrapper {
        height: 90px;
        width: 100%;
    }

    .fpss-template-jj-rasper .slidetext h1, .fpss-template-jj-rasper .slidetext h1 a {
        font-size: 11px;
        line-height: normal;
        padding-bottom: 10px;
    }

    .fpss-template-jj-rasper .slidetext p {
        display: none;
    }

    #wraptipps h3, right h3, interview h3 {
        padding: 0px;
    }

    #wraptipps {
        margin-bottom: 0px;
    }

    #right {
        width: 100%;
        padding: 0px;
        background: none;
    }

    #right .moduletable {
        width: 100%;
        padding: 0px;
        background: none;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #interview {
        display: none;
    }

    #container1, #container2, #container3, #container4 {
        height: auto !important;
        width: 100%;
        padding: 0px;
        background-image: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    #container4 {
        border-bottom: 0px;
    }

    #aktion {
        margin: 0px;
        font-size: 14px;
        padding: 0px;
    }

    #aktion .button {
        font-size: 14px;
        display: block;
        max-width: 200px;
        margin: 10px auto;
    }

    #inhalt, #contentinner {
        width: 100%;
        padding: 0px;
    }

    #inhalt {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #skyscraper, #banner, #anzeige, #rss, #co2, #footer3 {
        display: none;
    }

    #footer1, #footer2 {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 10px;
        width: 100%;
    }

    #copyright {
        position: relative;
        font-size: 10px;
        margin-left: 0px;
        border-top: 1px solid #ccc;
        margin-top: 40px;
        padding-top: 10px;
        padding-right: 40px;
        width: auto;
    }

    #fb {
        position: absolute;
        top: auto;
        bottom: 35px;
        right: 10px;
    }

    #tw {
        position: absolute;
        top: auto;
        bottom: 10px;
        right: 10px;
    }

    #logo {
        float: left;
        width: 200px;
        height: 50px;
    }

    #wrapnavi {
        margin-bottom: 0px;
    }

    #topnav {
        width: 100%;
    }

    #js-mainnav.megamenu.blackwhite {
        background: #333;
    }

    #js-mainnav.megamenu.blackwhite .megaMenuToggle {
        color: #fff;
    }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon {
        background: #fff;
    }

    /** Konzertkalender ******/
    .entry .image {
        margin-bottom: 5px;
    }

    .textcol {
        padding-bottom: 25px;
    }

    #cpdetail .label {
        float: none;
    }

    #cpdetail .value {
        margin-bottom: 5px;
    }

    #requestform {
        padding: 0px;
    }

    /** Verzeichnis **/
    .xlistings {
        display: none;
    }

    #listing .fields .data {
        width: auto;
        border-top: 0px;
    }

    #listing .fields .caption {
        border-top: 0px;
        text-align: left;
    }

    /** User Profile **/
    .profile dt {
        float: none;
    }

    .profile dd {
        margin-left: 0px;
        margin-bottom: 5px;
    }

    /* festivals
    --------------------------------------*/
    input#filter_date_from_from, input#filter_date_to_to, input#filter_search {
        height: 25px;
    }
}