@media screen and (max-width: 960px) {
    /* *******************************************
    SITE
    ************************************* */
    #site {
        background: #fff;
    }

    header {
        background: #000;
        display: block;
    }

    header nav {
        padding: 60px 0 0 0;
        float: right;
    }

    nav li {
        list-style: none;
        float: left;
        margin: 0 30px 0 0;
    }

    nav li.add {
        float: right;
        margin: 0;
    }

    nav a, nav a:visited {
        color: #fff;
        text-decoration: none !important;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        padding: 3px 4px 2px 4px;
    }

    nav a:hover, nav a:active {
        color: #8f0b0b;
    }

    #submitter {
        float: left;
        width: 660px;
        margin: 0 0 30px 0;
    }

    #dView aside#submitter h1 {
        padding: 0;
        margin: 0 0 4px 0;
        font-size: 18px;
        background: none;
    }

    #dView aside#submitter h2 {
        padding: 0;
        margin: 0 0 4px 0;
        font-size: 16px;
        background: none;
    }

    #submitter li {
        float: left;
        list-style: none;
        margin-right: 4px;
    }

    #submitter a, #submitter a:visited {
        background: url(../img/bg-a-subscial.png) no-repeat;
        display: inline-block;
        height: 13px;
        width: 18px;
        text-indent: -9999px;
    }

    #submitter a:hover {
        opacity: .5;
    }

    #submitter a#submTw, #submitter a:visited#submTw {
        background-position: -20px 0;
    }

    #submitter a#submHp, #submitter a:visited#submHp {
        background-position: 0 0;
    }


    footer {
        padding: 10px;
        background: #000 !important;
        font-size: .6em;
    }

    footer nav {
        margin: 5px 0 10px 0;
        position: relative;
        top: 0;
        left: 0;
    }

    #feeds {
        position: relative;
        top: 0;
        left: 0;
    }

    #imprint {
        color: #ebebeb;
    }

    #imprint li {
        list-style: none;
    }

    #imprint #iLink {
        float: right;
    }

    #options {
        border-top: 1px solid #000;
        margin: 0 auto 20px auto;
        width: 800px;
    }

    /* *******************************************
    ERROR 404
    ************************************* */
    body.e404 {
        background: #fff;
    }

    .e404 nav, .e404 footer, .e404 header, .e404 #options {
        display: none;
    }

    .e404 #content .cont {
        width: 520px;
        text-align: center;
    }

    .e404 #content img {
        margin: 0 0 20px 0;
    }


    /* *******************************************
    new stuff (list etcs)
    ************************************* */
    .cont {
        width: 100%;
    }

    #content .cont {
        width: 100%;
        padding-bottom: 30px;
    }

    .wshList {
        width: 100%;
        box-sizing: border-box;
    }

    .wshList article {
        float: none;
        width: 100%;
    }

    .wshList article img {
        float: none;
        width: 100%;
    }

    .imgcon {
        height: inherit;
        overflow: auto;
    }

    #footern, #imprint {
        padding: 10px 0;
        color: #fff;
        font-size: 16px;
    }

    #footern li {
        width: 100%;
        display: block;
    }

    .notsoimportant, .notsoimportant a {
        color: #fff;
    }

    #imprint #iLink {
        float: none;
    }

    #leftColumn, #rightColumn {
        width: 100%;
        box-sizing: border-box;
    }

    #altvRate #mlx {
        display: flex;
        justify-content: center;
    }

    #dImage img {
        width: 100%;
    }

    #dImage .himgc {
        min-height: inherit;
    }

    h1 {
        box-sizing: border-box;
        width: 100%;
        word-break: normal;
    }

    a.extern-a {
        font-size: 14px;
    }

    #dView {
        padding: 0 10px;
    }

    section#content {
        padding: 0 10px;
    }

    #options {
        display: none;
    }

    #pagination {
        width: 100%;
        background: none;
        border-top: 3px solid #202020;
    }

    #fNumClaim {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px 0;
    }

    #fNumClaim h1 {
        border: none;
    }

    #socialLinks, #feeds {
        display: none;
    }

    #imprint {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
    }

    #imprint li:last-of-type {
        padding-top: 10px;
    }

    footer nav a {
        font-size: 14px;
    }

    footer .cont {
        width: 100%;
    }

    nav a.active, nav a:visited.active {
        background: none;
        border-bottom: 1px solid #3d0000;

    }

    #header {
        background: url(../img/bg-head.jpg) no-repeat center -40px;
        position: relative;
    }

    #header h1 {
        height: 100px;
    }

    #headn {
        top: 0;
        position: absolute;
        width: 100%;
        float: none;
        padding: 0;
        right: inherit;
        bottom: inherit;
    }

    #headn li {
        display: none;
    }

    #headn.opened li {
        width: 100%;
        float: none;
        display: block;
        background: #000;
        padding: 10px;
    }

    #mobileNavigationContainer {
        position: relative;
    }

    .mobileMenu, .mobileMenu:hover, .mobileMenu:visited {
        display: inline-block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        z-index: 9999;
    }

    .app #logo, .o #logo {
        left: 20px;
    }

    .addColumn {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }

    .addColumn input, .addColumn textarea {
        width: 100%;
    }
    
    #submitter {
        position: relative;
        top: inherit;
        left: inherit;
        float: none;
        width: 100%;
        color: #000;
    }

    #dView aside#submitter h1 {
        color: initial;
        font-size: initial;
    }

    #fixLink {
         width: 100%;
        box-sizing: border-box;
     }

    .rateinfo, .timeinfo {
        font-size: 12px;
    }

}