@font-face {
  font-family: 'Hansief';
  src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/Hansief.eot') format('embedded-opentype'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/Hansief.woff') format('woff'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/Hansief.svg#Hansief') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Wild Youth';
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/WildYouth-Regular.eot');
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/WildYouth-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/WildYouth-Regular.woff2') format('woff2'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/WildYouth-Regular.woff') format('woff'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/WildYouth-Regular.svg#WildYouth-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bold';
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roman';
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'light';
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Lt.eot');
    src: url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
        url('https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
::selection{
	background:#30a9dc;
	color:#fff;
}
::-moz-selection{
	background:#30a9dc;
	color:#fff;
}
::-webkit-scrollbar{
	width:10px;
	background:#e7e7e7;
}
::-webkit-scrollbar-thumb{
	background: #30a9dc;
}
.hidden {
  display: none !important
}
#preload {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: #fff
}
#preload img {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  -webkit-animation: rotation 1s infinite linear;
}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
body>#vue-app, body>#vue-error, .page-content {
  background: #fff;
}
body {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-family: 'light';
}
/* fonts */
h1 {
  font-family: 'bold';
  font-size: 49px;
}
.categoriegrid h1 {
  font-family: 'light';
}
h2 {
  font-family: 'light';
  font-size: 35px;
  margin-bottom: 40px;
}
.collection h2 {
  margin-top: -10px;
  font-size: 49px;
  text-align: center;
}
#singleRate h2 {
  text-align: center;
    font-family: 'bold';
    font-size: 30px;
    margin: -18px auto 100px;
    background: #fff;
    width: 280px;
}
/* fonts */
img {
  max-width: 100%;
}
strong {
  font-family: 'bold';
  font-weight: normal;
}
.mb-3, .m-b-1, .my-3, .m-y-1 {
    margin-bottom: 15px !important;
}
.mb-120 {
  margin-bottom: 120px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-50 {
  margin-bottom: 50px;
}
.alert-info {
    color: #747e82;
    background-color: #e0f2fa;
    border-color: #e0f2fa;
}
.container-max {
  max-width: 100%;
  padding: 0 50px;
}
.row.reverse {
  flex-direction: row-reverse;
}
.row.space-between {
  justify-content: space-between;
}
.row.flex-end {
  align-items: flex-end;
}
.row.align-middle {
  align-items: center;
}
.btn {
  height: 50px;
  font-size: 24px;
  line-height: 50px;
  padding: 0 30px;
  position: relative;
}
#slider .btn,
.home .btn {
  height: 70px;
  font-size: 33px;
  line-height: 65px;
  padding: 0 30px;
  box-shadow: 5px 5px 7px #00000069;
  position: relative;
}

.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: -1px;
  background: #30a9dc;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 2;
}
.btn:hover:before,
.btn:focus:before,
.btn:active:before {
    left: -1px;
    right: -1px;
}
.btn-primary:hover {
    background-color: #30a9dc;
    border-color: #30a9dc;
}
.btn:focus, .btn.focus,
.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-primary::before {
  background: #fff;
}
.btn-primary > .fa {
  display: none;
}
.filterMe .fa,
.item-controls .item-edit .btn-primary > .fa {
  display: block;
}
.control-basket .toggle-basket-preview,
.control-basket .toggle-basket-preview:hover {
  background-color: transparent !important
}
.btn-white {
  background: #fff;
}
.btn-grey {
  background-color: #ddd !important;
  margin-right: auto !important;
  padding: 0 15px !important
}
.myaccount .btn-large,
.widget .btn-large,
.btn-medium {
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  padding: 0px 10px;
}
.isCH .myaccount  button[id*='reinitCashInAdvance'] {
  display: none !important;
}
.btn-sm {
  font-size: 14px;
  height: 30px;
  line-height: 14px;
  padding: 7px 10px;
}
.btn.item-remove-button::before {
  display: none;
}
#singleRate .btn-primary {
  width: 100%;
  border: 2px solid #30a9dc;
  color: #30a9dc;
  background-color: #fff;
}
.btn-primary-outline::before,
#singleRate .btn-primary::before {
  background: #30a9dc;
}

.input-group-btn .btn {
  height: 50px;
  line-height: 50px;
}
.fa-chevron-right:before {
    content: "\f105";
}
.fa-chevron-left:before {
    content: "\f104";
}
select,
.custom-select,
input[type="text"],
input[type="password"],
input[type="email"] {
  height: 50px;
}
.wrapper-main header .container-max>.row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: normal;
  flex-direction: row;
  position: relative;
}
.owl-dots .owl-dot  {
  position: relative;
  bottom: 10px;
}
.owl-dots .owl-dot span {
  background: transparent !important;
  border: 2px solid #969696;
  margin: 5px 2px !important;
}
.owl-dots .owl-dot span::after {
  height: 2px;
  width: 10px;
  display: block;
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 2px;
  background: transparent;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: transparent !important;
}
.owl-dots .owl-dot.active span::after,
.owl-dots .owl-dot:hover span::after {
  background: #30a9dc;
}

/* ---------------------------------------------------------
header
-----------------------------------------------------------*/
#actionBanner,
#actionBannerPopup {
  padding: 10px 15px;
  font-size: 18px;
  background: #ea0c07;
  color: #fff;
  max-width: 100vw;
  white-space: nowrap;
  overflow: hidden;
}
#actionBanner p,
#actionBannerPopup p {
  margin: 0;
  animation: marquee 20s linear infinite;
  padding-left: 100%;
  display: inline-block;
}
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
header.top-bar {
  background-color: #1a1a1a !important;
  height: 85px;
  padding: 25px 0;
}
header #logo {
  width: 200px;
  margin-right: 50px;
}
header #navi  {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 35px;
  margin-bottom: 0;
}
header #navi li a {
  font-family: 'bold';
  text-transform: uppercase;;
  font-size: 18px;
  padding: 2px 20px;
}
header #navi li.parent {
  position: relative;
}
header #navi li > ul {
  display: none;
  list-style: none;
}
@media(min-width: 992px) {
  header #navi li:hover > a {
    color: #30a9dc;
  }
  header #navi li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #1a1a1a;
    padding: 10px;
    z-index: 2;
  }
  header #navi li ul li a {
    white-space: nowrap;
    border-bottom: 1px solid #424242;
    text-transform: none;
  }
  header #navi li ul li:last-child a {
    border-bottom: 0;
  }
  header #navi li.parent:hover > ul {
    display: block;
  }
}
header #navi .closeMe {
  justify-content: flex-end;
  margin-top: -50px;
  margin-bottom: 20px;
  border: 0;
}
header #navi .closeMe button {
  background: transparent;
  border: 0;
  width: 50px;
  height: 50px;
  padding: 10px;
  cursor: pointer;
}
header #userNavi {
  margin-left: auto;
  list-style: none;;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 5px;
}
header #userNavi li {
  width: 40px;
  text-align: center;
}
header #userNavi li.switchLang {
  width: auto;
  padding: 2px 10px 0 0;
}
header #userNavi li.loggedIn {
  width: 80px;
}
header #userNavi li.loggedIn a {
  padding: 0 5px;
}
header #userNavi li.control-menu button {
  background: url("https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/img/icon/icon-menu.svg") no-repeat center center;
  width: 25px;
  height: 25px;

}
header #userNavi li.control-menu button.open {
  background: url("https://cdn02.plentymarkets.com/iz5pgm18qias/frontend/thiscover/img/icon/icon-menu-close.svg") no-repeat center center;
}
header #userNavi li img {
  width: 25px;
}
header #btnMainMenuToggler {
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
}
.cmp-search-box {
    background-color: #30a9dc;
  top: 0px !important;
  height: 50px;
  width: 100%;
}
.cmp-search-box .search-box-inner {
    margin: 7px auto;
    padding-left: 15px;
    padding-right: 15px;
}
#banner {
  height: 45px;
  line-height: 45px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
}
#slider .owl-carousel .owl-item img {
  width: 100%;
}
#slider .text {
  color: #fff;
  position: absolute;
  z-index: 2;
  left: 50px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 20px;
}
#slider .text .normal {
  font-size: 350%;
  text-align: center;
  margin-bottom: 35px;
}
#slider .text .small {
  font-size: 170%;
}
#slider .text .fancy {
  font-size: 650%;
  font-family: 'Wild Youth';
  text-align: center;
}
#slider .text .btn {
  width: 300px;
  display: block;
  margin: 100px auto 0;
}
#video {
  margin: 50px auto;
}
#video img {
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
#video video {
  max-width: 100%;
}
#video .playMe {
  max-width: 920px;
  margin: 0 auto;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  position: relative;
}
#video .playMe .fa {
  font-size: 100px;
    color: #ddd;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 16px solid #ddd;
    border-radius: 130px;
    padding: 30px 30px 30px 45px;
    width: 180px;
    height: 180px;
}
#video .playMe:hover .fa,
#video .playMe:focus .fa,
#video .playMe:active .fa {
    color: #30a9dc;
    border: 16px solid #30a9dc;
}
@media(max-width: 768px) {
  #video .playMe .fa {
    font-size: 60px;
    border-width: 13px;
    padding: 30px 30px 30px 40px;
    width: 140px;
    height: 140px;
  }
}
@media(max-width: 575px) {
  #video .modal .modal-dialog {
    max-width: 100% !important;
}
}
@media(max-width: 500px) {
    #video .playMe .fa {
      font-size: 40px;
      border-width: 9px;
      padding: 25px 25px 25px 36px;
      width: 110px;
      height: 110px;
  }
}
#video .modal .modal-dialog {
  max-width: 80%;
}
#video .modal .modal-content {
  background: #000;
}
#video .modal .modal-header {
  border: 0;
  padding: 5px 15px;
  color: #fff;
}
#video .modal-header button {
  color: #fff;
  opacity: 1;
}
#video .h1 {
  font-size: 49px;
  text-align: center;
  margin-bottom: 40px;
}
footer {
  padding-top: 60px;
  background-color: #333;
  color: #fff;
}

footer hr {
  border-top: 1px solid #999;
  border-bottom: 0;
  margin: 45px 0 20px;
}
footer .copy {
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 0;
}
footer .copy a {
  display: inline-block;
}
footer .copy img {
  height: 25px;
}
footer .row {
  justify-content: space-between;
  margin: 0;
}
footer .logo {
  width: 170px;
  margin-bottom: 30px;
}
footer .headline {
  font-family: 'Hansief';
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 24px;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer p:not(.copy) span {
  display: inline-block;
  min-width: 100px;
}
footer a {
  color: #fff;
}
footer a:hover,
footer a:focus,
footer a:active {
  color: #fff;
  text-decoration: underline;
}
footer .hasIcons a:hover,
footer .hasIcons a:focus,
footer .hasIcons a:active {
  text-decoration: none;
}
footer .hasIcons img {
  max-width: 50px;
  margin-right: 5px;
  margin-bottom: 5px;
}
footer .social img {
  max-width: 35px;
}
.toTop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: #ccc;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 50px;
  cursor: pointer;
  z-index: 99;
}
.toTop:hover {
  background: #30a9dc;
}
.toTop .fa {
  line-height: 43px;
}
/*---------------------------------------------
  Starseite
-----------------------------------------------*/
#intro {
  text-align: center;
  align-items: center;
}
#intro h1 {
  margin: 40px 0 30px;
  font-size: 2rem;
  font-family: 'light';
}
#intro p {
  font-size: 20px;
  line-height: 30px;
}
#intro .btn {
  margin-top: 20px;
}
#collectionBanner1,
#collectionBanner2 {
  margin-left: -50px;
  margin-right: -50px;
  position: relative;
}
#collectionBanner1 .btn,
#collectionBanner2 .btn {
  position: absolute;
  z-index: 2;
}
#collectionBanner1 .btn {
  left: 9%;
  bottom: 12%;
}
#collectionBanner2 .btn {
  right: 16%;
    bottom: 15%;
}
.collection .owl-carousel .owl-stage-outer {
  min-height: 630px;
}
.collection .owl-carousel .carousel-control.right .owl-single-item-control {
  right: -25px;
}
.collection .owl-carousel .carousel-control.left .owl-single-item-control {
  left: -25px;
}
#catBlocks .block {
  position: relative;
}
#catBlocks .block h3 {
  font-family: 'Wild Youth';
  font-size: 200px;
  color: #fff;
  text-shadow: 5px 5px 7px #00000069;
  text-align: center;
  display: block;
  position: absolute;
  width: 96%;
  width: calc(100% - 30px);
  top: 30%;
}
#catBlocks .block .btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%,0);
}
/*------------------------------------------------------
  Kategorie
-------------------------------------------------------*/
.breadcrumb {
  background: #f3f3f3;
  max-width: 100%;
  padding: 4px 50px !important;
  font-size: 14px;
}
.categoriegrid-banner {
  margin-bottom: 20px;
  position: relative;
}
.categoriegrid-banner .text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0, -50%);
  font-size: 20px;
  line-height: 25px;
}
.categoriegrid-banner .text .catName {
  font-size: 250px;
  line-height: 250px;
  font-family: 'Wild Youth';
  text-shadow: 2px 2px 8px #00000075;
  margin-bottom: 40px;
}

.categoriegrid-banner .text .catName.small {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 0px;
}
.categoriegrid-banner .text .catName span{
  font-size: 50px;
  font-family: 'bold';
  padding-right: 20px;
  position: relative;
  top: -10px;
}
.categoriegrid-banner .text .catShort {
  margin-top: -100px;
  text-shadow: 2px 2px 2px #00000075;
}

/* Banner Text anpassungen für Sitzsack */
.category-318 .categoriegrid-banner .text .catName {
  margin-bottom: 90px;
}
.category-318 .categoriegrid-banner .text .catName span{
  display: none;
}
.category-318 .categoriegrid-banner .text {
  left: 4%;
}
.category-318 .categoriegrid-banner .text .catShort {
  margin-left: 57%;
}
.category-319 .categoriegrid-banner .text,
.category-321 .categoriegrid-banner .text,
.category-324 .categoriegrid-banner .text,
.category-325 .categoriegrid-banner .text{
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0);
  width: fit-content;
}
@media (max-width: 1200px) {
  .category-318 .categoriegrid-banner .text .catShort {
    display: none;
  }
  .category-318 .categoriegrid-banner .text .catName {
    font-size: 130px;
  }
}
@media (max-width: 768px) {
  .category-318 .categoriegrid-banner .text {
    left: 50%;
  }
}
.categoriegrid {
  margin-top: 70px;
}
.categoriegrid .list-itemsperpage select {
  border: 1px solid #ccc;
    height: 50px;
}
.sidebar-categories .headline,
.sidebar-filter .headline {
  font-size: 30px;
  font-family: 'bold';
  margin-bottom: 20px;
}
.sidebar-categories {
    margin-bottom: 130px;
}
.sidebar-categories ul li a {
  padding: 0;
}
.sidebar-filter ul {
  padding: 0;
  list-style: none;
}
.sidebar-filter ul li {
  padding: 11px 0 7px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.sidebar-filter ul li:last-child {
  border-top: 0;
}
.sidebar-filter ul li a {
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 12px;
  position: absolute;
  right: 0;
  top: 0;
  color: #ccc;
}
.sidebar-filter .filteritem .form-check {
  padding: 0;
}
.sidebar-filter .filteritem .form-check-input {
  display: none;
}
.sidebar-filter .filteritem .form-check-label {
  line-height: 17px;
  font-size: 16px;
  cursor: pointer;
}
.sidebar-filter .filteritem .form-check-label::before {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: block;
    content: " ";
    float: left;
    margin-right: 5px;
}
.sidebar-filter .filteritem .form-check-input:checked + .form-check-label::before {
    border: 1px solid #30a9dc;
    background: #30a9dc;
    background-clip: content-box;
    padding: 2px;
}
.sidebar-filter .filteritem .filter-badge {
    float: right;
    background: #ccc;
    height: 26px;
    width: 26px;
    font-size: 14px;
    text-align: center;
    margin-top: 2px;
    line-height: 25px;
  }
.sidebar-filter #filterList_feedback label[for="option-feedback-1"]::after {
    content: "\f005" !important;
    font-family: FontAwesome;
}
.sidebar-filter #filterList_feedback label[for="option-feedback-2"]::after {
    content: "\f005 \f005" !important;
    font-family: FontAwesome;
}
.sidebar-filter #filterList_feedback label[for="option-feedback-3"]::after {
    content: "\f005 \f005 \f005" !important;
    font-family: FontAwesome;
}
.sidebar-filter #filterList_feedback label[for="option-feedback-4"]::after {
    content: "\f005 \f005 \f005 \f005" !important;
    font-family: FontAwesome;
}
.sidebar-filter #filterList_feedback label[for="option-feedback-5"]::after {
    content: "\f005 \f005 \f005 \f005 \f005" !important;
    font-family: FontAwesome;
}
.categoryPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
article {
  text-align: center;
  font-size: 18px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  width: 100%;
  position: relative;
}
article::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: -1px;
  background: #30a9dc;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 2;
}
article:hover:before,
article:focus:before,
article:active:before {
    left: -1px;
    right: -1px;
}
article .thumb-title {
  margin-top: 20px;
  display: block;
}
article .thumb-title,
article .price {
  font-family: 'bold';
  color: #000;
}
article .special-tags {
  position: absolute;
  top:0;
  left: 0;
  z-index: 9
}
article .special-tags .badge {
  display: block;
  padding: 5px 10px;
  font-size: 75%;
  font-weight: normal;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
  font-family: 'light';
}
article .special-tags .bg-info {
  display: none;
}
article .rabatt {
  background: #e40e3d;
  color: #fff;
  line-height: 15px;
  border-radius: 5px !important
}
article .availabilityOverlay  {
    position: absolute;
    bottom: -15px;
    width: 100%;
    color: #e40e3d;
    padding: 0;
    z-index: 9;
    font-family: 'bold';
    display: none;
    cursor: pointer;
    font-size: 14px;
}
li.noActive article:hover:before,
li.noActive article:focus:before,
li.noActive article:active:before {
    background: #e40e3d;
}
li.noActive article img  {
  transition: 0.3s;
}
li.noActive article:hover img,
li.noActive article:focus img,
li.noActive article:active img  {
  -webkit-filter: opacity(.5);
  filter: opacity(.5);
}
li.noActive article:hover .availabilityOverlay {
  display: block;
}
article .prices.noUVP {
    min-height: 48px;
    display: table;
    width: 100%;
}
article .prices.noUVP .price {
    display: table-cell;
    vertical-align: bottom;
}
article .prices .crossprice {
  font-size: 12px;
}
article .owl-theme .owl-nav .owl-prev {
  opacity: 1;
  left: 0;
}
article .owl-theme .owl-nav .owl-next {
  opacity: 1;
  right: 0;
}
/*------------------------------------------------------
  Artikelansicht
-------------------------------------------------------*/
.single .owl-carousel .owl-item img {
  width: 100%;
}
.single .owl-carousel .carousel-control.right .owl-single-item-control {
    right: 20px;
}
.single .owl-carousel .carousel-control.left .owl-single-item-control {
    left: 20px;
}

@media(min-width: 1601px) {
  #thumbs.carousel  {
      margin-top: -30px;
  }
  #thumbs.carousel > .window {
      overflow: hidden;
      position: relative;
      height:650px;
  }
  #thumbs.carousel ul {
      list-style: none;
      top: 0;
      left: 0;
      position: absolute;
      padding: 0px;
      transition: 0.3s;
      width: 100%;
  }
  #thumbs.carousel li {
    margin: 0 -5px 10px;
    display: flex;
    justify-content: space-evenly;
  }
  #thumbs.carousel li.alone {
    justify-content: left;
  }
  #thumbs.carousel li img {
    align-self: center;
    padding: 0 5px;
    max-width:  calc((650px / 3) + 7px);
    max-height: calc((650px / 3) - 7px);
  }
  #thumbs.noCarousel {
    height:650px;
  }
  #thumbs.noCarousel img {
    margin-bottom: 15px;
    max-width: calc((650px / 3) - 7px);
    max-height: calc((650px / 3) - 7px);
  }
  #thumbs.noCarousel img:nth-child(odd) {
    margin-right: 15px;
  }
  #thumbs .prev,
  #thumbs .next {
    font-size: 50px;
    height: 30px;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  #thumbs .prev .fa {
    position: relative;
    top: -18px;
  }
  #thumbs .next .fa {
    position: relative;
    bottom: 5px;
  }
  #thumbs .carousel li:first-child {
      margin: 0;
  }

}

.single {
  margin-top: 65px;
}
.single .singleDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.single .brand,
.single .collection {
  width:  240px;
}
.single h1 {
  font-size: 24px;
  font-family: 'bold';
  margin-bottom: 0;
  margin-top: 40px;
}
.single .names {
  max-width: 60%;
}
.single .info {
  margin-top: 40px;
  font-size: 14px;
  color: #666;
}

.single .info .feedback-stars-average {
  height: 22px;
  margin: 0 0 0 auto;
  display: block;
}
.single .single-description {
    font-size: 16px;
    line-height: 20px;
}
.single .variations  {
  margin-bottom: 30px;
}
.single .variations .variation-unit label {
  font-family: 'bold';
  font-size: 16px;
}
.single .variations .variation-unit .custom-select {
  border: 1px solid #000;
  padding: 10px;
}
.single .availability {
  font-size: 16px;
  font-family: 'bold';
  margin-bottom: 3px;
}
.single .availability.noStock {
  color: #e40e3d;
}
.single .variationInfo {
  text-align: right;
}
.single .variationInfo,
.single .prices {
  width: 50%;
}
.single .prices .price {
  max-width: 50%;
  font-size: 32px;
  font-family: 'bold';
}
.single .prices .vat {
  font-size: 12px;
}
.single .staffel {
  margin-bottom: 20px;
}
.single .staffel b {
  font-size: 20px;
  font-family: 'bold';
}
.single .staffel .text-muted {
  color: #000;
}
.single  .staffel  .graduated-prices-table i {
  color: #30a9dc;
}
.single  .staffel .graduated-prices-table td:first-child {
  font-style: normal;
}
.qty-btn-container {
    height: 50px;
}
 .qty-btn-container .btn{
    font-size: 16px;
}
.single .add-to-wish-list img {
  width: 25px;
}.feedback-container {
 margin-bottom:40px
}
.feedback-container .title {
 font-size:2rem;
 margin:20px 0 0 0;
 display:inline-block;
 vertical-align:bottom
}
.feedback-container .minititle {
 margin-top:40px
}
.feedback-container .btn {
 cursor:pointer
}
.feedback-container .loading-hint {
 text-align:center;
 font-style:italic;
 color:rgba(0,0,0,0.7)
}
.feedback-container div.stars {
 width:165px;
 display:inline-block
}
.feedback-container input.star {
 display:none
}
.feedback-container label.star {
 float:right;
 height:40px;
 width:33px;
 padding:0px 2px;
 font-size:30px;
 line-height:40px;
 margin-bottom:0px;
 color:rgba(0,0,0,0.1);
 cursor:pointer
}
.feedback-container input.star:checked ~ label.star:before {
 content:'\f005';
 color:orange
}
.feedback-container div.stars:hover label.star:before {
 color:rgba(0,0,0,0.1)
}
.feedback-container label.star:hover:before {
 color:orange !important
}
.feedback-container label.star:hover ~ label.star:before {
 color:orange
}
.feedback-container label.star:before {
 content:'\f005';
 font-family:FontAwesome
}
.feedback-container .feedback-bars {
 margin-bottom:40px
}
.feedback-container .feedback-bars .feedback-bar-wrap {
 margin-bottom:1px
}
.feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar {
 width:140px;
 height:17px;
 display:inline-block;
 vertical-align:middle;
 background:rgba(0,0,0,0.1);
 overflow:hidden;
 border-radius:2px
}
.feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar .feedback-bar-fill {
 width:0%;
 height:100%;
 background:#008ebd
}
.feedback-container .feedback-bars .feedback-bar-wrap p {
 display:inline-block;
 vertical-align:middle;
 line-height:17px;
 margin-bottom:0px
}
.feedback-container .feedback-list .feedback {
 padding-bottom:15px;
 margin-bottom:15px;
 border-bottom:rgba(0,0,0,0.1) dotted 1px
}
.feedback-container .feedback-list .feedback.loading {
 pointer-events:none;
 opacity:0.5
}
.feedback-container .feedback-list .feedback .feedback-options {
 float:right
}
.feedback-container .feedback-list .feedback .feedback-creator {
 width:50px;
 float:left
}
.feedback-container .feedback-list .feedback .feedback-creator .feedback-user-icon {
 width:50px;
 height:50px;
 border-radius:50%;
 background:rgba(0,0,0,0.1);
 line-height:50px;
 text-align:center
}
.feedback-container .feedback-list .feedback .feedback-creator .feedback-user-name {
 font-size:12px;
 text-align:center;
 line-height:1.2em;
 margin-top:6px;
 margin-bottom:0px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-comment-title {
 font-weight:bold;
 margin-bottom:10px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-rating {
 color:rgba(0,0,0,0.1)
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-rating .full {
 color:orange
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-attributes-list p {
 font-size:12px;
 margin:0px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-attributes-list p span {
 display:inline-block;
 border-right:rgba(0,0,0,0.2) solid 1px;
 margin:10px 4px 10px 0;
 padding-right:7px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-attributes-list p span:last-of-type {
 border-right:none;
 margin-right:0;
 padding-right:0
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-attributes-list p span.feedback-verified-tag {
 color:#090;
 font-weight:bold
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-attributes-list p span.fa-stack {
 color:#090;
 font-size:75%;
 vertical-align:bottom
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-comment-text {
 margin-bottom:0px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-replies {
 margin-top:20px;
 padding-left:30px
}
.feedback-container .feedback-list .feedback .feedback-comment .feedback-add-reply {
 margin-top:20px;
 padding-left:30px
}
.feedback-container .feedback-list .feedback form.feedback-edit {
 padding-left:20px
}
.feedback-container .feedback-loadmore {
 width:50%;
 margin:20px auto
}
.feedback-container .feedback-tooltip-wrapper {
 display:inline-block
}
.feedback-container .feedback-tooltip-wrapper button {
 pointer-events:none
}
.feedback-container .feedback-info {
 margin:5px 0 0
}
.feedback-container .feedback-info .feedback-info-segment {
 margin-right:10px;
 font-size:.875rem
}
.feedback-container .feedback-info .feedback-info-segment .feedback-admin i.fa {
 color:#008ebd
}
.feedback-container .feedback-info .btn-secondary {
 border:none;
 background:rgba(0,0,0,0.05)
}
.feedback-container .feedback-info .btn-secondary:hover {
 background:rgba(0,0,0,0.1)
}
.feedback-container .feedback-info i.fa {
 margin-right:3px
}
.feedback-container #feedback-error-no-rating {
 display:inline-block;
 vertical-align:bottom;
 padding:1px 10px;
 margin-left:10px
}
.feedback-container #feedback-error-no-rating.feedback-error-hidden {
 display:none
}
.feedback-container .feedback-hidden {
 display:none
}
.filter-wrapper #filterCollapse [for="option-feedback-5"]::after,
.filter-wrapper #filterCollapse .filter-feedback-5::before,
.selected-filters [for="option-feedback-5"]::after,
.selected-filters .filter-feedback-5::before {
 content:"\f005 \f005 \f005 \f005 \f005" !important;
 font-family:FontAwesome;
 letter-spacing:3px
}
.filter-wrapper #filterCollapse [for="option-feedback-4"]::after,
.filter-wrapper #filterCollapse .filter-feedback-4::before,
.selected-filters [for="option-feedback-4"]::after,
.selected-filters .filter-feedback-4::before {
 content:"\f005 \f005 \f005 \f005  \f062" !important;
 font-family:FontAwesome;
 letter-spacing:3px
}
.filter-wrapper #filterCollapse [for="option-feedback-3"]::after,
.filter-wrapper #filterCollapse .filter-feedback-3::before,
.selected-filters [for="option-feedback-3"]::after,
.selected-filters .filter-feedback-3::before {
 content:"\f005 \f005 \f005  \f062" !important;
 font-family:FontAwesome;
 letter-spacing:3px
}
.filter-wrapper #filterCollapse [for="option-feedback-2"]::after,
.filter-wrapper #filterCollapse .filter-feedback-2::before,
.selected-filters [for="option-feedback-2"]::after,
.selected-filters .filter-feedback-2::before {
 content:"\f005 \f005  \f062" !important;
 font-family:FontAwesome;
 letter-spacing:3px
}
.filter-wrapper #filterCollapse [for="option-feedback-1"]::after,
.filter-wrapper #filterCollapse .filter-feedback-1::before,
.selected-filters [for="option-feedback-1"]::after,
.selected-filters .filter-feedback-1::before {
 content:"\f005  \f062" !important;
 font-family:FontAwesome;
 letter-spacing:3px
}
.feedback-stars-average {
 width:120px;
 height:30px;
 margin-left:10px;
 position:relative;
 display:inline-block;
 vertical-align:bottom
}
.feedback-stars-average .feedback-star {
 height:30px;
 width:24px;
 line-height:32px;
 font-size:24px;
 float:left;
 text-align:center;
 color:orange
}
.feedback-stars-average .feedback-stars-background,
.feedback-stars-average .feedback-stars-overlay,
.feedback-stars-average .feedback-stars-overlay-wrap {
 position:absolute;
 top:0px;
 left:0px;
 width:120px;
 height:30px;
 overflow:hidden
}
.feedback-stars-average .feedback-stars-background .feedback-star {
 color:rgba(0,0,0,0.1)
}
.feedback-stars-average .feedback-stars-overlay-wrap {
 width:0%
}
.feedback-stars-average.feedback-category-view {
 margin-left:0px;
 width:85px
}
.feedback-stars-average.feedback-category-view .feedback-star {
 height:20px;
 width:17px;
 line-height:22px;
 font-size:17px
}

#technischeBeschreibung .container-max {
  max-width: 650px;
}
#technischeBeschreibung h2 {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
#technischeBeschreibung .col-12 {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
#singleDesc {
  border-top: 1px solid #ccc;
  margin-top: 180px;
}

#singleDesc h2 {
  text-align: center;
  margin-bottom: 0px;
}
#singleDesc .headline {
  max-width: 30%;
  min-width: 320px;
  text-align: center;
  display: block;
  margin: 0 auto -15px;
  background: #fff;
  transform: translate(0, -50%);
  padding: 0 50px;
}
#singleDesc .row {
  align-items: center;
  margin-bottom: 60px;
}
#singleDesc .row-headline {
  margin-bottom: 0px;
}
#singleDesc .row img {
  display: block;
  margin: 0 auto;
  height: auto !important;
  width: auto !important
}
#singleDesc .row.right {
  text-align: right;
}
#singleDesc .row.grau {
  background: #e8e8e8;
  color: #666666;
  font-size: 100px;
  line-height: 100px;
  text-align: right;
  margin: 100px 0;
}
#singleDesc .row.row-even {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#singleDesc .row.row-even .pic img {
  padding-right: 20%;
}
#singleDesc .row.row-odd .pic img {
  padding-left: 20%;
}
#singleDesc .blueBanner {
  background-color: #30a9dc;
  padding: 80px 140px;
  margin: 100px -50px;
  font-size: 80px;
  line-height: 80px;
  color: #fff;
}
#singleDesc .blueBanner .left,
#singleDesc .blueBanner .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#singleDesc .blueBanner .left {
  text-align: right;
  padding-right: 40px;
}
#singleDesc .blueBanner .right {
  padding-left: 40px;
}
#singleDesc .blueBanner .right img {
  width: 330px;
    display: inline-block;
    margin-top: -13px;
}

#crossAndCollection {
  margin-top: 90px;
}
#singleColl, #singleCross {
  padding: 0 65px;
}
#crossAndCollection .headline {
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 90px
}
#crossAndCollection .headline strong {
  display: block;
}
#singleRate {
  padding: 0 50px;
  margin-top: 100px;
  border-top: 1px solid #ccc;
}
#singleRate .feedback-container  {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

#singleRate hr,
#singleRate .feedback-container .title,
#singleRate .feedback-container .feedback-stars-average {
  display: none;
}
#singleRate .feedback-container > .row{
  width: 50%;
}
#singleRate .feedback-container > .row .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#singleRate .feedback-container .feedback-info .btn-secondary {
  background-color: #1a1a1a !important;
}
#singleRate .feedback-container .feedback-comment-title {
  font-size: 17px;
  font-family: 'bold';
}
#singleRate .feedback-container .feedback-comment-text {
  font-size: 16px;
}
#singleRate .feedback-container label.star:hover:before,
#singleRate .feedback-container .feedback-list .feedback .feedback-comment .feedback-rating .full {
  color: #30a9dc !important;
}
.feedback-container label.star:hover:before{color:#30a9dc !important}
.feedback-container label.star:hover ~ label.star:before{color:#30a9dc !important}

#singleRate .feedback-container .left > div {
  max-width: 450px;
  margin: 0 auto 40px;
}
#singleRate .feedback-container .feedback-bars::before {
  content: "Bewertungsübersicht";
  font-family: 'bold';
  display: block;
  font-size: 30px;
  margin-bottom: 30px;
}
#singleRate .feedback-container .feedback-bars .feedback-bar-wrap p .fa {
  color: #ccc;
  font-size: 15px;
}
#singleRate .feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar-text-before {
  padding-right: 10px;
  width: 70px;
}
#singleRate .feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar-text-after {
  padding-left: 10px;
  width: 40px;
  text-align: right;;
}
#singleRate  .feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar {
    width: 80%;
    width: calc(100% - 122px);
    height: 8px;
    border-radius: 0px;
}
#singleRate .btn-primary .fa {
  display: none;
}
#singleRate .alert {
  width: 100%;
}
#add-item-to-basket-overlay .modal-content {
  padding: 0 30px;
  text-align: center;
}
#add-item-to-basket-overlay .modal-header.no-flex {
  display: block;
}
#add-item-to-basket-overlay .modal-header .close {
  position: absolute;
  right: 30px;
  top: 15px;
}
#add-item-to-basket-overlay .modal-cross-selling {
  border-top: 1px solid #dee2e6;
  padding-top: 20px;
}
#add-item-to-basket-overlay .modal-cross-selling {
  border-top: 1px solid #dee2e6;
  padding-top: 20px;
}
#add-item-to-basket-overlay .modal-cross-selling article .thumb-title {
  font-size: 16px;
  line-height: 16px;
}
#add-item-to-basket-overlay .modal-cross-selling article p {
  font-size: 15px;
}
#add-item-to-basket-overlay .modal-cross-selling .thumb-image img {
  max-width: 70%;
}
#add-item-to-basket-overlay .modal-cross-selling .owl-carousel .owl-dots {
  display: none;
}
#add-item-to-basket-overlay .modal-body .is-table-row {
  align-items: center;
}
#add-item-to-basket-overlay .modal-footer  {
  padding: 20px 0;
}
@media(min-width: 850px) {
  #add-item-to-basket-overlay .modal-dialog {
    max-width: 840px;
  }
}
/*---------------------------------------------
  Wunschliste
-----------------------------------------------*/
.page-wish-list .basket-list-item .image-container {
    width: 250px;
}
.wishList-container {
  margin-top: 50px;
}
.wish-list-item {
    border-bottom: 0;
    padding: 0px;
}
.wish-list-name a, .wish-list-price {
  font-family: 'bold';
  color: #000;
}
.wishList-container  .basket-item .item-additional-information-container .item-additional-information,
.wishList-container  .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-small-prices {
  font-size: 100%;
}
/*---------------------------------------------
  Mein Konto
-----------------------------------------------*/
.cmp-address-list .item-inner .item-controls .btn {
  line-height: 2.2rem;
}
.widget-account-settings .add-item .item-edit button {
  width: 100%;
}
.widget-bank-details {
  margin-top: 20px;
}
/*---------------------------------------------
  Warenkorb
-----------------------------------------------*/
.basket-preview-wrapper  {
  text-align: left;
}
.basket-list-item img {
  width: 100% !important;
}
.basket-list-item .price-box  {
  margin-top: 20px !important;
}
.fa-trash-o {
  float: right;
}
.basket-list-item .item-name  {
  font-size: 20px;
  color: #000 !important;
  display: block;
  line-height: 23px;
}
.basket-list-item .item-base-price.small  {
  display: none !important
}
.page-basket .basket-list-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px !important
}
.page-basket  .basket-item .image-container {
  width: 300px;
}
 .basket-item .item-name {
  font-size: 24px !important;
  color: #000 !important;
  font-family: 'bold';
}
 .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-base-price {
  display: none;
}
.totals .btn > .fa {
  display: none !important
}
.totals .btn-outline-primary {
  background: #000;
  color: #fff;
  border-color: #000;
}
/*---------------------------------------------
  Checkout
-----------------------------------------------*/
.checkout  .basket-item .image-container {
  width: 200px;
}
.cmp-method-list .method-list-item input:checked+label, .cmp-method-list .method-list-item input:checked+.label {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    background: #f5f5f5;
}
/*---------------------------------------------
  Bestellbestaetigugn
-----------------------------------------------*/
.confirmation-order-list .item-details {
  text-align: left;
}
.confirmation-order-list .item-details .item-name {
  font-size: 20px !important;
  color: #000 !important;
  font-family: 'bold';
}
/*---------------------------------------------
  Inspiration
-----------------------------------------------*/
.cat-283 .row {
  margin-left: -8px;
  margin-right: -8px;
}
.cat-283 .col-md-3,
.cat-283 .col-md-6,
.cat-283 .col-md-9 {
  padding-left: 8px;
  padding-right: 8px;
}
.cat-283 img {
  max-width: none;
  width: 100%;
}
.cat-283 .btn-round {
  position: absolute;
    background: #30a9dc;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    color: #fff;
    display: block;
    padding: 0px 0;
    text-align: center;
    line-height: 40px;
}
.cat-283 .btn-round:hover,
.cat-283 .btn-round:focus,
.cat-283 .btn-round:active {
  color: #30a9dc;
  background: #fff;
}
.cat-283 .btn-round::Before {
  display: none;
}
.cat-283 .btn-round .fa {
  float: none;
}
/*---------------------------------------------
  CatContent
-----------------------------------------------*/
.catContent {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  max-width: 1165px;
}
.catContent.cat-283 {
  max-width: 100%;
}
.catContent h1 {
  margin-bottom: 20px;
}
.catContent h2 {
  margin-bottom: 20px;
  margin-top: 30px;
}
.catContent table {
  width: 100%;
  border: 1px solid #f3f3f3;
  margin-bottom: 30px;
}
.catContent thead td {
  font-weight: bold;
  font-size: 18px;
}
.catContent td {
  border: 1px solid #f3f3f3;
  padding: 10px;
}
.catContent ul.icon-list  {
  padding: 0;
  list-style: none;
}
.catContent ul.icon-list li {
  border-bottom: 1px solid #1a1a1a;
  padding: 10px 0;
}
.catContent ul.icon-list .icon {
  min-width: 100px;
  background: #1a1a1a;
  display: inline-block;
  margin-right: 20px;
}
.catContent ul.icon-list .icon img {
  width: 100px;
}
.catContent p .label {
  min-width: 120px;
  display: inline-block;
  font-family: 'bold';
}
.catContent #faq .card {
    margin-bottom: 20px;
}
.catContent #faq .card-header {
    border-radius: 0;
    padding: 0;
    background: #fff;
    border: 0;
}
.catContent #faq button {
  width: 100%;
  text-align: left;
  padding: 0 15px;
}
.catContent #faq button {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.catContent #faq button.collapsed {
  background-color: #30a9dc;
  border-color: #30a9dc;
}
.catContent #faq button:hover {
  text-decoration: none;
}
.catContent #faq button::before {
background: #30a9dc;
}
.catContent #faq button.collapsed::before {
  background: #fff;
}
/*---------------------------------------------
  Responsive
-----------------------------------------------*/
/* TMP */
#plentycat_217,
#plentycat_221,
#plentycat_209 {
  display: none;
}
/* TMP */
@media(max-width: 1700px) {
  #slider .text {
    font-size: 18px;
  }
  .categoriegrid-banner .text .catName {
    font-size: 200px;
    top: -60px;
    left: 210px;
  }
  #singleDesc .row.grau {
    font-size: 80px;
    line-height: 80px;
  }
  #singleDesc .blueBanner {
    font-size: 60px;
    line-height: 60px;;
  }
  #singleDesc .blueBanner .right img {
    width: 265px;
    margin-top: -10px;
  }
}
@media(max-width: 1600px) {
  .single .singleImages,
  .single .singleDetails {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .single .brand {
    width: 45%;
    max-width: 240px;
    margin-right: 5%;
  }
  .single .collection {
    width: 50%;
    text-align: right;
  }
  .single .col-bigPic,
  .single .col-prePic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single .singleDetails #bottomPart {
    position: relative;
    top: -40px;
  }
  #thumbs {
    margin-top: 20px;
  }
  #thumbs ul {
    padding: 0;
    margin: 0;
  }
  #thumbs .owl-nav.disabled,
  #thumbs a.next,
  #thumbs a.prev {
    display: none;
  }
  #thumbs .owl-stage-outer {
    overflow: hidden;
    height: 165px !important;
  }
  #thumbs .owl-item img {
    max-width: 90%;
  }
  #thumbs .owl-stage-outer .owl-item {
    float: left;
  }
  #thumbs .owl-dots {
    text-align: center;
    margin-top: 10px;
  }
  #thumbs .owl-dots .owl-dot {
    display: inline-block;
      zoom: 1;
  }
  #thumbs .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
  }
  #thumbs .owl-dots .owl-dot.active span,
  #thumbs .owl-dots .owl-dot:hover span {
    background: #869791;
  }
  .collection .owl-carousel .owl-stage-outer {
    min-height: 550px;
  }
}
@media(max-width: 1532px) {
  header.top-bar {
    height: 105px;
  }
}
@media(max-width: 1500px) {
  #slider .text {
    font-size: 16px;
  }
  #collectionBanner1 .btn,
  #collectionBanner2 .btn {
    display: none;
  }
  .page-basket  .basket-item .image-container {
    width: 200px;
  }
}
@media(max-width: 1400px) {
  #intro h1 {
    margin: 16px 0 15px;
    font-size: 1.8rem;
  }
  footer hr {
    margin: 15px 0 20px;
  }
  footer .rights,
  footer .contact,
  footer .faq,
  footer .payment,
  footer .shipping,
  footer .social {
    margin-bottom: 30px;
  }
  footer .rights,
  footer .contact,
  footer .payment,
  footer .shipping {
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
  }
  footer .faq,
  footer .social {
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
  }
  #thumbs .owl-stage-outer {
    height: 180px !important;
  }
  #singleDesc .blueBanner {
    padding: 80px 70px;
  }
  #singleDesc .row.grau {
    font-size: 60px;
    line-height: 60px;
  }
}
@media(max-width: 1300px) {
  header #navi li a {
    padding: 2px 10px;
}
  #slider .text {
    font-size: 14px;
  }
  #intro p {
    display: none;
  }
  h1,
  .collection h2 {
    font-size: 40px;

  }
  h2,
  #singleRate h2 {
      font-size: 30px;
  }
  #catBlocks .block h3 {
    font-size: 130px;
  }
  .mb-120 {
    margin-bottom: 80px;
  }
  .single-carousel .owl-item img {
    height: 525px;
  }
  .single .singleDetails #bottomPart {
    top: 0px;
  }
  #singleDesc .blueBanner {
    padding: 50px 50px;
    font-size: 50px;
    line-height: 50px;
  }
   .basket-item .item-name {
    font-size: 19px !important;
  }
  .checkout  .basket-item .image-container {
    width: 130px;
  }
}
@media(max-width: 1200px) {
  header #logo {
    margin-right: 30px;
}
header #navi li a {
  font-size: 16px;
}
  .categoriegrid-banner .text .catName {
    font-size: 100px;
    line-height: 200px;
  }
  .page-basket  .basket-item .meta-container-wrapper .meta-container-wrapper-inner,
  .checkout  .basket-item .meta-container-wrapper .meta-container-wrapper-inner {
    display: block;
  }
  .page-basket  .basket-item -right .qty-box-container,
  .checkout  .basket-item -right .qty-box-container {
    margin: 0;
  }
  .page-basket  -right,
  .checkout  -right {
    margin-top: 20px;
  }
  .checkout  .item-bundle {
    display: none;
  }
  .checkout  .basket-item -right .qty-box-container .qty-box {
    float: left;
  }
}
@media(max-width: 1150px) {
	#banner {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
	}
	#banner p {
		display: inline-block;
		padding-left: 100%;
		animation: marquee 20s linear infinite;
	}
	#banner p:hover {
		animation-play-state: paused
	}

  #thumbs .owl-stage-outer {
    height: 155px !important;
  }
  #singleDesc .blueBanner {
    font-size: 42px;
    line-height: 42px;
  }
  #singleDesc .blueBanner .right img {
    width: 194px;
    margin-top: -5px;
  }
  .collection .owl-carousel .owl-stage-outer {
    min-height: 465px;
  }
}
@media(max-width: 1120px) {
  header #logo {
      width: 150px;
      margin-top: 5px;
  }
  header #userNavi {
    padding-left: 10px;
  }
}
@media(max-width: 1080px) {
  footer .rights,
  footer .shipping {
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
  }
  footer .contact,
  footer .payment {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}
@media(max-width: 1040px) {
  header #logo {
    width: 110px;
    margin-right: 20px;
    margin-top: 5px;
}
}
@media(max-width: 1024px) {
  #catBlocks .block h3 {
    font-size: 100px;
  }
  #slider .text {
    font-size: 12px;
  }
  #slider .text .normal {
    margin-bottom: 5px;
  }
  #slider .text .btn,
  .home .btn {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
  #slider .text .btn {
    width: auto;
    margin-top: 60px;
  }
  #intro .introText img {
    width: 200px !important;
  }
  .single-carousel .owl-item img {
    height: 400px;
  }
  #thumbs .owl-stage-outer {
    height: 140px !important;
  }
  #singleDesc .row.grau {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 45px;
    line-height: 45px;
  }
}
@media(max-width: 991px) {
  .breadcrumb {
    padding: 4px 25px !important;
  }
  .container-max,
  .wrapper-main #page-header .container-max {
    padding: 0 25px;
  }
  #singleColl, #singleCross {
    padding: 0 40px;
  }
  #collectionBanner1, #collectionBanner2 {
    margin-left: -25px;
    margin-right: -25px;
  }
  header.top-bar {
    height: 85px;
  }
  header #logo {
    margin-right: 0;
    width: 200px;
    margin-top: 0;
  }
  header #navi {
    padding-top: 50px;
    position: fixed;
    display: block;
    background: #30a9dc;
    height: 100%;
    width: 300px;
    top: 0;
    left: -330px;
    transition: 0.3s;
    overflow: scroll;
    z-index: 999;
  }
  .menu-is-visible header #navi {
    left: 0;
  }
  header #navi li {
    border-bottom: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;;
    justify-content: space-between;
  }
  header #navi li a {
    padding: 15px 20px;
    width: 100%;
  }
  header #navi li.parent > a {
    width: 80%;
  }
  header #navi li.active > a,
  header #navi li a:hover,
  header #navi li a:focus,
  header #navi li a:active {
    background-color: #000;
  }
  header #navi li .fa {
    height: 66px;
    width: 20%;
    text-align: center;
    font-size: 25px;
    padding: 21px 0;
  }
  header #navi li.open ul {
    display: block;
    flex: 1 1 100%;
    padding: 0 20px;
  }
  header #navi li ul li a{
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
  }
  header #navi li ul li:last-child{
  border-bottom: 0;
  }
  #slider .text {
    font-size: 9px;
  }
  #slider .text .small {
    display: none;
  }
  #slider .text .normal {
    margin-bottom: 30px
  }
  .categoriegrid-banner .text .catName.small {
    font-size: 80px;
    line-height: 100px;
    text-align: center;
  }
  .categoriegrid .left-col {
    position: fixed;
    display: block;
    top: 0;
    left: -300px;
    height: 100%;
    background: white;
    z-index: 9999;
    padding: 50px 20px;
    width: 300px;
    max-width: 300px;
    transition: 0.3s;
  }
  .categoriegrid .left-col.open {
    left: 0;
  }
  .categoriegrid .left-col .closeMe {
      background: transparent;
      border: 0;
      width: 50px;
      height: 50px;
      padding: 10px;
      cursor: pointer;
      float: right;
      margin-top: -40px;
  }
  .categoriegrid .filterMe {
    margin-left: auto;
    margin-right: 15px;
  }
  #crossAndCollection  .owl-nav > div {
    opacity: 1 !important;
    font-size: 3rem !important;
  }
  #crossAndCollection  .owl-nav .owl-next {
    right: -25px;
  }
  #crossAndCollection  .owl-nav .owl-prev {
    left: -25px;
  }
  #crossAndCollection .owl-nav > div:hover {
    background: #fff;
    color: #1a1a1a;
    text-decoration: none;
  }
  #singleColl {
    margin-bottom: 60px;
  }
  #crossAndCollection .headline {
    margin-bottom: 0
  }
  #singleDesc .row.row-even .pic img,
  #singleDesc .row.row-odd .pic img {
    padding: 0;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .single .price {
      float: none;
  }
  .checkout  .basket-item {
    display: block;
  }
}
@media(max-width: 880px) {
  footer .rights,
  footer .contact,
  footer .faq,
  footer .payment,
  footer .shipping,
  footer .social {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}

/* Start iPad Anpassungen */
@media(max-width: 769px) {
  #slider.home {
    display: none;
  }
  #intro .d-none d-md-block {
    display: none;
  }
  #intro .col-md-4,
  .collection .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #catBlocks  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single {
    margin-top: 0;
  }
  .single .singleImages {
    margin-bottom: 40px;
  }
  .single .singleImages, .single .singleDetails {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-carousel .owl-item img {
    height: 625px;
  }
  .single .variations {
    margin-bottom: 20px;
  }
  .single .variations .variation-select {
    margin-bottom: 10px
  }
  #singleDesc,
  #singleDesc .row.right {
    text-align: center;
  }
  #singleDesc .row.grau {
    text-align: center;
    padding: 50px 15px 0;
  }
  #crossAndCollection .headline {
    min-height: 10px;
    margin-bottom: 50px;
  }
  #singleRate .feedback-container .left,
  #singleRate .feedback-container .right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #singleRate .feedback-container .left > div {
    max-width: 100%;
  }
  #singleDesc .blueBanner .left, #singleDesc .blueBanner .right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #singleDesc .blueBanner .right {
    padding-left: 0px;
  }
  #singleDesc .blueBanner .left {
    text-align: center;
    padding-right: 0px;
  }
  #singleDesc .blueBanner .right img {
    width: 80%;
    margin-top: 40px;
    display: block;
  }

}
/* Ende iPad Anpassungen */
@media(max-width: 768px) {
    #slider.home {
      display: none;
    }
    #slider .text {
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      width: 100%;
      transform: none;
      background: #ffffffad;
      padding: 50px 0 0;
      color: #000;
  }
  .categoriegrid-banner .text {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .categoriegrid-banner .text .catName {
      top: 0;
      left: 0;
      line-height: 200px;
  }
  .categoriegrid-banner .text .catName span,
  .categoriegrid-banner .text .catShort {
    display: none;
  }
  #catBlocks .block:first-of-type {
    margin-bottom: 20px;
  }
  #catBlocks .block h3 {
    font-size: 130px;
  }
  #catBlocks .block .btn {
    bottom: 50px;
    left: 50px;
    transform: none;
    width: 85%;
    width: calc(100% - 100px);
  }
  footer .logo {
    margin-left: auto;
    margin-right: auto;
}
  footer .rights,
  footer .contact,
  footer .faq,
  footer .payment,
  footer .shipping,
  footer .social {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: center
  }
  footer .headline {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  footer .contact p:last-child {
    margin-bottom: 0;
  }
  #singleDesc .row.row-even,
  #singleDesc .row.row-odd {
    flex-direction: column-reverse;
  }
  #singleDesc h3 {
    margin: 30px 0 20px;
  }
  #singleDesc .txt {
    margin-bottom: 20px;
  }
}
@media(max-width: 575px) {
  #slider .text {
    padding: 0
  }
  #slider .text .normal,
  #slider .text .fancy {
    display: none;
  }
  #slider .text .btn {
    margin-top: 0;
  }
  #catBlocks .block h3 {
    font-size: 90px;
  }
  #intro .col-md-4, .collection .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
  #intro .introText img {
    width: 290px !important
  }
  #intro p {
    display: block;
  }
  .single-carousel .owl-item img {
    height: auto;
}
  #thumbs .owl-stage-outer {
    height: 200px !important;
  }
  .single #topPart .row,
  .single #bottomPart .row {
    display: block;
  }
  .single .collection {
    width: 100%;
    text-align: left;
  }
  .collection > div {
    display: inline-block;
    width: 100%;
    margin: 0;
}
  .single .brand {
    display: none;
  }
  .single .names {
    max-width: 100%;
}
  .single .info {
    margin-bottom: 20px;
  }
  .single .info .feedback-stars-average {
    margin: 0;
  }
  .single .variationInfo, .single .prices {
    width: 100%;
  }
  #singleDesc .row.grau {
    margin: 50px 0;
  }
  .categoryPagination {
    display: block;
  }
  .categoryPagination::after {
    content: " ";
    display: table;
    clear: both;
  }
  .categoriegrid h1 {
    margin-bottom: 40px;
  }
  .categoriegrid .filterMe {
    float: left;
  }
  .categoriegrid .list-itemsperpage {
    float: left;
    width: 80%;
width: calc(100% - 96px);
  }
  .wishList-container  .basket-item {
        flex-direction: column;
  }
  .wishList-container .page-basket  .basket-item .image-container {
    width: 100%;
    margin: 0;
  }
  .wishList-container  .basket-item .meta-container-wrapper .meta-container-wrapper-inner {
    display: block;
  }
  .wishList-container  .basket-item -right .qty-box-container {
    margin: 10px auto 10px 0;
  }
  .wishList-container  .basket-item -right .qty-box-container .qty-box {
    margin: 0;
  }
  .wishList-container  .basket-item -right .item-total-price,
  .wishList-container  .basket-item -right .item-remove-container {
    text-align: left;
  }
  .wishList-container .btn-group,
  .wishList-container .btn-group button {
    display: block;
    width: 100%;
  }
  .page-basket  .basket-item,
  .checkout  .basket-item {
    display: block;
  }
  .page-basket  .basket-item .image-container,
  .checkout  .basket-item .image-container {
    width: 100%;
  }
  .page-basket  .basket-item .image-container .img-basket-small,
  .checkout  .basket-item .image-container .img-basket-small {
    margin: 0 auto;
  }
  .page-basket  .basket-item -right .qty-box-container{
    float: left;
  }
  .order-history-list .order-item .item .d-flex {
    display: block !important;
  }
  .order-history-list .container-middle .item img,
  .order-return-history-list .container-middle .item img {
    height: auto;
    width: 250px;
    margin: 0 auto;
    display: block !important;
  }
  .checkout .btn-primary > .fa,
  .widget .btn-primary > .fa {
    display: block;
  }
  .widget-account-settings .add-item .item-edit button,
  .widget .btn-large,
  .add-item button {
    height: 50px;
    width: 50px;
  }
  .catContent table.responsive {
      border: 0;
  }
  .catContent table.responsive thead {
      display: none;
  }
  .catContent table.responsive tr {
      display: block;
      margin-bottom: 20px;
  }
  .catContent table.responsive td {
      display: block;
      padding-left: 140px;
      position: relative;
  }
  .catContent table.responsive td::before {
    content: attr(data-label);
    width: 130px;
    font-weight: bold;
    display: inline-block;
    background: #fafafa;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
  }
  #add-item-to-basket-overlay .modal-footer {
    display: block;
  }
  #add-item-to-basket-overlay .modal-footer button{
    width: 100%;
    margin-bottom: 5px;
  }
  #add-item-to-basket-overlay .modal-footer a {
    width: 100%;
    margin: 5px 0 !important;
  }
}
@media(max-width: 550px) {
  header.top-bar {
    height: 120px;
  }
  header #logo {
    width: 100%;
    padding: 0 25%;
  }
  header #userNavi {
    margin: 20px auto 0;
    padding: 0;
  }
}
@media(max-width: 510px) {
  #catBlocks .block h3 {
    font-size: 100px;
  }
  #catBlocks .block h3 {
    font-size: 70px;
}
}
@media(max-width: 440px) {
  .categoriegrid-banner .text .catName {
    font-size: 100px;
    line-height: 100px;
  }
  .confirmation-order-list .item-details .item-name {
    font-size: 16px !important;
    line-height: 16px;
  }
}
@media(max-width: 425px) {
  #thumbs .owl-stage-outer {
    height: 170px !important;
  }
  h1, .collection h2 {
    font-size: 30px;
  }
  .single h1 {
    margin-top: 30px;
  }
  #singleDesc .row.grau {
    font-size: 30px;
    line-height: 30px;
  }
  footer p:not(.copy) span {
    display: block;
  }
  footer .copy .line {
    display: none;
  }
  footer .copy .nowrap {
    white-space: nowrap;
    display: block;
  }
  .btn {
    font-size: 20px;
  }

  #singleDesc {
    margin-top: 100px;
  }
  #singleDesc .blueBanner {
    margin: 50px 0px;
  }
  #singleDesc .blueBanner,
  #singleDesc .row.grau {
    font-size: 35px;
    line-height: 35px;
  }
  #singleDesc .blueBanner .right img {
    width: 100%;
  }
  #singleRate {
    margin-top: 50px;
  }
  #singleRate h2 {
    margin: -18px auto 50px;
  }
  .single .variationInfo {
    text-align: left;
  }
  .categoriegrid-banner .text .catName {
    font-size: 70px;
    line-height: 70px;
  }
  header #navi li ul li a {
    padding: 15px 15px 10px;
  }
  #add-item-to-basket-overlay .modal {
    width: 96%;
    left: 2%;
  }
  #add-item-to-basket-overlay .modal-cross-selling .thumb-image img {
    max-width: 50%;
  }
}
@media(max-width: 415px) {

  #thumbs .owl-stage-outer {
    height: 160px !important;
  }
  .collection > div {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .single h1 {
    margin-top: 30px;
  }
  .categoriegrid-banner .text .catName.small {
    font-size: 60px;
    line-height: 70px;
  }
  #singleRate .feedback-container .feedback-bars::before {
    display: none;
  }
  .basketBtn .add-to-basket-container {
    flex-direction: column;
  }
  .basketBtn .add-to-basket-container .quantity-input-container {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box {
    width: 100%;
    display: block;
    position: relative;
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-btn-container {
    width: 100%;
    height: 50px;
    border-left: 1px solid #dcdbd8;
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-btn-container .qty-btn-seperator {
    display: none;
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-btn-container .qty-btn {
    width: 50%;
    width: calc(50% - 25px);
    height: 50px;
    position: absolute;
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-btn-container .qty-btn:first-of-type {
    left: 0
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-btn-container .qty-btn:last-of-type {
    right: 0
  }
  .basketBtn .add-to-basket-container .quantity-input-container .qty-box .qty-input{
    width: 50px;
    min-height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 0;
    z-index: 3;
  }
}
@media(max-width: 360px) {
  #catBlocks .block h3 {
    font-size: 50px;
  }
}