/*--------------------------------------------------------------
/** 1. VARIABLEN
--------------------------------------------------------------*/
:root {
  --accent-color: #0d0d0d;
  --bs-gray-100: #f3f3f3;
  --bs-gray-200: #e7e5e2;
  --bs-primary: #704204;
  --bs-secondary: #F6F5F2;
  --bs-primary-rgb: 112, 66, 4;
  --bs-body-bg-rgb: 253, 254, 255;
  --bs-light: #fff;
  --bs-dark: #000;
  --bs-dark-rgb: 38, 38, 38;
  --navbar-color-color: #131814;
  --swiper-theme-color: #704204 !important;
  --swiper-pagination-color: #704204 !important;
  --product-listing-image-height:  330px!important;
}

/* on mobile devices below 1400px
 */
@media screen and (max-width: 1400px) {
  :root {
 --product-listing-image-height:  250px!important;
  }
}

/* on mobile devices below 639px
 */
@media screen and (max-width: 1400px) {
  :root {
 --product-listing-image-height:  auto!important;
  }
}

/* on mobile devices below 600px
 */
@media screen and (max-width: 600px) {
  :root {
    --header-height: 100px;
    --header-height-min: 80px;
  }
}

/* Fonts */
:root {
  --body-font: "Sofia Sans", sans-serif;
  --heading-font: "Cormorant Upright", serif;
}