.styleguide-section {
  position: relative;
  margin-block: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.styleguide-section:first-child {
  margin-top: 8rem;
}
.styleguide-section .inside {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
}
.styleguide-section .section-divider {
  width: 100%;
  margin-top: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
  border-bottom: 1px solid #D1CBC2;
}
.styleguide-section .section-text,
.styleguide-section .section-headline {
  width: 100%;
  margin-bottom: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
.styleguide-containers .inside {
  all: unset;
}
.styleguide-containers .section-text,
.styleguide-containers .section-headline,
.styleguide-containers .section-divider {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
}
.styleguide-containers .container {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
  min-height: 15rem;
  align-content: center;
  justify-items: center;
  background-color: #E3E1EA;
  border-radius: 40px;
  margin-block: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
  text-align: center;
}
.styleguide-containers .container.slim {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
  width: clamp(72.875rem, 18.5916rem + 57.4427vw, 110.5rem);
  border-radius: 20px;
}
.styleguide-containers .container span {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  letter-spacing: -2%;
  font-weight: 600;
  line-height: 1.2;
}
.styleguide-colors .inside {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 60px;
}
.styleguide-colors .inside details {
  width: 100%;
}
.styleguide-colors .inside details summary {
  font-size: clamp(1.625rem, 1.4506rem + 0.5814vw, 2rem);
  line-height: 1.07;
  color: #36332C;
  cursor: pointer;
}
.styleguide-colors .inside details summary em,
.styleguide-colors .inside details summary i {
  letter-spacing: 1%;
}
.styleguide-colors .inside details:open summary {
  margin-bottom: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
}
.styleguide-colors .inside .styleguide-color {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
.styleguide-colors .inside .styleguide-color:not(:last-child) {
  margin-bottom: 30px;
}
.styleguide-colors .inside .styleguide-color-column {
  width: max(14rem, 25% - 60px);
}
.styleguide-colors .inside .styleguide-color-box {
  width: 4.5rem;
  aspect-ratio: 1/1;
  border-radius: 20px;
}
.styleguide-colors .inside .styleguide-color-box.brown-dark {
  background-color: #36332C;
}
.styleguide-colors .inside .styleguide-color-box.brown-primary {
  background-color: #756960;
}
.styleguide-colors .inside .styleguide-color-box.brown-light {
  background-color: #F0ECE2;
}
.styleguide-colors .inside .styleguide-color-box.brown-900 {
  background-color: #36332C;
}
.styleguide-colors .inside .styleguide-color-box.brown-800 {
  background-color: #464139;
}
.styleguide-colors .inside .styleguide-color-box.brown-700 {
  background-color: #564E46;
}
.styleguide-colors .inside .styleguide-color-box.brown-600 {
  background-color: #655C53;
}
.styleguide-colors .inside .styleguide-color-box.brown-500 {
  background-color: #756960;
}
.styleguide-colors .inside .styleguide-color-box.brown-400 {
  background-color: #948A81;
}
.styleguide-colors .inside .styleguide-color-box.brown-300 {
  background-color: #B3ABA1;
}
.styleguide-colors .inside .styleguide-color-box.brown-200 {
  background-color: #D1CBC2;
}
.styleguide-colors .inside .styleguide-color-box.brown-100 {
  background-color: #F0ECE2;
}
.styleguide-colors .inside .styleguide-color-box.olive-dark {
  background-color: #787547;
}
.styleguide-colors .inside .styleguide-color-box.olive-primary {
  background-color: #ACA985;
}
.styleguide-colors .inside .styleguide-color-box.olive-light {
  background-color: #E8E7D7;
}
.styleguide-colors .inside .styleguide-color-box.olive-900 {
  background-color: #666332;
}
.styleguide-colors .inside .styleguide-color-box.olive-800 {
  background-color: #787547;
}
.styleguide-colors .inside .styleguide-color-box.olive-700 {
  background-color: #89865C;
}
.styleguide-colors .inside .styleguide-color-box.olive-600 {
  background-color: #9B9870;
}
.styleguide-colors .inside .styleguide-color-box.olive-500 {
  background-color: #ACA985;
}
.styleguide-colors .inside .styleguide-color-box.olive-400 {
  background-color: #BBB99A;
}
.styleguide-colors .inside .styleguide-color-box.olive-300 {
  background-color: #CAC8AE;
}
.styleguide-colors .inside .styleguide-color-box.olive-200 {
  background-color: #D9D8C3;
}
.styleguide-colors .inside .styleguide-color-box.olive-100 {
  background-color: #E8E7D7;
}
.styleguide-colors .inside .styleguide-color-box.purple-dark {
  background-color: #44405A;
}
.styleguide-colors .inside .styleguide-color-box.purple-primary {
  background-color: #69628C;
}
.styleguide-colors .inside .styleguide-color-box.purple-light {
  background-color: #C6C3D5;
}
.styleguide-colors .inside .styleguide-color-box.purple-900 {
  background-color: #17151E;
}
.styleguide-colors .inside .styleguide-color-box.purple-800 {
  background-color: #2D2A3C;
}
.styleguide-colors .inside .styleguide-color-box.purple-700 {
  background-color: #44405A;
}
.styleguide-colors .inside .styleguide-color-box.purple-600 {
  background-color: #5A5578;
}
.styleguide-colors .inside .styleguide-color-box.purple-500 {
  background-color: #69628C;
}
.styleguide-colors .inside .styleguide-color-box.purple-400 {
  background-color: #8D88AB;
}
.styleguide-colors .inside .styleguide-color-box.purple-300 {
  background-color: #AAA6C0;
}
.styleguide-colors .inside .styleguide-color-box.purple-200 {
  background-color: #C6C3D5;
}
.styleguide-colors .inside .styleguide-color-box.purple-100 {
  background-color: #E3E1EA;
}
.styleguide-colors .inside .styleguide-color-box.off-white {
  background-color: #FCFBF6;
  border: 1px solid #756960;
}
.styleguide-colors .inside .section-divider {
  margin: 0;
}
.styleguide-typography .inside {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 0.4012rem + 1.1628vw, 1.5rem);
}
.styleguide-typography-column {
  width: calc(50% - clamp(0.75rem, 0.4012rem + 1.1628vw, 1.5rem) / 2);
  min-height: 40vh;
  padding: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
@media only screen and (max-width: 1079.98px) {
  .styleguide-typography-column {
    width: 100%;
  }
}
.styleguide-typography-column .typography-item-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D1CBC2;
  margin-bottom: 16px;
  padding-bottom: 16px;
  opacity: 0.5;
}
.styleguide-typography-column.column-dark {
  background-color: #564E46;
  border-radius: 20px;
  color: #F0ECE2;
}
.styleguide-typography-column.column-dark h1, .styleguide-typography-column.column-dark h2, .styleguide-typography-column.column-dark h3, .styleguide-typography-column.column-dark h4, .styleguide-typography-column.column-dark h5, .styleguide-typography-column.column-dark h6, .styleguide-typography-column.column-dark hdisplay {
  color: #FCFBF6;
}
.styleguide-typography-item {
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.styleguide-typography-item hdisplay {
  font-size: clamp(3.25rem, 1.9709rem + 4.2636vw, 6rem);
  line-height: 1.07;
  letter-spacing: -2%;
  color: #36332C;
}
.styleguide-typography-item hdisplay em,
.styleguide-typography-item hdisplay i {
  letter-spacing: 0;
}
.styleguide-typography-item .subtitle-l {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  letter-spacing: -2%;
  font-weight: 600;
  line-height: 1.2;
}
.styleguide-typography-item .subtitle-m {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  letter-spacing: -2%;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(0.875rem, 0.8169rem + 0.1938vw, 1rem);
  letter-spacing: -1%;
}
.styleguide-typography-item .subtitle-s {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  letter-spacing: -2%;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  letter-spacing: normal;
}
.styleguide-typography-item .body-font-l {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
}
.styleguide-typography-item .body-font-m {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.875rem, 0.8169rem + 0.1938vw, 1rem);
}
.styleguide-typography-item .body-font-s {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  line-height: 1.4;
}
.styleguide-typography-item .overline {
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #787547;
}
.styleguide-border-radius .section {
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.styleguide-border-radius .section .inside {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 0.4012rem + 1.1628vw, 1.5rem);
}
.styleguide-border-radius .section-full {
  width: 100%;
  min-height: 30vh;
  align-content: end;
  padding: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
  border-radius: 40px;
  color: #F0ECE2;
  background-color: #756960;
}
.styleguide-border-radius .element-box {
  width: calc(50% - clamp(0.75rem, 0.4012rem + 1.1628vw, 1.5rem) / 2);
  max-width: 26rem;
}
.styleguide-border-radius .element-box > span {
  display: block;
  min-height: 4.5rem;
  margin-bottom: 16px;
  background-color: #756960;
  border-radius: 8px;
}
.styleguide-border-radius .element-box-full {
  min-height: 30vh;
  padding: 16px;
  color: #F0ECE2;
  border-radius: 20px;
  background-color: #756960;
}
.styleguide-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.styleguide-buttons-wrapper p {
  width: 100%;
}
.styleguide-buttons-wrapper:not(:last-child) {
  margin-bottom: 40px;
}
.styleguide-buttons-wrapper.styleguide-buttons-ghost {
  column-gap: 40px;
}
.styleguide-buttons-wrapper.styleguide-buttons-ghost p {
  margin: 0;
}
.styleguide-form-fields .inside {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}

/*# 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%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Ffrontend%5C%2Fstyleguide.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAMC%3BEACC%3BEACA%2CcCqFW%3B%3BADnFX%3BEACC%3B%3BAAGD%3BEEUD%3BEACA%3BEACA%3B%3BAFRC%3BEACC%3BEACA%2CYCyEU%3BEDxEV%3B%3BAAGD%3BAAAA%3BEAEC%3BEACA%2CeC%2BDS%3B%3BADzDV%3BEACC%3B%3BAAED%3BAAAA%3BAAAA%3BEEZD%3BEACA%3BEACA%3B%3BAFeC%3BEEjBD%3BEACA%3BEACA%3BEFiBE%3BEACA%3BEACA%3BEACA%2CkBCdU%3BEDeV%2CeCgCU%3BED%5C%2FBV%2CcC6CU%3BED5CV%3B%3BAAEA%3BEE3BF%3BEACA%3BEACA%3BEAGC%3BEFwBE%2CeCyBS%3B%3BADtBV%3BEGsEC%3BEACA%3BEACA%2CaFhEU%3BEEiEV%3B%3BAHnEF%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAEA%3BEGQA%3BEACA%3BEACA%2COF9EQ%3BEDsEP%3B%3BAGUD%3BAAAA%3BEAEI%3B%3BAHRH%3BEAAU%2CeCcH%3B%3BADVT%3BEACC%3BEACA%3BEACA%2CKCMQ%3B%3BADJR%3BEACC%3B%3BAAGD%3BEACC%3B%3BAAGD%3BEACC%3BEACA%3BEACA%2CeCnBQ%3B%3BADqBR%3BEAAe%2CkBChGR%3B%3BADiGP%3BEAAkB%2CkBC7FX%3B%3BAD8FP%3BEAAgB%2CkBC1FT%3B%3BAD2FP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADoGP%3BEAAc%2CkBCnGP%3B%3BADsGP%3BEAAe%2CkBCnGR%3B%3BADoGP%3BEAAkB%2CkBCjGX%3B%3BADkGP%3BEAAgB%2CkBC9FT%3B%3BAD%2BFP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADwGP%3BEAAc%2CkBCvGP%3B%3BADyGP%3BEAAgB%2CkBCrGR%3B%3BADsGR%3BEAAmB%2CkBCnGX%3B%3BADoGR%3BEAAiB%2CkBCjGT%3B%3BADkGR%3BEAAe%2CkBC1GP%3B%3BAD2GR%3BEAAe%2CkBC1GP%3B%3BAD2GR%3BEAAe%2CkBC1GP%3B%3BAD2GR%3BEAAe%2CkBC1GP%3B%3BAD2GR%3BEAAe%2CkBCzGP%3B%3BAD0GR%3BEAAe%2CkBCzGP%3B%3BAD0GR%3BEAAe%2CkBCzGP%3B%3BAD0GR%3BEAAe%2CkBCzGP%3B%3BAD0GR%3BEAAe%2CkBCzGP%3B%3BAD2GR%3BEAAc%2CkBC3FP%3BED2FqC%3B%3BAAI9C%3BEACC%3B%3BAAOF%3BEACC%3BEACA%3BEACA%2CKCrEM%3B%3BADwEP%3BEACC%3BEACA%3BEACA%2CSCtES%3B%3BACjFX%3BEFoJC%3BIAME%3B%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%2CeC%5C%2FFE%3BEDgGF%2CgBChGE%3BEDiGF%3B%3BAAGD%3BEACC%2CkBC3KQ%3BED4KR%2CeCnGS%3BEDoGT%2COCvKQ%3B%3BADyKR%3BEACC%2COCrIO%3B%3BAD0IV%3BEACC%2CeC9FU%3B%3BADgGV%3BEG5LC%3BEACA%3BEACA%3BEACA%2COFDQ%3B%3BAEGR%3BAAAA%3BEAEI%3B%3BAHuLL%3BEGjEC%3BEACA%3BEACA%2CaFhEU%3BEEiEV%3B%3BAH%2BDD%3BEGlEC%3BEACA%3BEACA%2CaFhEU%3BEEiEV%3BEAGI%3BEACA%3B%3BAH4DL%3BEGnEC%3BEACA%3BEACA%2CaFhEU%3BEEiEV%3BEAQI%3BEACA%3B%3BAHyDL%3BEGtFC%3B%3BAHuFD%3BEGvFC%3BEAGI%3B%3BAHqFL%3BEGxFC%3BEAOI%3BEACA%3B%3BAHkFL%3BEGpDC%3BEACA%2CaFrFQ%3BEEsFR%3BEACA%3BEACA%3BEACA%2COF1IQ%3B%3BADgMV%3BEACC%2CeClHU%3B%3BADoHV%3BEACC%3BEACA%3BEACA%2CKC%5C%2FHK%3B%3BADkIN%3BEACC%3BEACA%3BEACA%3BEACA%2CSC9HS%3BED%2BHT%2CeC7IS%3BED8IT%2COClNQ%3BEDmNR%2CkBCvNQ%3B%3BAD0NV%3BEACC%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3BEACA%2CeC7JE%3BED8JF%2CkBClOQ%3BEDmOR%2CeC7JS%3B%3BADgKV%3BEACC%3BEACA%2CSCpKE%3BEDqKF%2COCrOQ%3BEDsOR%2CeCnKS%3BEDoKT%2CkBC3OQ%3B%3BADkPV%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAGD%3BEACC%2CeCvKQ%3B%3BAD0KT%3BEACC%2CYC3KQ%3B%3BAD6KR%3BEACC%3B%3BAAQH%3BEACC%3BEACA%3BEACA%2CYCxLU%22%7D */