:root {
      --color-gold: #B89D49;
      --color-dark-gray:#534E4A;
      --color-light-gray:#EEEEEE;
  
      --transition: all .4s ease-out;
  
      --main-max-w: 1536px;
      --small-max-w: 1274px;
      --m-auto: 0 auto;
      --main-lr-padding: 20px;
  } 
  /* Searchform */
    #ic-qsBTN {
      display: none;
      width: 100%;
      height: 100px;
      background-color: var(--color-dark-gray);
      border: none;
      outline: none;
      transition: var(--transition);
    }
    .search-mobil{
      background: var(--color-gold);
      color: #534E4A !important; 
      /* color: red; */
      text-transform: uppercase;
      font-family: 'Ubuntu', sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
      padding: 14px 47px;
      cursor: pointer;
    }
    #ic-searchform { 
      padding: unset !important;
      position: relative;
    }
    #ic-favShareList a:hover svg path {
      fill: var(--color-gold);
    }

    #ic-searchform form {
      position: relative;
    }
    #ic-headerSpacer + #ic-searchform .saleFlagSelector {
      top: auto;
      bottom: -67px;
    }
    .saleFlagSelector li {
      padding: 0
    }
    .saleFlagSelector li::before {display: none}

    .saleFlagSelector a.active {
      color: #000;
      background: #e2dad1;
    }
    .ic-qsFieldset {
      position: relative;
      display: flex;
      align-items: center; 
      justify-content: space-between;
      gap: 14px;
      height: 100px;
    }
    .ic-QSitem {
      flex: 1 15%;
      max-width: 14.5%;
      min-width: 163px;
    }
    .ic-QSitem.ic-reference {
       flex: 2 31%;
      max-width: 31.5%;
      min-width: 290px;
    }
    .ic-QSitem.ic-QSprice {
      flex: 1 14%;
      max-width: 14.5%;
      min-width: 135px;
    }
    #ic-filter-button {
       position: relative;
    }
    .ic-button{
      font-weight: 400;
        text-transform: uppercase;
        border: none;
        outline: none;
        background-color: var(--color-gold);
        font-family: 'Ubuntu', sans-serif;
        padding: 13px 84px;
        font-size: 14px;
        line-height: 24px;
        color: var(--color-gray);
        cursor: pointer;
    }
   
    #ic-closeBTN svg {
      cursor: pointer;
    }
    #ic-closeBTN,
    input.ic-submitXS {display: none}
    #ic-closeQS,
    #ic-closeBTN {
      position: absolute;
      bottom: 5px;
      right: 0;
      width: 30px;
      height: 30px;
      z-index: 0;
    }
    #ic-closeBTN {
      bottom: auto;
      top: 38px;
      right: 22px;
      width: calc(100% - 44px);
    }
  
  
    #ic-logoQS {display: none}
  
  /* Empty page searchform */
    #ic-emptyPage + #ic-innerQS #ic-searchform {
      background: transparent;
    }
    #ic-emptyPage + #ic-innerQS #ic-searchform > div {
      background: #e2dad1;
      max-width: 700px;
      margin-bottom: 60px;
      padding: 40px;
      margin-top: 30px;
    }
    #ic-emptyPage + #ic-innerQS .ic-QSitem {
      flex: 1 100%;
      max-width: none;
      padding: 0;
      margin-bottom: 15px;
    }
    #ic-emptyPage + #ic-innerQS .ic-QSitem.ic-QSprice {
      flex: 1 49%;
      max-width: 49%;
      padding: 0;
      margin: 0 0 15px;
    }
    #ic-emptyPage + #ic-innerQS .ic-lightBTN {    
      flex: 1 100%;
      max-width: 100%;
      font-size: 1.2em;
      padding: 0 5px;
      line-height: 58px;
    }
    #ic-emptyPage + #ic-innerQS .multiselect .caption {
      height: 55px;
    }
    #ic-emptyPage + #ic-innerQS .multiselect .caption:after {
      top: 20px;
      right: 22px;
    }
    #ic-emptyPage + #ic-innerQS .multiselect .caption .text {
      line-height: 55px;
    }
    #ic-emptyPage + #ic-innerQS .smartBar input.smartAreaSearch {
      height: 55px;
      line-height: 55px;
    }
  
  .ic-innerQS{
    background-color: var(--color-dark-gray);
  }
  .icSearch{
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .search__form-big-container{
    transition: var(--transition);
    width: 100%;
    display: inline;
  }
/* ------ RESPONSIVE ------ */
@media only screen and (max-width: 1000px) {
  #ic-emptyPage + #ic-innerQS #ic-searchform {display: block;position: relative;top: auto;width: auto;height: auto;background:transparent;}
  #ic-emptyPage + #ic-innerQS #ic-qsBTN,
  #ic-emptyPage + #ic-innerQS #ic-qsHeader {display: none}
  #ic-emptyPage + #ic-innerQS #ic-searchform form {display: flex;}
}
@media only screen and (max-width: 1023px) {
  #ic-searchform {display: block;height: auto; padding: 37px 0;}
  #ic-qsBTN,
  .ic-qsFieldset,
  #ic-moreQS,
  #ic-closeBTN,
  #ic-logoQS {display: block;}
  #ic-logoQS h1 {color: #000}
  #ic-searchform > div {
    position: fixed;background:var(--color-light-gray);left: 0;top: 0;width: 100%;height: 100%;padding:120px 20px 20px;overflow-y:auto}
  
  .ic-QSitem,
  .ic-QSitem.ic-QSprice,
  .ic-QSitem.ic-reference,
  #ic-moreQS > div > div,
  #ic-searchform .ic-button {display:block;width:100%;max-width:400px;border-bottom: 1px solid var(--color-gray);padding-bottom: 15px;}
  #ic-searchform .ic-button {margin-top: 35px}
  #ic-closeQS,
  input.ic-submitXL,
  #ic-filter-button {display: none}
  .saleFlagSelector {position: relative;top: auto;left: auto;width: 100%;max-width: 400px;} 
  .saleFlagSelector li{margin-right: 15px}
  .saleFlagSelector a {font-size: 1em;padding: 15px 20px}
  .saleFlagSelector a.active {background: #fff}
  .ic-qsFieldset{
    display: flex;
    flex-direction: column;
    row-gap: 60px;
  }
  #ic-closeBTN{
    color: var(--color-dark-gray) !important;
  }
  .ic-button{
    padding: 15px 40px;
    border-bottom: unset !important;
  }
  .multiselect .caption {
    width: max-content;
    position: relative;
  }
  .search__form-big-container{
    z-index: 50;
  }
  .multiselect .caption:after{
    right: -17px !important;
  }
  .multiselect .caption .text{
    line-height: 20px !important;
  }
  .icSearch{
    padding: 0 20px !important;
  }
  .search__form-big-container {
    padding: 200px 0 0 0 !important;
  }
  .mobil-title{
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 62px;
    justify-content: center;
    width: 100%;
  }
  #ic-closeBTN{
    display: flex !important;
    justify-content: space-between !important;
  }
}

@media screen and (max-width: 1023px){
  .search__form-big-container .multiselect .caption::after{
    right: 20px !important;
    border-color: var(--color-dark-gray);
  }
  .search__form-big-container .ic-qsFieldset{
    row-gap: 35px;
  }
  .search__form-big-container .multiselect .caption{
    width: 100% !important;
  }
  .search__form-big-container .multiselect .text{
    color: var(--color-dark-gray) !important;
    padding-left: 20px;
  }
  .search__form-big-container .multiselect{
    height: 45px;
    display: flex;
    align-items: center;
    background-color: white;
  }
  .search__form-big-container form .ic-qsFieldset .ic-QSitem{
    padding-bottom: unset !important;
  }
  .search__form-big-container form .ic-qsFieldset .ic-button{
    margin-top: unset !important;
  }
  .search__form-big-container form .ic-qsFieldset  .ic-QSitem.ic-reference{
    flex: unset !important;
    height: 45px;
    display: flex;
    align-items: center;
    background-color: white;
  }
  .search__form-big-container form .ic-qsFieldset  .ic-QSitem.ic-reference .smartBar input.smartAreaSearch{
    color: var(--color-dark-gray);
    width: 200px !important;
    padding-left: 20px;
  }
  .search__form-big-container form .ic-qsFieldset{
    height: unset !important;
  }
}
@media screen and (max-width: 1023px){
.search__form-big-container {
  transform: scaleX(0); 
}
}