@charset "utf-8";

/*------------------------------------------------------------------------------------------------------*/
/* Cosmoshop GmbH - v1.0 - 06.10.2015 */
/*------------------------------------------------------------------------------------------------------*/

/* ---------------------- Desktops and laptops ---------------------------------------------------- */
@media only screen and (min-width : 1280px) {
  /*------------ CONTENT LAYOUT ------------------------------------------------------------------*/
  .content {float: right;width: 78%;}
  .left {float: left;width: 20%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /*------------ SONSTIGES ------------------------------------------------------------------------*/
  .defaultMenuStatus {display: none;}
  #categoriesTop > ul > li.area-vertical {display: none;}
  .videoListing.columns-1 .videolistingItem {flex: 0 0 100%;}
  .videoListing.columns-2 .videolistingItem {flex: 0 0 49.5%;}
  .videoListing.columns-3 .videolistingItem {flex: 0 0 32.5%;}
  .videoListing.columns-4 .videolistingItem {flex: 0 0 24.1%;}
  .blogListing .blogListingItem {flex: 0 0 49.5%}
  .blogListing.horizontal .blogListingItem {flex: 0 0 100%;}
  .blogListing .blogListingItem .blogPic {flex: 0 0 49%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 49%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- WARENKORB TABLES --------------------------------------------------------------*/
  .cartTablePicture {width: 13%;}
  .cartTableName {width: 26%;}
  .cartTableArticleId {width: 15%;}
  .cartTableAmount {width: 22%;}
  .cartTableAmount input {width: 50%;}
  .cartTableSinglePrice {width: 11.5%;}
  .cartTablePrice {width: 10.5%;}
  .cartTableDelete {width: 2%;}
  .cartTableFloat {float: left;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- FOOTER -----------------------------------------------------------------------------*/
  footer .footerColumn {width: calc(25% - 8px);margin-right: 8px;float: left;}
  footer .footerColumn:last-of-type {width: 25%;margin-right: 0px;float: right;}
  footer .footerLeftBox {width: 24.3%; float: left;}
  footer .footerRightBox {width: 75%; float: right;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- ROWS -------------------------------------------------------------------------------*/
  .cosmo-row-lg-100 {width: 100%;overflow: hidden;clear: both;}
  .cosmo-row-lg-75 {width: 76%;overflow: hidden;clear: both;}
  .cosmo-row-lg-50 {width: 51%;overflow: hidden;clear: both;}
  .cosmo-row-lg-25 {width: 26%;overflow: hidden;clear: both;}
  .cosmo-row-lg-0 {display: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-col-lg-0 {display: none;}
  
  .cosmo-col-lg-1 {width: 8.33%;margin-right: 1%;}
  .cosmo-col-lg-1.cosmo-columns-lg-2, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-2 {width: calc(8.33% - 0.5%);}
  .cosmo-col-lg-1.cosmo-columns-lg-3, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-3 {width: calc(8.33% - 0.67%);}
  .cosmo-col-lg-1.cosmo-columns-lg-4, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-4 {width: calc(8.33% - 0.75%);}
  .cosmo-col-lg-1.cosmo-columns-lg-5, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-5 {width: calc(8.33% - 0.8%);}
  .cosmo-col-lg-1.cosmo-columns-lg-6, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-6 {width: calc(8.33% - 0.83%);}
  .cosmo-col-lg-1-nm {width: 8.33%;margin-right: 0;float: right;}
  .cosmo-col-lg-1-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-1-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-1-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-1-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-2 {width: 16.7%;margin-right: 1%;}
  .cosmo-col-lg-2.cosmo-columns-lg-2, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-2 {width: calc(16.67% - 0.5%);}
  .cosmo-col-lg-2.cosmo-columns-lg-3, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-3 {width: calc(16.67% - 0.67%);}
  .cosmo-col-lg-2.cosmo-columns-lg-4, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-4 {width: calc(16.67% - 0.75%);}
  .cosmo-col-lg-2.cosmo-columns-lg-5,
  .cosmo-col-lg-2-nm.cosmo-columns-lg-5 {width: calc(16.67% - 0.8%);}
  .cosmo-col-lg-2.cosmo-columns-lg-6, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-6 {width: calc(16.67% - 0.83%);}
  .cosmo-col-lg-2-nm {width: 16.7%;margin-right: 0;float: right;}
  .cosmo-col-lg-2-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-2-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-2-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-2-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-3 {width: 25%;margin-right: 1%;}
  .cosmo-col-lg-3.cosmo-columns-lg-2, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-2 {width: calc(25% - 0.5%);}
  .cosmo-col-lg-3.cosmo-columns-lg-3, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-3 {width: calc(25% - 0.67%);}
  .cosmo-col-lg-3.cosmo-columns-lg-4, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-4 {width: calc(25% - 0.75%);}
  .cosmo-col-lg-3.cosmo-columns-lg-5, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-5 {width: calc(25% - 0.8%);}
  .cosmo-col-lg-3.cosmo-columns-lg-6, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-6 {width: calc(25% - 0.83%);}
  .cosmo-col-lg-3-nm {width: 25%;margin-right: 0;float: right;}
  .cosmo-col-lg-3-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-3-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-3-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-3-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}

  .cosmo-col-lg-4 {width: 33.33%;margin-right: 1%;}
  .cosmo-col-lg-4.cosmo-columns-lg-2, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-2 {width: calc(33.33% - 0.5%);}
  .cosmo-col-lg-4.cosmo-columns-lg-3, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-3 {width: calc(33.33% - 0.67%);}
  .cosmo-col-lg-4.cosmo-columns-lg-4, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-4 {width: calc(33.33% - 0.75%);}
  .cosmo-col-lg-4.cosmo-columns-lg-5, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-5 {width: calc(33.33% - 0.8%);}
  .cosmo-col-lg-4.cosmo-columns-lg-6, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-6 {width: calc(33.33% - 0.83%);}
  .cosmo-col-lg-4-nm {width: 33.33%;margin-right: 0;float: right;}
  .cosmo-col-lg-4-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-4-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-4-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-4-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}

  .cosmo-col-lg-5 {width: 41.67%;margin-right: 1%;}
  .cosmo-col-lg-5.cosmo-columns-lg-2, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-2 {width: calc(41.67% - 0.5%);}
  .cosmo-col-lg-5.cosmo-columns-lg-3, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-3 {width: calc(41.67% - 0.67%);}
  .cosmo-col-lg-5.cosmo-columns-lg-4, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-4 {width: calc(41.67% - 0.75%);}
  .cosmo-col-lg-5.cosmo-columns-lg-5, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-5 {width: calc(41.67% - 0.8%);}
  .cosmo-col-lg-5.cosmo-columns-lg-6, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-6 {width: calc(41.67% - 0.83%);}
  .cosmo-col-lg-5-nm {width: 41.67%;margin-right: 0;float: right;}
  .cosmo-col-lg-5-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-5-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-5-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-5-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-6 {width: 50%;margin-right: 1%;}
  .cosmo-col-lg-6.cosmo-columns-lg-2, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-2 {width: calc(50% - 0.5%);}
  .cosmo-col-lg-6.cosmo-columns-lg-3, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-3 {width: calc(50% - 0.67%);}
  .cosmo-col-lg-6.cosmo-columns-lg-4, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-4 {width: calc(50% - 0.75%);}
  .cosmo-col-lg-6.cosmo-columns-lg-5, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-5 {width: calc(50% - 0.8%);}
  .cosmo-col-lg-6.cosmo-columns-lg-6, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-6 {width: calc(50% - 0.83%);}
  .cosmo-col-lg-6-nm {width: 50%;margin-right: 0;float: right;}
  .cosmo-col-lg-6-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-6-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-6-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-6-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
    
  .cosmo-col-lg-7 {width: 58.33%;margin-right: 1%;}
  .cosmo-col-lg-7.cosmo-columns-lg-2, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-2 {width: calc(58.33% - 0.5%);}
  .cosmo-col-lg-7.cosmo-columns-lg-3, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-3 {width: calc(58.33% - 0.67%);}
  .cosmo-col-lg-7.cosmo-columns-lg-4, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-4 {width: calc(58.33% - 0.75%);}
  .cosmo-col-lg-7.cosmo-columns-lg-5, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-5 {width: calc(58.33% - 0.8%);}
  .cosmo-col-lg-7.cosmo-columns-lg-6, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-6 {width: calc(58.33% - 0.83%);}
  .cosmo-col-lg-7-nm {width: 58.33%;margin-right: 0;float: right;}
  .cosmo-col-lg-7-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-7-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-7-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-7-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-8 {width: 66.67%;margin-right: 1%;}
  .cosmo-col-lg-8.cosmo-columns-lg-2, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-2 {width: calc(66.67% - 0.5%);}
  .cosmo-col-lg-8.cosmo-columns-lg-3, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-3 {width: calc(66.67% - 0.67%);}
  .cosmo-col-lg-8.cosmo-columns-lg-4, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-4 {width: calc(66.67% - 0.75%);}
  .cosmo-col-lg-8.cosmo-columns-lg-5, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-5 {width: calc(66.67% - 0.8%);}
  .cosmo-col-lg-8.cosmo-columns-lg-6, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-6 {width: calc(66.67% - 0.83%);}
  .cosmo-col-lg-8-nm {width: 66.67%;margin-right: 0;float: right;}
  .cosmo-col-lg-8-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-8-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-8-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-8-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}

  .cosmo-col-lg-9 {width: 75%;margin-right: 1%;}
  .cosmo-col-lg-9.cosmo-columns-lg-2, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-2 {width: calc(75% - 0.5%);}
  .cosmo-col-lg-9.cosmo-columns-lg-3, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-3 {width: calc(75% - 0.67%);}
  .cosmo-col-lg-9.cosmo-columns-lg-4, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-4 {width: calc(75% - 0.75%);}
  .cosmo-col-lg-9.cosmo-columns-lg-5, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-5 {width: calc(75% - 0.8%);}
  .cosmo-col-lg-9.cosmo-columns-lg-6, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-6 {width: calc(75% - 0.83%);}
  .cosmo-col-lg-9-nm {width: 75%;margin-right: 0;float: right;}
  .cosmo-col-lg-9-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-9-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-9-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-9-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}

  .cosmo-col-lg-10 {width: 83.33%;margin-right: 1%;}
  .cosmo-col-lg-10.cosmo-columns-lg-2, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-2 {width: calc(83.33% - 0.5%);}
  .cosmo-col-lg-10.cosmo-columns-lg-3, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-3 {width: calc(83.33% - 0.67%);}
  .cosmo-col-lg-10.cosmo-columns-lg-4, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-4 {width: calc(83.33% - 0.75%);}
  .cosmo-col-lg-10.cosmo-columns-lg-5, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-5 {width: calc(83.33% - 0.8%);}
  .cosmo-col-lg-10.cosmo-columns-lg-6, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-6 {width: calc(83.33% - 0.83%);}
  .cosmo-col-lg-10-nm {width: 83.33%;margin-right: 0;float: right;}
  .cosmo-col-lg-10-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-10-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-10-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-10-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-11 {width: 91.67%;margin-right: 1%;}
  .cosmo-col-lg-11.cosmo-columns-lg-2, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-2 {width: calc(91.67% - 0.5%);}
  .cosmo-col-lg-11.cosmo-columns-lg-3, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-3 {width: calc(91.67% - 0.67%);}
  .cosmo-col-lg-11.cosmo-columns-lg-4, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-4 {width: calc(91.67% - 0.75%);}
  .cosmo-col-lg-11.cosmo-columns-lg-5, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-5 {width: calc(91.67% - 0.8%);}
  .cosmo-col-lg-11.cosmo-columns-lg-6, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-6 {width: calc(91.67% - 0.83%);}
  .cosmo-col-lg-11-nm {width: 91.67%;margin-right: 0;float: right;}
  .cosmo-col-lg-11-nm.cosmo-columns-lg-2, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-3, 
  .cosmo-col-lg-11-nm.cosmo-columns-lg-4,
  .cosmo-col-lg-11-nm.cosmo-columns-lg-5,
  .cosmo-col-lg-11-nm.cosmo-columns-lg-6 {margin-right: 0;float: right;}
  
  .cosmo-col-lg-12 {width: 100%}
  
  .cosmo-float {float: left;}
  
  .articlePreview:nth-of-type(3n+3),
  .articlePreviewSmall:nth-of-type(4n+4),
  .categoryPreview:nth-of-type(3n+3),
  .basketCrossSellingColumn:nth-of-type(3n+3),
  .liveshoppingCalenderArticle:nth-of-type(4n+4) {margin-right: 0;float: right;}
  
  /*PAYMENTS BASKET = 2 COUNT*/
  .paymentsRow .cosmo-col-lg-6:nth-of-type(2n+2) {margin-right: 0px;float: right;}
  /* ---------------------------------------------------------------------------------------------------*/
}
/* ---------------------- iPads (landscape) -------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
  /*------------ CONTENT LAYOUT --------------------------------------------------------------------*/
  .content {float: right;width: 78%;}
  .left {float: left;width: 20%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /*------------ SONSTIGES ------------------------------------------------------------------------*/
  .fastMobileNavi {padding: 6px;}
  .defaultMenuStatus {display: none;}
  #categoriesTop > ul > li.area-vertical {display: none;}
  .blogListing .blogListingItem .blogPic {flex: 0 0 29%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 69%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /*------------ VORSCHALTLOGIN ----------------------------------------------------------------*/
  .loginpagebody #login, .loginpagebody .header {max-width: 50%;}
  /* -------------------------------------------------------------------------------------------*/

  /* ----------- WARENKORB TABLES --------------------------------------------------------------*/
  .cartTablePicture {width: 13%;}
  .cartTableName {width: 26%;}
  .cartTableArticleId {width: 15%;}
  .cartTableAmount {width: 22%;}
  .cartTableAmount input {width: 50%;}
  .cartTableSinglePrice {width: 11.5%;}
  .cartTablePrice {width: 10.5%;}
  .cartTableDelete {width: 2%;}
  .cartTableFloat {float: left;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- FOOTER -----------------------------------------------------------------------------*/
  footer .footerColumn {width: calc(25% - 8px);margin-right: 8px;float: left;}
  footer .footerColumn:last-of-type {width: 25%;margin-right: 0px;float: right;}
  footer .footerLeftBox {width: 25%; float: left;}
  footer .footerRightBox {width: 75%; float: right;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-row-tb-la-100 {width: 100%;overflow: hidden;clear: both;}
  .cosmo-row-tb-la-75 {width: 76%;overflow: hidden;clear: both;}
  .cosmo-row-tb-la-50 {width: 51%;overflow: hidden;clear: both;}
  .cosmo-row-tb-la-25 {width: 26%;overflow: hidden;clear: both;}
  .cosmo-row-tb-la-0 {display: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-col-tb-la-0 {display: none;}
  
  .cosmo-col-tb-la-1 {width: 8.33%;margin-right: 1%;}
  .cosmo-col-tb-la-1.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-2 {width: calc(8.33% - 0.5%);}
  .cosmo-col-tb-la-1.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-3 {width: calc(8.33% - 0.67%);}
  .cosmo-col-tb-la-1.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-4 {width: calc(8.33% - 0.75%);}
  .cosmo-col-tb-la-1.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-5 {width: calc(8.33% - 0.8%);}
  .cosmo-col-tb-la-1.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-6 {width: calc(8.33% - 0.83%);}
  .cosmo-col-tb-la-1-nm {width: 8.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-1-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-2 {width: 16.7%;margin-right: 1%;}
  .cosmo-col-tb-la-2.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-2 {width: calc(16.67% - 0.5%);}
  .cosmo-col-tb-la-2.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-3 {width: calc(16.67% - 0.67%);}
  .cosmo-col-tb-la-2.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-4 {width: calc(16.67% - 0.75%);}
  .cosmo-col-tb-la-2.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-5 {width: calc(16.67% - 0.8%);}
  .cosmo-col-tb-la-2.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-6 {width: calc(16.67% - 0.83%);}
  .cosmo-col-tb-la-2-nm {width: 16.7%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-2-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-3 {width: 25%;margin-right: 1%;}
  .cosmo-col-tb-la-3.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-2 {width: calc(25% - 0.5%);}
  .cosmo-col-tb-la-3.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-3 {width: calc(25% - 0.67%);}
  .cosmo-col-tb-la-3.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-4 {width: calc(25% - 0.75%);}
  .cosmo-col-tb-la-3.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-5 {width: calc(25% - 0.8%);}
  .cosmo-col-tb-la-3.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-6 {width: calc(25% - 0.83%);}
  .cosmo-col-tb-la-3-nm {width: 25%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-3-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-la-4 {width: 33.33%;margin-right: 1%;}
  .cosmo-col-tb-la-4.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-2 {width: calc(33.33% - 0.5%);}
  .cosmo-col-tb-la-4.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-3 {width: calc(33.33% - 0.67%);}
  .cosmo-col-tb-la-4.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-4 {width: calc(33.33% - 0.75%);}
  .cosmo-col-tb-la-4.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-5 {width: calc(33.33% - 0.8%);}
  .cosmo-col-tb-la-4.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-6 {width: calc(33.33% - 0.83%);}
  .cosmo-col-tb-la-4-nm {width: 33.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-4-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-la-5 {width: 41.67%;margin-right: 1%;}
  .cosmo-col-tb-la-5.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-2 {width: calc(41.67% - 0.5%);}
  .cosmo-col-tb-la-5.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-3 {width: calc(41.67% - 0.67%);}
  .cosmo-col-tb-la-5.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-4 {width: calc(41.67% - 0.75%);}
  .cosmo-col-tb-la-5.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-5 {width: calc(41.67% - 0.8%);}
  .cosmo-col-tb-la-5.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-6 {width: calc(41.67% - 0.83%);}
  .cosmo-col-tb-la-5-nm {width: 41.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-5-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-6 {width: 50%;margin-right: 1%;}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-2 {width: calc(50% - 0.5%);}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-3 {width: calc(50% - 0.67%);}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-4 {width: calc(50% - 0.75%);}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-5 {width: calc(50% - 0.8%);}
  .cosmo-col-tb-la-6.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-6 {width: calc(50% - 0.83%);}
  .cosmo-col-tb-la-6-nm {width: 50%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-6-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
    
  .cosmo-col-tb-la-7 {width: 58.33%;margin-right: 1%;}
  .cosmo-col-tb-la-7.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-2 {width: calc(58.33% - 0.5%);}
  .cosmo-col-tb-la-7.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-3 {width: calc(58.33% - 0.67%);}
  .cosmo-col-tb-la-7.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-4 {width: calc(58.33% - 0.75%);}
  .cosmo-col-tb-la-7.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-5 {width: calc(58.33% - 0.8%);}
  .cosmo-col-tb-la-7.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-6 {width: calc(58.33% - 0.83%);}
  .cosmo-col-tb-la-7-nm {width: 58.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-7-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-8 {width: 66.67%;margin-right: 1%;}
  .cosmo-col-tb-la-8.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-2 {width: calc(66.67% - 0.5%);}
  .cosmo-col-tb-la-8.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-3 {width: calc(66.67% - 0.67%);}
  .cosmo-col-tb-la-8.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-4 {width: calc(66.67% - 0.75%);}
  .cosmo-col-tb-la-8.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-5 {width: calc(66.67% - 0.8%);}
  .cosmo-col-tb-la-8.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-6 {width: calc(66.67% - 0.83%);}
  .cosmo-col-tb-la-8-nm {width: 66.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-8-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-la-9 {width: 75%;margin-right: 1%;}
  .cosmo-col-tb-la-9.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-2 {width: calc(75% - 0.5%);}
  .cosmo-col-tb-la-9.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-3 {width: calc(75% - 0.67%);}
  .cosmo-col-tb-la-9.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-4 {width: calc(75% - 0.75%);}
  .cosmo-col-tb-la-9.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-5 {width: calc(75% - 0.8%);}
  .cosmo-col-tb-la-9.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-6 {width: calc(75% - 0.83%);}
  .cosmo-col-tb-la-9-nm {width: 75%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-9-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-la-10 {width: 83.33%;margin-right: 1%;}
  .cosmo-col-tb-la-10.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-2 {width: calc(83.33% - 0.5%);}
  .cosmo-col-tb-la-10.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-3 {width: calc(83.33% - 0.67%);}
  .cosmo-col-tb-la-10.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-4 {width: calc(83.33% - 0.75%);}
  .cosmo-col-tb-la-10.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-5 {width: calc(83.33% - 0.8%);}
  .cosmo-col-tb-la-10.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-6 {width: calc(83.33% - 0.83%);}
  .cosmo-col-tb-la-10-nm {width: 83.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-10-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-11 {width: 91.67%;margin-right: 1%;}
  .cosmo-col-tb-la-11.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-2 {width: calc(91.67% - 0.5%);}
  .cosmo-col-tb-la-11.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-3 {width: calc(91.67% - 0.67%);}
  .cosmo-col-tb-la-11.cosmo-columns-tb-la-4, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-4 {width: calc(91.67% - 0.75%);}
  .cosmo-col-tb-la-11.cosmo-columns-tb-la-5, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-5 {width: calc(91.67% - 0.8%);}
  .cosmo-col-tb-la-11.cosmo-columns-tb-la-6, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-6 {width: calc(91.67% - 0.83%);}
  .cosmo-col-tb-la-11-nm {width: 91.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-2, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-3, 
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-4,
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-5,
  .cosmo-col-tb-la-11-nm.cosmo-columns-tb-la-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-la-12 {width: 100%}
  
  .cosmo-float {float: left;}
  
  .articlePreview:nth-of-type(3n+3),
  .articlePreviewSmall:nth-of-type(4n+4),
  .categoryPreview:nth-of-type(3n+3),
  .basketCrossSellingColumn:nth-of-type(3n+3),
  .liveshoppingCalenderArticle:nth-of-type(4n+4) {margin-right: 0;float: right;}
  
  /*PAYMENTS BASKET = 2 COUNT*/
  .paymentsRow .cosmo-col-tb-la-6:nth-of-type(2n+2) {margin-right: 0px;float: right;}
  /* ---------------------------------------------------------------------------------------------------*/
  
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  /*------------ CONTENT LAYOUT ------------------------------------------------------------------*/
  .content {width: 100%;}
  .left {display: none;width: 0px;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /*------------ VORSCHALTLOGIN ----------------------------------------------------------------*/
  .loginpagebody #login, .loginpagebody .header {max-width: 85%;}
  /* -------------------------------------------------------------------------------------------*/

  /*------------ SONSTIGES -------------------------------------------------------------------------*/
  #searchBar {margin-top: 26px;width: 100%;}
  #searchBar .searcharea {width: calc(50% - 10px);margin-right: 10px;}
  #searchBar .searchentry {width: 50%;margin-right: 0px;}
  #searchBar #search .searchsubmit {width: 100%;margin-top: 5px;}
  .changeListBox {display: none;}
  #cart a {float: none;}
  .openBasket {display: none;}
  #quickLinks ul li {float: none;width: 100%;text-align: center;}
  #quickLinks {float: none;}
  #statusbar{display: none;}
  #quickLinks {display: none;}
  .fastMobileNavi {display: block;}
  
  .defaultMenuStatus > ul > li.area-vertical, #categoriesMegaMenu > ul > li.area-vertical {display: block;}
  .defaultMenuStatus {display: block;}
  #categoriesMegaMenu {display: none;}

  #cart {display: none;}
  
  #infoblock #logo img {max-width: 200px;width: 100%;}
  #infoblock > #logo {margin: 0;}

  .blogListing .blogListingItem .blogPic {flex: 0 0 30%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 68%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- WARENKORB TABLES --------------------------------------------------------------*/
  .cartTablePicture {width: 13%;}
  .cartTableName {width: 26%;}
  .cartTableArticleId {width: 15%;}
  .cartTableAmount {width: 22%;}
  .cartTableAmount input {width: 50%;}
  .cartTableSinglePrice {width: 11.5%;}
  .cartTablePrice {width: 10.5%;}
  .cartTableDelete {width: 2%;}
  .cartTableFloat {float: left;}
  /* --------------------------------------------------------------------------------------------------*/
  
  /* ----------- FOOTER ----------------------------------------------------------------------------*/
  footer .footerColumn {width: 100%; margin-right: 0px;margin-bottom: 25px;}
  footer .footerLeftBox {width: 50%; float: left;}
  footer .footerRightBox {width: 50%; float: right;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-row-tb-po-100 {width: 100%;overflow: hidden;clear: both;}
  .cosmo-row-tb-po-75 {width: 76%;overflow: hidden;clear: both;}
  .cosmo-row-tb-po-50 {width: 51%;overflow: hidden;clear: both;}
  .cosmo-row-tb-po-25 {width: 26%;overflow: hidden;clear: both;}
  .cosmo-row-tb-po-0 {display: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-col-tb-po-0 {display: none;}
  
  .cosmo-col-tb-po-1 {width: 8.33%;margin-right: 1%;}
  .cosmo-col-tb-po-1.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-2 {width: calc(8.33% - 0.5%);}
  .cosmo-col-tb-po-1.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-3 {width: calc(8.33% - 0.67%);}
  .cosmo-col-tb-po-1.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-4 {width: calc(8.33% - 0.75%);}
  .cosmo-col-tb-po-1.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-5 {width: calc(8.33% - 0.8%);}
  .cosmo-col-tb-po-1.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-6 {width: calc(8.33% - 0.83%);}
  .cosmo-col-tb-po-1-nm {width: 8.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-1-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-2 {width: 16.7%;margin-right: 1%;}
  .cosmo-col-tb-po-2.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-2 {width: calc(16.67% - 0.5%);}
  .cosmo-col-tb-po-2.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-3 {width: calc(16.67% - 0.67%);}
  .cosmo-col-tb-po-2.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-4 {width: calc(16.67% - 0.75%);}
  .cosmo-col-tb-po-2.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-5 {width: calc(16.67% - 0.8%);}
  .cosmo-col-tb-po-2.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-6 {width: calc(16.67% - 0.83%);}
  .cosmo-col-tb-po-2-nm {width: 16.7%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-2-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-3 {width: 25%;margin-right: 1%;}
  .cosmo-col-tb-po-3.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-2 {width: calc(25% - 0.5%);}
  .cosmo-col-tb-po-3.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-3 {width: calc(25% - 0.67%);}
  .cosmo-col-tb-po-3.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-4 {width: calc(25% - 0.75%);}
  .cosmo-col-tb-po-3.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-5 {width: calc(25% - 0.8%);}
  .cosmo-col-tb-po-3.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-6 {width: calc(25% - 0.83%);}
  .cosmo-col-tb-po-3-nm {width: 25%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-3-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-po-4 {width: 33.33%;margin-right: 1%;}
  .cosmo-col-tb-po-4.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-2 {width: calc(33.33% - 0.5%);}
  .cosmo-col-tb-po-4.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-3 {width: calc(33.33% - 0.67%);}
  .cosmo-col-tb-po-4.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-4 {width: calc(33.33% - 0.75%);}
  .cosmo-col-tb-po-4.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-5 {width: calc(33.33% - 0.8%);}
  .cosmo-col-tb-po-4.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-6 {width: calc(33.33% - 0.83%);}
  .cosmo-col-tb-po-4-nm {width: 33.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-4-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-po-5 {width: 41.67%;margin-right: 1%;}
  .cosmo-col-tb-po-5.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-2 {width: calc(41.67% - 0.5%);}
  .cosmo-col-tb-po-5.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-3 {width: calc(41.67% - 0.67%);}
  .cosmo-col-tb-po-5.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-4 {width: calc(41.67% - 0.75%);}
  .cosmo-col-tb-po-5.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-5 {width: calc(41.67% - 0.8%);}
  .cosmo-col-tb-po-5.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-6 {width: calc(41.67% - 0.83%);}
  .cosmo-col-tb-po-5-nm {width: 41.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-5-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-6 {width: 50%;margin-right: 1%;}
  .cosmo-col-tb-po-6.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-2 {width: calc(50% - 0.5%);}
  .cosmo-col-tb-po-6.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-3 {width: calc(50% - 0.67%);}
  .cosmo-col-tb-po-6.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-4 {width: calc(50% - 0.75%);}
  .cosmo-col-tb-po-6.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-5 {width: calc(50% - 0.8%);}
  .cosmo-col-tb-po-6.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-6 {width: calc(50% - 0.83%);}
  .cosmo-col-tb-po-6-nm {width: 50%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-6-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
    
  .cosmo-col-tb-po-7 {width: 58.33%;margin-right: 1%;}
  .cosmo-col-tb-po-7.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-2 {width: calc(58.33% - 0.5%);}
  .cosmo-col-tb-po-7.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-3 {width: calc(58.33% - 0.67%);}
  .cosmo-col-tb-po-7.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-4 {width: calc(58.33% - 0.75%);}
  .cosmo-col-tb-po-7.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-5 {width: calc(58.33% - 0.8%);}
  .cosmo-col-tb-po-7.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-6 {width: calc(58.33% - 0.83%);}
  .cosmo-col-tb-po-7-nm {width: 58.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-7-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-8 {width: 66.67%;margin-right: 1%;}
  .cosmo-col-tb-po-8.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-2 {width: calc(66.67% - 0.5%);}
  .cosmo-col-tb-po-8.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-3 {width: calc(66.67% - 0.67%);}
  .cosmo-col-tb-po-8.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-4 {width: calc(66.67% - 0.75%);}
  .cosmo-col-tb-po-8.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-5 {width: calc(66.67% - 0.8%);}
  .cosmo-col-tb-po-8.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-6 {width: calc(66.67% - 0.83%);}
  .cosmo-col-tb-po-8-nm {width: 66.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-8-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-po-9 {width: 75%;margin-right: 1%;}
  .cosmo-col-tb-po-9.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-2 {width: calc(75% - 0.5%);}
  .cosmo-col-tb-po-9.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-3 {width: calc(75% - 0.67%);}
  .cosmo-col-tb-po-9.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-4 {width: calc(75% - 0.75%);}
  .cosmo-col-tb-po-9.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-5 {width: calc(75% - 0.8%);}
  .cosmo-col-tb-po-9.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-6 {width: calc(75% - 0.83%);}
  .cosmo-col-tb-po-9-nm {width: 75%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-9-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}

  .cosmo-col-tb-po-10 {width: 83.33%;margin-right: 1%;}
  .cosmo-col-tb-po-10.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-2 {width: calc(83.33% - 0.5%);}
  .cosmo-col-tb-po-10.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-3 {width: calc(83.33% - 0.67%);}
  .cosmo-col-tb-po-10.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-4 {width: calc(83.33% - 0.75%);}
  .cosmo-col-tb-po-10.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-5 {width: calc(83.33% - 0.8%);}
  .cosmo-col-tb-po-10.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-6 {width: calc(83.33% - 0.83%);}
  .cosmo-col-tb-po-10-nm {width: 83.33%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-10-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-11 {width: 91.67%;margin-right: 1%;}
  .cosmo-col-tb-po-11.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-2 {width: calc(91.67% - 0.5%);}
  .cosmo-col-tb-po-11.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-3 {width: calc(91.67% - 0.67%);}
  .cosmo-col-tb-po-11.cosmo-columns-tb-po-4, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-4 {width: calc(91.67% - 0.75%);}
  .cosmo-col-tb-po-11.cosmo-columns-tb-po-5, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-5 {width: calc(91.67% - 0.8%);}
  .cosmo-col-tb-po-11.cosmo-columns-tb-po-6, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-6 {width: calc(91.67% - 0.83%);}
  .cosmo-col-tb-po-11-nm {width: 91.67%;margin-right: 0;float: right;}
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-2, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-3, 
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-4,
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-5,
  .cosmo-col-tb-po-11-nm.cosmo-columns-tb-po-6 {margin-right: 0;float: right;}
  
  .cosmo-col-tb-po-12 {width: 100%}
  
  .cosmo-float {float: left;}
  
  .articlePreview:nth-of-type(3n+3),
  .articlePreviewSmall:nth-of-type(4n+4),
  .categoryPreview:nth-of-type(3n+3),
  .basketCrossSellingColumn:nth-of-type(3n+3),
  .liveshoppingCalenderArticle:nth-of-type(3n+3) {margin-right: 0;float: right;}
  
  /*PAYMENTS BASKET = 3 COUNT*/
  .paymentsRow .cosmo-col-tb-po-6:nth-of-type(2n+2) {margin-right: 0px;float: right;}
  /* --------------------------------------------------------------------------------------------------*/
}

/* ---------------------- Smartphones -------------------------------------------- */
@media only screen and (min-width : 220px) and (max-width : 767px) {
  /*------------ CONTENT LAYOUT -----------------------------------------------------------------*/
  .content {width: 100%;float:none;}
  .left {display: none;width: 0px;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /*------------ VORSCHALTLOGIN ----------------------------------------------------------------*/
  .loginpagebody #login, .loginpagebody .header {max-width: 85%;}
  /* -------------------------------------------------------------------------------------------*/
  
  /*------------ SONSTIGES ------------------------------------------------------------------------*/
  #cart a {float: none;margin-right: 0px;}
  #cart {display: none;}
  
  #sprachumschaltung {position: absolute;right: 0;z-index: 20015;margin-top: -28px;}
  #sprachumschaltung img {margin-right: 8px;}
  
  #tabs {display:block;}
  
  #categoriesMegaMenu {display: none;}
  .defaultMenuStatus > ul > li.area-vertical, #categoriesMegaMenu > ul > li.area-vertical {display: block;}
  .defaultMenuStatus {display: block;}
  
  .addMenuBottom .addMenu {display: block;}
  .addMenuTop .addMenu {display: none;}
  
  #rubrik_header .beschreibung h1 {font-size: 1.2em;}
  #tabs .tabs > label {width: 50%;}
  #tabs .tabs > label:nth-child(2n+3) {border: none;}
  .articleDetail .articleRightBox, .articleDetail .articleLeftBox {width: 100%;}
  #searchBar {margin-top: 26px;width: 100%;}
  #searchBar #welcome {width: 100%; float: none;}
  #searchBar #search {width: 100%; float: none;}
  #searchBar #search, #searchBar #search .searchtag, #searchBar #search .searcharea, #searchBar #search .searchentry {width: 100%;}
  #searchBar #search .searchsubmit {width: 100%;}
  #searchBar .searchsubmit input {margin: 0px;}
  #header {overflow: hidden;}
  .liveshoppingDigits, .liveshoppingPicture, .liveshoppingDescription {width: 100%;}
  #quickLinks {display: none;}
  .fastMobileNavi {display: block;}
  .slider-wrapper {display: none;}
  .cart-btn.font-1 {font-size: 12px;}
  .loginRow {width: 100%;}
  .newCustomer {width: 100%;}
  .newCustomerBlockHalf {width: 100%;}
  #searchBar {width: 100%;margin-top: 0px;margin-bottom: 0px;}
  #searchBar .searcharea {width: 100%;margin-right: 0px;}
  #searchBar .searchentry {width: 100%;margin-right: 0px;margin-top: 5px;}
  #searchBar #search .searchsubmit {width: 100%;margin-top: 5px;}
  #quickLinks ul li a{padding: 2px; width: 100%;}
  #quickLinks ul li:hover {border-bottom: 0px solid #fff;}
  input, textarea, select {font-size: 16px;} //-webkit-appearance: none;
  .paginationBtn {margin-right: 0px;width: 100%;}
  #infoblock .zusatz-container{border-width: 0px;}
  .font-3 {font-size: 37px;}
  .dash {  height: 70px;}
  .liveshoppingDescription {padding-left: 0px;}
  #tabs > .tabs {border-right: 0px solid #aaa;width: 100%;}
  #tabs > .tabs:first-of-type {border-left: 0px solid #dadadd;}
  #wrapper #tabs > .tabs > span {padding: 8px;}
  .changeListBox {display: none;}
  .articlepager, .articlecount, .articlesort {float: none;overflow: hidden;text-align: center;width: 100%;margin-bottom: 3px;}
  #cart a {float: none;}
  .openBasket {display: none;}
  #quickLinks ul li {float: none;width: 100%;text-align: center;}
  #quickLinks {float: none;}
  #statusbar{display: none;}
  .basketMobileNavi {display: block;margin: 10px 0px;}
  #shortnav {display: none;}
  #searchbar {display: none;}
  .ui-dialog {width: 100% !important;}
  .filterSingleBox {float: none;width: 100%;}
  #wk_add_layer .clickedArticle {width: 100%;}
  
  .listpager .sortOption {margin: 0px;}
  .listpager .articlepager .listpagerButtonBack {display: none;}
  .listpager .articlepager .listpagerButtonNext {display: none;}
  
  .articlePreview .compareBox {display: none;}
  
  #infoblock #logo img {max-width: 130px;width: 100%;}
  #infoblock > #logo {margin: 0;}

  .blogListing .blogListingItem {flex: 0 0 100%;}
  .blogListing.horizontal .blogListingItem {flex: 0 0 100%;}
  .blogListing .blogListingItem .blogText {max-height: 44px;}

  .blogListing .blogListingItem .blogPic {flex: 0 0 30%;}
  .blogListing .blogListingItem .blogContent {flex: 0 0 68%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- FOOTER -----------------------------------------------------------------------------*/
  footer .footerColumn {width: 100%; margin-right: 0px;margin-bottom: 25px;}
  footer .footerColumn:last-of-type {float: none;margin-right: 0;width: 100%;}
  footer .footerRightBox {width: 100%;}
  footer .footerLeftBox {width: 100%; float: none;}
  footer .footerRightBox {width: 100%; float: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- WARENKORB TABLES --------------------------------------------------------------*/
  .cartTablePicture {width: 30%;margin-bottom: 5px;}
  .cartTableOneBox {overflow: hidden; width: 70%; float: left;}
  .cartTableName {width: 100%;margin-bottom: 5px;}
  .cartTableArticleId {width: 100%;clear:both;margin-bottom: 5px;}
  .cartTableAmount {width: 100%;margin-bottom: 5px;}
  .cartTableAmount input {width: 100%;padding: 3px;}
  .cartTableSinglePrice {width: 100%;clear:both;margin-bottom: 5px;}
  #bestellschritt_1 .addText, #basketTable .addText {display: block;float: left; margin-right: 5px;width: 45%;}
  .cartTablePrice {width: 100%;margin-bottom: 5px;}
  .cartTableDelete {width: 100%;clear:both;}
  .cartTableFloat {float: left;}
  #bestellschritt_1 .cartTableBoxHeader, .basketStep5 .cartTableBoxHeader{display: none;}
/* .cartTableBox:first-of-type {border-width: 1px;} */ /* Anpassung Druckkostenkalkulator */
  #bestellschritt_1 #gutschein_eingabe {padding: 2px;width: 80%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- WARENKORB ALLGEMEIN ----------------------------------------------------------*/
  #infoblock #trustedShops {display: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- WARENKORB BESTELLSCHRITT 1 ------------------------------------------------*/
  #bestellschritt_1 .backToShopping {float: none;}
  #bestellschritt_1 .backToShopping div {width: 100%;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-row-sp-100 {width: 100%;overflow: hidden;clear: both;}
  .cosmo-row-sp-75 {width: 76%;overflow: hidden;clear: both;}
  .cosmo-row-sp-50 {width: 51%;overflow: hidden;clear: both;}
  .cosmo-row-sp-25 {width: 26%;overflow: hidden;clear: both;}
  .cosmo-row-sp-0 {display: none;}
  /* ---------------------------------------------------------------------------------------------------*/
  
  /* ----------- COLUMNS ---------------------------------------------------------------------------*/
  .cosmo-col-sp-0 {display: none;}
  
  .cosmo-col-sp-1 {width: 8.33%;margin-right: 1%;}
  .cosmo-col-sp-1.cosmo-columns-sp-2, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-2 {width: calc(8.33% - 0.5%);}
  .cosmo-col-sp-1.cosmo-columns-sp-3, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-3 {width: calc(8.33% - 0.67%);}
  .cosmo-col-sp-1.cosmo-columns-sp-4, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-4 {width: calc(8.33% - 0.75%);}
  .cosmo-col-sp-1.cosmo-columns-sp-5, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-5 {width: calc(8.33% - 0.8%);}
  .cosmo-col-sp-1.cosmo-columns-sp-6, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-6 {width: calc(8.33% - 0.83%);}
  .cosmo-col-sp-1-nm {width: 8.33%;margin-right: 0;float: right;}
  .cosmo-col-sp-1-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-1-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-1-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-1-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-2 {width: 16.7%;margin-right: 1%;}
  .cosmo-col-sp-2.cosmo-columns-sp-2, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-2 {width: calc(16.67% - 0.5%);}
  .cosmo-col-sp-2.cosmo-columns-sp-3, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-3 {width: calc(16.67% - 0.67%);}
  .cosmo-col-sp-2.cosmo-columns-sp-4, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-4 {width: calc(16.67% - 0.75%);}
  .cosmo-col-sp-2.cosmo-columns-sp-5,
  .cosmo-col-sp-2-nm.cosmo-columns-sp-5 {width: calc(16.67% - 0.8%);}
  .cosmo-col-sp-2.cosmo-columns-sp-6, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-6 {width: calc(16.67% - 0.83%);}
  .cosmo-col-sp-2-nm {width: 16.7%;margin-right: 0;float: right;}
  .cosmo-col-sp-2-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-2-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-2-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-2-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-3 {width: 25%;margin-right: 1%;}
  .cosmo-col-sp-3.cosmo-columns-sp-2, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-2 {width: calc(25% - 0.5%);}
  .cosmo-col-sp-3.cosmo-columns-sp-3, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-3 {width: calc(25% - 0.67%);}
  .cosmo-col-sp-3.cosmo-columns-sp-4, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-4 {width: calc(25% - 0.75%);}
  .cosmo-col-sp-3.cosmo-columns-sp-5, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-5 {width: calc(25% - 0.8%);}
  .cosmo-col-sp-3.cosmo-columns-sp-6, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-6 {width: calc(25% - 0.83%);}
  .cosmo-col-sp-3-nm {width: 25%;margin-right: 0;float: right;}
  .cosmo-col-sp-3-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-3-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-3-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-3-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}

  .cosmo-col-sp-4 {width: 33.33%;margin-right: 1%;}
  .cosmo-col-sp-4.cosmo-columns-sp-2, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-2 {width: calc(33.33% - 0.5%);}
  .cosmo-col-sp-4.cosmo-columns-sp-3, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-3 {width: calc(33.33% - 0.67%);}
  .cosmo-col-sp-4.cosmo-columns-sp-4, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-4 {width: calc(33.33% - 0.75%);}
  .cosmo-col-sp-4.cosmo-columns-sp-5, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-5 {width: calc(33.33% - 0.8%);}
  .cosmo-col-sp-4.cosmo-columns-sp-6, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-6 {width: calc(33.33% - 0.83%);}
  .cosmo-col-sp-4-nm {width: 33.33%;margin-right: 0;float: right;}
  .cosmo-col-sp-4-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-4-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-4-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-4-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}

  .cosmo-col-sp-5 {width: 41.67%;margin-right: 1%;}
  .cosmo-col-sp-5.cosmo-columns-sp-2, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-2 {width: calc(41.67% - 0.5%);}
  .cosmo-col-sp-5.cosmo-columns-sp-3, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-3 {width: calc(41.67% - 0.67%);}
  .cosmo-col-sp-5.cosmo-columns-sp-4, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-4 {width: calc(41.67% - 0.75%);}
  .cosmo-col-sp-5.cosmo-columns-sp-5, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-5 {width: calc(41.67% - 0.8%);}
  .cosmo-col-sp-5.cosmo-columns-sp-6, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-6 {width: calc(41.67% - 0.83%);}
  .cosmo-col-sp-5-nm {width: 41.67%;margin-right: 0;float: right;}
  .cosmo-col-sp-5-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-5-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-5-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-5-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-6 {width: 50%;margin-right: 1%;}
  .cosmo-col-sp-6.cosmo-columns-sp-2, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-2 {width: calc(50% - 0.5%);}
  .cosmo-col-sp-6.cosmo-columns-sp-3, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-3 {width: calc(50% - 0.67%);}
  .cosmo-col-sp-6.cosmo-columns-sp-4, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-4 {width: calc(50% - 0.75%);}
  .cosmo-col-sp-6.cosmo-columns-sp-5, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-5 {width: calc(50% - 0.8%);}
  .cosmo-col-sp-6.cosmo-columns-sp-6, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-6 {width: calc(50% - 0.83%);}
  .cosmo-col-sp-6-nm {width: 50%;margin-right: 0;float: right;}
  .cosmo-col-sp-6-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-6-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-6-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-6-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
    
  .cosmo-col-sp-7 {width: 58.33%;margin-right: 1%;}
  .cosmo-col-sp-7.cosmo-columns-sp-2, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-2 {width: calc(58.33% - 0.5%);}
  .cosmo-col-sp-7.cosmo-columns-sp-3, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-3 {width: calc(58.33% - 0.67%);}
  .cosmo-col-sp-7.cosmo-columns-sp-4, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-4 {width: calc(58.33% - 0.75%);}
  .cosmo-col-sp-7.cosmo-columns-sp-5, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-5 {width: calc(58.33% - 0.8%);}
  .cosmo-col-sp-7.cosmo-columns-sp-6, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-6 {width: calc(58.33% - 0.83%);}
  .cosmo-col-sp-7-nm {width: 58.33%;margin-right: 0;float: right;}
  .cosmo-col-sp-7-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-7-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-7-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-7-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-8 {width: 66.67%;margin-right: 1%;}
  .cosmo-col-sp-8.cosmo-columns-sp-2, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-2 {width: calc(66.67% - 0.5%);}
  .cosmo-col-sp-8.cosmo-columns-sp-3, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-3 {width: calc(66.67% - 0.67%);}
  .cosmo-col-sp-8.cosmo-columns-sp-4, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-4 {width: calc(66.67% - 0.75%);}
  .cosmo-col-sp-8.cosmo-columns-sp-5, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-5 {width: calc(66.67% - 0.8%);}
  .cosmo-col-sp-8.cosmo-columns-sp-6, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-6 {width: calc(66.67% - 0.83%);}
  .cosmo-col-sp-8-nm {width: 66.67%;margin-right: 0;float: right;}
  .cosmo-col-sp-8-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-8-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-8-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-8-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}

  .cosmo-col-sp-9 {width: 75%;margin-right: 1%;}
  .cosmo-col-sp-9.cosmo-columns-sp-2, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-2 {width: calc(75% - 0.5%);}
  .cosmo-col-sp-9.cosmo-columns-sp-3, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-3 {width: calc(75% - 0.67%);}
  .cosmo-col-sp-9.cosmo-columns-sp-4, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-4 {width: calc(75% - 0.75%);}
  .cosmo-col-sp-9.cosmo-columns-sp-5, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-5 {width: calc(75% - 0.8%);}
  .cosmo-col-sp-9.cosmo-columns-sp-6, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-6 {width: calc(75% - 0.83%);}
  .cosmo-col-sp-9-nm {width: 75%;margin-right: 0;float: right;}
  .cosmo-col-sp-9-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-9-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-9-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-9-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}

  .cosmo-col-sp-10 {width: 83.33%;margin-right: 1%;}
  .cosmo-col-sp-10.cosmo-columns-sp-2, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-2 {width: calc(83.33% - 0.5%);}
  .cosmo-col-sp-10.cosmo-columns-sp-3, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-3 {width: calc(83.33% - 0.67%);}
  .cosmo-col-sp-10.cosmo-columns-sp-4, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-4 {width: calc(83.33% - 0.75%);}
  .cosmo-col-sp-10.cosmo-columns-sp-5, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-5 {width: calc(83.33% - 0.8%);}
  .cosmo-col-sp-10.cosmo-columns-sp-6, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-6 {width: calc(83.33% - 0.83%);}
  .cosmo-col-sp-10-nm {width: 83.33%;margin-right: 0;float: right;}
  .cosmo-col-sp-10-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-10-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-10-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-10-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-11 {width: 91.67%;margin-right: 1%;}
  .cosmo-col-sp-11.cosmo-columns-sp-2, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-2 {width: calc(91.67% - 0.5%);}
  .cosmo-col-sp-11.cosmo-columns-sp-3, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-3 {width: calc(91.67% - 0.67%);}
  .cosmo-col-sp-11.cosmo-columns-sp-4, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-4 {width: calc(91.67% - 0.75%);}
  .cosmo-col-sp-11.cosmo-columns-sp-5, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-5 {width: calc(91.67% - 0.8%);}
  .cosmo-col-sp-11.cosmo-columns-sp-6, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-6 {width: calc(91.67% - 0.83%);}
  .cosmo-col-sp-11-nm {width: 91.67%;margin-right: 0;float: right;}
  .cosmo-col-sp-11-nm.cosmo-columns-sp-2, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-3, 
  .cosmo-col-sp-11-nm.cosmo-columns-sp-4,
  .cosmo-col-sp-11-nm.cosmo-columns-sp-5,
  .cosmo-col-sp-11-nm.cosmo-columns-sp-6 {margin-right: 0;float: right;}
  
  .cosmo-col-sp-12 {width: 100%}
  
  .cosmo-float {float: left;}
  
  .cosmoshop-col {margin-right: 10px;}
  .cosmoshop-col:last-of-type {margin-right: 0px;float: left;}
  /* ---------------------------------------------------------------------------------------------------*/

  .vrPaymentBox .vrPaymentText {width: 100%;padding: 10px;}
  .vrPaymentBox .vrPaymentWidget {width: 100%;}
}

/* ----------- PRINT ---------------------------------------------------------------------------*/
@media print {
  .listpager, #filterBox, .zusatz-container,.categoriesBox,.addMenuTop ,#sprachumschaltung,#searchBar,#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #crossSelling, #lastViewBox, .left, #footer, .scrollup, .detailsidebox form, .categoryList {display: none;}
  .articleRightBox, .articleLeftBox, .box-1 {border-width: 0px;}
  .categoryPreview, .articlePreview {width: 33.33%;float: left;}
}