.styleguide {
  padding: 2rem 0;
  background: #f2f2f2;
}
.styleguide .inside {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
.styleguide h1, .styleguide h2 {
  font-family: "Overpass", sans-serif;
  color: #17285E;
  margin-bottom: 1.5rem;
}
.styleguide .color-container {
  margin-bottom: 3rem;
}
.styleguide .color-container .colors-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.styleguide .color-container .color-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.styleguide .color-container .color-box {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 0.75rem 1rem;
  min-width: 260px;
}
.styleguide .color-container .color-box .color-el {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  margin-right: 1rem;
  border: 1px solid #e0e0e0;
}
.styleguide .color-container .color-box .desc p {
  margin: 0;
  font-size: 1rem;
}
.styleguide .color-container .color-box .desc p.color-text {
  font-family: monospace;
  color: #333334;
  font-size: 0.95rem;
}
.styleguide .color-container .color-bb-blau-100 .color-el {
  background: #17285E;
}
.styleguide .color-container .color-bb-blau-2-100 .color-el {
  background: #274073;
}
.styleguide .color-container .color-bb-blau-3-100 .color-el {
  background: #4b61a6;
}
.styleguide .color-container .color-bb-hellblau-100 .color-el {
  background: #8091f2;
}
.styleguide .color-container .color-bb-hellblau-2-100 .color-el {
  background: #cedef2;
}
.styleguide .color-container .color-bb-hellblau-50 .color-el {
  background: #bfc8f9;
}
.styleguide .color-container .color-bb-weiss-100 .color-el {
  background: #f2f2f2;
}
.styleguide .color-container .color-white .color-el {
  background: #ffffff;
}
.styleguide .color-container .color-bb-dunkelgrau .color-el {
  background: #333334;
}
.styleguide .color-container .color-bb-mittelgrau .color-el {
  background: #D0D0D1;
}
.styleguide .color-container .color-neutral-400 .color-el {
  background: #dcddeb;
}
.styleguide .color-container .color-neutral-600 .color-el {
  background: #d4d2e3;
}
.styleguide .typography-container {
  margin-top: 2rem;
}
.styleguide .typography-container .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.styleguide .typography-container .font-wrap {
  min-width: 220px;
  font-family: "Overpass", sans-serif;
  color: #17285E;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.styleguide .typography-container .font-wrap p {
  margin: 0.5rem 0 0 0;
}
.styleguide .typography-container .overline {
  font-size: 1rem;
  line-height: 1.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #4b61a6;
}
.styleguide .typography-container .headline2 {
  font-size: 2.625rem;
  line-height: 3rem;
  font-weight: 400;
}
.styleguide .typography-container .headline4 {
  font-size: 1.625rem;
  line-height: 2.25rem;
  font-weight: 400;
}
.styleguide .typography-container .copy-1 {
  font-size: 1.375rem;
  line-height: 2rem;
}
.styleguide .typography-container .copy-2 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.styleguide .typography-container .copy-3 {
  font-size: 1rem;
  line-height: 1.625rem;
}
.styleguide .typography-container .copy-4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Ffrontend%5C%2Fstyleguide.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACE%3BEACA%2CYCQkB%3B%3BADNlB%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%2COCZO%3BEDaP%3B%3BAAGF%3BEACE%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%2CYCnBM%3BEDoBN%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAIA%3BEACE%3BEACA%3B%3BAACA%3BEACE%3BEACA%2COChDI%3BEDiDJ%3B%3BAAOR%3BEAAkC%2CYC9D3B%3B%3BAD%2BDP%3BEAAkC%2CYC9D1B%3B%3BAD%2BDR%3BEAAkC%2CYC9D1B%3B%3BAD%2BDR%3BEAAmC%2CYC1DnB%3B%3BAD2DhB%3BEAAqC%2CYC1DrB%3B%3BAD2DhB%3BEAAkC%2CYC1DlB%3B%3BAD2DhB%3BEAAkC%2CYC1DlB%3B%3BAD2DhB%3BEAAkC%2CYCtD1B%3B%3BADuDR%3BEAAkC%2CYChEtB%3B%3BADiEZ%3BEAAkC%2CYClE3B%3B%3BADmEP%3BEAAkC%2CYC7Df%3B%3BAD8DnB%3BEAAkC%2CYC7Df%3B%3BADgErB%3BEACE%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%2COCxFK%3BEDyFL%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAKJ%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%2COCrGM%3B%3BADuGR%3BEACE%3BEACA%3BEACA%3B%3BAAEF%3BEACE%3BEACA%3BEACA%3B%3BAAEF%3BEACE%3BEACA%3B%3BAAEF%3BEACE%3BEACA%3B%3BAAEF%3BEACE%3BEACA%3B%3BAAEF%3BEACE%3BEACA%22%7D */