@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  /* Test Abmessungen --> 
  #logo > a::after, .mobileBtns > a::after {content: "(min-width : 768px) and (max-width : 1279px) and (orientation : portrait)";}
  /* <-- Test Abmessungen */

  .cosmo-col-sp-0 { display: none; }
  .cartTableName {width: 72.5%; padding-right: 1em;}
  
  .addMenuTop .addMenu {
    display: none;
  }
 
  .addMenuBottom .addMenu {
    display: block;
  }
  .addMenu .menu-button {
      cursor: pointer;
      display: block;
      padding: 10px;
  }
  .addMenu ul {
      display: none;
      width: 100%;
      padding-left: 10px;
  }
  .addMenu ul li a, .addMenu ul ul li a {
      border-bottom: 0 none;
      width: 100%;
  }
  .addMenu > ul > li {
      float: none;
  }
  .addMenu ul li {
      border-top: 1px solid #545454;
      width: 100%;
  }
  
  #categoriesTop .menu-button { 
    cursor: pointer; 
    display: block; 
    padding: 10px; 
  }
  #categoriesTop ul {
      display: none;
      width: 100%;
  }
  #categoriesTop.align-center > ul {
      text-align: left;
  }
  #categoriesTop ul li {
      border-top: 1px solid #545454;
      width: 100%;
  }
  #categoriesTop ul ul li, #categoriesTop li:hover > ul > li {
      height: auto;
  }
  #categoriesTop ul li a, #categoriesTop ul ul li a {
      border-bottom: 0 none;
      width: 100%;
  }
  #categoriesTop > ul > li {
      float: none;
  }
  #categoriesTop ul ul li a {
      padding-left: 25px;
  }
  #categoriesTop ul ul ul li a {
      padding-left: 35px;
  }
  #categoriesTop ul ul li a {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      color: #ddd;
  }
  #categoriesTop ul ul li:hover > a, #categoriesTop ul ul li.active > a {
      color: #fff;
  }
  #categoriesTop ul ul, #categoriesTop ul ul ul, #categoriesTop.align-right ul ul {
      left: 0;
      margin: 0;
      position: relative;
      text-align: left;
      width: 100%;
  }
  #categoriesTop > ul > li.has-sub > a::after, #categoriesTop > ul > li.has-sub > a::before, #categoriesTop ul ul > li.has-sub > a::after, #categoriesTop ul ul > li.has-sub > a::before {
      display: none;
  }
  #categoriesTop .menu-button {
      cursor: pointer;
      display: block;
      padding: 10px;
  }
  #categoriesTop .menu-button.menu-opened::after {
      background: #fff none repeat scroll 0 0;
      border: 0 none;
      height: 2px;
      top: 23px;
      width: 15px;
  }
  #categoriesTop .menu-button.menu-opened::before {
      background: #fff none repeat scroll 0 0;
      top: 23px;
      width: 15px;
  }
  #categoriesTop .submenu-button {
      cursor: pointer;
      display: block;
      height: 46px;
      position: absolute;
      right: 0;
      top: 0;
      width: 46px;
      z-index: 20010;
  }
  #categoriesTop ul ul .submenu-button {
      height: 34px;
      width: 40px;
  }
  #categoriesTop .submenu-button.submenu-opened::before {
      display: none;
  }
}

#searchBar {margin-top: 0px;}

@media only screen and (min-width: 220px) and (max-width: 768px) {
  /* Test Abmessungen --> 
  #logo > a::after, .mobileBtns > a::after {content: "(min-width: 220px) and (max-width: 768px)";}
  /* <-- Test Abmessungen */
  
  .cartTableOneBox {overflow: hidden; width: 100%; float: left;}
}

@media only screen and (min-width: 1280px) { 
  /* Test Abmessungen --> 
  #logo > a::after, .mobileBtns > a::after {content: "(min-width: 1280px)";}
  /* <-- Test Abmessungen */
  
  .cartTableName {width: 72.5%; padding-right: 1em;}
  #categoriesTop {display: none}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {
  /* Test Abmessungen --> 
  #logo > a::after, .mobileBtns > a::after {content: "(min-width: 768px) and (max-width: 1279px) and (orientation: landscape)";}
  /* <-- Test Abmessungen */
  
  .cartTableName {width: 72.5%; padding-right: 1em;}
  #categoriesTop {display: none}
}

.btn-ico-cancel {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-family: cs;
  font-size: large;
  font-weight: 400;
}