@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  body {
    -webkit-text-size-adjust: none; }

  h1 {
    font-size: 2em; }

  .inner {
    width: auto;
    max-width: 100%; }

  /* #page * { border: 1px solid red; } */
  #page {
    padding-bottom: 10px;
    overflow: hidden; }

  /* hide certain elements */
  .tx-oewmlogin-pi1,
  #twitter-posts,
  .twitter-module iframe,
  #facebook-likebox,
  #main-content .module .header a,
  #screen-reader-notice,
  .gallery .advice,
  .tx-celumfe-pi1 .advice,
  #fb-root {
    display: none; }

  #content-nav #share-page {
    border-right: 0 none;
    margin-bottom: 10px; }

  .two-column-container .column1,
  .two-column-container .column2 {
    float: none;
    width: 100%;
    padding: 0; }

  .two-column-container .column1 {
    margin-bottom: 20px; }

  /* CE shadows */
  .module,
  #sidebar .module,
  .home #main-content .csc-default > .two-column-container {
    background: none; }

  .csc-textpic-caption {
    padding-top: 3px; }

  /* header */
  #header {
    padding: 0 10px;
    background: none; }

  #header .inner {
    padding: 0; }

  #logo {
    margin: 7px 20px 10px 2px; }

  #logo img {
    width: 185px !important;
    height: auto !important; }

  #page #sujet {
    width: 100%;
    background-size: contain;
    margin-top: 0;
    height: 145px; }

  .standard #page #sujet {
    height: 100px;
    display: none; }

  .bes #page #sujet {
    height: 150px;
    display: none; }

  #top-bar {
    padding-bottom: 10px;
    background: none; }

  #search-box {
    width: auto;
    float: none;
    margin: 0 10px 7px 10px; }

  #fulltext-search {
    float: none;
    padding: 5px 10px; }

  #fulltext-search label {
    display: none; }

  #full-text-search {
    width: 158px;
    background-image: url(../Images/Background/full-text-search-small.gif);
    margin-left: 0; }

  #extended-search-link, #extended-search {
    display: none; }

  /* content */
  #content {
    padding: 0 10px 0 10px; }

  #page #main-content {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none; }

  #sidebar {
    float: none;
    width: 100%; }

  #sidebar div.csc-textpic-center {
    text-align: left; }

  #sidebar div.csc-textpic-center div.csc-textpic-imagewrap {
    width: 100% !important;
    margin: 0 !important; }

  #page #main-content .csc-textpic-imagewrap,
  #page #main-content .csc-textpic div,
  #page #main-content .csc-textpic p,
  #page #main-content .csc-textpic dl,
  #page #main-content .csc-textpic dt,
  #page #main-content .csc-textpic dd {
    float: none !important;
    width: auto !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #page #main-content .csc-textpic img,
  #cms-content .tx-celumfe-pi2 img {
    display: block;
    max-width: 100% !important;
    width: auto !important;
    height: auto;
    margin-bottom: 1em !important; }

  #page #main-content .csc-textpic .csc-textpic-text {
    clear: both; }

  .home .news-top .news-text {
    position: static;
    width: auto;
    padding-top: 6px;
    padding-bottom: 6px; }

  .bes .teaser-top-info {
    margin-bottom: 35px; }

  .bes .teaser-small:last-child {
    background: none; }

  .bes #main-content .teaser-small {
    float: none;
    width: auto;
    margin-right: 10px;
    margin-left: 10px; }

  .bes .teaser-top-info {
    float: none;
    width: auto;
    margin-right: 0; }

  .home .news-top img,
  .teaser-top-info img,
  .news-top img,
  .news-list .teaser-small img,
  div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
  .jcarousel-skin-sevenelements .jcarousel-item img {
    width: 100% !important;
    height: auto; }

  .news-list .teaser-small {
    width: auto;
    margin-right: 0; }

  .news-list .teaser .news-text, .bes .teaser-top-info .news-text {
    position: static;
    width: auto;
    padding-top: 6px;
    padding-bottom: 6px; }

  /* footer */
  #footer {
    margin: 0 10px;
    padding: 0;
    background: none; }

  #footer .inner {
    border-top: 0; }

  #footnote {
    float: none;
    margin-right: 0;
    font-size: 1em;
    padding: 15px 15px;
    background: #efefef;
    line-height: 1.75em;
    /*text-align: center;*/ }

  /* modules */
  .jcarousel-skin-sevenelements .jcarousel-next-horizontal {
    z-index: 999; }

  .jcarousel-skin-sevenelements .jcarousel-item {
    width: 300px; }

  .jcarousel-skin-sevenelements .jcarousel-item p {
    width: 100%; }

  .jcarousel-skin-lightbox .jcarousel-container-horizontal {
    width: auto; }

  .csc-shadow-top {
    margin-left: 0;
    padding-left: 0;
    padding-top: 30px;
    background: url(../Images/Background/teaser-shadow.gif) -25px top no-repeat transparent; }
    .csc-shadow-top#results {
      padding-top: 0;
      background: none; }

  #main-content .social-module .header {
    margin-bottom: 0; }

  #main-content .social-module .header a {
    display: block; }

  #page #main-content .csc-default .facebook-module {
    margin-bottom: 40px;
    margin-top: -5px; }

  /* navigation styles */
  #main-nav li {
    width: 100%;
    border-bottom: 1px solid #fff; }

  #main-nav li.active {
    background: #10655f; }

  #main-nav li.active span.active {
    padding: 8px 18px;
    font-size: 1.2em; }

  #main-nav li a {
    padding: 8px 18px;
    font-size: 1.2em;
    /*text-align: center;*/ }

  #main-nav li ul {
    display: none; }

  #breadcrumb-nav ul li {
    margin-bottom: 8px; }
    #breadcrumb-nav ul li:last-child {
      padding-left: 0; }
    #breadcrumb-nav ul li a {
      padding: 0 8px 0 0;
      margin-right: 8px; }

  #lang-nav {
    top: 17px;
    right: 0; }
    #lang-nav ul {
      width: 81px;
      padding: 3px 2px;
      border: 1px solid #ddd;
      background: url(../Images/Background/select-box-arrow.gif) no-repeat 70px 7px; }
    #lang-nav li {
      padding: 6px 12px;
      display: none; }
      #lang-nav li.active {
        display: block; }
    .no-js #lang-nav {
      display: block; }
    .js #lang-nav .active {
      cursor: pointer;
      padding-right: 22px; }
    #lang-nav.open li {
      display: block; }
    #lang-nav.open #lang-wrap {
      visibility: visible;
      opacity: 1; }

  #lang-nav #lang-wrap {
    position: absolute;
    width: 85px;
    padding: 0;
    z-index: 80;
    left: 0;
    top: 20px;
    visibility: hidden;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #ddd;
    border-top: 0; }
    #lang-nav #lang-wrap ul {
      border: 0;
      padding: 5px 0;
      background: #fff;
      float: left;
      width: 100%; }
    #lang-nav #lang-wrap li {
      padding: 8px 6px; }
      #lang-nav #lang-wrap li a {
        color: #004B41; }

  .standard #local-nav, #local-nav ul, #local-nav li, #local-nav a {
    float: none;
    display: block; }

  .standard #local-nav {
    width: 100%;
    margin-bottom: 30px;
    background: none;
    margin-top: 20px; }

  .service #local-nav {
    visibility: visible; }

  #local-nav .root {
    background: none;
    width: 100%;
    min-height: 0;
    padding-right: 0;
    padding-top: 0; }

  #local-nav .navtitle {
    float: none;
    display: none; }

  #local-nav li a {
    float: none;
    width: auto;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.1em;
    background-position: 4px -262px; }

  #local-nav ul .active .sub a {
    background-position: 19px -265px; }

  #local-nav ul .active .active-sub a {
    background-position: 19px -301px; }

  #local-nav .active-sub a {
    background-position: 0 -72px; }

  #local-nav ul .active li a {
    font-size: 1em; }

  #local-nav li a {
    width: auto; }

  #footer-nav {
    float: none;
    background: #DCDCD6;
    padding: 6px 5px;
    margin-top: 10px; }

  #footer-nav li {
    margin: 7px 0; }

  #footer-nav li a {
    padding: 0 11px;
    font-size: 1em; }

  #content-nav {
    padding-bottom: 25px;
    padding-top: 25px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    background: url(fileadmin/system/assets/img/background/module-sidebar-border.gif) no-repeat center top;
    /* TEMP pfad */ }

  #content-nav ul li {
    padding-left: 0; }

  #content-nav #top-link, #content-nav #print-page {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    clear: both;
    border: 0; }

  #content-nav #switch-language {
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 100%;
    background: url(fileadmin/system/assets/img/background/module-sidebar-border.gif) no-repeat center bottom;
    /* TEMP pfad */ }

  #content-nav #switch-language .navtitle {
    float: none;
    display: block; }

  #content-nav #switch-language ul {
    margin-left: 0; }

  #content-nav #switch-language ul li:first-child {
    padding-left: 0; }

  .like-button, .google-plus-one {
    float: none;
    /*width: 100%;*/
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden; }

  .google-plus-one {
    margin-top: 0;
    padding-top: 30px;
    background: url(fileadmin/system/assets/img/background/module-sidebar-border.gif) no-repeat center top;
    /* TEMP pfad */ }

  .like-button {
    margin-top: 20px; }
    .like-button iframe {
      width: 100% !important;
      height: 50px !important; }

  /* search masks */
  .search-mask {
    padding-left: 15px;
    padding-left: 15px; }

  .fieldwrap {
    float: none; }

  .fieldwrap .left-col,
  .fieldwrap .right-col {
    float: none; }

  .fieldwrap .left-col {
    width: auto !important;
    max-width: inherit;
    padding: 8px 10px 2px 10px; }

  .fieldwrap .right-col {
    width: auto !important;
    max-width: inherit;
    border-left: 0;
    padding: 5px 10px 8px 10px; }

  .search-mask label {
    display: inline-block;
    top: 0; }

  input[type="text"], input[type="password"], select, textarea {
    width: 190px; }

  select {
    width: 207px; }

  .fieldwrap-selectcombo2 select:first-child {
    width: 207px; }

  .fieldwrap .tooltip .tooltip-link {
    top: 30px; }

  .fieldwrap-datepicker input, .fieldwrap-time input {
    width: 60px !important; }

  /* custom media element */
  .custom-media-element .media-wrap {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0; }
    .custom-media-element .media-wrap .caption {
      display: block; }

  /* tabellen */
  /* fake */
  dl.table-display {
    background: none; }

  .table-display dt {
    float: none;
    height: auto !important;
    width: auto !important;
    background: #F1F1F0 !important;
    border-right: 0 !important;
    color: #9B9D97; }

  .table-display dd {
    float: none;
    height: auto !important;
    width: auto !important;
    background: #F9F9F9 !important; }

  .csc-shadow-top-inner .contenttable {
    width: 100%; }

  .csc-default:empty {
    display: none; }

  .contenttable caption {
    background: none;
    text-align: left;
    width: 100%; }

  #cms-content .contenttable .align-right {
    text-align: left; }

  .contenttable {
    border: 0;
    padding: 0;
    width: auto;
    display: none;
    /* avoid FOUC, set to block via jQuery responsiveTables plugin */ }

  .responsive-table {
    border: 0;
    padding: 0;
    width: auto; }
    .responsive-table .caption {
      color: #9D9F98;
      font-size: 1.2em;
      font-weight: bold; }
    .responsive-table .thead {
      display: none; }
    .responsive-table .tbody .tr {
      padding: 15px 0; }
      .responsive-table .tbody .tr .th {
        background: #f2f2f0;
        color: #9b9c97;
        padding: 5px;
        margin-bottom: 2px; }
        .responsive-table .tbody .tr .th:first-child {
          background: #e0e0de;
          font-weight: bold; }
        .responsive-table .tbody .tr .th p {
          margin: 0; }
      .responsive-table .tbody .tr .td {
        background: #f9f9f9;
        margin-top: 2px;
        padding: 5px; }
        .responsive-table .tbody .tr .td p {
          margin: 0; }
    .responsive-table .tbody .count {
      font-weight: bold; }

  /* special datatable styling */
  .dataTables_length {
    display: none; }

  .dataTables_paginate .fg-button {
    margin-right: 20px; }

  .responsive-table.datatable .tbody .tr .th:first-child {
    background: #e0e0de;
    font-weight: bold; }

  .datatable .importeur-betriebe a {
    margin-left: 0; }

  #tab-ausgezeichnete-weine .false-th-1, #tab-ausgezeichnete-weine .false-th-2 {
    display: none; }

  .tx-oewmauszeichnungen-pi1 .false-th {
    display: none; }

  #cms-content .tab-nav, #cms-content #glossary-nav, #main-content #local-subnav {
    background: none;
    padding: 0;
    border: 0; }
    #cms-content .tab-nav ul, #cms-content #glossary-nav ul, #main-content #local-subnav ul {
      float: none;
      display: block;
      list-style: disc;
      border-top: 1px solid #DADAD7; }
      #cms-content .tab-nav ul li, #cms-content #glossary-nav ul li, #main-content #local-subnav ul li {
        float: none;
        padding: 10px 12px 10px 17px;
        background: url(../Images/Background/icons-sprites.gif) no-repeat 4px -260px;
        border-bottom: 1px solid #DADAD7;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; }
        #cms-content .tab-nav ul li.active, #cms-content #glossary-nav ul li.active, #main-content #local-subnav ul li.active {
          border-top: 0;
          border-left: 0;
          border-right: 0;
          background: url(../Images/Background/local-nav-gradient.gif) no-repeat 0 -2px; }
          #cms-content .tab-nav ul li.active a, #cms-content #glossary-nav ul li.active a, #main-content #local-subnav ul li.active a {
            color: #000;
            font-weight: bold; }
        #cms-content .tab-nav ul li a, #cms-content #glossary-nav ul li a, #main-content #local-subnav ul li a {
          float: none;
          display: inline;
          color: #000;
          font-weight: normal;
          text-decoration: none; }

  #local-subnav {
    display: none; }

  /* keine gallery tabs auf mobile */
  #cms-content #glossary-tabs {
    background: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto; }
    #cms-content #glossary-tabs .glossary-tab {
      width: auto; }

  #cms-content .tab .table-display.extended dd ul {
    float: none;
    margin: 0;
    width: auto; }
    #cms-content .tab .table-display.extended dd ul li {
      width: auto !important;
      float: none;
      border-right: 0;
      border-bottom: 2px solid #fff;
      padding: 7px 0; }
      #cms-content .tab .table-display.extended dd ul li:last-child {
        border-bottom: 0; }

  #tab-ausgezeichnete-weine #results {
    padding-top: 15px; }

  .betrieb-vcard .vcard {
    float: none;
    width: auto; }

  .betrieb-vcard img {
    float: none;
    max-width: 130px !important;
    height: auto !important; }

  #contact-form legend {
    width: 270px; }

  #contact-form .right-col {
    border-left: 0; }

  #contact-form .tx_powermail_pi1_fieldwrap_html_textarea textarea {
    width: 270px; }

  #main-content .csc-sitemap {
    float: none;
    margin-top: 10px; }
    #main-content .csc-sitemap > ul > li {
      margin-bottom: 35px; }
      #main-content .csc-sitemap > ul > li > a {
        font-weight: bold; }
      #main-content .csc-sitemap > ul > li ul {
        margin-left: 40px;
        margin: 5px 0 7px 20px; }
        #main-content .csc-sitemap > ul > li ul li {
          margin-bottom: 1px; }
          #main-content .csc-sitemap > ul > li ul li li li {
            list-style: disc; }

  .tabs #cms-content {
    width: auto;
    margin-left: 0;
    padding: 0;
    background: none;
    min-height: 0;
    margin-top: 0; }

  .page-47 #cms-content .csc-header {
    display: block !important; }

  #tx-solr-search-functions {
    margin-top: 30px;
    background: none; }

  #tx-solr-search .results-list {
    width: auto;
    background: none;
    margin-left: 0;
    min-height: 0;
    padding: 15px 0; }
    #tx-solr-search .results-list li .content {
      width: auto; }

  #tx-solr-faceting .facet {
    list-style: none; }

  #tx-solr-search .tx-solr-search-form .tx-solr-q {
    width: 170px; }

  #page .tx-pagebrowse {
    display: inline-block;
    text-align: left;
    margin-left: 0;
    border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px; }
    #page .tx-pagebrowse li {
      float: left;
      padding: 0;
      display: block; }
      #page .tx-pagebrowse li .tx-pagebrowse-first span.inactive, #page .tx-pagebrowse li .tx-pagebrowse-prev span.inactive, #page .tx-pagebrowse li .tx-pagebrowse-next span.inactive, #page .tx-pagebrowse li .tx-pagebrowse-last span.inactive {
        padding: 0 7px; }
      #page .tx-pagebrowse li a, #page .tx-pagebrowse li span.inactive {
        float: left;
        border-width: 1px 1px 1px 0;
        border-color: #ddd;
        border-style: solid;
        text-decoration: none;
        line-height: 34px;
        padding: 0 11px; }
      #page .tx-pagebrowse li:first-child a, #page .tx-pagebrowse li:first-child span.inactive {
        border-left-width: 1px; }
    #page .tx-pagebrowse ol {
      margin-left: 0; }
      #page .tx-pagebrowse ol li {
        padding-right: 20px; }

  #sidebar .meltwater {
    height: auto;
    overflow: inherit; } 

   /* 
   Top Bar Content Video 
   */
    .top-bar-content-video
    {
        padding-top: 1px;
        padding-bottom: 0px;
    }

    .top-bar-content-video .video-left {
      float: none;
      clear: both;
      width: auto;
      display: block;
      padding: 0;
      height: auto;
      background: none;
      margin: 0 10px 7px 10px;
    }

    .top-bar-content-video .video-left .video-title-and-description
    {
        float: none;
        clear: both;
        width: auto;
        height: auto;
        display: block;
    }


    .top-bar-content-video .video-left .video-thumb
    {
        float: none;
        margin: 0;
        position: relative;
        left: auto;
        top: auto;
    }
    
    .top-bar-content-video .video-left .video-thumb .youtube-frame
    {
        display: block;
        width: auto;
        height: auto;
        border: none;
        margin: 0;
        padding: 0;
    }
    

    .top-bar-content-video .video-left .video-thumb img
    {
        margin: 0px;
        width: auto;
    }

    .top-bar-content-video .video-right {
      float: none;
      clear: both;
      background: none;
      padding: 0;
      width: auto;
      height: auto;
      margin: 0 10px 7px 10px;
    }

    .top-bar-content-video h1,
    .top-bar-content-video h2
    {
      color: #629C94;
    }



}