.layout {padding-top: 0;}

#wk_add_layer .backToShopping .btn-color-7.color-1 {color: #111;border: 0;}

/* Responsive Media Queries Cosmoshop Version 11 -bramble*/
@media only screen and (min-width : 1921px) {
  header {position: absolute;left: 0;}
}
/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) and (max-width : 1920px) {
  header {position: fixed;left: 0;}
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
  
  article.articlePreview .artikelnummer {position: relative;bottom: 0;font-size: 14px;left: 0;}
  .orderBlockBasketBtn, .amountBox input, .designDropdown select {width: 100%;}
  
  .categoriesBox {width: 73%;}
  header #logo {clear: both;}
  .content {margin-top: 125px;}
  
  header #logo {width: 35%;}
  .categoriesBox {width: 100%;}
  
  #categoriesTop {position: relative;margin-left: 10px;}
  #categoriesTop .menu-button {padding: 0;overflow: hidden;line-height: 35px;}
  #categoriesTop .mobileBtn {float: left;font-size: 28px;margin-right: 12px;}
  .mobilemenu {display: block;clear: both;}
  .categoriesBox.mobilemenu #categoriesTop ul {margin-left: -10px;}
  header .logoright {padding-top: 13px;padding-right: 10px;}
  
  header #logo {max-width: 40%;width: 40%;padding: 10px;margin-right: 0;}
  
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 0;float: left;padding: 6px;}
  #quickLinks, #cart {display: inline-block;float: left;padding-top: 0px;padding-left: 0;}
  .searchBox {padding-top: 2px;}
  #quickLinks ul li a {padding: 2px;width: 100%;}
  
  .isStartside .categoryList {padding: 10px 70px;}
  .isCategoryside .content {padding: 0 70px;}
  .isDetailside .content {padding: 0 70px;}
  .layout {padding-top: 0;}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  body {font-size: 0.9em;}
  header {top: 0;}
  header #logo {max-width: 40%;width: 40%;padding: 10px;margin-right: 0;}
  .content {padding: 5px 5px;margin-top: 60px;}
  #wrapper .socials {display: none;}
  
  /* Footer */
  footer {padding: 20px 20px 10px 20px;}
  #wrapper footer > div {width: 100%;}
  footer .logo {float: left;text-align: left;}
  footer .footersocials {text-align: left;margin: 20px 0 10px 0;}
  
  /* Article */
  article.articlePreview .articlePreviewImage {width: 100%;}
  article.articlePreview .articlePreviewRight {width: 100%;float: none;padding: 10px;}
  article.articlePreview .artikelnummer {position: relative;bottom: 0;font-size: 14px;left: 0;margin-top: 20px;}
  
  /* SHow Hide */
  #quickLinks, #cart {display: inline-block;float: left;padding-top: 0px;padding-left: 0;}
  #quickLinks ul li {float: left;width: auto;text-align: center;}
  #quickLinks ul li a {padding: 3px 7px 20px 7px;}
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 0;float: left;padding: 6px;}
  .searchBox {padding-top: 2px;}
  .logoright i {font-size: 22px;}
  #cart {padding-right: 5px;}
  .categoryPreview img {max-width: 100%;}
  .orderBlockBasketBtn, .amountBox input, .designDropdown select {width: 87%;}
  
  #categoriesTop {position: relative;margin-left: 10px;}
  #categoriesTop .menu-button {padding: 0;overflow: hidden;line-height: 35px;}
  #categoriesTop .mobileBtn {float: left;font-size: 28px;margin-right: 12px;}
  .mobilemenu {display: block;clear: both;}
  .categoriesBox.mobilemenu #categoriesTop ul {margin-left: -10px;}
  header .logoright {padding-top: 13px;}
  
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 0;float: left;padding: 6px;}
  
  .categoryPreview h2 {margin: 20px 0;}
  
  .articlePreview .uvpTotalBox {text-align: left;}
  
  .isStartside .categoryList {padding: 10px 70px;}
  .isCategoryside .content {padding: 0 70px;}
  .isDetailside .content {padding: 0 70px;}
  .layout {padding-top: 0;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  body {font-size: 0.9em;}
  header {top: 0;}
  header .logoright {display: inline-block;float: right;padding-right: 10px;padding-top: 0;}
  header #logo {max-width: 40%;width: 40%;padding: 10px;margin-right: 0;}
  .content {padding: 5px 5px;margin-top: 60px;}
  #wrapper .socials {display: none;}
  .isStartside .content {padding: 0;}
  
  /* Footer */
  footer {padding: 20px 20px 10px 20px;}
  #wrapper footer > div {width: 100%;}
  footer .logo {float: left;text-align: left;}
  footer .footersocials {text-align: left;margin: 20px 0 10px 0;}
  
  /* Article */
  article.articlePreview .articlePreviewImage {width: 100%;}
  article.articlePreview .articlePreviewRight {width: 100%;float: none;padding: 10px;}
  article.articlePreview .artikelnummer {position: relative;bottom: 0;font-size: 14px;left: 0;margin-top: 20px;}
  
  /* SHow Hide */
  #quickLinks, #cart {display: inline-block;float: left;padding-top: 0px;padding-left: 0;}
  #quickLinks ul li {float: left;width: auto;text-align: center;}
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 0;float: left;padding: 6px;}
  .searchBox {padding-top: 2px;}
  .logoright i {font-size: 22px;}
  #cart {padding-right: 5px;}
  .categoryPreview img {max-width: 100%;}
  
  #categoriesTop {position: relative;margin-left: 10px;}
  #categoriesTop .menu-button {padding: 0;overflow: hidden;line-height: 35px;}
  #categoriesTop .mobileBtn {float: left;font-size: 28px;margin-right: 12px;}
  .mobilemenu {display: block;clear: both;}
  .categoriesBox.mobilemenu #categoriesTop ul {margin-left: -10px;}
  header .logoright {padding-top: 13px;}
  
  .isStartside .categoryList {padding: 10px 30px;}
  .isCategoryside .content {padding: 0 30px;}
  .isDetailside .content {padding: 0 30px;}
  .layout {padding-top: 0;}
  .isCategoryside .content .subCategory {padding: 40px 30px;}
  .btn-4 {display: block;text-align: center;margin-bottom: 10px;padding: 10px 50px;}
  
  .articlePreview .uvpTotalBox {text-align: left;}
  .ui-widget-content {left: auto !important;}
  
  article.articlePreview .descriptionBox a {font-size: 1.2rem}
}

@media only screen and (max-width : 1550px) {
  .mobilemenu {display: block;clear: both;}
  #categoriesTop .menu-button {display: block;}
  .desktopMenu {display: none;}
  
  #header {overflow: unset;}
  
  .defaultMenuStatus > ul > li.area-vertical, #categoriesMegaMenu > ul > li.area-vertical {display: block;}
  .defaultMenuStatus {display: block;}
  #categoriesMegaMenu {display: none;}
  
  #categoriesTop ul {width: 100%;display: none;}
  #categoriesTop ul li {width: 100%;border-top: 1px solid #545454;}
  
  .categoryPreview h2 {margin: 20px 0;}
  header #logo {max-width: 40%;width: 40%;padding: 10px;margin-right: 0;}
  header .logoright {padding-top: 13px;padding-right: 10px;}
  #categoriesTop .mobileBtn {float: left;font-size: 28px;margin-right: 12px;}
  
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 0;float: left;padding: 6px;}
  #quickLinks, #cart {display: inline-block;float: left;padding-top: 0px;padding-left: 0;}
  .searchBox {padding-top: 2px;}
  #quickLinks ul li a {padding: 2px;width: 100%;}
  #categoriesTop .menu-button {padding: 0;overflow: hidden;line-height: 35px;}
  #categoriesTop {position: relative;margin-left: 10px;}
  
  .listpager .articlesort select, .listpager .articlecount select {float: right;}
  .listpager {padding: 0;}
}

@media only screen and (max-width: 1600px) {
  .orderBlockBasketBtn, .amountBox input, .designDropdown select {
      width: 100%;
  }
  
}
@media only screen and (max-width: 983px) {
  .layout {padding-top: 0;}
  .videoOverlay .videoOverlayText {font-size: 2.4rem;}
  .isCategoryside .content .subCategory {padding: 40px 35px;}
}
@media only screen and (max-width: 659px) {
  .videoOverlay .videoOverlayText {font-size: 1.4rem;}
}
@media only screen and (max-width: 384px) {
  .videoOverlay {top: 21%;left: 48%;}
}

/*overwrites*/
.ui-widget-content {margin: 0 10px;max-width: 95%;padding-bottom: 11px !important;text-align: center;}