.picker label[for*=material]>span {
    font-size: 0.7rem;
    line-height: 1;
    display: grid;
    place-items: center;
    padding: 0.5rem;
    background: rgba(164, 174, 198, 0.2);
    border-radius: 0.4rem;
  }
  .picker label[for*=material]>input:checked~span {
    background-color: #fab758;
    color: #fff;
  }

  .picker label[for*=material] {
    position: relative;
    inline-size: 5rem;
    block-size: 2rem;
    margin-right: 0.5rem;
    isolation: isolate;
    display: grid;
    place-items: center;
    cursor: pointer;
  }

  .picker label[for*=loecher]>span {
    font-size: 0.7rem;
    line-height: 1;
    display: grid;
    place-items: center;
    padding: 0.5rem;
    background: rgba(164, 174, 198, 0.2);
    border-radius: 0.4rem;
  }
  .picker label[for*=loecher]>input:checked~span {
    background-color: #fab758;
    color: #fff;
  }

  .picker label[for*=loecher] {
    position: relative;
    inline-size: 3rem;
    block-size: 2rem;
    margin-right: 0.5rem;
    isolation: isolate;
    display: grid;
    place-items: center;
    cursor: pointer;
  }

  .nav-tabs.nav-tabs-basic .nav-link.active{
    border-color: #fab758;
  }


  @media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-brand {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
}