:root {
  --background-pesudo-start: rgba(243, 243, 244, 1);
  --background-pesudo-end: rgba(243, 243, 244, 0);
  --background-solid: #FFFFFF;
  --color-signet: #307DF6;
 
}

[data-theme-style="dark"] {
  --background-pesudo-start: rgba(31, 31, 31, 1);
  --background-pesudo-end: rgba(31, 31, 31, 0);
  --background-solid: #000000;
  --color-signet: rgba(252, 252, 252, 1);
}


body {
  font-family: 'Zalando Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Zalando Sans Expanded',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 500;
}

.navbar-brand svg.logo_signet {
  min-height: 35px;
  width: 35px;
  fill: var(--color-signet);
}

.navbar-brand svg.logo_signet {
  min-height: 42px;
  width: 42px;
  margin-top: -15px;
  margin-bottom: -15px;
}

.navbar-brand svg.logo_signet.lg {
  min-height: 66px;
  width: 66px;
}

@media (min-width: 576px) {
  .navbar-brand svg.logo_signet {
    /* min-height: 35px; */
    /* width: 35px; */
    margin-top: 0;
    margin-bottom: 0;
  }
}

.navbar-brand svg.logo_type {
  min-height: 35px;
  width: 155px;
  fill: currentColor;
  display: none;
}

@media (min-width: 576px) {
  .navbar-brand svg.logo_type {
    display: block;
  }
}