@import url("fonts/fonts.css");
a {
  color: inherit;
  text-decoration: none;
}
a.dark {
  color: #695e9c !important;
}
a.light {
  color: rgb(220, 220, 235) !important;
}

a:hover.dark {
  color: rgb(190, 190, 215) !important;
}
a:hover.light {
  color: rgb(190, 190, 215) !important;
}

html {
  font-family: "OpenSansSelfHostet", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

html, body {
  overflow-x: hidden;
}

@media (max-width: 786px) {
  html {
    font-size: 9px !important;
  }
}
.mini-banner {
  text-align: left;
  background-image: url("/public/media/banner_pattern_final_hellgrau.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 1.5rem;
}
.mini-banner > h1 {
  padding: 3rem max(10vw, 90vw - 80rem) 3rem 10vw;
  font-size: 2.3rem;
  font-weight: bold !important;
  color: black !important;
}
.mini-banner .inner {
  padding: 0.5rem max(10vw, 90vw - 80rem) 0.5rem 10vw;
  display: grid;
  grid-template-columns: 1fr 10fr;
}
.mini-banner .inner svg {
  margin: 20% 30% 20% 0;
}
.mini-banner .inner svg path {
  fill: #695e9c;
}

/*# sourceMappingURL=minibanner.css.map */