/** Shopify CDN: Minification failed

Line 65:0 Unexpected "}"

**/
/*
#looxReviews{
  display: none !important;
  max-width: none !important;
}

.loox-rating, .loox-v2-carousel-container{
  display: none !important;
}
*/

.product-grid-container .loox-rating{
  padding-bottom: 4px;
}

.loox-v2-carousel-container{
  background: #eaeef6;
  margin-top: 20px;
  margin-bottom: 20px;
}

#looxReviews #grid .grid-item{
  border-radius: 10px;
  padding: 10px;
}

:root {
  --border-radius: 10px;
  
  --color-background: #F6F6F6;
  --color-background-secondary: #282759;

  --color-border: #EBEDEC;
  
  --color-text-primary: #211D1D;

  --color-primary-loowy: #2EA3F2;

  --color-white: #FFFFFF;

  --page-width: 1600px;
}

@font-face{
  font-family: "Jost";
  font-weight: 800;
  src: url('//sauba.net/cdn/shop/files/Jost-800-ExtraBold.woff2?v=10052432747438425708') format("woff2");
}

h1{
  /*font-family: "Jost" !important;*/
  font-weight: 800 !important;
}

h2, h3, h4, h5, h6{
  font-family: "DM Sans" !important;
  font-weight: bold !important;
}

}

.header__heading-logo{
    max-height: 80px;
    width: auto;
}

@media screen and (max-width: 749px){
  .header__heading-logo{
    height: 60px;
    width: auto;
  }

  .product-form__input{
    width: 100% !important;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 989px){
  .header__icons > .loowy-configurator, .header__icons #language-switcher{
    display: none;
  }
}

.collection-grid-item .loowy-configurator{
  margin-top: 1rem;
}

.loowy-configurator{
  width: fit-content;
}

.loowy-configurator > a span{
  white-space: nowrap;
}

#menu-drawer .loowy-configurator{
  margin: 1.1rem 3rem;
}

/* product-variant-options.liquid */

body .product-form__input input[type=radio]+label{
  background-color: var(--color-background);
  border: none;
  border-radius: 10px;
  padding: 0;
  border: 2px solid transparent;
  line-height: 0;
}

body .product-form__input input[type=radio]:checked+label{
  background-color: var(--color-background);
  border: 2px solid var(--color-text-primary);
}

body .product-form__input input[type=radio]+label img{
  width: 80px;
  border-radius: 10px;
}

:root {
  color-scheme: only light;
}

/* main-collection-banner-sauba.liquid */

  .filter.mobile menu-drawer{
    margin-left: auto;
  }
  
  .wrapper-dropdown, .filter.desktop select.select__select {
    position: relative;
    height: 45px;
    border-radius: 45px;
    background: var(--color-background-secondary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .wrapper-dropdown.dropdown-inline{
    color: rgba(var(--color-button),var(--alpha-button-background));
    background: none;
    height: auto;
  }

  .wrapper-dropdown.dropdown-inline > *{
    margin: 0;
  }

  .filter.desktop select.select__select {
    margin: 0;
    padding: 0 2rem;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    color: black;
    border: 2px solid var(--color-border);
    border-radius: 45px !important;
  }


  .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }

  svg {
    transition: all 0.3s;
  }

  .wrapper-dropdown::before {
    position: absolute;
    top: 50%;
    right: 16px;

    margin-top: -2px;

    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: var(--color-white) transparent;
  }

  .rotated {
    transform: rotate(-180deg);
  }

  .wrapper-dropdown .dropdown {
    transition: 0.3s;

    position: absolute;
    top: 120%;
    right: 0;
    left: 0;

    margin: 0;
    padding: 0;

    list-style: none;

    z-index: 10;

    border-radius: 15px;
    box-shadow: inherit;
    background: inherit;

    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    opacity: 0;
    visibility: hidden;

    background-color: white;
    color: black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 1.5rem 2rem;
    min-width: fit-content;

        cursor: auto;
  }

  .wrapper-dropdown .dropdown li > *{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 5px;
    color: rgba(var(--color-foreground), 0.75);
    text-decoration: none;
    align-items: center;
    gap: 10px;
    line-height: normal;
    cursor: pointer;
  }

  .wrapper-dropdown .dropdown li:last-child {
    border-bottom: none;
  }

  .wrapper-dropdown .dropdown li:hover,  .wrapper-dropdown .dropdown li.active, .wrapper-dropdown .dropdown li[selected]{
    background-color: rgba(40, 39, 89, 0.1);
    border-radius: 10px;
  }

  .wrapper-dropdown .dropdown li[disabled] {
    opacity: .5;
    user-select: none;
    pointer-events: none;
  }

  .wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;

    border-radius: 15px;
  }

  .facets{
    display: inline-block !important;
  }

  .product-count-vertical{
    display: flex;
    align-items: center;
  }

  .filter > div {
    align-items: center;
  }

  .filter > div, .filter > div > form{
    display: flex;
    gap: 10px;
  }

  .wrapper-dropdown > *{
        white-space: nowrap;
  }

  .wrapper-dropdown:not(.filtered) {
    background: var(--color-border);
    color: var(--color-text-primary);
  }

  .filter-group-display__header{
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .filter-group-display__header span{
    font-size: 110%;
    font-weight: bold;
  }


  .filter-group-display__header a{
    color: var(--color-background-secondary);
    text-decoration: none;
  }

  #sorting li, #language-switcher li{
    line-height: 45px;
    padding: 0 15px;
    cursor: pointer;
  }

  #language-switcher{
    margin: 0 10px;
  }

  #language-switcher li > svg{
    border-radius: 24px;
    border: 1.5px solid #c3c3c3;
  }
  
  #language-switcher li{
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .wrapper-dropdown .dropdown li>svg {
    width: 24px;
    height: 24px;
    padding: 0;
  }

  #sorting .dropdown{
    left: auto;
  }
  
  .description > p:first-child {
    margin: 0;
  }

  .description a{
    color: var(--color-foreground);
  }

  .filter.desktop #sorting {
    background: none;
    color: var(--color-text-primary);
    border: 2px solid var(--color-border);
  }

  .description .read-more{
    margin-top: 10px;
    display: block;
    color: var(--color-background-secondary);
  }

  @media screen and (min-width: 750px){
    .filter.mobile{
      display: none;
    }

    .description .read-more{
      display: none;
    }
  }

  @media screen and (max-width: 749px){
    .filter.desktop{
      display: none;
    }

    .mobile-preview + span{
      max-height: 0;
      display: block;
      overflow: hidden;
      transition: max-height .3s ease;
    }

    .mobile-preview.expanded + span{
      max-height: 1000px;
    }
  }

  /* main-product.liquid, sauba-grundsaetze.liquid */

  .badge-container{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1rem;
  }

  .badge-container > div{
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--color-background);
    padding: 5px 10px;
    border-radius: 10px;
  }

  .badge-container img{
    width: 70px;
  }

  .badge-container > div.with-tooltip{
    white-space: nowrap;
  }

  .badge-container > div > div > div:first-child{
    font-weight: bold;
  }

  /* Sonstiges*/

  body .quick-add-modal__content{
    background-color: white;
  }

  /* main-collection-banner-sauba.liquid, main-collection-banner-loowy.liquid */

    .filter{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .description{
    border-radius: 10px;
    padding: 2rem;
    line-height: 150%;
  }

  .setting-description {
    background-color: #1c2028;
    border-radius: 15px 15px 0px 0px;

    min-width: 231.5px;
    width: 100% !important;
    max-width: 483px;
  }

  /* the code below is for the dropdown menu */
  .wrapper-dropdown, .filter.desktop select.select__select {
    position: relative;
    height: 45px;
    border-radius: 45px;
    background: var(--color-background-secondary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .filter.desktop select.select__select {
    margin: 0;
    padding: 0 2rem;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    color: black;
    border: 2px solid var(--color-border);
    border-radius: 45px !important;
  }


  .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }

  .arrow {
    float: right;
    rotate: 180deg;
  }

  .wrapper-dropdown > *:first-child {
    margin-left: 20px;
  }
  
  svg {
    transition: all 0.3s;
  }

  .wrapper-dropdown::before {
    position: absolute;
    top: 50%;
    right: 16px;

    margin-top: -2px;

    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: var(--color-white) transparent;
  }

  .rotated {
    transform: rotate(-180deg);
  }

  .wrapper-dropdown .dropdown {
    transition: 0.3s;

    position: absolute;
    top: 120%;
    right: 0;
    left: 0;

    margin: 0;
    padding: 0;

    list-style: none;

    z-index: 10;

    border-radius: 15px;
    box-shadow: inherit;
    background: inherit;

    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    opacity: 0;
    visibility: hidden;

    background-color: white;
    color: black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 1.5rem 2rem;
    min-width: fit-content;

        cursor: auto;
  }

  .wrapper-dropdown .dropdown li a{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 5px;
    color: rgba(var(--color-foreground), 0.75);
    text-decoration: none;
    align-items: center;
    gap: 10px;
    line-height: normal;
  }

  .wrapper-dropdown .dropdown li:last-child {
    border-bottom: none;
  }

  .wrapper-dropdown .dropdown li:hover,  .wrapper-dropdown .dropdown li.active, .wrapper-dropdown .dropdown li[selected]{
    background-color: rgba(40, 39, 89, 0.1);
    border-radius: 10px;
  }

  .wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;

    border-radius: 15px;
  }

  .facets{
    display: inline-block !important;
  }

  .product-count-vertical{
    display: flex;
    align-items: center;
  }

  .filter > div {
    align-items: center;
  }

  .filter > div, .filter > div > form{
    display: flex;
    gap: 10px;
  }

  .wrapper-dropdown > *{
        white-space: nowrap;
  }

  .wrapper-dropdown:not(.filtered) {
    background: var(--color-border);
    color: var(--color-text-primary);
  }

  .filter-group-display__header{
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .filter-group-display__header span{
    font-size: 110%;
    font-weight: bold;
  }


  .filter-group-display__header a{
    color: var(--color-background-secondary);
    text-decoration: none;
  }

  #sorting li{
    padding: 0 15px;
    cursor: pointer;
  }

  #sorting .dropdown{
    left: auto;
  }

  .description > p:first-child {
    margin: 0;
  }

  .description a{
    color: var(--color-foreground);
  }

  #sorting li{
    line-height: 45px;
  }

  .filter.desktop #sorting {
    background: none;
    color: var(--color-text-primary);
    border: 2px solid var(--color-border);
  }

  .description .read-more{
    margin-top: 10px;
    display: block;
    color: var(--color-background-secondary);
  }

  @media screen and (min-width: 750px){
    .filter.mobile{
      display: none;
    }

    .description .read-more{
      display: none;
    }
  }

  @media screen and (max-width: 749px){
    .filter.desktop{
      display: none;
    }

    .mobile-preview + span{
      max-height: 0;
      display: block;
      overflow: hidden;
      transition: max-height .3s ease;
    }

    .mobile-preview.expanded + span{
      max-height: 1000px;
    }
  }

  /* Cookie Banner */

   @media screen and (min-width: 990px){
    body .cc-window.cc-banner.cc-bottom{
      right: 20px;
      left: unset;
      bottom: 20px;
      border-radius: 10px;
    }
  }

  body .cc-window.cc-banner.cc-bottom{
    max-width: 600px;
    box-shadow: 0px 0px 20px #0000002b;
  }

  body .cc-banner>.cookieconsent-wrapper{
    flex-direction: column;
    gap: 10px;
  }

  body .cc-btn{
    font-size: 1.5rem;
    letter-spacing: .1rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 3rem;
    cursor: pointer;
    font: inherit;
    font-size: 1.5rem;
    text-decoration: none;
    /*color: rgb(var(--color-button-text));*/
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
    /*background-color: rgba(var(--color-button),var(--alpha-button-background));*/
    border-radius: var(--buttons-radius-outset) !important;
        min-width: calc(12rem + var(--buttons-border-width) * 2);
    min-height: calc(4.5rem + var(--buttons-border-width) * 2);
    position: relative;
  }

  body .cc-btn.cc-allow:hover{
    background-color: rgba(var(--color-button),var(--alpha-button-background)) !important;
  }

  body .cc-btn.cc-settings:hover{
    color: rgb(33, 29, 29) !important;
        background-color: transparent !important;
  }

  /* Mega Menu */

  summary > a{
    color: inherit;
    text-decoration: inherit;
  }

  /* Buy now buttons */

  .shopify-payment-button__button{
    --color-button: var(--color-secondary-button);
    --color-button-text: var(--color-secondary-button-text);
  }
  
  .shopify-payment-button__button:after {
    --border-opacity: var(--buttons-border-opacity);
  }

  /* Product Grid */

  @media screen and (min-width: 750px){
    #product-grid{
      --grid-desktop-horizontal-spacing: 36px;
      --grid-desktop-vertical-spacing: 36px;
    }
  }

  .underline-links-hover:hover a.button{
    text-decoration: none;
  }

  /* Product Page */

  .wrapper-dropdown > svg, .wrapper-dropdown.filtered#sorting > svg{
    color: var(--color-text-primary);
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .wrapper-dropdown.filtered:not(.dropdown-inline) > svg{
    color: white;
  }

  /* Collection */

    .collection-grid-item{
    /*background: var(--color-background);*/
    border-radius: var(--border-radius);
    padding: 2rem;
    --font-heading-scale: 0.75;
  }

  @media screen and (max-width: 989px){
    .collection-grid-item{
      min-width: 100%;
    }
  }

  @media screen and (min-width: 990px){
    .collection-grid-item{
      margin-top: calc(-45px - 20px - 1em);
    }
  }

  .collection-grid-item > .description{
    padding: 0;
    hyphens: auto;
  }

  .collection-grid-item h1{
    margin-top: 0;
  }

  .filter-desktop-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
    --grid-desktop-horizontal-spacing: 36px;
    --grid-desktop-vertical-spacing: 36px;
  }

  .filter-desktop-container > .filter.desktop{
    grid-column: 2 / 5;
  }

  body .mobile-facets__inner{
    background: var(--gradient-background);
  }

/* Bubbles */

  .bubble-container{
    position: relative;
  }

  .bubble{
    position: absolute;
    height: 120px;
  }

  @media screen and (max-width: 989px){
    .bubble{
      display: none;
    }
  }

  .shopify-payment-button__more-options{
    display: none !important;
  }

  /* Live Product Options Discount Input */

  body .cl-po--discount{
    max-width: none;
  }

  .cl-po--discount .cl-po--discount-input input{
    border: 1px solid #dedede;
    outline: none;
    outline-offset: 0;
  }

  .cl-po--discount .cl-po--discount-input input:focus-visible{
    outline: 2px solid #282759;
    border-color: #0000;
  }

  body .cl-po--discount .cl-po--discount-input button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 3rem;
    cursor: pointer;
    font: inherit;
    font-size: 1.5rem;
    text-decoration: none;
    background-color: #EDEDED;
    color: black;
    border: 1px solid #dedede;
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    width: auto;
    border-radius: var(--buttons-radius-outset);
    min-height: calc(4.5rem + var(--buttons-border-width) * 2);
  }

  #language-switcher > .selected-display{
    display: flex;
    margin-left: 15px;
  }

  #language-switcher .arrow{
    margin-left: 5px;
  }

  /* Black Friday */

  .product-color-inverse .button--primary {
    --color-button: 33,29,29;
  }

  .product-color-inverse .button--secondary {
    --color-button-text: 33,29,29;
  }

  .product-color-inverse .button--secondary path, .color-background-2 .button--secondary path{
    stroke: rgb(33,29,29);
  }

  /* Gravur Product Options */

  .cl-po--wrapper{
    width: fit-content;
  }

  .cl-po--help{
    color: rgba(var(--color-foreground), 0.75) !important;
  }

  .cl-po--options > .cl-po--option:first-child{
        margin-bottom: 6px !important;
  }

  .cl-po--label {
    font-size: 1.75rem;
    font-weight: bold;
  }
  
  .cl-po--label > .cl-po--value {
    order: 2;
    margin-left: auto;
    font-weight: normal;
    display: flex;
    align-items: center;
  }

  .cl-po--option .info-icon {
    order: 1;
    cursor: pointer;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"><path d="M12 11.5V16.5" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 7.51L12.01 7.49889" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    width: 20px;
    display: inline-flex;
    height: 20px;
    margin-left: 4px;
  }

  .cl-po--price{
    order: 3;
    font-weight: normal;
  }

  .cl-po--swatch-container > .cl-po--swatch-item:last-child {
    margin-right: 0;
  }

  .cl-po--swatch-button{
    padding: 4px 26px !important;
  }

  .cl-po--upload{
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
  }

  .cl-po--upload-files > div {
    background: rgb(40 39 89);
    color: white;
    padding: 2px 12px;
    border-radius: 6px;
    max-width: 400px;
    /* white-space: nowrap; */
    width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cl-po--wrapper .cl-po--input{
    line-height: 1.5;
  }

  progress.cl-po--preview-progress {
    accent-color: #282759;
  }

  @media screen and (max-width: 749px) {
    .cl-po--wrapper {
        width: auto;
    }
  }

  /* Cart Drawer */

  #CartDrawer .drawer__inner{
    background-color: var(--color-background);
    width: 50rem;
  }

  #CartDrawer .payment-methods{
    padding-top: 10px;
  }

  #CartDrawer .payment-methods .list-payment{
    justify-content: center;
  } /* Hide the custom language switcher pill everywhere */
#language-switcher { 
  display: none !important; 
}