﻿/************
Allgemeine Definitionen
************/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #232323;font-family: 'Cinzel',Noto Sans,sans-serif;font-style: normal;font-weight: 600;}

a {color: #b17c07;text-decoration: none;}
a:hover {color: #b17c07;text-decoration: none;}
#wrapper {background: #fff;}
@media (min-width: 1200px) {
  .container {
    width: 1440px;
    max-width: 100%;
  }
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover,.btn-primary:active {color: #fff;background-color: #b17c07; border-color: transparent;}
.btn-primary, .btn-primary:hover, .btn-primary:disabled:hover, .group-span-filestyle .btn-default {background-color: #b17c07;}

 

p {text-align: left;font-family: 'Century Gothic',Arial;font-size: .9375rem;color: #232323;font-weight: 400;}

/************
Header
************/


#header .header-nav {background: #fff;height: 35px;width: 100%;border-bottom:none;}
#header a:hover {color: #b07c0c;}
#_desktop_user_info a {color: #000;font-size: 12px;font-family: 'Century Gothic',Arial;}
#_desktop_language_selector span, #_desktop_language_selector i {color: #000;font-size: 12px;}
.dropdown:hover .expand-more {color: #b07c0c;}
#header .header-top .menu {padding-top:15px;}
#header .header-top-home .menu a[data-depth="0"]:hover {color: #b07c0c;text-decoration: none;}
#header a {color: #232323;}
.top-menu[data-depth="1"] {margin: .625rem;}
.top-menu .sub-menu ul[data-depth="1"] > li {float: left;margin: 0 1.25rem;width: 25%;min-height: 200px;}
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {top: 95px !important;border: 1px solid #b07c0c;border-radius: 10px;display: block !important;}
#header .top-menu a[data-depth="0"]:hover, a:hover {color: #b07c0c;text-decoration: none;}
#header .header-top {width: 100%;z-index: 10;margin: 0 auto;padding-top: 10px;height: 100px;}
.header-top-home {  position: absolute !important;}
#header {box-shadow:none;}
#header .logo {max-width: 80%;padding-top:5%;}
#header .header-top-home .menu a[data-depth="0"] {color: #fff;font-size: 15px;text-transform: uppercase;line-height: 25px;font-family: 'Cinzel',Noto Sans,sans-serif;font-style: normal;font-weight: 600;}

#_desktop_user_info{float:left;}
#_desktop_cart {float:right;padding-top:45px;}
#_desktop_currency_selector, #_desktop_currency_selector span, #_desktop_currency_selector i {font-size:12px;color:#000;}
#header .header-nav .language-selector, #header .header-nav .user-info {margin-bottom:0.3rem}
#header .header-nav .material-icons.expand-more {font-size:20px;}
#header .header-top-home #_desktop_cart i, #header .header-top-home #_desktop_cart span {color:#fff;}

.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {font-family: 'Century Gothic', Arial;padding: 0 .625rem .625rem 0;}
#header .header-top a[data-depth="0"] {padding-bottom: 42px;font-family: 'Cinzel',Noto Sans,sans-serif;font-style: normal;font-weight: 600;color: #232323;font-size: 15px;text-transform: uppercase;line-height: 25px;}
#_desktop_cart i {font-size: 30px;color: #232323;}
#header .header-top .menu {padding-top: 40px;}


/************
Suche Desktop
************/


.headersearch {float:left;margin-left: 25px; }

.searchform {text-align: right;}

.open-search { color: black;cursor: pointer;line-height: 30px;}
  

.searchform input[type="text"].show {
  background: rgba(white, .7);
  margin-top: 3px;
  width: 180px;
  border: 1px solid #ccc;
  height: 28px;
  float: left;
}
.searchform input[type="text"] {
  transition: all .2s ease-in-out;
  background: rgba(white, .2);
  border: 0;
  color: #b17c07;
  padding: .5rem 0;
  width: 0;
  +placeholder: ;
}


/************
Index
************/

.imagebox-big {
  overflow: hidden;
  max-width: 100%;
  background-image: url("http://moskitoo.ch/img/content/home/parallax/Onyx-dress-moskitoo-india-kult-slowfashion-movment-copal-clothing-living-livestyle.png");
  min-height: 500px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.imagebox-big-text {font-family: 'Century Gothic',Arial;left: 10%;position: absolute;height: 100px;font-weight: 600;color: #fff;font-size: 2.125rem;opacity: 0.7;bottom: 100px;}


/************
Boxen Index
************/

.imagebox-inner {position: relative;height: 100px;background: #000;opacity: 0.7;bottom: 100px;}
.imagebox-full {overflow: hidden;}
.imagebox-inner span {color: #fff;font-size: 22px;line-height: 30px;display: block;padding: 10px 0px;font-family: 'Cinzel',Arial;}
.imagebox-inner .btn {background: #fff;}
.imagebox-inner .btn a {color: #000;background: #fff;text-decoration: none;}

#custom-text img {max-width: 100%;height: auto}


/************
Produkte Index
************/


#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {font-weight:600;}
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {font-weight:700;}
#products .product-miniature .discount-amount, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .pack, #products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new
{
  background: #b17c07;}
.featured-products .product-miniature .product-flags .new {display:none;}

/************
Slider
************/

.carousel { margin-bottom: 1.5rem; width: 100%; height: auto;position: relative;overflow: hidden;}
.carousel .carousel-inner {height:100%}
.carousel .carousel-item figure {display:flex;}
.display-1 {font-family: 'Cinzel',Arial;font-size: 2.625rem;font-weight: 600;margin-bottom: 10px;color:#fff;}
@media (min-width: 768px) {
  .carousel .carousel-item .caption { bottom: 20%; max-width: 100%;left: 10%;}
}
.carousel .carousel-item .caption .caption-description p {font-family: 'Century Gothic',Arial;color: #fff;}

/************
Footer
************/


.footer-container {background: #252525;margin-top: 1.25rem;padding-top: 1.25rem;overflow: hidden;box-shadow: 2px 2px 11px 0 rgba(0,0,0,.3);}
.footer-container h3 {color: #fff;font-family: 'Cinzel', Arial;}
.footer-container li a:hover {color: #fff;}
.footer-container li a {font-family: 'Century Gothic', Arial;color: #7a7a7a;cursor: pointer;font-size: .875rem;}
#footer {border-top: 1px solid #b17c07;}
#blockEmailSubscription_displayFooterBefore {float:left;}
.block-social {float:right;}
.block-social ul li {background-color:#b17c07;}
.block-social ul li:hover {background-color:#b17c07;}
.footer-container .h3 {color: #fff;font-family: 'Cinzel', Arial;}
#footer #block_myaccount_infos .myaccount-title a {color: #fff;font-family: 'Cinzel', Arial;}


/************
Produkte
************/

#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {position: absolute;bottom: 1.25rem;padding-top: .625rem;z-index: 0;background: #fff;text-align: center;width: 100%;height: 3.125rem;box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);transition: bottom .3s;}
.product-flags li.product-flag {display:none;}
.input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span {border: 2px solid #b17c07;}
.color, .custom-checkbox input[type=checkbox] + span.color {border: 1px solid #ccc;border-radius: 50%;width: 2.25rem;height: 2.25rem;display: inline-block;margin: .3125rem;margin-top: 0.3125rem;margin-left: 0.3125rem;cursor: pointer;background-size: contain}
.custom-checkbox input[type=checkbox] + span.color, .variant-links .color, label .color {width: 2.25rem;height: 2.25rem}
.product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {border: 1px solid #b17c07;}
#product-availability {display:inline-block;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-bottom: 1px solid #b17c07;}
.tabs .nav-tabs .nav-link.active {color:#b17c07;}
#product .tabs {padding:0;padding-bottom:5%;}
#product #content {max-width:100%;}
#product-modal .modal-content .modal-body .product-images img:hover {border: 1px solid #b17c07;}
.product-prices .tax-shipping-delivery-label {float:left;}
.product-prices div {float:left;padding-right:1%;}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {font-weight:400;background:none;}
.definition-list dl dd:nth-of-type(2n), .definition-list dl dt:nth-of-type(2n), .product-features > dl.data-sheet dd.value:nth-of-type(2n), .product-features > dl.data-sheet dt.name:nth-of-type(2n) {background:none;}
.product-features .h6 {font-weight:700;}
.product-miniature .highlighted-informations .quick-view:hover {color:#b17c07;}

/************
Kategorien
************/


.block-category h1 {font-size: 1.375rem;}
.block-category {margin-bottom: 1.563rem;border-bottom: 3px solid #b07c0c;}
.block-categories .category-sub-menu li[data-depth="0"] > a {font-weight: normal;font-size: 16px;border-bottom: 1px dotted #b07c0c;width: 100%;display: inline-block;margin: .3125rem 0 0;padding-bottom: .1875rem;}
.block-categories .h6  {font-size: .9375rem;font-weight:700;}
#search_filters > .h6 {font-size: .9375rem;font-weight:700;}
.block-category {min-height:0;}
#search_filters .facet .facet-title {color: #7a7a7a;font-family:Manrope,sans-serif}
.facet-dropdown.open > .select-title {border: 3px solid #b07c0c;background: #f6f6f6}
.facet-dropdown .select-list:hover {background: #b07c0c;color: #fff;text-decoration: none;}
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {background: #b07c0c;}



/* Shops - Laden */

.storedivide {border-top: #f6f6f6 1px solid; padding-top: 5px;}
.storespacer {height: 50px;}

.page-content.page-cms {padding:1.25rem 0rem;}
.page-content.page-cms img {max-width:100%;height:100%;}
#stores .page-stores .store-item-container .divide-left th {text-align:left;} 

.storeinfo {padding-top:5%;}

.store-description address {text-align: left;font-family: 'Century Gothic',Arial;font-size: .9375rem;color: #232323;
  font-weight: 400;}
.store-description a {font-family: 'Century Gothic',Arial;font-size: .9375rem;font-weight:normal;}

/************
Sonstiges
************/



#blockcart-modal .modal-header {background: #252525;}
#blockcart-modal .modal-title {font-weight: 600;color: #fff;font-size: 1.125rem;}
#blockcart-modal .product-name {color: #252525;font-size: 1.125rem;}
#blockcart-modal .modal-body {background: #f1f1f1;padding: 3.125rem 1.875rem;}
#blockcart-modal .cart-content p.product-total {background: #f1f1f1;}
#blockcart-modal .cart-content p.cart-products-count {font-size: 1.125rem; color: #232323; font-weight:400;}
.cart-content-btn .btn-secondary {box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2)}
body#checkout a:hover {color: #b17c07;}
.form-control:focus {outline: .1rem solid #b17c07;}
body#checkout section.checkout-step .address-item.selected {border: #b17c07 1px solid;}
.custom-radio input[type="radio"]:checked + span {background-color: #b17c07}
.block-promo .promo-code-button.cancel-promo {color:#b17c07}
.block-promo .promo-input + button {border: 2px solid #b17c07;}
.page-my-account #content .links a:hover i {color:#b17c07}
.product-miniature .variant-links {padding-top:0;}
.pagination .current a {color:#b17c07}




/************
Mobile
************/




/* Produktbilder Mobile */

@media (max-width:599px) {
#products img, .featured-products img, .product-accessories img, .product-miniature img {
max-width:100%; height: auto;}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
height:100%px; min-height:290px;}

#products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description {height:90px;}
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title
{height:40px;}
#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {bottom:5.0rem;}
}







/* Shop Fixes */

/* Slider Effekt */
.carousel .carousel-item .slider-effect {z-index: -1;  pointer-events: none}
/* Menu - Mobile */
@media (max-width:767px) {
.top-menu .sub-menu ul[data-depth="1"] > li {height: auto; width: auto;}}




/* Ansicht Produktvorschau
.featured-products .product-miniature .index {width:320px !important}
.product-miniature .thumbnail-container .index {width:320px !important}
 .featured-products .thumbnail-container .index, .product-miniature .thumbnail-container .index {width: 320px !important}
.product-miniature .highlighted-information .index {width: 320px; !important} */

/* Produkt Flags - NEU */
.featured-products .product-miniature .product-flags .new {display: none}
li.product-flag {display:none}
/* Stopp Ansicht Produktvorschau */



/* Mobile Update */
@media (max-width:767px) {
#_mobile_cart {padding: 5px 15px 0px 0px}
#header .header-nav .cart-preview .shopping-cart {font-size: 25px; color: #000}
#header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {}
.top-menu .sub-menu ul[data-depth="1"] > li {min-height:100%}

/* Slider */
.display-1 {font-size:1.15rem}}

@media (max-width: 991px) {
  .carousel {    padding-bottom: 0;overflow: visible;  }
.carousel-indicators {bottom:-10px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-indicators li {border-color: #fff;}

}




/* Stop Mobile Update */


/* header */
@media (max-width:767px) {
.header-top-home {height:auto;}
.header-nav-home {background:#252525 !important; color: #fff !important}
.header-nav-home .user-info i{color:#fff !important}
.header-nav-home .cart-preview .shopping-cart {color:#fff !important}
.header-nav-home .cart-preview.active a,.header-nav-home .blockcart.active a:hover, .header-nav-home .cart-preview.active i {color:#fff !important}
.header-nav-home .cart-preview .shopping-cart {color: #fff !important;}
}

@media (max-width: 767px) {
  #_mobile_cart {
    padding: 5px 15px 0px 0px;
  }
}


@media (max-width: 767px) {
  #header .header-nav {
    height: 55px;
max-height: none;
  }

#header .header-nav .blockcart {background: none;}
#header .header-nav .user-info {margin-top: 1.15rem;}

}

@media (max-width: 767px) {
  #header .header-nav .top-logo a img {
    max-height: 50px;
    max-width: 100%;
  }
}


@media (max-width: 767px) {
  #header .header-top a[data-depth="0"] {
    padding-bottom: 0 !important;
  }
#header .header-top {height:0;}
}

@media (max-width: 991px) {

#header .header-nav #menu-icon .material-icons {color:#000;}

  #header  .header-nav-home #menu-icon .material-icons {
    color: #fff;
  }
}



/* startseite */

@media (max-width:767px) {
.imagebox-big {display:none}
.imagebox-big-text {display:none}}



.imagebox-full {overflow:hidden}
.imagebox-inner {position: relative;height: 100px;background:#000;opacity:0.7; bottom:100px;}
.imagebox-full img {max-width:100%;}
.imagebox-inner span {color:#fff; font-size: 22px; line-height:30px;display:block;padding:10px 0px;font-family: 'Cinzel',Arial}
.imagebox-inner .btn {background:#fff;}
.imagebox-inner .btn a {color:#000; background:#fff; text-decoration: none;}

@media (min-width:768px) and (max-width:1050px) {
.imagebox-inner span {font-size:14px;}}


/* Slider */

@media (max-width: 767px) {
  .carousel .carousel-item img {
    height: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 991px) {
  .carousel .carousel-item .caption {
    position: absolute;
    margin: 1.275rem auto 2.5rem;
    text-align: left;
    top: 165px;
  }
}

@media (max-width: 991px) {
  .carousel .carousel-item .caption .display-1 {
    font-size: 1.15rem;
    font-weight: 500;
    color: #fff;
  }
}



/* footer */

@media (max-width: 991px) {
.links .navbar-toggler {color:#fff}
}

/* sonstiges */

@media (max-width: 991px) {
  .block-social {
    text-align: center; float: none; margin:0 auto;
  }
}

/* laden */

#laden {border-top: 1px solid #b17c07;padding-top: 2%}
.ladentitel p {font-family: 'Century Gothic', Arial; font-size: 1.3125rem;line-height: 1.75rem;color: #232323}
.ladentext p {font-family: 'Century Gothic', Arial;color: #7a7a7a;cursor: pointer;font-size: .875rem;}
