@media only screen and (max-width: 1280px) {
    .zeile-innen {
        max-width: 90%;
    }
}


/* ####################################### */

@media only screen and (max-width: 880px) {
    .grafik {
        height: auto;
    }
    .zeile-innen {
        margin: 0 auto 0 auto;
        max-width: 90%;
        border: 0px solid red;
    }
    .zeile-innen.kopf {
        margin: 1% auto 1% auto;
    }
    #logo {
        position: relative;
        float: left;
        margin-top: 0px;
    }
    .menu {
        float: right;
        padding-top: 0;
    }
    .teaser p {
        font-size: 1em;
        color: #46320c;
        text-align: right;
    }
    .teaser img {
        filter: saturate(100%);
        -webkit-filter: saturate(100%);
        -moz-filter: saturate(100%);
        -o-filter: saturate(100%);
        -ms-filter: saturate(100%);
    }
    .teaser a:link,
    .teaser a:hover,
    .teaser a:focus,
    .teaser a:visited {
        color: #46320c;
        text-decoration: none;
    }
    .abstand {
        margin-top: 55px !important;
    }
    .navigation {
        max-height: 45px;
    }
    #navigation {
        float: right;
        max-width: 100%;
        height: 32px;
        text-align: left;
        margin-right: 00px;
        background-color: transparent;
        z-index: 9999;
        width: 100%;
    }
    #navigation ul {
        list-style-type: none;
        padding-left: 0;
    }
    ul#nav-meta {
        display: block !important;
    }
    ul#nav-meta li a {
        float: right;
        color: #676767;
        font-size: 0.85em !important;
        font-weight: normal;
        text-decoration: none;
        list-style-type: none !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .kopfgrafik img {
        max-width: 100%;
        height: auto;
        margin-bottom: -5px;
    }
    p {
        margin-bottom: 2.4em;
    }
    h1 {
        font-size: 2.2em;
    }
    h3 {
        font-size: 0.85em;
    }
    .zeile-innen ul {
        list-style-type: square;
        margin-bottom: 0.85em;
        padding-left: 20px;
        text-align: justify;
    }
    .zeile-innen .nav ul {
        padding-left: 0;
        margin-bottom: 0;
    }
    .zeile-innen ul.white {
        color: #fff;
    }
    .zeile-innen li {
        font-size: 1.0em;
        line-height: 150%;
        margin-bottom: 0.8em;
    }
    .zeile-innen .nav li {
        margin-bottom: 0;
    }
    .gallery ul {
        padding: 0 !important;
        text-align: left;
    }
    .gallery li {
        display: inline-block;
        width: 48%;
        margin-right: 1%;
        list-style-type: none;
        vertical-align: baseline;
    }
    .spalten.p-li {
        padding-left: 0;
    }
    .spalten.p-re {
        padding-right: 0;
    }
    .spalten.claim {
        padding-top: 120px;
    }
    a img {
        border: 0px none;
    }
    .nav a.no-link {
        cursor: default;
    }
    hr {
        background-color: #043057;
        border: solid #043057 1px;
        height: 1px;
    }
    i,
    span.ifa {
        min-width: 15px;
        text-align: center;
        margin-right: 10px;
    }
    #footer i,
    #footer span.ifa {
        color: #fff;
    }
    .qr {
        width: 100%;
        max-width: 156px;
        height: auto;
    }
    .teaser p {
        min-height: auto;
        font-size: 2.3em;
    }
    .cta {
        float: none;
        padding-left: 0;
        border-left: 0px dotted #034D85 !important;
        margin-top: 5%;
    }
    /*.teaser {min-height:100px;}*/
    .meta-i {
        position: relative;
        float: right;
        padding-top: 67px;
        color: #c2c2c2;
        border: 0px solid red;
    }
    .te-al-ri {
        text-align: right;
    }
    .start-mehr-link {
        text-align: center;
        padding: 6px 9px 6px 9px;
        background-color: #EEEEEE;
    }
    #right i {
        width: 15px;
        color: #851C3A;
    }
    #wpgmappitymap {
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: 280px;
        color: #000;
    }
    #wpgmappitymap img {
        border: 0px none;
    }
    li.hide-dt {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .teaser p {
        font-size: 1.5em;
    }
}