@media (max-width:1140px) {
    #startseite-inner-zielgruppen-en {
        width: 800px;
    }
}
@media (max-width:1024px) {
    #header-inner, #startseite-inner, #footer-inner, #navigation-inner, #dokument-inner {width: 720px;position: relative;}
    #header-inner-oben {width: 700px;}
    #logo {
        position: absolute;
        z-index: 35;
        margin: 0;
        float: none;
        right: -10px;
        width: 220px;
    }
    #sprachen {
        padding: 15px 0 0 0;
        width: 70px;
    }
    #weinland {
        padding: 14px 0 0 65px;
        width: 430px;
    }
    #header-schmuckbild img,
    .mosaic-backdrop img {width: 100% !important;max-width: 100%;height: auto !important;}
    #header-claim, #header-claim-en {margin-top: 200px;}
    #startseite-inner-zielgruppen {
        width: 685px;
        height: 380px;
    }
    .zielgruppe {
        margin: 0 36px 0 0;
        width: 300px;
        margin-bottom: 30px;
    }
    .mosaic-block {width: 100%;height: 114px;}
    #footer-inner-3 { margin-left: 35px; float: none; margin-top: 0;}
    #footer-inner-4 {position: absolute; right: 0;top: 0;}
    #footer-inner-2 {margin-right: 0px;  margin-bottom: -20px;}
    #startseite-inner-zielgruppen-en {
        width: 100%;
        height: auto;
        padding-left: 40px;
          box-sizing: border-box;
    }
    #weinland-rlp {
        margin-top: 70px;
        width: 720px;
        padding-right: 320px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    #weinland-rlp-regionen {
        margin-left: 10px;
    }
    ul.level-1 {padding: 20px 0 0 90px;}
    #dokument-inner {box-sizing: border-box;padding: 55px 36px 0 36px;}
    #dokument-inner-left {width: 100%;}
    #dokument-inner-right {padding: 20px 0;width: 100%;}
    #eyecatcher, #eyecatcher-accordion, .weblinks {float: left; margin-right: 80px;}
    #eyecatcher:last-child {margin-right: 0;}
    ul.level-2 {width: 350px;  padding: 13px 0 10px 10px;}
    li.level-2 {width: 166px;}
    #dokument-inner-all {width: 100%;}
    .suchmaske {
        margin-left: 0px;
        position: relative;
        top: -30px;
    }
    #weinsortiment .sortiment,#weinsortiment .mosaic-block {width: 200px;height: 200px;}
    #weinsortiment {padding-bottom: 30px;}

    .fancybox-type-iframe.fancybox-opened {max-width: 720px;}
    .fancybox-inner {width: 100%; max-width: 100%;}
    .fancybox-close {right: -10px;}
    .ca-container { max-width: 100%;width: 100%;}
    .verweise {clear: both;}
    div#navigation-inner li.level-2 a.level-2 {font-size: 13px;}
    #dokument-inner-all h1 {clear: both;}
    .ausrichtung-rechts {width: 100%; margin: 0 0 30px 0;}
    div#_SPECIAL_BANNER_ img {max-width: 150px;}
}

@media (max-width:767px) {
    *{box-sizing: border-box;}
    div {box-sizing: border-box;}
    #header, #startseite, #footer, #navigation, #dokument {margin: 0; padding: 0 15px;}
    #header-inner, #startseite-inner, #footer-inner, #navigation-inner, #dokument-inner {width: 100%;position: relative;}
    #header-inner-oben {width: 100%;  height: auto;}
    #logo, #logo_weintreff {
        position: relative;
        z-index: 35;
        margin: 0;
        float: none;
        right: 0;
        width: 240px;
        margin: 0 auto;
    }
    #sprachen {
        padding: 5px 0 0 0;
        width: auto;
        float: none;
    }
    #weinland {
        padding: 14px 0 0 0px;
        width: auto;
        float: none;
    }
    #header-schmuckbild img,
    .mosaic-backdrop img {width: 100% !important;max-width: 100%;height: auto !important;}
    #header-schmuckbild {margin-top: 0px;}
    #header-claim, #header-claim-en {
        margin: 0;
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
    #header-claim h1, #header-claim-en h1 {  padding: 10px 15px;font-size: 24px;}
    #startseite-inner-zielgruppen {
        width: 100%;
        height: auto;
        padding: 20px 0 0 0px;
    }
    .zielgruppe {
        margin: 0 auto;
        width: 300px;
        margin-bottom: 30px;
        float: none;
    }
    .mosaic-block {width: 100%;height: 114px;}
    #footer-inner-3 { margin-left: 20px; float: none; margin-top: 0;}
    #footer-inner-4 {
        position: relative;
        right: auto;
        top: auto;
        float: none !important;
        margin-top: 5px;
        width: 100%;
    }
    #footer-inner-4 a {display: block;text-align: center;}
    #footer-inner-4 img {margin: 0 auto 20px;}
    #footer-inner-2 {
        margin: 0px 0 10px 0;
        width: 100%;
        float: none;
        padding: 20px 20px 0 20px;
    }
    #footer {padding-top: 4px;}
    #startseite-inner {padding: 30px 20px;}
    #startseite-inner-zielgruppen-en {
        padding-left: 0px;
    }
    #weinland-rlp {
        margin-top: 0px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin-bottom: 15px;
        height: auto;
    }
    #weinland-rlp-regionen {
        margin-left: 0px;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .region {margin-bottom: 20px;}
    /*.header {background-color: #BAB292;}*/
    .header {
      width: 100%;
    }
    ul.level-1 {padding: 10px 0 10px 36px;}
    li.level-1 {float: none; line-height: 1.5;}
    ul.level-2 {
        max-width: 230px;
        padding: 13px 0 10px 0;
        margin: 9px 0 0 0 !important;
    }
    li.level-2 {width: auto; float: none !important;}
    #dokument {padding-top: 4px;}
    .ca-container { max-width: 100%;}
/*    .ca-wrapper:after {
        content:"";
        display:table;
        clear:both;
    }
    .ca-wrapper {
        width: 100% !important;
        height: auto;
        position: relative !important;
    }
    .ca-item-main {position: relative;}
    .ca-item {margin-bottom: 25px;}*/
    #dokument-inner-right {float: none;}
    /*.ca-nav {display: none;}*/
    #dokument-inner {padding: 20px;}
    #dokument-inner-left h1 {font-size: 24px;}
    #eyecatcher {float: none;  width: 100%;}
    #dokument-inner-left {
        width: 100%;
        float: none;
    }
    #eyecatcher-titel {padding: 20px 15px;}
    #eyecatcher-foto img {width: 100% !important;max-width: 100%;height: auto !important;}
    #lightbox-container-image-box, #lightbox-container-image-data-box {width: 100% !important;height: auto !important;}
    #lightbox-image {width: 100% !important;max-width: 100%;height: auto !important;}
    .suchmaske-links {
        width: 320px;
        margin-right: 8px;
    }
    .suchmaske-links-oben, .suchmaske-links-unten {width: 100%;}
    .suchmaske-links-unten-4, .suchmaske-links-unten-5 {width: 153px;}
    .suchmaske {width: 422px;  top: -10px;}
    .fancybox-close {right: 10px;}
    .fancybox-type-iframe.fancybox-opened {max-width: 100%;left: 0 !important;}
    .fancybox-inner {width: 100%; max-width: 100%;}
    #eyecatcher-accordion div.narrative-accordion li.item, #eyecatcher-accordion div.narrative-accordion h5 a {width: 100%;padding-right: 20px;}
    #eyecatcher, #eyecatcher-accordion, .weblinks {margin-right: 0;width: 100%;}
    .weblinks-titel {background-position: right center;}
    div.narrative-accordion li.item, div.narrative-accordion h5 a {max-width: 100%;padding-right: 20px; font-size: 16px;}
    #GOOGLE_MAPS_FRAME iframe {width: 100%; max-width: 100%;}
    .login-marginal-inner {width: 282px;}
    .login-marginal {width: 282px;}
    .ansprechpartner-titel {width: 100%;}
    .ansprechpartner .ca-item-main {width: 100%;}
    div#navigation-inner li.level-2 a.level-2 {font-size: 17px;}
    li.level-2 {padding-bottom: 8px;}
    div.narrative-abstract div.narrative-abstract-img img {width: 100% !important;max-width: 100%;height: auto !important;}
    div#_SPECIAL_BANNER_ {margin-top: 90px;}
    div#_SPECIAL_BANNER_ img {max-width: 100px;}
}

/*@media (max-width:610px){
    .formularbox-label, .formularbox-feld {width: 100%; float: none;}
    iframe {max-width: 100%; width: 100%;}
    .formularbox .formularbox-feld, .formularbox .formularbox-feld input.InputText,
    .formularbox .formularbox-feld input.InputText, .formularbox .formularbox-feld-captcha,
    .formularbox .formularbox-feld textarea.InputTextarea, .formularbox input.InputSenden {max-width: 100%; width: 100%;}
    .formularbox input.InputSenden {padding: 5px;}
    .formularbox {padding: 0;}
    .formularbox input {padding: 2px;}
}*/

@media (max-width:510px){
    a.facebooklogo {
      display: block;
      margin: 10px 0 0 0;
    }
    a.facebooklogo > img {
      padding: 0 !important;
    }
    .suchmaske-links {
        width: 100%;
        margin-right: 0px;
    }
    .suchmaske-links-oben, .suchmaske-links-unten {width: 100%;}
    .suchmaske-links-oben {background: #fff;}
    .suchmaske-links-unten-4, .suchmaske-links-unten-5 {width: 100%;margin-left: 0;margin-bottom: 10px;}
    .suchmaske {width: 100%;  top: -10px;}
    input.InputTextSuchmaske {
        max-width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }
    select.selectSuchmaske-4 {width: 100%;}
    div.narrative-abstract div.right-position {float: none;}
    div.result-list li.item-list-category {width: 100%; max-width: 100%;}
    .item > .detail > div:first-child {float:none !important;}
    .item h3 {font-size: 16px;}
    .ausrichtung-rechts img {max-width: 100%; width: 100% !important; height: auto !important;}
}

@media (max-width:390px){
    .zielgruppe {width: 100%;margin: 0 0 20px 0;}
    .mosaic-block {background-color: #FAF7DF;}
    .suchmaske-marginal, .suchmaske-marginal-inner, .suchmaske-oben, .suchmaske-oben-unten,
    .suchmaske-unten, input.InputSendenSchnellsuche-marginal {width: 100%; max-width: 100%;}
    .suchmaske-oben-unten-4, input.InputTextSuchmaske-bezugsquellen {width: 100%;}
    td.td-navi-1, td.td-navi-3 {width: 1px;}
    .login-marginal-inner, .login-marginal {width: 100%;}
    .login-oben, .login-oben-oben, input.InputTextSuchmaske-marginal, .login-unten,
    div.login-marginal-inner input.InputSendenSchnellsuche-marginal,
    .ansprechpartner, .ansprechpartner-titel {width: 100%;}
    .ansprechpartner-titel {padding-right: 20px;}
    .ansprechpartner .ca-container, .ansprechpartner .ca-item {width: 246px;}
    .ansprechpartner-foto {margin: -34px 0 0 -80px;}
    .ansprechpartner-titel, .ansprechpartner-text {padding-left: 85px;}
    div#_SPECIAL_BANNER_ {margin-top: 170px; margin-left: -10px;}
    div#_SPECIAL_BANNER_ img {max-width: 70px;}
}