/* Spacer */
/* Allgemeine Margin-Klassen */
.margin-16 { margin: 16px; }
.margin-24 { margin: 24px; }
.margin-32 { margin: 32px; }
.margin-40 { margin: 40px; }
.margin-48 { margin: 48px; }
.margin-56 { margin: 56px; }
.margin-64 { margin: 64px; }
.margin-72 { margin: 72px; }
.margin-80 { margin: 80px; }
.margin-88 { margin: 88px; }
.margin-96 { margin: 96px; }
.margin-104 { margin: 104px; }
.margin-112 { margin: 112px; }
.margin-120 { margin: 120px; }
.margin-128 { margin: 128px; }

/* Top Margin-Klassen */
.margin-top-16 { margin-top: 16px; }
.margin-top-24 { margin-top: 24px; }
.margin-top-32 { margin-top: 32px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-48 { margin-top: 48px; }
.margin-top-56 { margin-top: 56px; }
.margin-top-64 { margin-top: 64px; }
.margin-top-72 { margin-top: 72px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-88 { margin-top: 88px; }
.margin-top-96 { margin-top: 96px; }
.margin-top-104 { margin-top: 104px; }
.margin-top-112 { margin-top: 112px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-128 { margin-top: 128px; }

/* Right Margin-Klassen */
.margin-right-16 { margin-right: 16px; }
.margin-right-24 { margin-right: 24px; }
.margin-right-32 { margin-right: 32px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-48 { margin-right: 48px; }
.margin-right-56 { margin-right: 56px; }
.margin-right-64 { margin-right: 64px; }
.margin-right-72 { margin-right: 72px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-88 { margin-right: 88px; }
.margin-right-96 { margin-right: 96px; }
.margin-right-104 { margin-right: 104px; }
.margin-right-112 { margin-right: 112px; }
.margin-right-120 { margin-right: 120px; }
.margin-right-128 { margin-right: 128px; }

/* Bottom Margin-Klassen */
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-24 { margin-bottom: 24px; }
.margin-bottom-32 { margin-bottom: 32px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-48 { margin-bottom: 48px; }
.margin-bottom-56 { margin-bottom: 56px; }
.margin-bottom-64 { margin-bottom: 64px; }
.margin-bottom-72 { margin-bottom: 72px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-88 { margin-bottom: 88px; }
.margin-bottom-96 { margin-bottom: 96px; }
.margin-bottom-104 { margin-bottom: 104px; }
.margin-bottom-112 { margin-bottom: 112px; }
.margin-bottom-120 { margin-bottom: 120px; }
.margin-bottom-128 { margin-bottom: 128px; }

/* Left Margin-Klassen */
.margin-left-16 { margin-left: 16px; }
.margin-left-24 { margin-left: 24px; }
.margin-left-32 { margin-left: 32px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-48 { margin-left: 48px; }
.margin-left-56 { margin-left: 56px; }
.margin-left-64 { margin-left: 64px; }
.margin-left-72 { margin-left: 72px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-88 { margin-left: 88px; }
.margin-left-96 { margin-left: 96px; }
.margin-left-104 { margin-left: 104px; }
.margin-left-112 { margin-left: 112px; }
.margin-left-120 { margin-left: 120px; }
.margin-left-128 { margin-left: 128px; }

/* Media Queries for responsive adjustments */
@media (max-width: 992px) {
  .margin-24 { margin: 16px; }
  .margin-32 { margin: 24px; }
  .margin-40 { margin: 32px; }
  .margin-48 { margin: 40px; }
  .margin-56 { margin: 48px; }
  .margin-64 { margin: 56px; }
  .margin-72 { margin: 64px; }
  .margin-80 { margin: 72px; }
  .margin-88 { margin: 80px; }
  .margin-96 { margin: 88px; }
  .margin-104 { margin: 96px; }
  .margin-112 { margin: 104px; }
  .margin-120 { margin: 112px; }
  .margin-128 { margin: 120px; }

  .margin-top-24 { margin-top: 16px; }
  .margin-top-32 { margin-top: 24px; }
  .margin-top-40 { margin-top: 32px; }
  .margin-top-48 { margin-top: 40px; }
  .margin-top-56 { margin-top: 48px; }
  .margin-top-64 { margin-top: 56px; }
  .margin-top-72 { margin-top: 64px; }
  .margin-top-80 { margin-top: 72px; }
  .margin-top-88 { margin-top: 80px; }
  .margin-top-96 { margin-top: 88px; }
  .margin-top-104 { margin-top: 96px; }
  .margin-top-112 { margin-top: 104px; }
  .margin-top-120 { margin-top: 112px; }
  .margin-top-128 { margin-top: 120px; }

  .margin-right-24 { margin-right: 16px; }
  .margin-right-32 { margin-right: 24px; }
  .margin-right-40 { margin-right: 32px; }
  .margin-right-48 { margin-right: 40px; }
  .margin-right-56 { margin-right: 48px; }
  .margin-right-64 { margin-right: 56px; }
  .margin-right-72 { margin-right: 64px; }
  .margin-right-80 { margin-right: 72px; }
  .margin-right-88 { margin-right: 80px; }
  .margin-right-96 { margin-right: 88px; }
  .margin-right-104 { margin-right: 96px; }
  .margin-right-112 { margin-right: 104px; }
  .margin-right-120 { margin-right: 112px; }
  .margin-right-128 { margin-right: 120px; }

  .margin-bottom-24 { margin-bottom: 16px; }
  .margin-bottom-32 { margin-bottom: 24px; }
  .margin-bottom-40 { margin-bottom: 32px; }
  .margin-bottom-48 { margin-bottom: 40px; }
  .margin-bottom-56 { margin-bottom: 48px; }
  .margin-bottom-64 { margin-bottom: 56px; }
  .margin-bottom-72 { margin-bottom: 64px; }
  .margin-bottom-80 { margin-bottom: 72px; }
  .margin-bottom-88 { margin-bottom: 80px; }
  .margin-bottom-96 { margin-bottom: 88px; }
  .margin-bottom-104 { margin-bottom: 96px; }
  .margin-bottom-112 { margin-bottom: 104px; }
  .margin-bottom-120 { margin-bottom: 112px; }
  .margin-bottom-128 { margin-bottom: 120px; }

  .margin-left-24 { margin-left: 16px; }
  .margin-left-32 { margin-left: 24px; }
  .margin-left-40 { margin-left: 32px; }
  .margin-left-48 { margin-left: 40px; }
  .margin-left-56 { margin-left: 48px; }
  .margin-left-64 { margin-left: 56px; }
  .margin-left-72 { margin-left: 64px; }
  .margin-left-80 { margin-left: 72px; }
  .margin-left-88 { margin-left: 80px; }
  .margin-left-96 { margin-left: 88px; }
  .margin-left-104 { margin-left: 96px; }
  .margin-left-112 { margin-left: 104px; }
  .margin-left-120 { margin-left: 112px; }
  .margin-left-128 { margin-left: 120px; }
}

@media (max-width: 639px) {
  .margin-32 { margin: 16px; }
  .margin-40 { margin: 24px; }
  .margin-48 { margin: 32px; }
  .margin-56 { margin: 40px; }
  .margin-64 { margin: 48px; }
  .margin-72 { margin: 56px; }
  .margin-80 { margin: 64px; }
  .margin-88 { margin: 72px; }
  .margin-96 { margin: 80px; }
  .margin-104 { margin: 88px; }
  .margin-112 { margin: 96px; }
  .margin-120 { margin: 104px; }
  .margin-128 { margin: 112px; }

  .margin-top-32 { margin-top: 16px; }
  .margin-top-40 { margin-top: 24px; }
  .margin-top-48 { margin-top: 32px; }
  .margin-top-56 { margin-top: 40px; }
  .margin-top-64 { margin-top: 48px; }
  .margin-top-72 { margin-top: 56px; }
  .margin-top-80 { margin-top: 64px; }
  .margin-top-88 { margin-top: 72px; }
  .margin-top-96 { margin-top: 80px; }
  .margin-top-104 { margin-top: 88px; }
  .margin-top-112 { margin-top: 96px; }
  .margin-top-120 { margin-top: 104px; }
  .margin-top-128 { margin-top: 112px; }

  .margin-right-32 { margin-right: 16px; }
  .margin-right-40 { margin-right: 24px; }
  .margin-right-48 { margin-right: 32px; }
  .margin-right-56 { margin-right: 40px; }
  .margin-right-64 { margin-right: 48px; }
  .margin-right-72 { margin-right: 56px; }
  .margin-right-80 { margin-right: 64px; }
  .margin-right-88 { margin-right: 72px; }
  .margin-right-96 { margin-right: 80px; }
  .margin-right-104 { margin-right: 88px; }
  .margin-right-112 { margin-right: 96px; }
  .margin-right-120 { margin-right: 104px; }
  .margin-right-128 { margin-right: 112px; }

  .margin-bottom-32 { margin-bottom: 16px; }
  .margin-bottom-40 { margin-bottom: 24px; }
  .margin-bottom-48 { margin-bottom: 32px; }
  .margin-bottom-56 { margin-bottom: 40px; }
  .margin-bottom-64 { margin-bottom: 48px; }
  .margin-bottom-72 { margin-bottom: 56px; }
  .margin-bottom-80 { margin-bottom: 64px; }
  .margin-bottom-88 { margin-bottom: 72px; }
  .margin-bottom-96 { margin-bottom: 80px; }
  .margin-bottom-104 { margin-bottom: 88px; }
  .margin-bottom-112 { margin-bottom: 96px; }
  .margin-bottom-120 { margin-bottom: 104px; }
  .margin-bottom-128 { margin-bottom: 112px; }

  .margin-left-32 { margin-left: 16px; }
  .margin-left-40 { margin-left: 24px; }
  .margin-left-48 { margin-left: 32px; }
  .margin-left-56 { margin-left: 40px; }
  .margin-left-64 { margin-left: 48px; }
  .margin-left-72 { margin-left: 56px; }
  .margin-left-80 { margin-left: 64px; }
  .margin-left-88 { margin-left: 72px; }
  .margin-left-96 { margin-left: 80px; }
  .margin-left-104 { margin-left: 88px; }
  .margin-left-112 { margin-left: 96px; }
  .margin-left-120 { margin-left: 104px; }
  .margin-left-128 { margin-left: 112px; }
}

/* Allgemeine Padding-Klassen */
.pad-16 { padding: 16px; }
.pad-24 { padding: 24px; }
.pad-32 { padding: 32px; }
.pad-40 { padding: 40px; }
.pad-48 { padding: 48px; }
.pad-56 { padding: 56px; }
.pad-64 { padding: 64px; }
.pad-72 { padding: 72px; }
.pad-80 { padding: 80px; }
.pad-88 { padding: 88px; }
.pad-96 { padding: 96px; }
.pad-104 { padding: 104px; }
.pad-112 { padding: 112px; }
.pad-120 { padding: 120px; }
.pad-128 { padding: 128px; }

/* Top Padding-Klassen */
.pad-top-16 { padding-top: 16px; }
.pad-top-24 { padding-top: 24px; }
.pad-top-32 { padding-top: 32px; }
.pad-top-40 { padding-top: 40px; }
.pad-top-48 { padding-top: 48px; }
.pad-top-56 { padding-top: 56px; }
.pad-top-64 { padding-top: 64px; }
.pad-top-72 { padding-top: 72px; }
.pad-top-80 { padding-top: 80px; }
.pad-top-88 { padding-top: 88px; }
.pad-top-96 { padding-top: 96px; }
.pad-top-104 { padding-top: 104px; }
.pad-top-112 { padding-top: 112px; }
.pad-top-120 { padding-top: 120px; }
.pad-top-128 { padding-top: 128px; }

/* Right Padding-Klassen */
.pad-right-16 { padding-right: 16px; }
.pad-right-24 { padding-right: 24px; }
.pad-right-32 { padding-right: 32px; }
.pad-right-40 { padding-right: 40px; }
.pad-right-48 { padding-right: 48px; }
.pad-right-56 { padding-right: 56px; }
.pad-right-64 { padding-right: 64px; }
.pad-right-72 { padding-right: 72px; }
.pad-right-80 { padding-right: 80px; }
.pad-right-88 { padding-right: 88px; }
.pad-right-96 { padding-right: 96px; }
.pad-right-104 { padding-right: 104px; }
.pad-right-112 { padding-right: 112px; }
.pad-right-120 { padding-right: 120px; }
.pad-right-128 { padding-right: 128px; }

/* Bottom Padding-Klassen */
.pad-bottom-16 { padding-bottom: 16px; }
.pad-bottom-24 { padding-bottom: 24px; }
.pad-bottom-32 { padding-bottom: 32px; }
.pad-bottom-40 { padding-bottom: 40px; }
.pad-bottom-48 { padding-bottom: 48px; }
.pad-bottom-56 { padding-bottom: 56px; }
.pad-bottom-64 { padding-bottom: 64px; }
.pad-bottom-72 { padding-bottom: 72px; }
.pad-bottom-80 { padding-bottom: 80px; }
.pad-bottom-88 { padding-bottom: 88px; }
.pad-bottom-96 { padding-bottom: 96px; }
.pad-bottom-104 { padding-bottom: 104px; }
.pad-bottom-112 { padding-bottom: 112px; }
.pad-bottom-120 { padding-bottom: 120px; }
.pad-bottom-128 { padding-bottom: 128px; }

/* Left Padding-Klassen */
.pad-left-16 { padding-left: 16px; }
.pad-left-24 { padding-left: 24px; }
.pad-left-32 { padding-left: 32px; }
.pad-left-40 { padding-left: 40px; }
.pad-left-48 { padding-left: 48px; }
.pad-left-56 { padding-left: 56px; }
.pad-left-64 { padding-left: 64px; }
.pad-left-72 { padding-left: 72px; }
.pad-left-80 { padding-left: 80px; }
.pad-left-88 { padding-left: 88px; }
.pad-left-96 { padding-left: 96px; }
.pad-left-104 { padding-left: 104px; }
.pad-left-112 { padding-left: 112px; }
.pad-left-120 { padding-left: 120px; }
.pad-left-128 { padding-left: 128px; }

/* Media Queries for responsive adjustments */
@media (max-width: 992px) {
  .pad-24 { padding: 16px; }
  .pad-32 { padding: 24px; }
  .pad-40 { padding: 32px; }
  .pad-48 { padding: 40px; }
  .pad-56 { padding: 48px; }
  .pad-64 { padding: 56px; }
  .pad-72 { padding: 64px; }
  .pad-80 { padding: 72px; }
  .pad-88 { padding: 80px; }
  .pad-96 { padding: 88px; }
  .pad-104 { padding: 96px; }
  .pad-112 { padding: 104px; }
  .pad-120 { padding: 112px; }
  .pad-128 { padding: 120px; }

  .pad-top-24 { padding-top: 16px; }
  .pad-top-32 { padding-top: 24px; }
  .pad-top-40 { padding-top: 32px; }
  .pad-top-48 { padding-top: 40px; }
  .pad-top-56 { padding-top: 48px; }
  .pad-top-64 { padding-top: 56px; }
  .pad-top-72 { padding-top: 64px; }
  .pad-top-80 { padding-top: 72px; }
  .pad-top-88 { padding-top: 80px; }
  .pad-top-96 { padding-top: 88px; }
  .pad-top-104 { padding-top: 96px; }
  .pad-top-112 { padding-top: 104px; }
  .pad-top-120 { padding-top: 112px; }
  .pad-top-128 { padding-top: 120px; }

  .pad-right-24 { padding-right: 16px; }
  .pad-right-32 { padding-right: 24px; }
  .pad-right-40 { padding-right: 32px; }
  .pad-right-48 { padding-right: 40px; }
  .pad-right-56 { padding-right: 48px; }
  .pad-right-64 { padding-right: 56px; }
  .pad-right-72 { padding-right: 64px; }
  .pad-right-80 { padding-right: 72px; }
  .pad-right-88 { padding-right: 80px; }
  .pad-right-96 { padding-right: 88px; }
  .pad-right-104 { padding-right: 96px; }
  .pad-right-112 { padding-right: 104px; }
  .pad-right-120 { padding-right: 112px; }
  .pad-right-128 { padding-right: 120px; }

  .pad-bottom-24 { padding-bottom: 16px; }
  .pad-bottom-32 { padding-bottom: 24px; }
  .pad-bottom-40 { padding-bottom: 32px; }
  .pad-bottom-48 { padding-bottom: 40px; }
  .pad-bottom-56 { padding-bottom: 48px; }
  .pad-bottom-64 { padding-bottom: 56px; }
  .pad-bottom-72 { padding-bottom: 64px; }
  .pad-bottom-80 { padding-bottom: 72px; }
  .pad-bottom-88 { padding-bottom: 80px; }
  .pad-bottom-96 { padding-bottom: 88px; }
  .pad-bottom-104 { padding-bottom: 96px; }
  .pad-bottom-112 { padding-bottom: 104px; }
  .pad-bottom-120 { padding-bottom: 112px; }
  .pad-bottom-128 { padding-bottom: 120px; }

  .pad-left-24 { padding-left: 16px; }
  .pad-left-32 { padding-left: 24px; }
  .pad-left-40 { padding-left: 32px; }
  .pad-left-48 { padding-left: 40px; }
  .pad-left-56 { padding-left: 48px; }
  .pad-left-64 { padding-left: 56px; }
  .pad-left-72 { padding-left: 64px; }
  .pad-left-80 { padding-left: 72px; }
  .pad-left-88 { padding-left: 80px; }
  .pad-left-96 { padding-left: 88px; }
  .pad-left-104 { padding-left: 96px; }
  .pad-left-112 { padding-left: 104px; }
  .pad-left-120 { padding-left: 112px; }
  .pad-left-128 { padding-left: 120px; }
}

@media (max-width: 639px) {
  .pad-32 { padding: 16px; }
  .pad-40 { padding: 24px; }
  .pad-48 { padding: 32px; }
  .pad-56 { padding: 40px; }
  .pad-64 { padding: 48px; }
  .pad-72 { padding: 56px; }
  .pad-80 { padding: 64px; }
  .pad-88 { padding: 72px; }
  .pad-96 { padding: 80px; }
  .pad-104 { padding: 88px; }
  .pad-112 { padding: 96px; }
  .pad-120 { padding: 104px; }
  .pad-128 { padding: 112px; }

  .pad-top-32 { padding-top: 16px; }
  .pad-top-40 { padding-top: 24px; }
  .pad-top-48 { padding-top: 32px; }
  .pad-top-56 { padding-top: 40px; }
  .pad-top-64 { padding-top: 48px; }
  .pad-top-72 { padding-top: 56px; }
  .pad-top-80 { padding-top: 64px; }
  .pad-top-88 { padding-top: 72px; }
  .pad-top-96 { padding-top: 80px; }
  .pad-top-104 { padding-top: 88px; }
  .pad-top-112 { padding-top: 96px; }
  .pad-top-120 { padding-top: 104px; }
  .pad-top-128 { padding-top: 112px; }

  .pad-right-32 { padding-right: 16px; }
  .pad-right-40 { padding-right: 24px; }
  .pad-right-48 { padding-right: 32px; }
  .pad-right-56 { padding-right: 40px; }
  .pad-right-64 { padding-right: 48px; }
  .pad-right-72 { padding-right: 56px; }
  .pad-right-80 { padding-right: 64px; }
  .pad-right-88 { padding-right: 72px; }
  .pad-right-96 { padding-right: 80px; }
  .pad-right-104 { padding-right: 88px; }
  .pad-right-112 { padding-right: 96px; }
  .pad-right-120 { padding-right: 104px; }
  .pad-right-128 { padding-right: 112px; }

  .pad-bottom-32 { padding-bottom: 16px; }
  .pad-bottom-40 { padding-bottom: 24px; }
  .pad-bottom-48 { padding-bottom: 32px; }
  .pad-bottom-56 { padding-bottom: 40px; }
  .pad-bottom-64 { padding-bottom: 48px; }
  .pad-bottom-72 { padding-bottom: 56px; }
  .pad-bottom-80 { padding-bottom: 64px; }
  .pad-bottom-88 { padding-bottom: 72px; }
  .pad-bottom-96 { padding-bottom: 80px; }
  .pad-bottom-104 { padding-bottom: 88px; }
  .pad-bottom-112 { padding-bottom: 96px; }
  .pad-bottom-120 { padding-bottom: 104px; }
  .pad-bottom-128 { padding-bottom: 112px; }

  .pad-left-32 { padding-left: 16px; }
  .pad-left-40 { padding-left: 24px; }
  .pad-left-48 { padding-left: 32px; }
  .pad-left-56 { padding-left: 40px; }
  .pad-left-64 { padding-left: 48px; }
  .pad-left-72 { padding-left: 56px; }
  .pad-left-80 { padding-left: 64px; }
  .pad-left-88 { padding-left: 72px; }
  .pad-left-96 { padding-left: 80px; }
  .pad-left-104 { padding-left: 88px; }
  .pad-left-112 { padding-left: 96px; }
  .pad-left-120 { padding-left: 104px; }
  .pad-left-128 { padding-left: 112px; }
}


/* Font Size */
/* Fontgrößen-Klassen */
/* Fontgrößen-Klassen */
.fs-16 { font-size: 16px; font-size: 1rem; }
.fs-20 { font-size: 20px; font-size: 1.25rem; }
.fs-24 { font-size: 24px; font-size: 1.5rem; }
.fs-28 { font-size: 28px; font-size: 1.75rem; }
.fs-32 { font-size: 32px; font-size: 2rem; }
.fs-36 { font-size: 36px; font-size: 2.25rem; }
.fs-40 { font-size: 40px; font-size: 2.5rem; }
.fs-44 { font-size: 44px; font-size: 2.75rem; }
.fs-48 { font-size: 48px; font-size: 3rem; }
.fs-52 { font-size: 52px; font-size: 3.25rem; }
.fs-56 { font-size: 56px; font-size: 3.5rem; }
.fs-60 { font-size: 60px; font-size: 3.75rem; }
.fs-64 { font-size: 64px; font-size: 4rem; }
.fs-68 { font-size: 68px; font-size: 4.25rem; }
.fs-72 { font-size: 72px; font-size: 4.5rem; }
.fs-76 { font-size: 76px; font-size: 4.75rem; }
.fs-80 { font-size: 80px; font-size: 5rem; }
.fs-84 { font-size: 84px; font-size: 5.25rem; }
.fs-88 { font-size: 88px; font-size: 5.5rem; }
.fs-92 { font-size: 92px; font-size: 5.75rem; }
.fs-96 { font-size: 96px; font-size: 6rem; }
.fs-100 { font-size: 100px; font-size: 6.25rem; }
.fs-104 { font-size: 104px; font-size: 6.5rem; }
.fs-108 { font-size: 108px; font-size: 6.75rem; }
.fs-112 { font-size: 112px; font-size: 7rem; }
.fs-116 { font-size: 116px; font-size: 7.25rem; }
.fs-120 { font-size: 120px; font-size: 7.5rem; }
.fs-124 { font-size: 124px; font-size: 7.75rem; }
.fs-128 { font-size: 128px; font-size: 8rem; }

/* Media Queries for responsive adjustments */
@media (max-width: 991px) {
  .fs-16 { font-size: 16px; font-size: 1rem; }
  .fs-20 { font-size: 16px; font-size: 1rem; }
  .fs-24 { font-size: 20px; font-size: 1.25rem; }
  .fs-28 { font-size: 24px; font-size: 1.5rem; }
  .fs-32 { font-size: 28px; font-size: 1.75rem; }
  .fs-36 { font-size: 32px; font-size: 2rem; }
  .fs-40 { font-size: 36px; font-size: 2.25rem; }
  .fs-44 { font-size: 40px; font-size: 2.5rem; }
  .fs-48 { font-size: 44px; font-size: 2.75rem; }
  .fs-52 { font-size: 48px; font-size: 3rem; }
  .fs-56 { font-size: 52px; font-size: 3.25rem; }
  .fs-60 { font-size: 56px; font-size: 3.5rem; }
  .fs-64 { font-size: 60px; font-size: 3.75rem; }
  .fs-68 { font-size: 64px; font-size: 4rem; }
  .fs-72 { font-size: 68px; font-size: 4.25rem; }
  .fs-76 { font-size: 72px; font-size: 4.5rem; }
  .fs-80 { font-size: 76px; font-size: 4.75rem; }
  .fs-84 { font-size: 64px; font-size: 4rem; }
  .fs-88 { font-size: 68px; font-size: 4.25rem; }
  .fs-92 { font-size: 72px; font-size: 4.5rem; }
  .fs-96 { font-size: 76px; font-size: 4.75rem; }
  .fs-100 { font-size: 80px; font-size: 5rem; }
  .fs-104 { font-size: 84px; font-size: 5.25rem; }
  .fs-108 { font-size: 88px; font-size: 5.5rem; }
  .fs-112 { font-size: 92px; font-size: 5.75rem; }
  .fs-116 { font-size: 96px; font-size: 6rem; }
  .fs-120 { font-size: 100px; font-size: 6.25rem; }
  .fs-124 { font-size: 104px; font-size: 6.5rem; }
  .fs-128 { font-size: 108px; font-size: 6.75rem; }
}

/* Font Family */
/* Roboto Font-Klassen */
.roboto-100 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 100;
}

.roboto-300 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 300;
}

.roboto-400 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 400;
}

.roboto-500 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 500;
}

.roboto-700 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 700;
}

.roboto-900 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 900;
}

/* Roboto Italic Font-Klassen */
.roboto-italic-100 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 100;
  font-style: italic;
}

.roboto-italic-300 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 300;
  font-style: italic;
}

.roboto-italic-400 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 400;
  font-style: italic;
}

.roboto-italic-500 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 500;
  font-style: italic;
}

.roboto-italic-700 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 700;
  font-style: italic;
}

.roboto-italic-900 {
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
  font-weight: 900;
  font-style: italic;
}

/* Barlow Condensed Font-Klassen */
.barlow-condensed-100 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 100;
}

.barlow-condensed-200 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 200;
}

.barlow-condensed-300 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 300;
}

.barlow-condensed-400 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 400;
}

.barlow-condensed-500 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 500;
}

.barlow-condensed-600 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 600;
}

.barlow-condensed-700 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 700;
}

.barlow-condensed-800 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 800;
}

.barlow-condensed-900 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 900;
}

/* Barlow Condensed Italic Font-Klassen */
.barlow-condensed-italic-100 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-italic-200 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-italic-300 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-italic-400 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-italic-500 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-italic-600 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-italic-700 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-italic-800 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-italic-900 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #3C3C3C;
  font-weight: 900;
}

/* Colors */
/* Primary Color Classes */
.text-primary {
  color: #BF4C0C;
}

.text-default {
  color: #3C3C3C;
}

.bg-primary {
  background-color: #BF4C0C;
}

.border-primary {
  border-color: #BF4C0C;
}

/* Secondary Color Classes */
.text-secondary {
  color: #172E08;
}

.bg-secondary {
  background-color: #172E08;
}

.border-secondary {
  border-color: #172E08;
}

/* White Color Classes */
.text-white {
  color: #FFFFFF;
}

.bg-white {
  background-color: #FFFFFF;
}

.border-white {
  border-color: #FFFFFF;
}

/* Background-even Color Classes */
.text-background-even {
  color: #FFFFFF;
}

.bg-background-even {
  background-color: #FFFFFF;
}

.border-background-even {
  border-color: #FFFFFF;
}

/* Background-odd Color Classes */
.text-background-odd {
  color: #3C3C3C;
}

.bg-background-odd {
  background-color: #3C3C3C;
}

.border-background-odd {
  border-color: #3C3C3C;
}

.link-color{
  color: #BF4C0C;
  transition: color 0.5s ease;
}
.link-color:hover{
  color: #c5642d;
}


.link-color-secondary{
  color: #172E08;
  transition: color 0.5s ease;
}

.link-color-secondary:hover{
  color: #519027;
}

.link-white{
  color: #ffffff;
  transition: color 0.5s ease;
}

.link-color-secondary:hover{
  color: #519027;
}