@charset "UTF-8";

/* src/haba/styles.scss */
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --grid: #f0ffff;
  --violet: #a77bca;
  --violet-secondary: #c7579a;
  --violet-tertiary: #f7e6f0;
  --red: #9d2235;
  --red-secondary: #c8102e;
  --red-tertiary: #f7dbe0;
  --orange: #ff8f4f;
  --orange-secondary: #ffeb00;
  --orange-tertiary: #ffe9dc;
  --yellow: #ff9e1b;
  --yellow-secondary: #ffeb00;
  --yellow-tertiary: #fefce7;
  --green-hover: #659d2c;
  --green: #8cbe21;
  --green-secondary: #d3e040;
  --green-tertiary: #eef5de;
  --blue: #004c97;
  --blue-secondary: #4079b1;
  --blue-tertiary: #d9f0fa;
  --grey: #dcdddf;
  --light-grey: #f3f4f4;
  --mid-grey: #a0a2a4;
  --dark-grey: #66696f;
  --white: #ffffff;
  --black: #181e27;
  --yellow-100: #ffeb00;
  --wehrfritz-red-100: #e3000b;
  --green-100: #8cbe21;
  --yellow-75: #fff041;
  --yellow-15: #fffcd9;
  --green-75: #a9ce58;
  --green-15: #eef5de;
  --medium-blue-100: #004c97;
  --medium-blue-75: #4079b1;
  --medium-blue-15: #d9e4ef;
  --light-orange-100: #ff9e1b;
  --light-orange-75: #ffb654;
  --light-orange-15: #fff0dd;
  --orange-100: #ff6a14;
  --orange-75: #ff8f4f;
  --orange-15: #ffe9dc;
  --violet-100: #a77bca;
  --violet-75: #bd9cd7;
  --violet-15: #f2ebf7;
  --bordeaux-100: #9d2235;
  --bordeaux-75: #b55967;
  --bordeaux-15: #f0dee1;
  --dark-pink-100: #c7579a;
  --dark-pink-75: #d581b3;
  --dark-pink-15: #f7e6f0;
  --lemon-100: #c4d600;
  --lemon-75: #d3e040;
  --lemon-15: #f6f9d9;
  --light-yellow-100: #f6eb61;
  --light-yellow-75: #f8f088;
  --light-yellow-15: #fefce7;
  --red-100: #c8102e;
  --red-75: #d64c62;
  --red-15: #f7dbe0;
  --light-blue-100: #009cde;
  --light-blue-75: #40b5e6;
  --light-blue-15: #d9f0fa;
  --grey-100: #181e27;
  --grey-60: #66696f;
  --grey-30: #a0a2a4;
  --grey-15: #dcdddf;
  --grey-5: #f3f4f4;
  --white-100: #ffffff;
  --christmas-red: #740125;
  --christmas-green: #005223;
  --grid: #f0ffff;
  --violet: #a77bca;
  --violet-secondary: #c7579a;
  --violet-tertiary: #f7e6f0;
  --red: #9d2235;
  --red-secondary: #c8102e;
  --red-tertiary: #f7dbe0;
  --orange: #ff8f4f;
  --orange-secondary: #ffeb00;
  --orange-tertiary: #ffe9dc;
  --yellow: #ff9e1b;
  --yellow-secondary: #ffeb00;
  --yellow-tertiary: #fefce7;
  --green-hover: #659d2c;
  --green: #8cbe21;
  --green-secondary: #d3e040;
  --green-tertiary: #eef5de;
  --blue: #004c97;
  --blue-secondary: #4079b1;
  --blue-tertiary: #d9f0fa;
  --grey: #dcdddf;
  --light-grey: #f3f4f4;
  --mid-grey: #a0a2a4;
  --dark-grey: #66696f;
  --white: #ffffff;
  --black: #181e27;
  --yellow-100: #ffeb00;
  --wehrfritz-red-100: #e3000b;
  --green-100: #8cbe21;
  --yellow-75: #fff041;
  --yellow-15: #fffcd9;
  --green-75: #a9ce58;
  --green-15: #eef5de;
  --medium-blue-100: #004c97;
  --medium-blue-75: #4079b1;
  --medium-blue-15: #d9e4ef;
  --light-orange-100: #ff9e1b;
  --light-orange-75: #ffb654;
  --light-orange-15: #fff0dd;
  --orange-100: #ff6a14;
  --orange-75: #ff8f4f;
  --orange-15: #ffe9dc;
  --violet-100: #a77bca;
  --violet-75: #bd9cd7;
  --violet-15: #f2ebf7;
  --bordeaux-100: #9d2235;
  --bordeaux-75: #b55967;
  --bordeaux-15: #f0dee1;
  --dark-pink-100: #c7579a;
  --dark-pink-75: #d581b3;
  --dark-pink-15: #f7e6f0;
  --lemon-100: #c4d600;
  --lemon-75: #d3e040;
  --lemon-15: #f6f9d9;
  --light-yellow-100: #f6eb61;
  --light-yellow-75: #f8f088;
  --light-yellow-15: #fefce7;
  --red-100: #c8102e;
  --red-75: #d64c62;
  --red-15: #f7dbe0;
  --light-blue-100: #009cde;
  --light-blue-75: #40b5e6;
  --light-blue-15: #d9f0fa;
  --grey-100: #181e27;
  --grey-60: #66696f;
  --grey-30: #a0a2a4;
  --grey-15: #dcdddf;
  --grey-5: #f3f4f4;
  --white-100: #ffffff;
  --christmas-red: #740125;
  --christmas-green: #005223;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1540px;
  --font-family-sans-serif:
    greycliff,
    system-ui,
    -apple-system,
    "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-family-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(24, 30, 39, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -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-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #181e27;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #181e27;
  text-decoration: underline;
  background-color: transparent;
}
a:hover {
  color: #181e27;
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.4;
}
h1,
.h1 {
  font-size: 2.75rem;
}
@media (max-width: 1200px) {
  h1,
  .h1 {
    font-size: calc(1.4rem + 1.8vw);
  }
}
h2,
.h2 {
  font-size: 2rem;
}
@media (max-width: 1200px) {
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
}
h3,
.h3 {
  font-size: 1.5rem;
}
@media (max-width: 1200px) {
  h3,
  .h3 {
    font-size: calc(1.275rem + 0.3vw);
  }
}
h4,
.h4 {
  font-size: 1.125rem;
}
h5,
.h5 {
  font-size: 0.875rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
.container,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-fluid {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1540px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1540px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1540px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.btn {
  display: inline-block;
  font-weight: 700;
  color: #181e27;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0.75rem 1.375rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 2rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #181e27;
  text-decoration: none;
}
.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  cursor: not-allowed;
}
.btn .icon {
  margin-left: 0.5rem;
}
.btn-link {
  font-weight: 700;
  color: #181e27;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  padding: 0;
}
.btn-link:hover {
  color: #66696f;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #dcdddf;
}
.btn-link:active,
.btn-link.active {
  box-shadow: none;
}
.btn-link:active:focus,
.btn-link.active:focus {
  box-shadow: none;
}
.btn-link:focus + .btn-link,
.btn-link:focus {
  box-shadow: none;
}
.btn-icon {
  padding-top: 0.4995rem;
  padding-bottom: 0.4995rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn-sm {
  padding: 0.625rem 1.125rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 2rem;
}
.btn-sticky {
  border-radius: 1.5rem 1.5rem 0 0;
  min-height: 3.5rem;
  width: 100%;
}
.btn-sticky.group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.btn-center {
  display: block;
  width: 100%;
}
.btn-center + .btn-center {
  margin-top: 1rem;
}
input[type=submit].btn-center,
input[type=reset].btn-center,
input[type=button].btn-center {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1540px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-grid {
  color: rgb(136.32, 147, 151.32);
  background-color: #fcffff;
  border-color: rgb(250.8, 255, 255);
}
.alert-grid hr {
  border-top-color: rgb(225.3, 255, 255);
}
.alert-grid .alert-link {
  color: rgb(110.3383486239, 121.7042201835, 126.3016513761);
}
.alert-violet {
  color: rgb(98.36, 78.36, 123.76);
  background-color: rgb(237.4, 228.6, 244.4);
  border-color: rgb(230.36, 218.04, 240.16);
}
.alert-violet hr {
  border-top-color: rgb(218.2302702703, 199.8454054054, 232.8545945946);
}
.alert-violet .alert-link {
  color: rgb(73.5412784484, 58.587785474, 92.532214526);
}
.alert-violet-secondary {
  color: rgb(115, 59.64, 98.8);
  background-color: rgb(243.8, 221.4, 234.8);
  border-color: rgb(239.32, 207.96, 226.72);
}
.alert-violet-secondary hr {
  border-top-color: rgb(232.945, 188.835, 215.2222321429);
}
.alert-violet-secondary .alert-link {
  color: rgb(81.4166284929, 42.2233715071, 69.9475034356);
}
.alert-violet-tertiary {
  color: rgb(139.96, 134, 143.52);
  background-color: rgb(253.4, 250, 252);
  border-color: rgb(252.76, 248, 250.8);
}
.alert-violet-tertiary hr {
  border-top-color: rgb(246.5781818182, 228.6818181818, 239.2090909091);
}
.alert-violet-tertiary .alert-link {
  color: rgb(114.4292360633, 108.6220302822, 117.8979697178);
}
.alert-red {
  color: rgb(93.16, 32.08, 46.28);
  background-color: rgb(235.4, 210.8, 214.6);
  border-color: rgb(227.56, 193.12, 198.44);
}
.alert-red hr {
  border-top-color: rgb(219.7261442006, 175.4538557994, 182.2926645768);
}
.alert-red .alert-link {
  color: rgb(55.2235579687, 19.0164420313, 27.4339444267);
}
.alert-red-secondary {
  color: rgb(115.52, 22.72, 42.64);
  background-color: rgb(244, 207.2, 213.2);
  border-color: rgb(239.6, 188.08, 196.48);
}
.alert-red-secondary hr {
  border-top-color: rgb(234.8295918367, 167.3504081633, 178.3524489796);
}
.alert-red-secondary .alert-link {
  color: rgb(72.9019444444, 14.3380555556, 26.9090972222);
}
.alert-red-tertiary {
  color: rgb(139.96, 128.28, 135.2);
  background-color: rgb(253.4, 247.8, 248.8);
  border-color: rgb(252.76, 244.92, 246.32);
}
.alert-red-tertiary hr {
  border-top-color: rgb(248.1236363636, 224.0563636364, 228.3540909091);
}
.alert-red-tertiary .alert-link {
  color: rgb(113.8676902713, 103.3723097287, 109.5904632694);
}
.alert-orange {
  color: rgb(144.12, 88.76, 59.8);
  background-color: rgb(255, 232.6, 219.8);
  border-color: rgb(255, 223.64, 205.72);
}
.alert-orange hr {
  border-top-color: rgb(255, 207.4127272727, 180.22);
}
.alert-orange .alert-link {
  color: rgb(108.0758650451, 66.5612946253, 44.8441349549);
}
.alert-orange-secondary {
  color: rgb(144.12, 136.6, 18.72);
  background-color: #fffbcc;
  border-color: rgb(255, 249.4, 183.6);
}
.alert-orange-secondary hr {
  border-top-color: rgb(255, 247.4, 158.1);
}
.alert-orange-secondary .alert-link {
  color: rgb(98.9829329403, 93.818128224, 12.8570670597);
}
.alert-orange-tertiary {
  color: rgb(144.12, 135.56, 133.12);
  background-color: rgb(255, 250.6, 248);
  border-color: rgb(255, 248.84, 245.2);
}
.alert-orange-tertiary hr {
  border-top-color: rgb(255, 232.8114285714, 219.7);
}
.alert-orange-tertiary .alert-link {
  color: rgb(118.4659357278, 110.1457157587, 107.7740642722);
}
.alert-yellow {
  color: rgb(144.12, 96.56, 32.76);
  background-color: rgb(255, 235.6, 209.4);
  border-color: rgb(255, 227.84, 191.16);
}
.alert-yellow hr {
  border-top-color: rgb(255, 216.9913157895, 165.66);
}
.alert-yellow .alert-link {
  color: rgb(102.5657259159, 68.7187516961, 23.3142740841);
}
.alert-yellow-secondary {
  color: rgb(144.12, 136.6, 18.72);
  background-color: #fffbcc;
  border-color: rgb(255, 249.4, 183.6);
}
.alert-yellow-secondary hr {
  border-top-color: rgb(255, 247.4, 158.1);
}
.alert-yellow-secondary .alert-link {
  color: rgb(98.9829329403, 93.818128224, 12.8570670597);
}
.alert-yellow-tertiary {
  color: rgb(143.6, 145.44, 138.84);
  background-color: rgb(254.8, 254.4, 250.2);
  border-color: rgb(254.72, 254.16, 248.28);
}
.alert-yellow-tertiary hr {
  border-top-color: rgb(253.7, 251.1, 223.8);
}
.alert-yellow-tertiary .alert-link {
  color: rgb(118.1488995215, 120.0505263158, 113.2294736842);
}
.alert-green-hover {
  color: rgb(64.04, 96.04, 41.6);
  background-color: rgb(224.2, 235.4, 212.8);
  border-color: rgb(211.88, 227.56, 195.92);
}
.alert-green-hover hr {
  border-top-color: rgb(199.1712621359, 219.4726213592, 178.5073786408);
}
.alert-green-hover .alert-link {
  color: rgb(40.3111421099, 60.4541238012, 26.1858761988);
}
.alert-green {
  color: rgb(84.32, 113.2, 35.88);
  background-color: rgb(232, 242, 210.6);
  border-color: rgb(222.8, 236.8, 192.84);
}
.alert-green hr {
  border-top-color: rgb(212.5822299652, 231.024738676, 173.115261324);
}
.alert-green .alert-link {
  color: rgb(55.4742795814, 74.4744834988, 23.6055165012);
}
.alert-green-secondary {
  color: rgb(121.24, 130.88, 52);
  background-color: rgb(246.2, 248.8, 216.8);
  border-color: rgb(242.68, 246.32, 201.52);
}
.alert-green-secondary hr {
  border-top-color: rgb(237.6259459459, 242.7591891892, 179.5808108108);
}
.alert-green-secondary .alert-link {
  color: rgb(87.4296325459, 94.381312336, 37.498687664);
}
.alert-green-tertiary {
  color: rgb(135.28, 141.8, 134.16);
  background-color: rgb(251.6, 253, 248.4);
  border-color: rgb(250.24, 252.2, 245.76);
}
.alert-green-tertiary hr {
  border-top-color: rgb(240.1586046512, 246.2697674419, 226.1902325581);
}
.alert-green-tertiary .alert-link {
  color: rgb(109.8847513246, 116.1517962741, 108.8082037259);
}
.alert-blue {
  color: rgb(11.52, 53.92, 97.24);
  background-color: rgb(204, 219.2, 234.2);
  border-color: rgb(183.6, 204.88, 225.88);
}
.alert-blue hr {
  border-top-color: rgb(165.4871866295, 192.1655153203, 218.4928133705);
}
.alert-blue .alert-link {
  color: rgb(6.1180139757, 28.6357043031, 51.6419860243);
}
.alert-blue-secondary {
  color: rgb(44.8, 77.32, 110.76);
  background-color: rgb(216.8, 228.2, 239.4);
  border-color: rgb(201.52, 217.48, 233.16);
}
.alert-blue-secondary hr {
  border-top-color: rgb(183.4140520446, 204.7773977695, 225.7659479554);
}
.alert-blue-secondary .alert-link {
  color: rgb(30.1124196452, 51.9708099769, 74.4475803548);
}
.alert-blue-tertiary {
  color: rgb(124.36, 139.2, 148.72);
  background-color: rgb(247.4, 252, 254);
  border-color: rgb(244.36, 250.8, 253.6);
}
.alert-blue-tertiary hr {
  border-top-color: rgb(221.8251162791, 241.9046511628, 250.6348837209);
}
.alert-blue-tertiary .alert-link {
  color: rgb(99.6229208172, 113.5333851089, 122.4570791828);
}
.alert-grey {
  color: rgb(125.92, 129.32, 134.68);
  background-color: rgb(248, 248.2, 248.6);
  border-color: rgb(245.2, 245.48, 246.04);
}
.alert-grey hr {
  border-top-color: rgb(231.8791044776, 232.5397014925, 233.8608955224);
}
.alert-grey .alert-link {
  color: rgb(101.1189735365, 103.9763913392, 108.4810264635);
}
.alert-light-grey {
  color: rgb(137.88, 141.28, 145.6);
  background-color: rgb(252.6, 252.8, 252.8);
  border-color: rgb(251.64, 251.92, 251.92);
}
.alert-light-grey hr {
  border-top-color: rgb(238.3356521739, 239.7243478261, 239.7243478261);
}
.alert-light-grey .alert-link {
  color: rgb(112.2784389899, 115.7678968744, 120.2015610101);
}
.alert-mid-grey {
  color: rgb(94.72, 98.64, 104);
  background-color: rgb(236, 236.4, 236.8);
  border-color: rgb(228.4, 228.96, 229.52);
}
.alert-mid-grey hr {
  border-top-color: rgb(215.3758064516, 216.21, 217.0441935484);
}
.alert-mid-grey .alert-link {
  color: rgb(70.410821256, 73.3247826087, 77.309178744);
}
.alert-dark-grey {
  color: rgb(64.56, 69, 76.44);
  background-color: rgb(224.4, 225, 226.2);
  border-color: rgb(212.16, 213, 214.68);
}
.alert-dark-grey hr {
  border-top-color: rgb(199.0236363636, 200.1212121212, 202.3163636364);
}
.alert-dark-grey .alert-link {
  color: rgb(41.2085106383, 44.0425531915, 48.7914893617);
}
.alert-white {
  color: rgb(144.12, 147, 151.32);
  background-color: white;
  border-color: white;
}
.alert-white hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-white .alert-link {
  color: rgb(118.1186577181, 121.3997315436, 126.3213422819);
}
.alert-black {
  color: #181e27;
  background-color: rgb(208.8, 210, 211.8);
  border-color: rgb(190.32, 192, 194.52);
}
.alert-black hr {
  border-top-color: rgb(177.142147651, 179.1644295302, 182.197852349);
}
.alert-black .alert-link {
  color: rgb(4.5714285714, 5.7142857143, 7.4285714286);
}
.alert-yellow-100 {
  color: rgb(144.12, 136.6, 18.72);
  background-color: #fffbcc;
  border-color: rgb(255, 249.4, 183.6);
}
.alert-yellow-100 hr {
  border-top-color: rgb(255, 247.4, 158.1);
}
.alert-yellow-100 .alert-link {
  color: rgb(98.9829329403, 93.818128224, 12.8570670597);
}
.alert-wehrfritz-red-100 {
  color: rgb(129.56, 14.4, 24.44);
  background-color: rgb(249.4, 204, 206.2);
  border-color: rgb(247.16, 183.6, 186.68);
}
.alert-wehrfritz-red-100 hr {
  border-top-color: rgb(244.6370318021, 160.6229681979, 164.6941342756);
}
.alert-wehrfritz-red-100 .alert-link {
  color: rgb(83.6614170603, 9.2985829397, 15.7817616004);
}
.alert-green-100 {
  color: rgb(84.32, 113.2, 35.88);
  background-color: rgb(232, 242, 210.6);
  border-color: rgb(222.8, 236.8, 192.84);
}
.alert-green-100 hr {
  border-top-color: rgb(212.5822299652, 231.024738676, 173.115261324);
}
.alert-green-100 .alert-link {
  color: rgb(55.4742795814, 74.4744834988, 23.6055165012);
}
.alert-yellow-75 {
  color: rgb(144.12, 139.2, 52.52);
  background-color: #fffcd9;
  border-color: rgb(255, 250.8, 201.8);
}
.alert-yellow-75 hr {
  border-top-color: rgb(255, 248.7868421053, 176.3);
}
.alert-yellow-75 .alert-link {
  color: rgb(106.7414401953, 103.0974776241, 38.8985598047);
}
.alert-yellow-15 {
  color: rgb(144.12, 145.44, 131.56);
  background-color: rgb(255, 254.4, 247.4);
  border-color: rgb(255, 254.16, 244.36);
}
.alert-yellow-15 hr {
  border-top-color: rgb(255, 252.1468421053, 218.86);
}
.alert-yellow-15 .alert-link {
  color: rgb(118.4511587983, 119.7315021459, 106.2684978541);
}
.alert-green-75 {
  color: rgb(99.4, 121.52, 64.48);
  background-color: rgb(237.8, 245.2, 221.6);
  border-color: rgb(230.92, 241.28, 208.24);
}
.alert-green-75 hr {
  border-top-color: rgb(220.7672222222, 235.4952777778, 188.5247222222);
}
.alert-green-75 .alert-link {
  color: rgb(72.1451612903, 88.2, 46.8);
}
.alert-green-15 {
  color: rgb(135.28, 141.8, 134.16);
  background-color: rgb(251.6, 253, 248.4);
  border-color: rgb(250.24, 252.2, 245.76);
}
.alert-green-15 hr {
  border-top-color: rgb(240.1586046512, 246.2697674419, 226.1902325581);
}
.alert-green-15 .alert-link {
  color: rgb(109.8847513246, 116.1517962741, 108.8082037259);
}
.alert-medium-blue-100 {
  color: rgb(11.52, 53.92, 97.24);
  background-color: rgb(204, 219.2, 234.2);
  border-color: rgb(183.6, 204.88, 225.88);
}
.alert-medium-blue-100 hr {
  border-top-color: rgb(165.4871866295, 192.1655153203, 218.4928133705);
}
.alert-medium-blue-100 .alert-link {
  color: rgb(6.1180139757, 28.6357043031, 51.6419860243);
}
.alert-medium-blue-75 {
  color: rgb(44.8, 77.32, 110.76);
  background-color: rgb(216.8, 228.2, 239.4);
  border-color: rgb(201.52, 217.48, 233.16);
}
.alert-medium-blue-75 hr {
  border-top-color: rgb(183.4140520446, 204.7773977695, 225.7659479554);
}
.alert-medium-blue-75 .alert-link {
  color: rgb(30.1124196452, 51.9708099769, 74.4475803548);
}
.alert-medium-blue-15 {
  color: rgb(124.36, 132.96, 143);
  background-color: rgb(247.4, 249.6, 251.8);
  border-color: rgb(244.36, 247.44, 250.52);
}
.alert-medium-blue-15 hr {
  border-top-color: rgb(226.4155555556, 234.69, 242.9644444444);
}
.alert-medium-blue-15 .alert-link {
  color: rgb(99.8694362018, 107.5379821958, 116.4905637982);
}
.alert-light-orange-100 {
  color: rgb(144.12, 96.56, 32.76);
  background-color: rgb(255, 235.6, 209.4);
  border-color: rgb(255, 227.84, 191.16);
}
.alert-light-orange-100 hr {
  border-top-color: rgb(255, 216.9913157895, 165.66);
}
.alert-light-orange-100 .alert-link {
  color: rgb(102.5657259159, 68.7187516961, 23.3142740841);
}
.alert-light-orange-75 {
  color: rgb(144.12, 109.04, 62.4);
  background-color: rgb(255, 240.4, 220.8);
  border-color: rgb(255, 234.56, 207.12);
}
.alert-light-orange-75 hr {
  border-top-color: rgb(255, 223.6740350877, 181.62);
}
.alert-light-orange-75 .alert-link {
  color: rgb(108.5296455549, 82.1126321906, 46.9903544451);
}
.alert-light-orange-15 {
  color: rgb(144.12, 139.2, 133.64);
  background-color: rgb(255, 252, 248.2);
  border-color: rgb(255, 250.8, 245.48);
}
.alert-light-orange-15 hr {
  border-top-color: rgb(255, 239.55, 219.98);
}
.alert-light-orange-15 .alert-link {
  color: rgb(118.4963554943, 113.6924491905, 108.2636445057);
}
.alert-orange-100 {
  color: rgb(144.12, 69.52, 29.12);
  background-color: rgb(255, 225.2, 208);
  border-color: rgb(255, 213.28, 189.2);
}
.alert-orange-100 hr {
  border-top-color: rgb(255, 197.1119148936, 163.7);
}
.alert-orange-100 .alert-link {
  color: rgb(101.692616024, 49.0540567998, 20.547383976);
}
.alert-orange-75 {
  color: rgb(144.12, 88.76, 59.8);
  background-color: rgb(255, 232.6, 219.8);
  border-color: rgb(255, 223.64, 205.72);
}
.alert-orange-75 hr {
  border-top-color: rgb(255, 207.4127272727, 180.22);
}
.alert-orange-75 .alert-link {
  color: rgb(108.0758650451, 66.5612946253, 44.8441349549);
}
.alert-orange-15 {
  color: rgb(144.12, 135.56, 133.12);
  background-color: rgb(255, 250.6, 248);
  border-color: rgb(255, 248.84, 245.2);
}
.alert-orange-15 hr {
  border-top-color: rgb(255, 232.8114285714, 219.7);
}
.alert-orange-15 .alert-link {
  color: rgb(118.4659357278, 110.1457157587, 107.7740642722);
}
.alert-violet-100 {
  color: rgb(98.36, 78.36, 123.76);
  background-color: rgb(237.4, 228.6, 244.4);
  border-color: rgb(230.36, 218.04, 240.16);
}
.alert-violet-100 hr {
  border-top-color: rgb(218.2302702703, 199.8454054054, 232.8545945946);
}
.alert-violet-100 .alert-link {
  color: rgb(73.5412784484, 58.587785474, 92.532214526);
}
.alert-violet-75 {
  color: rgb(109.8, 95.52, 130.52);
  background-color: rgb(241.8, 235.2, 247);
  border-color: rgb(236.52, 227.28, 243.8);
}
.alert-violet-75 hr {
  border-top-color: rgb(224.4120863309, 209.1181294964, 236.4618705036);
}
.alert-violet-75 .alert-link {
  color: rgb(85.0265085826, 73.9684162095, 101.0715837905);
}
.alert-violet-15 {
  color: rgb(137.36, 136.6, 147.16);
  background-color: rgb(252.4, 251, 253.4);
  border-color: rgb(251.36, 249.4, 252.76);
}
.alert-violet-15 hr {
  border-top-color: rgb(239.5207142857, 231.1857142857, 245.4742857143);
}
.alert-violet-15 .alert-link {
  color: rgb(111.729738331, 110.9478359264, 121.8121640736);
}
.alert-bordeaux-100 {
  color: rgb(93.16, 32.08, 46.28);
  background-color: rgb(235.4, 210.8, 214.6);
  border-color: rgb(227.56, 193.12, 198.44);
}
.alert-bordeaux-100 hr {
  border-top-color: rgb(219.7261442006, 175.4538557994, 182.2926645768);
}
.alert-bordeaux-100 .alert-link {
  color: rgb(55.2235579687, 19.0164420313, 27.4339444267);
}
.alert-bordeaux-75 {
  color: rgb(105.64, 60.68, 72.28);
  background-color: rgb(240.2, 221.8, 224.6);
  border-color: rgb(234.28, 208.52, 212.44);
}
.alert-bordeaux-75 hr {
  border-top-color: rgb(226.4175, 190.8825, 196.29);
}
.alert-bordeaux-75 .alert-link {
  color: rgb(73.2467821068, 42.0732178932, 50.1162193362);
}
.alert-bordeaux-15 {
  color: rgb(136.32, 129.84, 135.72);
  background-color: rgb(252, 248.4, 249);
  border-color: rgb(250.8, 245.76, 246.6);
}
.alert-bordeaux-15 hr {
  border-top-color: rgb(242.83125, 228.22875, 230.6625);
}
.alert-bordeaux-15 .alert-link {
  color: rgb(110.4389173228, 104.7210826772, 109.909488189);
}
.alert-dark-pink-100 {
  color: rgb(115, 59.64, 98.8);
  background-color: rgb(243.8, 221.4, 234.8);
  border-color: rgb(239.32, 207.96, 226.72);
}
.alert-dark-pink-100 hr {
  border-top-color: rgb(232.945, 188.835, 215.2222321429);
}
.alert-dark-pink-100 .alert-link {
  color: rgb(81.4166284929, 42.2233715071, 69.9475034356);
}
.alert-dark-pink-75 {
  color: rgb(122.28, 81.48, 111.8);
  background-color: rgb(246.6, 229.8, 239.8);
  border-color: rgb(243.24, 219.72, 233.72);
}
.alert-dark-pink-75 hr {
  border-top-color: rgb(236.865, 200.595, 222.1842857143);
}
.alert-dark-pink-75 .alert-link {
  color: rgb(91.6739929329, 61.0860070671, 83.8170789164);
}
.alert-dark-pink-15 {
  color: rgb(139.96, 134, 143.52);
  background-color: rgb(253.4, 250, 252);
  border-color: rgb(252.76, 248, 250.8);
}
.alert-dark-pink-15 hr {
  border-top-color: rgb(246.5781818182, 228.6818181818, 239.2090909091);
}
.alert-dark-pink-15 .alert-link {
  color: rgb(114.4292360633, 108.6220302822, 117.8979697178);
}
.alert-lemon-100 {
  color: rgb(113.44, 125.68, 18.72);
  background-color: rgb(243.2, 246.8, 204);
  border-color: rgb(238.48, 243.52, 183.6);
}
.alert-lemon-100 hr {
  border-top-color: rgb(233.3972297297, 239.9879054054, 161.6320945946);
}
.alert-lemon-100 .alert-link {
  color: rgb(73.3746260388, 81.291634349, 12.108365651);
}
.alert-lemon-75 {
  color: rgb(121.24, 130.88, 52);
  background-color: rgb(246.2, 248.8, 216.8);
  border-color: rgb(242.68, 246.32, 201.52);
}
.alert-lemon-75 hr {
  border-top-color: rgb(237.6259459459, 242.7591891892, 179.5808108108);
}
.alert-lemon-75 .alert-link {
  color: rgb(87.4296325459, 94.381312336, 37.498687664);
}
.alert-lemon-15 {
  color: rgb(139.44, 143.88, 131.56);
  background-color: rgb(253.2, 253.8, 247.4);
  border-color: rgb(252.48, 253.32, 244.36);
}
.alert-lemon-15 hr {
  border-top-color: rgb(247.2640909091, 249.8427272727, 222.3372727273);
}
.alert-lemon-15 .alert-link {
  color: rgb(113.8657912688, 118.1142291951, 106.3257708049);
}
.alert-light-yellow-100 {
  color: rgb(139.44, 136.6, 69.16);
  background-color: rgb(253.2, 251, 223.4);
  border-color: rgb(252.48, 249.4, 210.76);
}
.alert-light-yellow-100 hr {
  border-top-color: rgb(251.105748503, 246.3461077844, 186.634251497);
}
.alert-light-yellow-100 .alert-link {
  color: rgb(105.3487248322, 103.2030680729, 52.2512751678);
}
.alert-light-yellow-75 {
  color: rgb(140.48, 139.2, 89.44);
  background-color: rgb(253.6, 252, 231.2);
  border-color: rgb(253.04, 250.8, 221.68);
}
.alert-light-yellow-75 hr {
  border-top-color: rgb(251.6233333333, 247.7642857143, 197.5966666667);
}
.alert-light-yellow-75 .alert-link {
  color: rgb(109.3192484342, 108.3231732777, 69.6007515658);
}
.alert-light-yellow-15 {
  color: rgb(143.6, 145.44, 138.84);
  background-color: rgb(254.8, 254.4, 250.2);
  border-color: rgb(254.72, 254.16, 248.28);
}
.alert-light-yellow-15 hr {
  border-top-color: rgb(253.7, 251.1, 223.8);
}
.alert-light-yellow-15 .alert-link {
  color: rgb(118.1488995215, 120.0505263158, 113.2294736842);
}
.alert-red-100 {
  color: rgb(115.52, 22.72, 42.64);
  background-color: rgb(244, 207.2, 213.2);
  border-color: rgb(239.6, 188.08, 196.48);
}
.alert-red-100 hr {
  border-top-color: rgb(234.8295918367, 167.3504081633, 178.3524489796);
}
.alert-red-100 .alert-link {
  color: rgb(72.9019444444, 14.3380555556, 26.9090972222);
}
.alert-red-75 {
  color: rgb(122.8, 53.92, 69.68);
  background-color: rgb(246.8, 219.2, 223.6);
  border-color: rgb(243.52, 204.88, 211.04);
}
.alert-red-75 hr {
  border-top-color: rgb(238.7677272727, 184.1322727273, 192.8422727273);
}
.alert-red-75 .alert-link {
  color: rgb(87.3608872793, 38.3591127207, 49.5709008601);
}
.alert-red-15 {
  color: rgb(139.96, 128.28, 135.2);
  background-color: rgb(253.4, 247.8, 248.8);
  border-color: rgb(252.76, 244.92, 246.32);
}
.alert-red-15 hr {
  border-top-color: rgb(248.1236363636, 224.0563636364, 228.3540909091);
}
.alert-red-15 .alert-link {
  color: rgb(113.8676902713, 103.3723097287, 109.5904632694);
}
.alert-light-blue-100 {
  color: rgb(11.52, 95.52, 134.16);
  background-color: rgb(204, 235.2, 248.4);
  border-color: rgb(183.6, 227.28, 245.76);
}
.alert-light-blue-100 hr {
  border-top-color: rgb(161.021875, 218.514375, 242.838125);
}
.alert-light-blue-100 .alert-link {
  color: rgb(7.4870510708, 62.0801317957, 87.1929489292);
}
.alert-light-blue-75 {
  color: rgb(44.8, 108.52, 138.32);
  background-color: rgb(216.8, 240.2, 250);
  border-color: rgb(201.52, 234.28, 248);
}
.alert-light-blue-75 hr {
  border-top-color: rgb(178.9713888889, 225.5438888889, 245.0486111111);
}
.alert-light-blue-75 .alert-link {
  color: rgb(32.3229357798, 78.2965399738, 99.7970642202);
}
.alert-light-blue-15 {
  color: rgb(124.36, 139.2, 148.72);
  background-color: rgb(247.4, 252, 254);
  border-color: rgb(244.36, 250.8, 253.6);
}
.alert-light-blue-15 hr {
  border-top-color: rgb(221.8251162791, 241.9046511628, 250.6348837209);
}
.alert-light-blue-15 .alert-link {
  color: rgb(99.6229208172, 113.5333851089, 122.4570791828);
}
.alert-grey-100 {
  color: #181e27;
  background-color: rgb(208.8, 210, 211.8);
  border-color: rgb(190.32, 192, 194.52);
}
.alert-grey-100 hr {
  border-top-color: rgb(177.142147651, 179.1644295302, 182.197852349);
}
.alert-grey-100 .alert-link {
  color: rgb(4.5714285714, 5.7142857143, 7.4285714286);
}
.alert-grey-60 {
  color: rgb(64.56, 69, 76.44);
  background-color: rgb(224.4, 225, 226.2);
  border-color: rgb(212.16, 213, 214.68);
}
.alert-grey-60 hr {
  border-top-color: rgb(199.0236363636, 200.1212121212, 202.3163636364);
}
.alert-grey-60 .alert-link {
  color: rgb(41.2085106383, 44.0425531915, 48.7914893617);
}
.alert-grey-30 {
  color: rgb(94.72, 98.64, 104);
  background-color: rgb(236, 236.4, 236.8);
  border-color: rgb(228.4, 228.96, 229.52);
}
.alert-grey-30 hr {
  border-top-color: rgb(215.3758064516, 216.21, 217.0441935484);
}
.alert-grey-30 .alert-link {
  color: rgb(70.410821256, 73.3247826087, 77.309178744);
}
.alert-grey-15 {
  color: rgb(125.92, 129.32, 134.68);
  background-color: rgb(248, 248.2, 248.6);
  border-color: rgb(245.2, 245.48, 246.04);
}
.alert-grey-15 hr {
  border-top-color: rgb(231.8791044776, 232.5397014925, 233.8608955224);
}
.alert-grey-15 .alert-link {
  color: rgb(101.1189735365, 103.9763913392, 108.4810264635);
}
.alert-grey-5 {
  color: rgb(137.88, 141.28, 145.6);
  background-color: rgb(252.6, 252.8, 252.8);
  border-color: rgb(251.64, 251.92, 251.92);
}
.alert-grey-5 hr {
  border-top-color: rgb(238.3356521739, 239.7243478261, 239.7243478261);
}
.alert-grey-5 .alert-link {
  color: rgb(112.2784389899, 115.7678968744, 120.2015610101);
}
.alert-white-100 {
  color: rgb(144.12, 147, 151.32);
  background-color: white;
  border-color: white;
}
.alert-white-100 hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-white-100 .alert-link {
  color: rgb(118.1186577181, 121.3997315436, 126.3213422819);
}
.alert-christmas-red {
  color: rgb(71.84, 14.92, 37.96);
  background-color: rgb(227.2, 204.2, 211.4);
  border-color: rgb(216.08, 183.88, 193.96);
}
.alert-christmas-red hr {
  border-top-color: rgb(207.0609160305, 167.3990839695, 179.8149618321);
}
.alert-christmas-red .alert-link {
  color: rgb(29.6104011065, 6.1495988935, 15.6460304288);
}
.alert-christmas-green {
  color: rgb(11.52, 57.04, 36.92);
  background-color: rgb(204, 220.4, 211);
  border-color: rgb(183.6, 206.56, 193.4);
}
.alert-christmas-green hr {
  border-top-color: rgb(168.4072429907, 196.2527570093, 180.2925233645);
}
.alert-christmas-green .alert-link {
  color: rgb(2.950571762, 14.609428238, 9.4561726954);
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1540px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    -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-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-grid {
  background-color: #f0ffff !important;
}
a.bg-grid:hover,
a.bg-grid:focus,
button.bg-grid:hover,
button.bg-grid:focus {
  background-color: #bdffff !important;
}
.bg-violet {
  background-color: #a77bca !important;
}
a.bg-violet:hover,
a.bg-violet:focus,
button.bg-violet:hover,
button.bg-violet:focus {
  background-color: rgb(142.7405405405, 86.6108108108, 187.3891891892) !important;
}
.bg-violet-secondary {
  background-color: #c7579a !important;
}
a.bg-violet-secondary:hover,
a.bg-violet-secondary:focus,
button.bg-violet-secondary:hover,
button.bg-violet-secondary:focus {
  background-color: rgb(176.25, 58.75, 129.0401785714) !important;
}
.bg-violet-tertiary {
  background-color: #f7e6f0 !important;
}
a.bg-violet-tertiary:hover,
a.bg-violet-tertiary:focus,
button.bg-violet-tertiary:hover,
button.bg-violet-tertiary:focus {
  background-color: rgb(234.6363636364, 191.3636363636, 216.8181818182) !important;
}
.bg-red {
  background-color: #9d2235 !important;
}
a.bg-red:hover,
a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
  background-color: rgb(115.0785340314, 24.9214659686, 38.8481675393) !important;
}
.bg-red-secondary {
  background-color: #c8102e !important;
}
a.bg-red-secondary:hover,
a.bg-red-secondary:focus,
button.bg-red-secondary:hover,
button.bg-red-secondary:focus {
  background-color: rgb(152.7777777778, 12.2222222222, 35.1388888889) !important;
}
.bg-red-tertiary {
  background-color: #f7dbe0 !important;
}
a.bg-red-tertiary:hover,
a.bg-red-tertiary:focus,
button.bg-red-tertiary:hover,
button.bg-red-tertiary:focus {
  background-color: rgb(237.7272727273, 177.2727272727, 188.0681818182) !important;
}
.bg-orange {
  background-color: #ff8f4f !important;
}
a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: rgb(255, 110.5454545455, 28) !important;
}
.bg-orange-secondary {
  background-color: #ffeb00 !important;
}
a.bg-orange-secondary:hover,
a.bg-orange-secondary:focus,
button.bg-orange-secondary:hover,
button.bg-orange-secondary:focus {
  background-color: #ccbc00 !important;
}
.bg-orange-tertiary {
  background-color: #ffe9dc !important;
}
a.bg-orange-tertiary:hover,
a.bg-orange-tertiary:focus,
button.bg-orange-tertiary:hover,
button.bg-orange-tertiary:focus {
  background-color: rgb(255, 200.9428571429, 169) !important;
}
.bg-yellow {
  background-color: #ff9e1b !important;
}
a.bg-yellow:hover,
a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
  background-color: rgb(231, 132.7236842105, 0) !important;
}
.bg-yellow-secondary {
  background-color: #ffeb00 !important;
}
a.bg-yellow-secondary:hover,
a.bg-yellow-secondary:focus,
button.bg-yellow-secondary:hover,
button.bg-yellow-secondary:focus {
  background-color: #ccbc00 !important;
}
.bg-yellow-tertiary {
  background-color: #fefce7 !important;
}
a.bg-yellow-tertiary:hover,
a.bg-yellow-tertiary:focus,
button.bg-yellow-tertiary:hover,
button.bg-yellow-tertiary:focus {
  background-color: rgb(251.96, 245.88, 182.04) !important;
}
.bg-green-hover {
  background-color: #659d2c !important;
}
a.bg-green-hover:hover,
a.bg-green-hover:focus,
button.bg-green-hover:hover,
button.bg-green-hover:focus {
  background-color: rgb(75.3731343284, 117.1641791045, 32.8358208955) !important;
}
.bg-green {
  background-color: #8cbe21 !important;
}
a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
  background-color: rgb(107.9820627803, 146.5470852018, 25.4529147982) !important;
}
.bg-green-secondary {
  background-color: #d3e040 !important;
}
a.bg-green-secondary:hover,
a.bg-green-secondary:focus,
button.bg-green-secondary:hover,
button.bg-green-secondary:focus {
  background-color: rgb(190.027027027, 203.9054054054, 33.0945945946) !important;
}
.bg-green-tertiary {
  background-color: #eef5de !important;
}
a.bg-green-tertiary:hover,
a.bg-green-tertiary:focus,
button.bg-green-tertiary:hover,
button.bg-green-tertiary:focus {
  background-color: rgb(217.8372093023, 233.1395348837, 182.8604651163) !important;
}
.bg-blue {
  background-color: #004c97 !important;
}
a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: rgb(0, 50.3311258278, 100) !important;
}
.bg-blue-secondary {
  background-color: #4079b1 !important;
}
a.bg-blue-secondary:hover,
a.bg-blue-secondary:focus,
button.bg-blue-secondary:hover,
button.bg-blue-secondary:focus {
  background-color: rgb(50.4564315353, 95.3941908714, 139.5435684647) !important;
}
.bg-blue-tertiary {
  background-color: #d9f0fa !important;
}
a.bg-blue-tertiary:hover,
a.bg-blue-tertiary:focus,
button.bg-blue-tertiary:hover,
button.bg-blue-tertiary:focus {
  background-color: rgb(171.9302325581, 222.2093023256, 244.0697674419) !important;
}
.bg-grey {
  background-color: #dcdddf !important;
}
a.bg-grey:hover,
a.bg-grey:focus,
button.bg-grey:hover,
button.bg-grey:focus {
  background-color: rgb(193.3582089552, 195.1194029851, 198.6417910448) !important;
}
.bg-light-grey {
  background-color: #f3f4f4 !important;
}
a.bg-light-grey:hover,
a.bg-light-grey:focus,
button.bg-light-grey:hover,
button.bg-light-grey:focus {
  background-color: rgb(216.3913043478, 219.6086956522, 219.6086956522) !important;
}
.bg-mid-grey {
  background-color: #a0a2a4 !important;
}
a.bg-mid-grey:hover,
a.bg-mid-grey:focus,
button.bg-mid-grey:hover,
button.bg-mid-grey:focus {
  background-color: rgb(133.9516129032, 136.5, 139.0483870968) !important;
}
.bg-dark-grey {
  background-color: #66696f !important;
}
a.bg-dark-grey:hover,
a.bg-dark-grey:focus,
button.bg-dark-grey:hover,
button.bg-dark-grey:focus {
  background-color: rgb(77.5774647887, 79.8591549296, 84.4225352113) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}
.bg-black {
  background-color: #181e27 !important;
}
a.bg-black:hover,
a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: rgb(4.5714285714, 5.7142857143, 7.4285714286) !important;
}
.bg-yellow-100 {
  background-color: #ffeb00 !important;
}
a.bg-yellow-100:hover,
a.bg-yellow-100:focus,
button.bg-yellow-100:hover,
button.bg-yellow-100:focus {
  background-color: #ccbc00 !important;
}
.bg-wehrfritz-red-100 {
  background-color: #e3000b !important;
}
a.bg-wehrfritz-red-100:hover,
a.bg-wehrfritz-red-100:focus,
button.bg-wehrfritz-red-100:hover,
button.bg-wehrfritz-red-100:focus {
  background-color: rgb(176, 0, 8.5286343612) !important;
}
.bg-green-100 {
  background-color: #8cbe21 !important;
}
a.bg-green-100:hover,
a.bg-green-100:focus,
button.bg-green-100:hover,
button.bg-green-100:focus {
  background-color: rgb(107.9820627803, 146.5470852018, 25.4529147982) !important;
}
.bg-yellow-75 {
  background-color: #fff041 !important;
}
a.bg-yellow-75:hover,
a.bg-yellow-75:focus,
button.bg-yellow-75:hover,
button.bg-yellow-75:focus {
  background-color: rgb(255, 235.9736842105, 14) !important;
}
.bg-yellow-15 {
  background-color: #fffcd9 !important;
}
a.bg-yellow-15:hover,
a.bg-yellow-15:focus,
button.bg-yellow-15:hover,
button.bg-yellow-15:focus {
  background-color: rgb(255, 247.9736842105, 166) !important;
}
.bg-green-75 {
  background-color: #a9ce58 !important;
}
a.bg-green-75:hover,
a.bg-green-75:focus,
button.bg-green-75:hover,
button.bg-green-75:focus {
  background-color: rgb(146.25, 187.875, 55.125) !important;
}
.bg-green-15 {
  background-color: #eef5de !important;
}
a.bg-green-15:hover,
a.bg-green-15:focus,
button.bg-green-15:hover,
button.bg-green-15:focus {
  background-color: rgb(217.8372093023, 233.1395348837, 182.8604651163) !important;
}
.bg-medium-blue-100 {
  background-color: #004c97 !important;
}
a.bg-medium-blue-100:hover,
a.bg-medium-blue-100:focus,
button.bg-medium-blue-100:hover,
button.bg-medium-blue-100:focus {
  background-color: rgb(0, 50.3311258278, 100) !important;
}
.bg-medium-blue-75 {
  background-color: #4079b1 !important;
}
a.bg-medium-blue-75:hover,
a.bg-medium-blue-75:focus,
button.bg-medium-blue-75:hover,
button.bg-medium-blue-75:focus {
  background-color: rgb(50.4564315353, 95.3941908714, 139.5435684647) !important;
}
.bg-medium-blue-15 {
  background-color: #d9e4ef !important;
}
a.bg-medium-blue-15:hover,
a.bg-medium-blue-15:focus,
button.bg-medium-blue-15:hover,
button.bg-medium-blue-15:focus {
  background-color: rgb(181.1111111111, 202.5, 223.8888888889) !important;
}
.bg-light-orange-100 {
  background-color: #ff9e1b !important;
}
a.bg-light-orange-100:hover,
a.bg-light-orange-100:focus,
button.bg-light-orange-100:hover,
button.bg-light-orange-100:focus {
  background-color: rgb(231, 132.7236842105, 0) !important;
}
.bg-light-orange-75 {
  background-color: #ffb654 !important;
}
a.bg-light-orange-75:hover,
a.bg-light-orange-75:focus,
button.bg-light-orange-75:hover,
button.bg-light-orange-75:focus {
  background-color: rgb(255, 160.2280701754, 33) !important;
}
.bg-light-orange-15 {
  background-color: #fff0dd !important;
}
a.bg-light-orange-15:hover,
a.bg-light-orange-15:focus,
button.bg-light-orange-15:hover,
button.bg-light-orange-15:focus {
  background-color: rgb(255, 217.5, 170) !important;
}
.bg-orange-100 {
  background-color: #ff6a14 !important;
}
a.bg-orange-100:hover,
a.bg-orange-100:focus,
button.bg-orange-100:hover,
button.bg-orange-100:focus {
  background-color: rgb(224, 81.9744680851, 0) !important;
}
.bg-orange-75 {
  background-color: #ff8f4f !important;
}
a.bg-orange-75:hover,
a.bg-orange-75:focus,
button.bg-orange-75:hover,
button.bg-orange-75:focus {
  background-color: rgb(255, 110.5454545455, 28) !important;
}
.bg-orange-15 {
  background-color: #ffe9dc !important;
}
a.bg-orange-15:hover,
a.bg-orange-15:focus,
button.bg-orange-15:hover,
button.bg-orange-15:focus {
  background-color: rgb(255, 200.9428571429, 169) !important;
}
.bg-violet-100 {
  background-color: #a77bca !important;
}
a.bg-violet-100:hover,
a.bg-violet-100:focus,
button.bg-violet-100:hover,
button.bg-violet-100:focus {
  background-color: rgb(142.7405405405, 86.6108108108, 187.3891891892) !important;
}
.bg-violet-75 {
  background-color: #bd9cd7 !important;
}
a.bg-violet-75:hover,
a.bg-violet-75:focus,
button.bg-violet-75:hover,
button.bg-violet-75:focus {
  background-color: rgb(164.7841726619, 119.6762589928, 200.3237410072) !important;
}
.bg-violet-15 {
  background-color: #f2ebf7 !important;
}
a.bg-violet-15:hover,
a.bg-violet-15:focus,
button.bg-violet-15:hover,
button.bg-violet-15:focus {
  background-color: rgb(218.3214285714, 198.5714285714, 232.4285714286) !important;
}
.bg-bordeaux-100 {
  background-color: #9d2235 !important;
}
a.bg-bordeaux-100:hover,
a.bg-bordeaux-100:focus,
button.bg-bordeaux-100:hover,
button.bg-bordeaux-100:focus {
  background-color: rgb(115.0785340314, 24.9214659686, 38.8481675393) !important;
}
.bg-bordeaux-75 {
  background-color: #b55967 !important;
}
a.bg-bordeaux-75:hover,
a.bg-bordeaux-75:focus,
button.bg-bordeaux-75:hover,
button.bg-bordeaux-75:focus {
  background-color: rgb(151.475, 67.525, 80.3) !important;
}
.bg-bordeaux-15 {
  background-color: #f0dee1 !important;
}
a.bg-bordeaux-15:hover,
a.bg-bordeaux-15:focus,
button.bg-bordeaux-15:hover,
button.bg-bordeaux-15:focus {
  background-color: rgb(224.0625, 186.9375, 193.125) !important;
}
.bg-dark-pink-100 {
  background-color: #c7579a !important;
}
a.bg-dark-pink-100:hover,
a.bg-dark-pink-100:focus,
button.bg-dark-pink-100:hover,
button.bg-dark-pink-100:focus {
  background-color: rgb(176.25, 58.75, 129.0401785714) !important;
}
.bg-dark-pink-75 {
  background-color: #d581b3 !important;
}
a.bg-dark-pink-75:hover,
a.bg-dark-pink-75:focus,
button.bg-dark-pink-75:hover,
button.bg-dark-pink-75:focus {
  background-color: rgb(200.25, 90.75, 155.9285714286) !important;
}
.bg-dark-pink-15 {
  background-color: #f7e6f0 !important;
}
a.bg-dark-pink-15:hover,
a.bg-dark-pink-15:focus,
button.bg-dark-pink-15:hover,
button.bg-dark-pink-15:focus {
  background-color: rgb(234.6363636364, 191.3636363636, 216.8181818182) !important;
}
.bg-lemon-100 {
  background-color: #c4d600 !important;
}
a.bg-lemon-100:hover,
a.bg-lemon-100:focus,
button.bg-lemon-100:hover,
button.bg-lemon-100:focus {
  background-color: rgb(149.2897196262, 163, 0) !important;
}
.bg-lemon-75 {
  background-color: #d3e040 !important;
}
a.bg-lemon-75:hover,
a.bg-lemon-75:focus,
button.bg-lemon-75:hover,
button.bg-lemon-75:focus {
  background-color: rgb(190.027027027, 203.9054054054, 33.0945945946) !important;
}
.bg-lemon-15 {
  background-color: #f6f9d9 !important;
}
a.bg-lemon-15:hover,
a.bg-lemon-15:focus,
button.bg-lemon-15:hover,
button.bg-lemon-15:focus {
  background-color: rgb(235.5681818182, 242.0454545455, 172.9545454545) !important;
}
.bg-light-yellow-100 {
  background-color: #f6eb61 !important;
}
a.bg-light-yellow-100:hover,
a.bg-light-yellow-100:focus,
button.bg-light-yellow-100:hover,
button.bg-light-yellow-100:focus {
  background-color: rgb(243.251497006, 228.8922155689, 48.748502994) !important;
}
.bg-light-yellow-75 {
  background-color: #f8f088 !important;
}
a.bg-light-yellow-75:hover,
a.bg-light-yellow-75:focus,
button.bg-light-yellow-75:hover,
button.bg-light-yellow-75:focus {
  background-color: rgb(245.1666666667, 233.9285714286, 87.8333333333) !important;
}
.bg-light-yellow-15 {
  background-color: #fefce7 !important;
}
a.bg-light-yellow-15:hover,
a.bg-light-yellow-15:focus,
button.bg-light-yellow-15:hover,
button.bg-light-yellow-15:focus {
  background-color: rgb(251.96, 245.88, 182.04) !important;
}
.bg-red-100 {
  background-color: #c8102e !important;
}
a.bg-red-100:hover,
a.bg-red-100:focus,
button.bg-red-100:hover,
button.bg-red-100:focus {
  background-color: rgb(152.7777777778, 12.2222222222, 35.1388888889) !important;
}
.bg-red-75 {
  background-color: #d64c62 !important;
}
a.bg-red-75:hover,
a.bg-red-75:focus,
button.bg-red-75:hover,
button.bg-red-75:focus {
  background-color: rgb(194.4590909091, 44.5409090909, 68.4409090909) !important;
}
.bg-red-15 {
  background-color: #f7dbe0 !important;
}
a.bg-red-15:hover,
a.bg-red-15:focus,
button.bg-red-15:hover,
button.bg-red-15:focus {
  background-color: rgb(237.7272727273, 177.2727272727, 188.0681818182) !important;
}
.bg-light-blue-100 {
  background-color: #009cde !important;
}
a.bg-light-blue-100:hover,
a.bg-light-blue-100:focus,
button.bg-light-blue-100:hover,
button.bg-light-blue-100:focus {
  background-color: rgb(0, 120.1621621622, 171) !important;
}
.bg-light-blue-75 {
  background-color: #40b5e6 !important;
}
a.bg-light-blue-75:hover,
a.bg-light-blue-75:focus,
button.bg-light-blue-75:hover,
button.bg-light-blue-75:focus {
  background-color: rgb(28.125, 159.75, 214.875) !important;
}
.bg-light-blue-15 {
  background-color: #d9f0fa !important;
}
a.bg-light-blue-15:hover,
a.bg-light-blue-15:focus,
button.bg-light-blue-15:hover,
button.bg-light-blue-15:focus {
  background-color: rgb(171.9302325581, 222.2093023256, 244.0697674419) !important;
}
.bg-grey-100 {
  background-color: #181e27 !important;
}
a.bg-grey-100:hover,
a.bg-grey-100:focus,
button.bg-grey-100:hover,
button.bg-grey-100:focus {
  background-color: rgb(4.5714285714, 5.7142857143, 7.4285714286) !important;
}
.bg-grey-60 {
  background-color: #66696f !important;
}
a.bg-grey-60:hover,
a.bg-grey-60:focus,
button.bg-grey-60:hover,
button.bg-grey-60:focus {
  background-color: rgb(77.5774647887, 79.8591549296, 84.4225352113) !important;
}
.bg-grey-30 {
  background-color: #a0a2a4 !important;
}
a.bg-grey-30:hover,
a.bg-grey-30:focus,
button.bg-grey-30:hover,
button.bg-grey-30:focus {
  background-color: rgb(133.9516129032, 136.5, 139.0483870968) !important;
}
.bg-grey-15 {
  background-color: #dcdddf !important;
}
a.bg-grey-15:hover,
a.bg-grey-15:focus,
button.bg-grey-15:hover,
button.bg-grey-15:focus {
  background-color: rgb(193.3582089552, 195.1194029851, 198.6417910448) !important;
}
.bg-grey-5 {
  background-color: #f3f4f4 !important;
}
a.bg-grey-5:hover,
a.bg-grey-5:focus,
button.bg-grey-5:hover,
button.bg-grey-5:focus {
  background-color: rgb(216.3913043478, 219.6086956522, 219.6086956522) !important;
}
.bg-white-100 {
  background-color: #ffffff !important;
}
a.bg-white-100:hover,
a.bg-white-100:focus,
button.bg-white-100:hover,
button.bg-white-100:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}
.bg-christmas-red {
  background-color: #740125 !important;
}
a.bg-christmas-red:hover,
a.bg-christmas-red:focus,
button.bg-christmas-red:hover,
button.bg-christmas-red:focus {
  background-color: rgb(65.4358974359, 0.5641025641, 20.8717948718) !important;
}
.bg-christmas-green {
  background-color: #005223 !important;
}
a.bg-christmas-green:hover,
a.bg-christmas-green:focus,
button.bg-christmas-green:hover,
button.bg-christmas-green:focus {
  background-color: rgb(0, 31, 13.2317073171) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-grid {
  border-color: #f0ffff !important;
}
.border-violet {
  border-color: #a77bca !important;
}
.border-violet-secondary {
  border-color: #c7579a !important;
}
.border-violet-tertiary {
  border-color: #f7e6f0 !important;
}
.border-red {
  border-color: #9d2235 !important;
}
.border-red-secondary {
  border-color: #c8102e !important;
}
.border-red-tertiary {
  border-color: #f7dbe0 !important;
}
.border-orange {
  border-color: #ff8f4f !important;
}
.border-orange-secondary {
  border-color: #ffeb00 !important;
}
.border-orange-tertiary {
  border-color: #ffe9dc !important;
}
.border-yellow {
  border-color: #ff9e1b !important;
}
.border-yellow-secondary {
  border-color: #ffeb00 !important;
}
.border-yellow-tertiary {
  border-color: #fefce7 !important;
}
.border-green-hover {
  border-color: #659d2c !important;
}
.border-green {
  border-color: #8cbe21 !important;
}
.border-green-secondary {
  border-color: #d3e040 !important;
}
.border-green-tertiary {
  border-color: #eef5de !important;
}
.border-blue {
  border-color: #004c97 !important;
}
.border-blue-secondary {
  border-color: #4079b1 !important;
}
.border-blue-tertiary {
  border-color: #d9f0fa !important;
}
.border-grey {
  border-color: #dcdddf !important;
}
.border-light-grey {
  border-color: #f3f4f4 !important;
}
.border-mid-grey {
  border-color: #a0a2a4 !important;
}
.border-dark-grey {
  border-color: #66696f !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-black {
  border-color: #181e27 !important;
}
.border-yellow-100 {
  border-color: #ffeb00 !important;
}
.border-wehrfritz-red-100 {
  border-color: #e3000b !important;
}
.border-green-100 {
  border-color: #8cbe21 !important;
}
.border-yellow-75 {
  border-color: #fff041 !important;
}
.border-yellow-15 {
  border-color: #fffcd9 !important;
}
.border-green-75 {
  border-color: #a9ce58 !important;
}
.border-green-15 {
  border-color: #eef5de !important;
}
.border-medium-blue-100 {
  border-color: #004c97 !important;
}
.border-medium-blue-75 {
  border-color: #4079b1 !important;
}
.border-medium-blue-15 {
  border-color: #d9e4ef !important;
}
.border-light-orange-100 {
  border-color: #ff9e1b !important;
}
.border-light-orange-75 {
  border-color: #ffb654 !important;
}
.border-light-orange-15 {
  border-color: #fff0dd !important;
}
.border-orange-100 {
  border-color: #ff6a14 !important;
}
.border-orange-75 {
  border-color: #ff8f4f !important;
}
.border-orange-15 {
  border-color: #ffe9dc !important;
}
.border-violet-100 {
  border-color: #a77bca !important;
}
.border-violet-75 {
  border-color: #bd9cd7 !important;
}
.border-violet-15 {
  border-color: #f2ebf7 !important;
}
.border-bordeaux-100 {
  border-color: #9d2235 !important;
}
.border-bordeaux-75 {
  border-color: #b55967 !important;
}
.border-bordeaux-15 {
  border-color: #f0dee1 !important;
}
.border-dark-pink-100 {
  border-color: #c7579a !important;
}
.border-dark-pink-75 {
  border-color: #d581b3 !important;
}
.border-dark-pink-15 {
  border-color: #f7e6f0 !important;
}
.border-lemon-100 {
  border-color: #c4d600 !important;
}
.border-lemon-75 {
  border-color: #d3e040 !important;
}
.border-lemon-15 {
  border-color: #f6f9d9 !important;
}
.border-light-yellow-100 {
  border-color: #f6eb61 !important;
}
.border-light-yellow-75 {
  border-color: #f8f088 !important;
}
.border-light-yellow-15 {
  border-color: #fefce7 !important;
}
.border-red-100 {
  border-color: #c8102e !important;
}
.border-red-75 {
  border-color: #d64c62 !important;
}
.border-red-15 {
  border-color: #f7dbe0 !important;
}
.border-light-blue-100 {
  border-color: #009cde !important;
}
.border-light-blue-75 {
  border-color: #40b5e6 !important;
}
.border-light-blue-15 {
  border-color: #d9f0fa !important;
}
.border-grey-100 {
  border-color: #181e27 !important;
}
.border-grey-60 {
  border-color: #66696f !important;
}
.border-grey-30 {
  border-color: #a0a2a4 !important;
}
.border-grey-15 {
  border-color: #dcdddf !important;
}
.border-grey-5 {
  border-color: #f3f4f4 !important;
}
.border-white-100 {
  border-color: #ffffff !important;
}
.border-christmas-red {
  border-color: #740125 !important;
}
.border-christmas-green {
  border-color: #005223 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1540px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1540px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1024px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1540px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-80 {
  height: 80% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.375rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.375rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.375rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.375rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.375rem !important;
}
.m-3 {
  margin: 0.5rem !important;
}
.mt-3,
.my-3 {
  margin-top: 0.5rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 0.5rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 0.5rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 0.5rem !important;
}
.m-4 {
  margin: 0.625rem !important;
}
.mt-4,
.my-4 {
  margin-top: 0.625rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 0.625rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 0.625rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 0.625rem !important;
}
.m-5 {
  margin: 0.75rem !important;
}
.mt-5,
.my-5 {
  margin-top: 0.75rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 0.75rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 0.75rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 0.75rem !important;
}
.m-6 {
  margin: 1rem !important;
}
.mt-6,
.my-6 {
  margin-top: 1rem !important;
}
.mr-6,
.mx-6 {
  margin-right: 1rem !important;
}
.mb-6,
.my-6 {
  margin-bottom: 1rem !important;
}
.ml-6,
.mx-6 {
  margin-left: 1rem !important;
}
.m-7 {
  margin: 1.25rem !important;
}
.mt-7,
.my-7 {
  margin-top: 1.25rem !important;
}
.mr-7,
.mx-7 {
  margin-right: 1.25rem !important;
}
.mb-7,
.my-7 {
  margin-bottom: 1.25rem !important;
}
.ml-7,
.mx-7 {
  margin-left: 1.25rem !important;
}
.m-8 {
  margin: 1.5rem !important;
}
.mt-8,
.my-8 {
  margin-top: 1.5rem !important;
}
.mr-8,
.mx-8 {
  margin-right: 1.5rem !important;
}
.mb-8,
.my-8 {
  margin-bottom: 1.5rem !important;
}
.ml-8,
.mx-8 {
  margin-left: 1.5rem !important;
}
.m-9 {
  margin: 2rem !important;
}
.mt-9,
.my-9 {
  margin-top: 2rem !important;
}
.mr-9,
.mx-9 {
  margin-right: 2rem !important;
}
.mb-9,
.my-9 {
  margin-bottom: 2rem !important;
}
.ml-9,
.mx-9 {
  margin-left: 2rem !important;
}
.m-10 {
  margin: 2.5rem !important;
}
.mt-10,
.my-10 {
  margin-top: 2.5rem !important;
}
.mr-10,
.mx-10 {
  margin-right: 2.5rem !important;
}
.mb-10,
.my-10 {
  margin-bottom: 2.5rem !important;
}
.ml-10,
.mx-10 {
  margin-left: 2.5rem !important;
}
.m-11 {
  margin: 3rem !important;
}
.mt-11,
.my-11 {
  margin-top: 3rem !important;
}
.mr-11,
.mx-11 {
  margin-right: 3rem !important;
}
.mb-11,
.my-11 {
  margin-bottom: 3rem !important;
}
.ml-11,
.mx-11 {
  margin-left: 3rem !important;
}
.m-12 {
  margin: 3.5rem !important;
}
.mt-12,
.my-12 {
  margin-top: 3.5rem !important;
}
.mr-12,
.mx-12 {
  margin-right: 3.5rem !important;
}
.mb-12,
.my-12 {
  margin-bottom: 3.5rem !important;
}
.ml-12,
.mx-12 {
  margin-left: 3.5rem !important;
}
.m-13 {
  margin: 4rem !important;
}
.mt-13,
.my-13 {
  margin-top: 4rem !important;
}
.mr-13,
.mx-13 {
  margin-right: 4rem !important;
}
.mb-13,
.my-13 {
  margin-bottom: 4rem !important;
}
.ml-13,
.mx-13 {
  margin-left: 4rem !important;
}
.m-14 {
  margin: 4.5rem !important;
}
.mt-14,
.my-14 {
  margin-top: 4.5rem !important;
}
.mr-14,
.mx-14 {
  margin-right: 4.5rem !important;
}
.mb-14,
.my-14 {
  margin-bottom: 4.5rem !important;
}
.ml-14,
.mx-14 {
  margin-left: 4.5rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.375rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.375rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.375rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.375rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.375rem !important;
}
.p-3 {
  padding: 0.5rem !important;
}
.pt-3,
.py-3 {
  padding-top: 0.5rem !important;
}
.pr-3,
.px-3 {
  padding-right: 0.5rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 0.5rem !important;
}
.pl-3,
.px-3 {
  padding-left: 0.5rem !important;
}
.p-4 {
  padding: 0.625rem !important;
}
.pt-4,
.py-4 {
  padding-top: 0.625rem !important;
}
.pr-4,
.px-4 {
  padding-right: 0.625rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 0.625rem !important;
}
.pl-4,
.px-4 {
  padding-left: 0.625rem !important;
}
.p-5 {
  padding: 0.75rem !important;
}
.pt-5,
.py-5 {
  padding-top: 0.75rem !important;
}
.pr-5,
.px-5 {
  padding-right: 0.75rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 0.75rem !important;
}
.pl-5,
.px-5 {
  padding-left: 0.75rem !important;
}
.p-6 {
  padding: 1rem !important;
}
.pt-6,
.py-6 {
  padding-top: 1rem !important;
}
.pr-6,
.px-6 {
  padding-right: 1rem !important;
}
.pb-6,
.py-6 {
  padding-bottom: 1rem !important;
}
.pl-6,
.px-6 {
  padding-left: 1rem !important;
}
.p-7 {
  padding: 1.25rem !important;
}
.pt-7,
.py-7 {
  padding-top: 1.25rem !important;
}
.pr-7,
.px-7 {
  padding-right: 1.25rem !important;
}
.pb-7,
.py-7 {
  padding-bottom: 1.25rem !important;
}
.pl-7,
.px-7 {
  padding-left: 1.25rem !important;
}
.p-8 {
  padding: 1.5rem !important;
}
.pt-8,
.py-8 {
  padding-top: 1.5rem !important;
}
.pr-8,
.px-8 {
  padding-right: 1.5rem !important;
}
.pb-8,
.py-8 {
  padding-bottom: 1.5rem !important;
}
.pl-8,
.px-8 {
  padding-left: 1.5rem !important;
}
.p-9 {
  padding: 2rem !important;
}
.pt-9,
.py-9 {
  padding-top: 2rem !important;
}
.pr-9,
.px-9 {
  padding-right: 2rem !important;
}
.pb-9,
.py-9 {
  padding-bottom: 2rem !important;
}
.pl-9,
.px-9 {
  padding-left: 2rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.pt-10,
.py-10 {
  padding-top: 2.5rem !important;
}
.pr-10,
.px-10 {
  padding-right: 2.5rem !important;
}
.pb-10,
.py-10 {
  padding-bottom: 2.5rem !important;
}
.pl-10,
.px-10 {
  padding-left: 2.5rem !important;
}
.p-11 {
  padding: 3rem !important;
}
.pt-11,
.py-11 {
  padding-top: 3rem !important;
}
.pr-11,
.px-11 {
  padding-right: 3rem !important;
}
.pb-11,
.py-11 {
  padding-bottom: 3rem !important;
}
.pl-11,
.px-11 {
  padding-left: 3rem !important;
}
.p-12 {
  padding: 3.5rem !important;
}
.pt-12,
.py-12 {
  padding-top: 3.5rem !important;
}
.pr-12,
.px-12 {
  padding-right: 3.5rem !important;
}
.pb-12,
.py-12 {
  padding-bottom: 3.5rem !important;
}
.pl-12,
.px-12 {
  padding-left: 3.5rem !important;
}
.p-13 {
  padding: 4rem !important;
}
.pt-13,
.py-13 {
  padding-top: 4rem !important;
}
.pr-13,
.px-13 {
  padding-right: 4rem !important;
}
.pb-13,
.py-13 {
  padding-bottom: 4rem !important;
}
.pl-13,
.px-13 {
  padding-left: 4rem !important;
}
.p-14 {
  padding: 4.5rem !important;
}
.pt-14,
.py-14 {
  padding-top: 4.5rem !important;
}
.pr-14,
.px-14 {
  padding-right: 4.5rem !important;
}
.pb-14,
.py-14 {
  padding-bottom: 4.5rem !important;
}
.pl-14,
.px-14 {
  padding-left: 4.5rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.375rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.375rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.375rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.375rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.375rem !important;
}
.m-n3 {
  margin: -0.5rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -0.5rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -0.5rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -0.5rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -0.5rem !important;
}
.m-n4 {
  margin: -0.625rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -0.625rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -0.625rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -0.625rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -0.625rem !important;
}
.m-n5 {
  margin: -0.75rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -0.75rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -0.75rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -0.75rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -0.75rem !important;
}
.m-n6 {
  margin: -1rem !important;
}
.mt-n6,
.my-n6 {
  margin-top: -1rem !important;
}
.mr-n6,
.mx-n6 {
  margin-right: -1rem !important;
}
.mb-n6,
.my-n6 {
  margin-bottom: -1rem !important;
}
.ml-n6,
.mx-n6 {
  margin-left: -1rem !important;
}
.m-n7 {
  margin: -1.25rem !important;
}
.mt-n7,
.my-n7 {
  margin-top: -1.25rem !important;
}
.mr-n7,
.mx-n7 {
  margin-right: -1.25rem !important;
}
.mb-n7,
.my-n7 {
  margin-bottom: -1.25rem !important;
}
.ml-n7,
.mx-n7 {
  margin-left: -1.25rem !important;
}
.m-n8 {
  margin: -1.5rem !important;
}
.mt-n8,
.my-n8 {
  margin-top: -1.5rem !important;
}
.mr-n8,
.mx-n8 {
  margin-right: -1.5rem !important;
}
.mb-n8,
.my-n8 {
  margin-bottom: -1.5rem !important;
}
.ml-n8,
.mx-n8 {
  margin-left: -1.5rem !important;
}
.m-n9 {
  margin: -2rem !important;
}
.mt-n9,
.my-n9 {
  margin-top: -2rem !important;
}
.mr-n9,
.mx-n9 {
  margin-right: -2rem !important;
}
.mb-n9,
.my-n9 {
  margin-bottom: -2rem !important;
}
.ml-n9,
.mx-n9 {
  margin-left: -2rem !important;
}
.m-n10 {
  margin: -2.5rem !important;
}
.mt-n10,
.my-n10 {
  margin-top: -2.5rem !important;
}
.mr-n10,
.mx-n10 {
  margin-right: -2.5rem !important;
}
.mb-n10,
.my-n10 {
  margin-bottom: -2.5rem !important;
}
.ml-n10,
.mx-n10 {
  margin-left: -2.5rem !important;
}
.m-n11 {
  margin: -3rem !important;
}
.mt-n11,
.my-n11 {
  margin-top: -3rem !important;
}
.mr-n11,
.mx-n11 {
  margin-right: -3rem !important;
}
.mb-n11,
.my-n11 {
  margin-bottom: -3rem !important;
}
.ml-n11,
.mx-n11 {
  margin-left: -3rem !important;
}
.m-n12 {
  margin: -3.5rem !important;
}
.mt-n12,
.my-n12 {
  margin-top: -3.5rem !important;
}
.mr-n12,
.mx-n12 {
  margin-right: -3.5rem !important;
}
.mb-n12,
.my-n12 {
  margin-bottom: -3.5rem !important;
}
.ml-n12,
.mx-n12 {
  margin-left: -3.5rem !important;
}
.m-n13 {
  margin: -4rem !important;
}
.mt-n13,
.my-n13 {
  margin-top: -4rem !important;
}
.mr-n13,
.mx-n13 {
  margin-right: -4rem !important;
}
.mb-n13,
.my-n13 {
  margin-bottom: -4rem !important;
}
.ml-n13,
.mx-n13 {
  margin-left: -4rem !important;
}
.m-n14 {
  margin: -4.5rem !important;
}
.mt-n14,
.my-n14 {
  margin-top: -4.5rem !important;
}
.mr-n14,
.mx-n14 {
  margin-right: -4.5rem !important;
}
.mb-n14,
.my-n14 {
  margin-bottom: -4.5rem !important;
}
.ml-n14,
.mx-n14 {
  margin-left: -4.5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.375rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.375rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.375rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.375rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.375rem !important;
  }
  .m-sm-3 {
    margin: 0.5rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 0.5rem !important;
  }
  .m-sm-4 {
    margin: 0.625rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 0.625rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 0.625rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 0.625rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 0.625rem !important;
  }
  .m-sm-5 {
    margin: 0.75rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 0.75rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 0.75rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 0.75rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 0.75rem !important;
  }
  .m-sm-6 {
    margin: 1rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 1rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 1rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 1rem !important;
  }
  .m-sm-7 {
    margin: 1.25rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 1.25rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 1.25rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 1.25rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 1.25rem !important;
  }
  .m-sm-8 {
    margin: 1.5rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 1.5rem !important;
  }
  .m-sm-9 {
    margin: 2rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 2rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 2rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 2rem !important;
  }
  .m-sm-10 {
    margin: 2.5rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 2.5rem !important;
  }
  .m-sm-11 {
    margin: 3rem !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: 3rem !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 3rem !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 3rem !important;
  }
  .m-sm-12 {
    margin: 3.5rem !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 3.5rem !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 3.5rem !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 3.5rem !important;
  }
  .m-sm-13 {
    margin: 4rem !important;
  }
  .mt-sm-13,
  .my-sm-13 {
    margin-top: 4rem !important;
  }
  .mr-sm-13,
  .mx-sm-13 {
    margin-right: 4rem !important;
  }
  .mb-sm-13,
  .my-sm-13 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-13,
  .mx-sm-13 {
    margin-left: 4rem !important;
  }
  .m-sm-14 {
    margin: 4.5rem !important;
  }
  .mt-sm-14,
  .my-sm-14 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-14,
  .mx-sm-14 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-14,
  .my-sm-14 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-14,
  .mx-sm-14 {
    margin-left: 4.5rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.375rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.375rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.375rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.375rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.375rem !important;
  }
  .p-sm-3 {
    padding: 0.5rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 0.5rem !important;
  }
  .p-sm-4 {
    padding: 0.625rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 0.625rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 0.625rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 0.625rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 0.625rem !important;
  }
  .p-sm-5 {
    padding: 0.75rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 0.75rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 0.75rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 0.75rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 0.75rem !important;
  }
  .p-sm-6 {
    padding: 1rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 1rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 1rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 1rem !important;
  }
  .p-sm-7 {
    padding: 1.25rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 1.25rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 1.25rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 1.25rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 1.25rem !important;
  }
  .p-sm-8 {
    padding: 1.5rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 1.5rem !important;
  }
  .p-sm-9 {
    padding: 2rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 2rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 2rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 2rem !important;
  }
  .p-sm-10 {
    padding: 2.5rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 2.5rem !important;
  }
  .p-sm-11 {
    padding: 3rem !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: 3rem !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: 3rem !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: 3rem !important;
  }
  .p-sm-12 {
    padding: 3.5rem !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 3.5rem !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 3.5rem !important;
  }
  .p-sm-13 {
    padding: 4rem !important;
  }
  .pt-sm-13,
  .py-sm-13 {
    padding-top: 4rem !important;
  }
  .pr-sm-13,
  .px-sm-13 {
    padding-right: 4rem !important;
  }
  .pb-sm-13,
  .py-sm-13 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-13,
  .px-sm-13 {
    padding-left: 4rem !important;
  }
  .p-sm-14 {
    padding: 4.5rem !important;
  }
  .pt-sm-14,
  .py-sm-14 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-14,
  .px-sm-14 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-14,
  .py-sm-14 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-14,
  .px-sm-14 {
    padding-left: 4.5rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.375rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.375rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.375rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.375rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.375rem !important;
  }
  .m-sm-n3 {
    margin: -0.5rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n4 {
    margin: -0.625rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -0.625rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -0.625rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -0.625rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -0.625rem !important;
  }
  .m-sm-n5 {
    margin: -0.75rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -0.75rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -0.75rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -0.75rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -0.75rem !important;
  }
  .m-sm-n6 {
    margin: -1rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -1rem !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -1rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -1rem !important;
  }
  .m-sm-n7 {
    margin: -1.25rem !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -1.25rem !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -1.25rem !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -1.25rem !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -1.25rem !important;
  }
  .m-sm-n8 {
    margin: -1.5rem !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n9 {
    margin: -2rem !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -2rem !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -2rem !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -2rem !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -2rem !important;
  }
  .m-sm-n10 {
    margin: -2.5rem !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -2.5rem !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -2.5rem !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -2.5rem !important;
  }
  .m-sm-n11 {
    margin: -3rem !important;
  }
  .mt-sm-n11,
  .my-sm-n11 {
    margin-top: -3rem !important;
  }
  .mr-sm-n11,
  .mx-sm-n11 {
    margin-right: -3rem !important;
  }
  .mb-sm-n11,
  .my-sm-n11 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n11,
  .mx-sm-n11 {
    margin-left: -3rem !important;
  }
  .m-sm-n12 {
    margin: -3.5rem !important;
  }
  .mt-sm-n12,
  .my-sm-n12 {
    margin-top: -3.5rem !important;
  }
  .mr-sm-n12,
  .mx-sm-n12 {
    margin-right: -3.5rem !important;
  }
  .mb-sm-n12,
  .my-sm-n12 {
    margin-bottom: -3.5rem !important;
  }
  .ml-sm-n12,
  .mx-sm-n12 {
    margin-left: -3.5rem !important;
  }
  .m-sm-n13 {
    margin: -4rem !important;
  }
  .mt-sm-n13,
  .my-sm-n13 {
    margin-top: -4rem !important;
  }
  .mr-sm-n13,
  .mx-sm-n13 {
    margin-right: -4rem !important;
  }
  .mb-sm-n13,
  .my-sm-n13 {
    margin-bottom: -4rem !important;
  }
  .ml-sm-n13,
  .mx-sm-n13 {
    margin-left: -4rem !important;
  }
  .m-sm-n14 {
    margin: -4.5rem !important;
  }
  .mt-sm-n14,
  .my-sm-n14 {
    margin-top: -4.5rem !important;
  }
  .mr-sm-n14,
  .mx-sm-n14 {
    margin-right: -4.5rem !important;
  }
  .mb-sm-n14,
  .my-sm-n14 {
    margin-bottom: -4.5rem !important;
  }
  .ml-sm-n14,
  .mx-sm-n14 {
    margin-left: -4.5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.375rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.375rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.375rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.375rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.375rem !important;
  }
  .m-md-3 {
    margin: 0.5rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 0.5rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 0.5rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 0.5rem !important;
  }
  .m-md-4 {
    margin: 0.625rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 0.625rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 0.625rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 0.625rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 0.625rem !important;
  }
  .m-md-5 {
    margin: 0.75rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 0.75rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 0.75rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 0.75rem !important;
  }
  .m-md-6 {
    margin: 1rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 1rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 1rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 1rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 1rem !important;
  }
  .m-md-7 {
    margin: 1.25rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 1.25rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 1.25rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 1.25rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 1.25rem !important;
  }
  .m-md-8 {
    margin: 1.5rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 1.5rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 1.5rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 1.5rem !important;
  }
  .m-md-9 {
    margin: 2rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 2rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 2rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 2rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 2rem !important;
  }
  .m-md-10 {
    margin: 2.5rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 2.5rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 2.5rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 2.5rem !important;
  }
  .m-md-11 {
    margin: 3rem !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: 3rem !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: 3rem !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: 3rem !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: 3rem !important;
  }
  .m-md-12 {
    margin: 3.5rem !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: 3.5rem !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: 3.5rem !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: 3.5rem !important;
  }
  .m-md-13 {
    margin: 4rem !important;
  }
  .mt-md-13,
  .my-md-13 {
    margin-top: 4rem !important;
  }
  .mr-md-13,
  .mx-md-13 {
    margin-right: 4rem !important;
  }
  .mb-md-13,
  .my-md-13 {
    margin-bottom: 4rem !important;
  }
  .ml-md-13,
  .mx-md-13 {
    margin-left: 4rem !important;
  }
  .m-md-14 {
    margin: 4.5rem !important;
  }
  .mt-md-14,
  .my-md-14 {
    margin-top: 4.5rem !important;
  }
  .mr-md-14,
  .mx-md-14 {
    margin-right: 4.5rem !important;
  }
  .mb-md-14,
  .my-md-14 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-14,
  .mx-md-14 {
    margin-left: 4.5rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.375rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.375rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.375rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.375rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.375rem !important;
  }
  .p-md-3 {
    padding: 0.5rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 0.5rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 0.5rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 0.5rem !important;
  }
  .p-md-4 {
    padding: 0.625rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 0.625rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 0.625rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 0.625rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 0.625rem !important;
  }
  .p-md-5 {
    padding: 0.75rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 0.75rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 0.75rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 0.75rem !important;
  }
  .p-md-6 {
    padding: 1rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 1rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 1rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 1rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 1rem !important;
  }
  .p-md-7 {
    padding: 1.25rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 1.25rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 1.25rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 1.25rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 1.25rem !important;
  }
  .p-md-8 {
    padding: 1.5rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 1.5rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 1.5rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 1.5rem !important;
  }
  .p-md-9 {
    padding: 2rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 2rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 2rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 2rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 2rem !important;
  }
  .p-md-10 {
    padding: 2.5rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 2.5rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 2.5rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 2.5rem !important;
  }
  .p-md-11 {
    padding: 3rem !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: 3rem !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: 3rem !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: 3rem !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: 3rem !important;
  }
  .p-md-12 {
    padding: 3.5rem !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: 3.5rem !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: 3.5rem !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: 3.5rem !important;
  }
  .p-md-13 {
    padding: 4rem !important;
  }
  .pt-md-13,
  .py-md-13 {
    padding-top: 4rem !important;
  }
  .pr-md-13,
  .px-md-13 {
    padding-right: 4rem !important;
  }
  .pb-md-13,
  .py-md-13 {
    padding-bottom: 4rem !important;
  }
  .pl-md-13,
  .px-md-13 {
    padding-left: 4rem !important;
  }
  .p-md-14 {
    padding: 4.5rem !important;
  }
  .pt-md-14,
  .py-md-14 {
    padding-top: 4.5rem !important;
  }
  .pr-md-14,
  .px-md-14 {
    padding-right: 4.5rem !important;
  }
  .pb-md-14,
  .py-md-14 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-14,
  .px-md-14 {
    padding-left: 4.5rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.375rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.375rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.375rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.375rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.375rem !important;
  }
  .m-md-n3 {
    margin: -0.5rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -0.5rem !important;
  }
  .m-md-n4 {
    margin: -0.625rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -0.625rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -0.625rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -0.625rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -0.625rem !important;
  }
  .m-md-n5 {
    margin: -0.75rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -0.75rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -0.75rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -0.75rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -0.75rem !important;
  }
  .m-md-n6 {
    margin: -1rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -1rem !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -1rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -1rem !important;
  }
  .m-md-n7 {
    margin: -1.25rem !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -1.25rem !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -1.25rem !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -1.25rem !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -1.25rem !important;
  }
  .m-md-n8 {
    margin: -1.5rem !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -1.5rem !important;
  }
  .m-md-n9 {
    margin: -2rem !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -2rem !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -2rem !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -2rem !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -2rem !important;
  }
  .m-md-n10 {
    margin: -2.5rem !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -2.5rem !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -2.5rem !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -2.5rem !important;
  }
  .m-md-n11 {
    margin: -3rem !important;
  }
  .mt-md-n11,
  .my-md-n11 {
    margin-top: -3rem !important;
  }
  .mr-md-n11,
  .mx-md-n11 {
    margin-right: -3rem !important;
  }
  .mb-md-n11,
  .my-md-n11 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n11,
  .mx-md-n11 {
    margin-left: -3rem !important;
  }
  .m-md-n12 {
    margin: -3.5rem !important;
  }
  .mt-md-n12,
  .my-md-n12 {
    margin-top: -3.5rem !important;
  }
  .mr-md-n12,
  .mx-md-n12 {
    margin-right: -3.5rem !important;
  }
  .mb-md-n12,
  .my-md-n12 {
    margin-bottom: -3.5rem !important;
  }
  .ml-md-n12,
  .mx-md-n12 {
    margin-left: -3.5rem !important;
  }
  .m-md-n13 {
    margin: -4rem !important;
  }
  .mt-md-n13,
  .my-md-n13 {
    margin-top: -4rem !important;
  }
  .mr-md-n13,
  .mx-md-n13 {
    margin-right: -4rem !important;
  }
  .mb-md-n13,
  .my-md-n13 {
    margin-bottom: -4rem !important;
  }
  .ml-md-n13,
  .mx-md-n13 {
    margin-left: -4rem !important;
  }
  .m-md-n14 {
    margin: -4.5rem !important;
  }
  .mt-md-n14,
  .my-md-n14 {
    margin-top: -4.5rem !important;
  }
  .mr-md-n14,
  .mx-md-n14 {
    margin-right: -4.5rem !important;
  }
  .mb-md-n14,
  .my-md-n14 {
    margin-bottom: -4.5rem !important;
  }
  .ml-md-n14,
  .mx-md-n14 {
    margin-left: -4.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.375rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.375rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.375rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.375rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.375rem !important;
  }
  .m-lg-3 {
    margin: 0.5rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 0.5rem !important;
  }
  .m-lg-4 {
    margin: 0.625rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 0.625rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 0.625rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 0.625rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 0.625rem !important;
  }
  .m-lg-5 {
    margin: 0.75rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 0.75rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 0.75rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 0.75rem !important;
  }
  .m-lg-6 {
    margin: 1rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 1rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 1rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 1rem !important;
  }
  .m-lg-7 {
    margin: 1.25rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 1.25rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 1.25rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 1.25rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 1.25rem !important;
  }
  .m-lg-8 {
    margin: 1.5rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 1.5rem !important;
  }
  .m-lg-9 {
    margin: 2rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 2rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 2rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 2rem !important;
  }
  .m-lg-10 {
    margin: 2.5rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 2.5rem !important;
  }
  .m-lg-11 {
    margin: 3rem !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: 3rem !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 3rem !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 3rem !important;
  }
  .m-lg-12 {
    margin: 3.5rem !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: 3.5rem !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 3.5rem !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 3.5rem !important;
  }
  .m-lg-13 {
    margin: 4rem !important;
  }
  .mt-lg-13,
  .my-lg-13 {
    margin-top: 4rem !important;
  }
  .mr-lg-13,
  .mx-lg-13 {
    margin-right: 4rem !important;
  }
  .mb-lg-13,
  .my-lg-13 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-13,
  .mx-lg-13 {
    margin-left: 4rem !important;
  }
  .m-lg-14 {
    margin: 4.5rem !important;
  }
  .mt-lg-14,
  .my-lg-14 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-14,
  .mx-lg-14 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-14,
  .my-lg-14 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-14,
  .mx-lg-14 {
    margin-left: 4.5rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.375rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.375rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.375rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.375rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.375rem !important;
  }
  .p-lg-3 {
    padding: 0.5rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 0.5rem !important;
  }
  .p-lg-4 {
    padding: 0.625rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 0.625rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 0.625rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 0.625rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 0.625rem !important;
  }
  .p-lg-5 {
    padding: 0.75rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 0.75rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 0.75rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 0.75rem !important;
  }
  .p-lg-6 {
    padding: 1rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 1rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 1rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 1rem !important;
  }
  .p-lg-7 {
    padding: 1.25rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 1.25rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 1.25rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 1.25rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 1.25rem !important;
  }
  .p-lg-8 {
    padding: 1.5rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 1.5rem !important;
  }
  .p-lg-9 {
    padding: 2rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 2rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 2rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 2rem !important;
  }
  .p-lg-10 {
    padding: 2.5rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 2.5rem !important;
  }
  .p-lg-11 {
    padding: 3rem !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: 3rem !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: 3rem !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: 3rem !important;
  }
  .p-lg-12 {
    padding: 3.5rem !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: 3.5rem !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: 3.5rem !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: 3.5rem !important;
  }
  .p-lg-13 {
    padding: 4rem !important;
  }
  .pt-lg-13,
  .py-lg-13 {
    padding-top: 4rem !important;
  }
  .pr-lg-13,
  .px-lg-13 {
    padding-right: 4rem !important;
  }
  .pb-lg-13,
  .py-lg-13 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-13,
  .px-lg-13 {
    padding-left: 4rem !important;
  }
  .p-lg-14 {
    padding: 4.5rem !important;
  }
  .pt-lg-14,
  .py-lg-14 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-14,
  .px-lg-14 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-14,
  .py-lg-14 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-14,
  .px-lg-14 {
    padding-left: 4.5rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.375rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.375rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.375rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.375rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.375rem !important;
  }
  .m-lg-n3 {
    margin: -0.5rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n4 {
    margin: -0.625rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -0.625rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -0.625rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -0.625rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -0.625rem !important;
  }
  .m-lg-n5 {
    margin: -0.75rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -0.75rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -0.75rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -0.75rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -0.75rem !important;
  }
  .m-lg-n6 {
    margin: -1rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -1rem !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -1rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -1rem !important;
  }
  .m-lg-n7 {
    margin: -1.25rem !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -1.25rem !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -1.25rem !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -1.25rem !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -1.25rem !important;
  }
  .m-lg-n8 {
    margin: -1.5rem !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n9 {
    margin: -2rem !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -2rem !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -2rem !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -2rem !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -2rem !important;
  }
  .m-lg-n10 {
    margin: -2.5rem !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -2.5rem !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -2.5rem !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -2.5rem !important;
  }
  .m-lg-n11 {
    margin: -3rem !important;
  }
  .mt-lg-n11,
  .my-lg-n11 {
    margin-top: -3rem !important;
  }
  .mr-lg-n11,
  .mx-lg-n11 {
    margin-right: -3rem !important;
  }
  .mb-lg-n11,
  .my-lg-n11 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n11,
  .mx-lg-n11 {
    margin-left: -3rem !important;
  }
  .m-lg-n12 {
    margin: -3.5rem !important;
  }
  .mt-lg-n12,
  .my-lg-n12 {
    margin-top: -3.5rem !important;
  }
  .mr-lg-n12,
  .mx-lg-n12 {
    margin-right: -3.5rem !important;
  }
  .mb-lg-n12,
  .my-lg-n12 {
    margin-bottom: -3.5rem !important;
  }
  .ml-lg-n12,
  .mx-lg-n12 {
    margin-left: -3.5rem !important;
  }
  .m-lg-n13 {
    margin: -4rem !important;
  }
  .mt-lg-n13,
  .my-lg-n13 {
    margin-top: -4rem !important;
  }
  .mr-lg-n13,
  .mx-lg-n13 {
    margin-right: -4rem !important;
  }
  .mb-lg-n13,
  .my-lg-n13 {
    margin-bottom: -4rem !important;
  }
  .ml-lg-n13,
  .mx-lg-n13 {
    margin-left: -4rem !important;
  }
  .m-lg-n14 {
    margin: -4.5rem !important;
  }
  .mt-lg-n14,
  .my-lg-n14 {
    margin-top: -4.5rem !important;
  }
  .mr-lg-n14,
  .mx-lg-n14 {
    margin-right: -4.5rem !important;
  }
  .mb-lg-n14,
  .my-lg-n14 {
    margin-bottom: -4.5rem !important;
  }
  .ml-lg-n14,
  .mx-lg-n14 {
    margin-left: -4.5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1540px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.375rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.375rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.375rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.375rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.375rem !important;
  }
  .m-xl-3 {
    margin: 0.5rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 0.5rem !important;
  }
  .m-xl-4 {
    margin: 0.625rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 0.625rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 0.625rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 0.625rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 0.625rem !important;
  }
  .m-xl-5 {
    margin: 0.75rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 0.75rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 0.75rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 0.75rem !important;
  }
  .m-xl-6 {
    margin: 1rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 1rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 1rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 1rem !important;
  }
  .m-xl-7 {
    margin: 1.25rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 1.25rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 1.25rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 1.25rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 1.25rem !important;
  }
  .m-xl-8 {
    margin: 1.5rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 1.5rem !important;
  }
  .m-xl-9 {
    margin: 2rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 2rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 2rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 2rem !important;
  }
  .m-xl-10 {
    margin: 2.5rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 2.5rem !important;
  }
  .m-xl-11 {
    margin: 3rem !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: 3rem !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 3rem !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 3rem !important;
  }
  .m-xl-12 {
    margin: 3.5rem !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: 3.5rem !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: 3.5rem !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: 3.5rem !important;
  }
  .m-xl-13 {
    margin: 4rem !important;
  }
  .mt-xl-13,
  .my-xl-13 {
    margin-top: 4rem !important;
  }
  .mr-xl-13,
  .mx-xl-13 {
    margin-right: 4rem !important;
  }
  .mb-xl-13,
  .my-xl-13 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-13,
  .mx-xl-13 {
    margin-left: 4rem !important;
  }
  .m-xl-14 {
    margin: 4.5rem !important;
  }
  .mt-xl-14,
  .my-xl-14 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-14,
  .mx-xl-14 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-14,
  .my-xl-14 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-14,
  .mx-xl-14 {
    margin-left: 4.5rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.375rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.375rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.375rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.375rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.375rem !important;
  }
  .p-xl-3 {
    padding: 0.5rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 0.5rem !important;
  }
  .p-xl-4 {
    padding: 0.625rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 0.625rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 0.625rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 0.625rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 0.625rem !important;
  }
  .p-xl-5 {
    padding: 0.75rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 0.75rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 0.75rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 0.75rem !important;
  }
  .p-xl-6 {
    padding: 1rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 1rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 1rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 1rem !important;
  }
  .p-xl-7 {
    padding: 1.25rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 1.25rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 1.25rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 1.25rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 1.25rem !important;
  }
  .p-xl-8 {
    padding: 1.5rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 1.5rem !important;
  }
  .p-xl-9 {
    padding: 2rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 2rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 2rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 2rem !important;
  }
  .p-xl-10 {
    padding: 2.5rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 2.5rem !important;
  }
  .p-xl-11 {
    padding: 3rem !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: 3rem !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: 3rem !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: 3rem !important;
  }
  .p-xl-12 {
    padding: 3.5rem !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: 3.5rem !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: 3.5rem !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: 3.5rem !important;
  }
  .p-xl-13 {
    padding: 4rem !important;
  }
  .pt-xl-13,
  .py-xl-13 {
    padding-top: 4rem !important;
  }
  .pr-xl-13,
  .px-xl-13 {
    padding-right: 4rem !important;
  }
  .pb-xl-13,
  .py-xl-13 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-13,
  .px-xl-13 {
    padding-left: 4rem !important;
  }
  .p-xl-14 {
    padding: 4.5rem !important;
  }
  .pt-xl-14,
  .py-xl-14 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-14,
  .px-xl-14 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-14,
  .py-xl-14 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-14,
  .px-xl-14 {
    padding-left: 4.5rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.375rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.375rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.375rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.375rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.375rem !important;
  }
  .m-xl-n3 {
    margin: -0.5rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n4 {
    margin: -0.625rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -0.625rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -0.625rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -0.625rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -0.625rem !important;
  }
  .m-xl-n5 {
    margin: -0.75rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -0.75rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -0.75rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -0.75rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -0.75rem !important;
  }
  .m-xl-n6 {
    margin: -1rem !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -1rem !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -1rem !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -1rem !important;
  }
  .m-xl-n7 {
    margin: -1.25rem !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -1.25rem !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -1.25rem !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -1.25rem !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -1.25rem !important;
  }
  .m-xl-n8 {
    margin: -1.5rem !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n9 {
    margin: -2rem !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -2rem !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -2rem !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -2rem !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -2rem !important;
  }
  .m-xl-n10 {
    margin: -2.5rem !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -2.5rem !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -2.5rem !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -2.5rem !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -2.5rem !important;
  }
  .m-xl-n11 {
    margin: -3rem !important;
  }
  .mt-xl-n11,
  .my-xl-n11 {
    margin-top: -3rem !important;
  }
  .mr-xl-n11,
  .mx-xl-n11 {
    margin-right: -3rem !important;
  }
  .mb-xl-n11,
  .my-xl-n11 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n11,
  .mx-xl-n11 {
    margin-left: -3rem !important;
  }
  .m-xl-n12 {
    margin: -3.5rem !important;
  }
  .mt-xl-n12,
  .my-xl-n12 {
    margin-top: -3.5rem !important;
  }
  .mr-xl-n12,
  .mx-xl-n12 {
    margin-right: -3.5rem !important;
  }
  .mb-xl-n12,
  .my-xl-n12 {
    margin-bottom: -3.5rem !important;
  }
  .ml-xl-n12,
  .mx-xl-n12 {
    margin-left: -3.5rem !important;
  }
  .m-xl-n13 {
    margin: -4rem !important;
  }
  .mt-xl-n13,
  .my-xl-n13 {
    margin-top: -4rem !important;
  }
  .mr-xl-n13,
  .mx-xl-n13 {
    margin-right: -4rem !important;
  }
  .mb-xl-n13,
  .my-xl-n13 {
    margin-bottom: -4rem !important;
  }
  .ml-xl-n13,
  .mx-xl-n13 {
    margin-left: -4rem !important;
  }
  .m-xl-n14 {
    margin: -4.5rem !important;
  }
  .mt-xl-n14,
  .my-xl-n14 {
    margin-top: -4.5rem !important;
  }
  .mr-xl-n14,
  .mx-xl-n14 {
    margin-right: -4.5rem !important;
  }
  .mb-xl-n14,
  .my-xl-n14 {
    margin-bottom: -4.5rem !important;
  }
  .ml-xl-n14,
  .mx-xl-n14 {
    margin-left: -4.5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1540px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: bold !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #ffffff !important;
}
.text-grid {
  color: #f0ffff !important;
}
a.text-grid:hover,
a.text-grid:focus {
  color: rgb(163.5, 255, 255) !important;
}
.text-violet {
  color: #a77bca !important;
}
a.text-violet:hover,
a.text-violet:focus {
  color: rgb(130.2945945946, 71.1918918919, 177.3081081081) !important;
}
.text-violet-secondary {
  color: #c7579a !important;
}
a.text-violet-secondary:hover,
a.text-violet-secondary:focus {
  color: rgb(157.125, 52.375, 115.0379464286) !important;
}
.text-violet-tertiary {
  color: #f7e6f0 !important;
}
a.text-violet-tertiary:hover,
a.text-violet-tertiary:focus {
  color: rgb(228.4545454545, 172.0454545455, 205.2272727273) !important;
}
.text-red {
  color: #9d2235 !important;
}
a.text-red:hover,
a.text-red:focus {
  color: rgb(94.1178010471, 20.3821989529, 31.7722513089) !important;
}
.text-red-secondary {
  color: #c8102e !important;
}
a.text-red-secondary:hover,
a.text-red-secondary:focus {
  color: rgb(129.1666666667, 10.3333333333, 29.7083333333) !important;
}
.text-red-tertiary {
  color: #f7dbe0 !important;
}
a.text-red-tertiary:hover,
a.text-red-tertiary:focus {
  color: rgb(233.0909090909, 156.4090909091, 170.1022727273) !important;
}
.text-orange {
  color: #ff8f4f !important;
}
a.text-orange:hover,
a.text-orange:focus {
  color: rgb(255, 94.3181818182, 2.5) !important;
}
.text-orange-secondary {
  color: #ffeb00 !important;
}
a.text-orange-secondary:hover,
a.text-orange-secondary:focus {
  color: rgb(178.5, 164.5, 0) !important;
}
.text-orange-tertiary {
  color: #ffe9dc !important;
}
a.text-orange-tertiary:hover,
a.text-orange-tertiary:focus {
  color: rgb(255, 184.9142857143, 143.5) !important;
}
.text-yellow {
  color: #ff9e1b !important;
}
a.text-yellow:hover,
a.text-yellow:focus {
  color: rgb(205.5, 118.0723684211, 0) !important;
}
.text-yellow-secondary {
  color: #ffeb00 !important;
}
a.text-yellow-secondary:hover,
a.text-yellow-secondary:focus {
  color: rgb(178.5, 164.5, 0) !important;
}
.text-yellow-tertiary {
  color: #fefce7 !important;
}
a.text-yellow-tertiary:hover,
a.text-yellow-tertiary:focus {
  color: rgb(250.94, 242.82, 157.56) !important;
}
.text-green-hover {
  color: #659d2c !important;
}
a.text-green-hover:hover,
a.text-green-hover:focus {
  color: rgb(62.5597014925, 97.2462686567, 27.2537313433) !important;
}
.text-green {
  color: #8cbe21 !important;
}
a.text-green:hover,
a.text-green:focus {
  color: rgb(91.9730941704, 124.8206278027, 21.6793721973) !important;
}
.text-green-secondary {
  color: #d3e040 !important;
}
a.text-green-secondary:hover,
a.text-green-secondary:focus {
  color: rgb(169.5810810811, 181.9662162162, 29.5337837838) !important;
}
.text-green-tertiary {
  color: #eef5de !important;
}
a.text-green-tertiary:hover,
a.text-green-tertiary:focus {
  color: rgb(207.7558139535, 227.2093023256, 163.2906976744) !important;
}
.text-blue {
  color: #004c97 !important;
}
a.text-blue:hover,
a.text-blue:focus {
  color: rgb(0, 37.4966887417, 74.5) !important;
}
.text-blue-secondary {
  color: #4079b1 !important;
}
a.text-blue-secondary:hover,
a.text-blue-secondary:focus {
  color: rgb(43.6846473029, 82.5912863071, 120.8153526971) !important;
}
.text-blue-tertiary {
  color: #d9f0fa !important;
}
a.text-blue-tertiary:hover,
a.text-blue-tertiary:focus {
  color: rgb(149.3953488372, 213.3139534884, 241.1046511628) !important;
}
.text-grey {
  color: #dcdddf !important;
}
a.text-grey:hover,
a.text-grey:focus {
  color: rgb(180.0373134328, 182.1791044776, 186.4626865672) !important;
}
.text-light-grey {
  color: #f3f4f4 !important;
}
a.text-light-grey:hover,
a.text-light-grey:focus {
  color: rgb(203.0869565217, 207.4130434783, 207.4130434783) !important;
}
.text-mid-grey {
  color: #a0a2a4 !important;
}
a.text-mid-grey:hover,
a.text-mid-grey:focus {
  color: rgb(121.0887096774, 123.75, 126.4112903226) !important;
}
.text-dark-grey {
  color: #66696f !important;
}
a.text-dark-grey:hover,
a.text-dark-grey:focus {
  color: rgb(65.3661971831, 67.2887323944, 71.1338028169) !important;
}
.text-white {
  color: #ffffff !important;
}
a.text-white:hover,
a.text-white:focus {
  color: rgb(216.75, 216.75, 216.75) !important;
}
.text-black {
  color: #181e27 !important;
}
a.text-black:hover,
a.text-black:focus {
  color: black !important;
}
.text-yellow-100 {
  color: #ffeb00 !important;
}
a.text-yellow-100:hover,
a.text-yellow-100:focus {
  color: rgb(178.5, 164.5, 0) !important;
}
.text-wehrfritz-red-100 {
  color: #e3000b !important;
}
a.text-wehrfritz-red-100:hover,
a.text-wehrfritz-red-100:focus {
  color: rgb(150.5, 0, 7.2929515419) !important;
}
.text-green-100 {
  color: #8cbe21 !important;
}
a.text-green-100:hover,
a.text-green-100:focus {
  color: rgb(91.9730941704, 124.8206278027, 21.6793721973) !important;
}
.text-yellow-75 {
  color: #fff041 !important;
}
a.text-yellow-75:hover,
a.text-yellow-75:focus {
  color: rgb(243.5, 224.2763157895, 0) !important;
}
.text-yellow-15 {
  color: #fffcd9 !important;
}
a.text-yellow-15:hover,
a.text-yellow-15:focus {
  color: rgb(255, 245.9605263158, 140.5) !important;
}
.text-green-75 {
  color: #a9ce58 !important;
}
a.text-green-75:hover,
a.text-green-75:focus {
  color: rgb(130.9027777778, 168.1597222222, 49.3402777778) !important;
}
.text-green-15 {
  color: #eef5de !important;
}
a.text-green-15:hover,
a.text-green-15:focus {
  color: rgb(207.7558139535, 227.2093023256, 163.2906976744) !important;
}
.text-medium-blue-100 {
  color: #004c97 !important;
}
a.text-medium-blue-100:hover,
a.text-medium-blue-100:focus {
  color: rgb(0, 37.4966887417, 74.5) !important;
}
.text-medium-blue-75 {
  color: #4079b1 !important;
}
a.text-medium-blue-75:hover,
a.text-medium-blue-75:focus {
  color: rgb(43.6846473029, 82.5912863071, 120.8153526971) !important;
}
.text-medium-blue-15 {
  color: #d9e4ef !important;
}
a.text-medium-blue-15:hover,
a.text-medium-blue-15:focus {
  color: rgb(163.1666666667, 189.75, 216.3333333333) !important;
}
.text-light-orange-100 {
  color: #ff9e1b !important;
}
a.text-light-orange-100:hover,
a.text-light-orange-100:focus {
  color: rgb(205.5, 118.0723684211, 0) !important;
}
.text-light-orange-75 {
  color: #ffb654 !important;
}
a.text-light-orange-75:hover,
a.text-light-orange-75:focus {
  color: rgb(255, 149.3421052632, 7.5) !important;
}
.text-light-orange-15 {
  color: #fff0dd !important;
}
a.text-light-orange-15:hover,
a.text-light-orange-15:focus {
  color: rgb(255, 206.25, 144.5) !important;
}
.text-orange-100 {
  color: #ff6a14 !important;
}
a.text-orange-100:hover,
a.text-orange-100:focus {
  color: rgb(198.5, 72.6425531915, 0) !important;
}
.text-orange-75 {
  color: #ff8f4f !important;
}
a.text-orange-75:hover,
a.text-orange-75:focus {
  color: rgb(255, 94.3181818182, 2.5) !important;
}
.text-orange-15 {
  color: #ffe9dc !important;
}
a.text-orange-15:hover,
a.text-orange-15:focus {
  color: rgb(255, 184.9142857143, 143.5) !important;
}
.text-violet-100 {
  color: #a77bca !important;
}
a.text-violet-100:hover,
a.text-violet-100:focus {
  color: rgb(130.2945945946, 71.1918918919, 177.3081081081) !important;
}
.text-violet-75 {
  color: #bd9cd7 !important;
}
a.text-violet-75:hover,
a.text-violet-75:focus {
  color: rgb(152.6762589928, 101.5143884892, 192.9856115108) !important;
}
.text-violet-15 {
  color: #f2ebf7 !important;
}
a.text-violet-15:hover,
a.text-violet-15:focus {
  color: rgb(206.4821428571, 180.3571428571, 225.1428571429) !important;
}
.text-bordeaux-100 {
  color: #9d2235 !important;
}
a.text-bordeaux-100:hover,
a.text-bordeaux-100:focus {
  color: rgb(94.1178010471, 20.3821989529, 31.7722513089) !important;
}
.text-bordeaux-75 {
  color: #b55967 !important;
}
a.text-bordeaux-75:hover,
a.text-bordeaux-75:focus {
  color: rgb(133.8375, 59.6625, 70.95) !important;
}
.text-bordeaux-15 {
  color: #f0dee1 !important;
}
a.text-bordeaux-15:hover,
a.text-bordeaux-15:focus {
  color: rgb(216.09375, 169.40625, 177.1875) !important;
}
.text-dark-pink-100 {
  color: #c7579a !important;
}
a.text-dark-pink-100:hover,
a.text-dark-pink-100:focus {
  color: rgb(157.125, 52.375, 115.0379464286) !important;
}
.text-dark-pink-75 {
  color: #d581b3 !important;
}
a.text-dark-pink-75:hover,
a.text-dark-pink-75:focus {
  color: rgb(193.875, 71.625, 144.3928571429) !important;
}
.text-dark-pink-15 {
  color: #f7e6f0 !important;
}
a.text-dark-pink-15:hover,
a.text-dark-pink-15:focus {
  color: rgb(228.4545454545, 172.0454545455, 205.2272727273) !important;
}
.text-lemon-100 {
  color: #c4d600 !important;
}
a.text-lemon-100:hover,
a.text-lemon-100:focus {
  color: rgb(125.9345794393, 137.5, 0) !important;
}
.text-lemon-75 {
  color: #d3e040 !important;
}
a.text-lemon-75:hover,
a.text-lemon-75:focus {
  color: rgb(169.5810810811, 181.9662162162, 29.5337837838) !important;
}
.text-lemon-15 {
  color: #f6f9d9 !important;
}
a.text-lemon-15:hover,
a.text-lemon-15:focus {
  color: rgb(230.3522727273, 238.5681818182, 150.9318181818) !important;
}
.text-light-yellow-100 {
  color: #f6eb61 !important;
}
a.text-light-yellow-100:hover,
a.text-light-yellow-100:focus {
  color: rgb(241.877245509, 225.8383233533, 24.622754491) !important;
}
.text-light-yellow-75 {
  color: #f8f088 !important;
}
a.text-light-yellow-75:hover,
a.text-light-yellow-75:focus {
  color: rgb(243.75, 230.8928571429, 63.75) !important;
}
.text-light-yellow-15 {
  color: #fefce7 !important;
}
a.text-light-yellow-15:hover,
a.text-light-yellow-15:focus {
  color: rgb(250.94, 242.82, 157.56) !important;
}
.text-red-100 {
  color: #c8102e !important;
}
a.text-red-100:hover,
a.text-red-100:focus {
  color: rgb(129.1666666667, 10.3333333333, 29.7083333333) !important;
}
.text-red-75 {
  color: #d64c62 !important;
}
a.text-red-75:hover,
a.text-red-75:focus {
  color: rgb(173.7113636364, 39.7886363636, 61.1386363636) !important;
}
.text-red-15 {
  color: #f7dbe0 !important;
}
a.text-red-15:hover,
a.text-red-15:focus {
  color: rgb(233.0909090909, 156.4090909091, 170.1022727273) !important;
}
.text-light-blue-100 {
  color: #009cde !important;
}
a.text-light-blue-100:hover,
a.text-light-blue-100:focus {
  color: rgb(0, 102.2432432432, 145.5) !important;
}
.text-light-blue-75 {
  color: #40b5e6 !important;
}
a.text-light-blue-75:hover,
a.text-light-blue-75:focus {
  color: rgb(25.1736111111, 142.9861111111, 192.3263888889) !important;
}
.text-light-blue-15 {
  color: #d9f0fa !important;
}
a.text-light-blue-15:hover,
a.text-light-blue-15:focus {
  color: rgb(149.3953488372, 213.3139534884, 241.1046511628) !important;
}
.text-grey-100 {
  color: #181e27 !important;
}
a.text-grey-100:hover,
a.text-grey-100:focus {
  color: black !important;
}
.text-grey-60 {
  color: #66696f !important;
}
a.text-grey-60:hover,
a.text-grey-60:focus {
  color: rgb(65.3661971831, 67.2887323944, 71.1338028169) !important;
}
.text-grey-30 {
  color: #a0a2a4 !important;
}
a.text-grey-30:hover,
a.text-grey-30:focus {
  color: rgb(121.0887096774, 123.75, 126.4112903226) !important;
}
.text-grey-15 {
  color: #dcdddf !important;
}
a.text-grey-15:hover,
a.text-grey-15:focus {
  color: rgb(180.0373134328, 182.1791044776, 186.4626865672) !important;
}
.text-grey-5 {
  color: #f3f4f4 !important;
}
a.text-grey-5:hover,
a.text-grey-5:focus {
  color: rgb(203.0869565217, 207.4130434783, 207.4130434783) !important;
}
.text-white-100 {
  color: #ffffff !important;
}
a.text-white-100:hover,
a.text-white-100:focus {
  color: rgb(216.75, 216.75, 216.75) !important;
}
.text-christmas-red {
  color: #740125 !important;
}
a.text-christmas-red:hover,
a.text-christmas-red:focus {
  color: rgb(40.1538461538, 0.3461538462, 12.8076923077) !important;
}
.text-christmas-green {
  color: #005223 !important;
}
a.text-christmas-green:hover,
a.text-christmas-green:focus {
  color: rgb(0, 5.5, 2.3475609756) !important;
}
.text-body {
  color: #181e27 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(24, 30, 39, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 0) and (max-width: 1023px) {
  .container,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
  }
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row > .col,
  .row > [class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (min-width: 1023px) {
  .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .row > .col,
  .row > [class*=col-] {
    padding-right: 12px;
    padding-left: 12px;
  }
}
.container-sm {
  max-width: 576px;
}
.container-md {
  max-width: 767px;
}
.container-lg {
  max-width: 1023px;
}
.container-xl {
  max-width: 1540px;
}
main .container-fluid,
main .container-xl,
.container .container-fluid,
.container-sm .container-fluid,
.container-md .container-fluid,
.container-lg .container-fluid,
.container-xl .container-fluid,
.container .container-xl,
.container-sm .container-xl,
.container-md .container-xl,
.container-lg .container-xl,
.container-xl .container-xl {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
main .container-xl,
.container .container-xl,
.container-sm .container-xl,
.container-md .container-xl,
.container-lg .container-xl,
.container-xl .container-xl {
  margin-right: auto;
  margin-left: auto;
  width: auto;
}
main {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 1540px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
main cx-page-layout {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
main cx-page-slot {
  width: 100%;
}
app-footer {
  width: 100%;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
h1,
.h1 {
  font-size: 2.75rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 1.625rem;
  }
}
h2,
.h2 {
  font-size: 2rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  h2,
  .h2 {
    font-size: 1.25rem;
  }
}
h3,
.h3 {
  font-size: 1.5rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  h3,
  .h3 {
    font-size: 1rem;
  }
}
h4,
.h4 {
  font-size: 1.125rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  h4,
  .h4 {
    font-size: 0.875rem;
  }
}
h5,
.h5 {
  font-size: 0.875rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  h5,
  .h5 {
    font-size: 0.75rem;
  }
}
h1 span.underline-grid,
h2 span.underline-grid,
h3 span.underline-grid,
h4 span.underline-grid,
h5 span.underline-grid {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f0ffff,
      #f0ffff);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet,
h2 span.underline-violet,
h3 span.underline-violet,
h4 span.underline-violet,
h5 span.underline-violet {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #a77bca,
      #a77bca);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet-secondary,
h2 span.underline-violet-secondary,
h3 span.underline-violet-secondary,
h4 span.underline-violet-secondary,
h5 span.underline-violet-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #c7579a,
      #c7579a);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet-tertiary,
h2 span.underline-violet-tertiary,
h3 span.underline-violet-tertiary,
h4 span.underline-violet-tertiary,
h5 span.underline-violet-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f7e6f0,
      #f7e6f0);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red,
h2 span.underline-red,
h3 span.underline-red,
h4 span.underline-red,
h5 span.underline-red {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #9d2235,
      #9d2235);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red-secondary,
h2 span.underline-red-secondary,
h3 span.underline-red-secondary,
h4 span.underline-red-secondary,
h5 span.underline-red-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #c8102e,
      #c8102e);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red-tertiary,
h2 span.underline-red-tertiary,
h3 span.underline-red-tertiary,
h4 span.underline-red-tertiary,
h5 span.underline-red-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f7dbe0,
      #f7dbe0);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange,
h2 span.underline-orange,
h3 span.underline-orange,
h4 span.underline-orange,
h5 span.underline-orange {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ff8f4f,
      #ff8f4f);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange-secondary,
h2 span.underline-orange-secondary,
h3 span.underline-orange-secondary,
h4 span.underline-orange-secondary,
h5 span.underline-orange-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffeb00,
      #ffeb00);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange-tertiary,
h2 span.underline-orange-tertiary,
h3 span.underline-orange-tertiary,
h4 span.underline-orange-tertiary,
h5 span.underline-orange-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffe9dc,
      #ffe9dc);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow,
h2 span.underline-yellow,
h3 span.underline-yellow,
h4 span.underline-yellow,
h5 span.underline-yellow {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ff9e1b,
      #ff9e1b);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow-secondary,
h2 span.underline-yellow-secondary,
h3 span.underline-yellow-secondary,
h4 span.underline-yellow-secondary,
h5 span.underline-yellow-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffeb00,
      #ffeb00);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow-tertiary,
h2 span.underline-yellow-tertiary,
h3 span.underline-yellow-tertiary,
h4 span.underline-yellow-tertiary,
h5 span.underline-yellow-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #fefce7,
      #fefce7);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-hover,
h2 span.underline-green-hover,
h3 span.underline-green-hover,
h4 span.underline-green-hover,
h5 span.underline-green-hover {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #659d2c,
      #659d2c);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green,
h2 span.underline-green,
h3 span.underline-green,
h4 span.underline-green,
h5 span.underline-green {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #8cbe21,
      #8cbe21);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-secondary,
h2 span.underline-green-secondary,
h3 span.underline-green-secondary,
h4 span.underline-green-secondary,
h5 span.underline-green-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d3e040,
      #d3e040);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-tertiary,
h2 span.underline-green-tertiary,
h3 span.underline-green-tertiary,
h4 span.underline-green-tertiary,
h5 span.underline-green-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #eef5de,
      #eef5de);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-blue,
h2 span.underline-blue,
h3 span.underline-blue,
h4 span.underline-blue,
h5 span.underline-blue {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #004c97,
      #004c97);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-blue-secondary,
h2 span.underline-blue-secondary,
h3 span.underline-blue-secondary,
h4 span.underline-blue-secondary,
h5 span.underline-blue-secondary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #4079b1,
      #4079b1);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-blue-tertiary,
h2 span.underline-blue-tertiary,
h3 span.underline-blue-tertiary,
h4 span.underline-blue-tertiary,
h5 span.underline-blue-tertiary {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d9f0fa,
      #d9f0fa);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey,
h2 span.underline-grey,
h3 span.underline-grey,
h4 span.underline-grey,
h5 span.underline-grey {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #dcdddf,
      #dcdddf);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-grey,
h2 span.underline-light-grey,
h3 span.underline-light-grey,
h4 span.underline-light-grey,
h5 span.underline-light-grey {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f3f4f4,
      #f3f4f4);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-mid-grey,
h2 span.underline-mid-grey,
h3 span.underline-mid-grey,
h4 span.underline-mid-grey,
h5 span.underline-mid-grey {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #a0a2a4,
      #a0a2a4);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-dark-grey,
h2 span.underline-dark-grey,
h3 span.underline-dark-grey,
h4 span.underline-dark-grey,
h5 span.underline-dark-grey {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #66696f,
      #66696f);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-white,
h2 span.underline-white,
h3 span.underline-white,
h4 span.underline-white,
h5 span.underline-white {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffffff,
      #ffffff);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-black,
h2 span.underline-black,
h3 span.underline-black,
h4 span.underline-black,
h5 span.underline-black {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #181e27,
      #181e27);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow-100,
h2 span.underline-yellow-100,
h3 span.underline-yellow-100,
h4 span.underline-yellow-100,
h5 span.underline-yellow-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffeb00,
      #ffeb00);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-wehrfritz-red-100,
h2 span.underline-wehrfritz-red-100,
h3 span.underline-wehrfritz-red-100,
h4 span.underline-wehrfritz-red-100,
h5 span.underline-wehrfritz-red-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #e3000b,
      #e3000b);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-100,
h2 span.underline-green-100,
h3 span.underline-green-100,
h4 span.underline-green-100,
h5 span.underline-green-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #8cbe21,
      #8cbe21);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow-75,
h2 span.underline-yellow-75,
h3 span.underline-yellow-75,
h4 span.underline-yellow-75,
h5 span.underline-yellow-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #fff041,
      #fff041);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-yellow-15,
h2 span.underline-yellow-15,
h3 span.underline-yellow-15,
h4 span.underline-yellow-15,
h5 span.underline-yellow-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #fffcd9,
      #fffcd9);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-75,
h2 span.underline-green-75,
h3 span.underline-green-75,
h4 span.underline-green-75,
h5 span.underline-green-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #a9ce58,
      #a9ce58);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-green-15,
h2 span.underline-green-15,
h3 span.underline-green-15,
h4 span.underline-green-15,
h5 span.underline-green-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #eef5de,
      #eef5de);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-medium-blue-100,
h2 span.underline-medium-blue-100,
h3 span.underline-medium-blue-100,
h4 span.underline-medium-blue-100,
h5 span.underline-medium-blue-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #004c97,
      #004c97);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-medium-blue-75,
h2 span.underline-medium-blue-75,
h3 span.underline-medium-blue-75,
h4 span.underline-medium-blue-75,
h5 span.underline-medium-blue-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #4079b1,
      #4079b1);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-medium-blue-15,
h2 span.underline-medium-blue-15,
h3 span.underline-medium-blue-15,
h4 span.underline-medium-blue-15,
h5 span.underline-medium-blue-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d9e4ef,
      #d9e4ef);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-orange-100,
h2 span.underline-light-orange-100,
h3 span.underline-light-orange-100,
h4 span.underline-light-orange-100,
h5 span.underline-light-orange-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ff9e1b,
      #ff9e1b);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-orange-75,
h2 span.underline-light-orange-75,
h3 span.underline-light-orange-75,
h4 span.underline-light-orange-75,
h5 span.underline-light-orange-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffb654,
      #ffb654);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-orange-15,
h2 span.underline-light-orange-15,
h3 span.underline-light-orange-15,
h4 span.underline-light-orange-15,
h5 span.underline-light-orange-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #fff0dd,
      #fff0dd);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange-100,
h2 span.underline-orange-100,
h3 span.underline-orange-100,
h4 span.underline-orange-100,
h5 span.underline-orange-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ff6a14,
      #ff6a14);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange-75,
h2 span.underline-orange-75,
h3 span.underline-orange-75,
h4 span.underline-orange-75,
h5 span.underline-orange-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ff8f4f,
      #ff8f4f);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-orange-15,
h2 span.underline-orange-15,
h3 span.underline-orange-15,
h4 span.underline-orange-15,
h5 span.underline-orange-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffe9dc,
      #ffe9dc);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet-100,
h2 span.underline-violet-100,
h3 span.underline-violet-100,
h4 span.underline-violet-100,
h5 span.underline-violet-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #a77bca,
      #a77bca);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet-75,
h2 span.underline-violet-75,
h3 span.underline-violet-75,
h4 span.underline-violet-75,
h5 span.underline-violet-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #bd9cd7,
      #bd9cd7);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-violet-15,
h2 span.underline-violet-15,
h3 span.underline-violet-15,
h4 span.underline-violet-15,
h5 span.underline-violet-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f2ebf7,
      #f2ebf7);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-bordeaux-100,
h2 span.underline-bordeaux-100,
h3 span.underline-bordeaux-100,
h4 span.underline-bordeaux-100,
h5 span.underline-bordeaux-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #9d2235,
      #9d2235);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-bordeaux-75,
h2 span.underline-bordeaux-75,
h3 span.underline-bordeaux-75,
h4 span.underline-bordeaux-75,
h5 span.underline-bordeaux-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #b55967,
      #b55967);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-bordeaux-15,
h2 span.underline-bordeaux-15,
h3 span.underline-bordeaux-15,
h4 span.underline-bordeaux-15,
h5 span.underline-bordeaux-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f0dee1,
      #f0dee1);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-dark-pink-100,
h2 span.underline-dark-pink-100,
h3 span.underline-dark-pink-100,
h4 span.underline-dark-pink-100,
h5 span.underline-dark-pink-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #c7579a,
      #c7579a);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-dark-pink-75,
h2 span.underline-dark-pink-75,
h3 span.underline-dark-pink-75,
h4 span.underline-dark-pink-75,
h5 span.underline-dark-pink-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d581b3,
      #d581b3);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-dark-pink-15,
h2 span.underline-dark-pink-15,
h3 span.underline-dark-pink-15,
h4 span.underline-dark-pink-15,
h5 span.underline-dark-pink-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f7e6f0,
      #f7e6f0);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-lemon-100,
h2 span.underline-lemon-100,
h3 span.underline-lemon-100,
h4 span.underline-lemon-100,
h5 span.underline-lemon-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #c4d600,
      #c4d600);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-lemon-75,
h2 span.underline-lemon-75,
h3 span.underline-lemon-75,
h4 span.underline-lemon-75,
h5 span.underline-lemon-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d3e040,
      #d3e040);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-lemon-15,
h2 span.underline-lemon-15,
h3 span.underline-lemon-15,
h4 span.underline-lemon-15,
h5 span.underline-lemon-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f6f9d9,
      #f6f9d9);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-yellow-100,
h2 span.underline-light-yellow-100,
h3 span.underline-light-yellow-100,
h4 span.underline-light-yellow-100,
h5 span.underline-light-yellow-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f6eb61,
      #f6eb61);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-yellow-75,
h2 span.underline-light-yellow-75,
h3 span.underline-light-yellow-75,
h4 span.underline-light-yellow-75,
h5 span.underline-light-yellow-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f8f088,
      #f8f088);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-yellow-15,
h2 span.underline-light-yellow-15,
h3 span.underline-light-yellow-15,
h4 span.underline-light-yellow-15,
h5 span.underline-light-yellow-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #fefce7,
      #fefce7);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red-100,
h2 span.underline-red-100,
h3 span.underline-red-100,
h4 span.underline-red-100,
h5 span.underline-red-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #c8102e,
      #c8102e);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red-75,
h2 span.underline-red-75,
h3 span.underline-red-75,
h4 span.underline-red-75,
h5 span.underline-red-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d64c62,
      #d64c62);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-red-15,
h2 span.underline-red-15,
h3 span.underline-red-15,
h4 span.underline-red-15,
h5 span.underline-red-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f7dbe0,
      #f7dbe0);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-blue-100,
h2 span.underline-light-blue-100,
h3 span.underline-light-blue-100,
h4 span.underline-light-blue-100,
h5 span.underline-light-blue-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #009cde,
      #009cde);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-blue-75,
h2 span.underline-light-blue-75,
h3 span.underline-light-blue-75,
h4 span.underline-light-blue-75,
h5 span.underline-light-blue-75 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #40b5e6,
      #40b5e6);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-light-blue-15,
h2 span.underline-light-blue-15,
h3 span.underline-light-blue-15,
h4 span.underline-light-blue-15,
h5 span.underline-light-blue-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #d9f0fa,
      #d9f0fa);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey-100,
h2 span.underline-grey-100,
h3 span.underline-grey-100,
h4 span.underline-grey-100,
h5 span.underline-grey-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #181e27,
      #181e27);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey-60,
h2 span.underline-grey-60,
h3 span.underline-grey-60,
h4 span.underline-grey-60,
h5 span.underline-grey-60 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #66696f,
      #66696f);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey-30,
h2 span.underline-grey-30,
h3 span.underline-grey-30,
h4 span.underline-grey-30,
h5 span.underline-grey-30 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #a0a2a4,
      #a0a2a4);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey-15,
h2 span.underline-grey-15,
h3 span.underline-grey-15,
h4 span.underline-grey-15,
h5 span.underline-grey-15 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #dcdddf,
      #dcdddf);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-grey-5,
h2 span.underline-grey-5,
h3 span.underline-grey-5,
h4 span.underline-grey-5,
h5 span.underline-grey-5 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #f3f4f4,
      #f3f4f4);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-white-100,
h2 span.underline-white-100,
h3 span.underline-white-100,
h4 span.underline-white-100,
h5 span.underline-white-100 {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #ffffff,
      #ffffff);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-christmas-red,
h2 span.underline-christmas-red,
h3 span.underline-christmas-red,
h4 span.underline-christmas-red,
h5 span.underline-christmas-red {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #740125,
      #740125);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
h1 span.underline-christmas-green,
h2 span.underline-christmas-green,
h3 span.underline-christmas-green,
h4 span.underline-christmas-green,
h5 span.underline-christmas-green {
  display: inline;
  padding: 0;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      #005223,
      #005223);
  background-position-x: center;
  background-position-y: 82%;
  background-size: 100% 10px;
}
p span[class^=underline],
p span[class*=" underline"] {
  text-decoration: underline;
}
.overline {
  font-size: 0.875rem;
  letter-spacing: 0.175rem;
  color: #181e27;
  text-transform: uppercase;
  text-shadow: 0 0.13rem 0.4rem rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 767.98px) {
  .overline {
    font-size: 0.75rem;
    letter-spacing: 0.15rem;
  }
}
.attribute {
  font-size: 0.75rem;
  font-weight: bold;
  color: #181e27;
}
@media (max-width: 767.98px) {
  .attribute {
    font-size: 0.625rem;
  }
}
.text-very-small {
  font-size: 0.75rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  .text-very-small {
    font-size: 0.625rem;
  }
}
.text-small {
  font-size: 0.875rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  .text-small {
    font-size: 0.75rem;
  }
}
.text-normal {
  font-size: 1rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  .text-normal {
    font-size: 0.875rem;
  }
}
.text-big {
  font-size: 1.125rem;
  color: #181e27;
}
@media (max-width: 767.98px) {
  .text-big {
    font-size: 1rem;
  }
}
.font-xl {
  font-size: 1.125rem !important;
}
.font-l {
  font-size: 1rem !important;
}
.font-m {
  font-size: 0.875rem !important;
}
.font-s {
  font-size: 0.75rem !important;
}
.font-xs {
  font-size: 0.625rem !important;
}
@media (min-width: 576px) {
  .font-sm-xl {
    font-size: 1.125rem !important;
  }
  .font-sm-l {
    font-size: 1rem !important;
  }
  .font-sm-m {
    font-size: 0.875rem !important;
  }
  .font-sm-s {
    font-size: 0.75rem !important;
  }
  .font-sm-xs {
    font-size: 0.625rem !important;
  }
}
@media (min-width: 768px) {
  .font-md-xl {
    font-size: 1.125rem !important;
  }
  .font-md-l {
    font-size: 1rem !important;
  }
  .font-md-m {
    font-size: 0.875rem !important;
  }
  .font-md-s {
    font-size: 0.75rem !important;
  }
  .font-md-xs {
    font-size: 0.625rem !important;
  }
}
@media (min-width: 1024px) {
  .font-lg-xl {
    font-size: 1.125rem !important;
  }
  .font-lg-l {
    font-size: 1rem !important;
  }
  .font-lg-m {
    font-size: 0.875rem !important;
  }
  .font-lg-s {
    font-size: 0.75rem !important;
  }
  .font-lg-xs {
    font-size: 0.625rem !important;
  }
}
@media (min-width: 1540px) {
  .font-xl-xl {
    font-size: 1.125rem !important;
  }
  .font-xl-l {
    font-size: 1rem !important;
  }
  .font-xl-m {
    font-size: 0.875rem !important;
  }
  .font-xl-s {
    font-size: 0.75rem !important;
  }
  .font-xl-xs {
    font-size: 0.625rem !important;
  }
}
.font-normal {
  font-weight: normal !important;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
@media (min-width: 768px) {
  .form-row {
    margin-right: -0.8rem;
    margin-left: -0.8rem;
  }
  .form-row > .col,
  .form-row > [class*=col-] {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}
.custom-control-label {
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #181e27;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #dcdddf;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.AccountPageTemplate .BodyContent.has-components:only-child {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  max-width: 28rem;
  margin: 2.5rem auto;
}
@media (min-width: 768px) {
  .AccountPageTemplate .BodyContent.has-components:only-child {
    margin-top: 4.5rem;
  }
}
.AccountPageTemplate .BodyContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .AccountPageTemplate .BodyContent {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}
.AccountPageTemplate .SideContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .AccountPageTemplate .SideContent {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media (max-width: 767.98px) {
  .AccountPageTemplate .SideContent.hidden-on-mobile {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .AccountPageTemplate {
    flex-direction: column-reverse;
  }
  .AccountPageTemplate .BodyContent {
    margin-bottom: 2rem;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.AuthorizePageTemplate {
  min-height: auto;
}
cx-storefront.AuthorizePageTemplate cx-page-slot {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-page-layout.CartPageTemplate {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
@media (min-width: 768px) {
  cx-page-layout.CartPageTemplate {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }
}
cx-page-layout.CartPageTemplate .TopContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  cx-page-layout.CartPageTemplate .TopContent {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  cx-page-layout.CartPageTemplate .TopContent {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}
cx-page-layout.CartPageTemplate .CenterRightContentSlot {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (max-width: 767.98px) {
  cx-page-layout.CartPageTemplate .CenterRightContentSlot {
    background-color: #f3f4f4;
  }
}
@media (min-width: 768px) {
  cx-page-layout.CartPageTemplate .CenterRightContentSlot {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  cx-page-layout.CartPageTemplate .CenterRightContentSlot {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
cx-page-layout.CartPageTemplate .BottomContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
cx-page-layout.CartPageTemplate .EmptyCartMiddleContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-storefront.CheckoutLoginPageTemplate {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
cx-storefront.CheckoutLoginPageTemplate main {
  flex: 1 1;
}
.CheckoutLoginPageTemplate {
  justify-content: space-between;
}
.CheckoutLoginPageTemplate cx-page-slot.TopContent,
.CheckoutLoginPageTemplate cx-page-slot.LeftContentSlot,
.CheckoutLoginPageTemplate cx-page-slot.CenterContentSlot,
.CheckoutLoginPageTemplate cx-page-slot.RightContentSlot,
.CheckoutLoginPageTemplate cx-page-slot.BottomContentSlot {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.CheckoutLoginPageTemplate cx-page-slot.TopContent,
.CheckoutLoginPageTemplate cx-page-slot.BottomContentSlot {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .CheckoutLoginPageTemplate cx-page-slot.LeftContentSlot {
    width: 46%;
  }
  .CheckoutLoginPageTemplate cx-page-slot.RightContentSlot {
    width: 46%;
  }
  .CheckoutLoginPageTemplate cx-page-slot.RightContentSlot::before {
    content: "";
    background: #dcdddf;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: calc(-8% - 5.5px);
  }
}
@media (max-width: 1023.98px) {
  .CheckoutLoginPageTemplate cx-page-slot.RightContentSlot {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid #dcdddf;
    border-bottom: 1px solid #dcdddf;
  }
  .CheckoutLoginPageTemplate cx-page-slot.LeftContentSlot,
  .CheckoutLoginPageTemplate cx-page-slot.CenterContentSlot,
  .CheckoutLoginPageTemplate cx-page-slot.RightContentSlot {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.LoginPageTemplate cx-page-slot.LeftContentSlot,
.LoginPageTemplate cx-page-slot.RightContentSlot {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1023.98px) {
  .LoginPageTemplate cx-page-slot.LeftContentSlot {
    margin-bottom: 2rem;
  }
  .LoginPageTemplate cx-page-slot.LeftContentSlot,
  .LoginPageTemplate cx-page-slot.RightContentSlot {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .LoginPageTemplate cx-page-slot.LeftContentSlot,
  .LoginPageTemplate cx-page-slot.RightContentSlot {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .LoginPageTemplate cx-page-slot.LeftContentSlot::after {
    content: "";
    background: #dcdddf;
    width: 1px;
    height: calc(100% - 1rem);
    display: block;
    position: absolute;
    top: 0.5rem;
    right: 0;
  }
}
.ForgotPasswordPageTemplate cx-page-slot.MiddleContentSlot {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  flex: 0 0 100%;
  max-width: 100%;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate main {
  flex: 1 1;
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate .TopContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate .BodyContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .BodyContent {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .BodyContent {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent {
  background-color: #f6f6f6;
  border-radius: 1.25rem;
}
@media (max-width: 767.98px) {
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent {
    padding: 1.75rem 1rem;
  }
}
cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent app-checkout-order-summary > div {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    position: sticky;
    top: 2.5rem;
    height: max-content;
    align-self: auto;
  }
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent app-checkout-order-summary > div {
    padding: 2rem 1.5rem 2.5rem;
  }
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent app-cart-coupon + app-checkout-order-summary > div {
    padding: 2.5rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  cx-storefront.MultiStepCheckoutSummaryPageTemplate .SideContent {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-storefront.OrderConfirmationPageTemplate cx-page-slot.BodyContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
cx-storefront.OrderConfirmationPageTemplate cx-page-slot.BottomContent {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-storefront.ProductDetailsPageTemplate cx-page-slot.Images {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  cx-storefront.ProductDetailsPageTemplate cx-page-slot.Images {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  cx-storefront.ProductDetailsPageTemplate cx-page-slot.Images {
    overflow: hidden;
  }
}
cx-storefront.ProductDetailsPageTemplate cx-page-slot.Summary {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  cx-storefront.ProductDetailsPageTemplate cx-page-slot.Summary {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0.75rem;
  }
}
cx-storefront.ProductDetailsPageTemplate cx-page-slot.UpSelling {
  z-index: 0;
  overflow: hidden;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.shadow-radius {
  box-shadow: 0 0 2.125rem rgba(0, 0, 0, 0.1019607843);
  border-radius: 0.6rem;
  overflow: hidden;
}
.shadow-radius-small {
  box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
}
@media (max-width: 1023.98px) {
  .shadow-radius {
    box-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.2);
  }
}
.icon-size-20 {
  width: 1.3rem;
  height: 1.3rem;
}
.icon-size-22 {
  width: 1.375rem;
  height: 1.375rem;
}
.icon-size-24 {
  width: 1.5rem;
  height: 1.5rem;
}
.icon-size-26 {
  width: 1.625rem;
  height: 1.625rem;
}
.icon-size-28 {
  width: 1.8rem;
  height: 1.8rem;
}
.icon-size-30 {
  width: 1.875rem;
  height: 1.875rem;
}
.icon-size-40 {
  width: 3rem;
  height: 3rem;
}
.icon-size-w-5 {
  width: 5.5rem;
  height: 1.5rem;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.chip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.313rem;
  padding: 0.8rem 1.375rem;
  border: 0.06rem solid #dcdddf;
  border-radius: 16.75rem;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
  text-decoration: none;
}
@media (max-width: 1023.98px) {
  .chip {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
    overflow: visible;
  }
}
.chip:hover,
.chip.hover .chip:focus,
.chip.focus {
  background: #dcdddf;
}
.chip:active,
.chip.active {
  color: #ffffff;
  background: #181e27;
  border-color: #181e27;
}
.chip:disabled,
.chip.disabled {
  color: #dcdddf;
  background: #ffffff;
  border-color: #dcdddf;
  cursor: auto;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.slider-arrow {
  box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  padding: 0.55rem;
  transition: all 0.3s ease-out;
}
.slider-arrow:hover:not(.disabled),
.slider-arrow.hover:not(.disabled) {
  transform: scale(1.1);
  background-color: #f3f4f4;
}
.slider-arrow svg {
  width: 100%;
  height: 100%;
  vertical-align: baseline;
}
.slider-arrow app-svg {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  margin: -0.55rem;
  transform: scale(0.8);
}
.slider-arrow:disabled,
.slider-arrow.disabled {
  color: #dcdddf;
  cursor: not-allowed;
}
.slider-arrow:disabled app-svg,
.slider-arrow.disabled app-svg {
  opacity: 25%;
}
.radio-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 0.9rem;
}
.radio-controls .radio {
  margin: 0 0.5rem;
  background: #181e27;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.radio-controls.disabled .radio {
  background: #dcdddf;
}
.radio-controls.disabled .radio.selected {
  border-color: #dcdddf;
  box-shadow: 0 0 0 0.13rem #dcdddf;
  background: #ffffff;
}
.radio-controls:not(.disabled) .radio.selected,
.radio-controls:not(.disabled) .radio.selected:hover {
  background: #ffffff;
  box-shadow: 0 0 0 0.13rem #181e27;
}
.radio-controls:not(.disabled) .radio:hover,
.radio-controls:not(.disabled) .radio.hover,
.radio-controls:not(.disabled) .radio:focus,
.radio-controls:not(.disabled) .radio.focus {
  cursor: pointer;
  box-shadow: 0 0 0 0.3rem #dcdddf;
}
.chatbot,
.back-to-top {
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  background: #ffffff;
  color: #181e27;
  box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-out;
}
@media (max-width: 1023.98px) {
  .chatbot,
  .back-to-top {
    width: 3rem;
    height: 3rem;
  }
  .chatbot svg,
  .back-to-top svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .chatbot .count,
  .back-to-top .count {
    top: 0.438rem;
    right: 0.438rem;
  }
}
.chatbot:active,
.chatbot.active,
.back-to-top:active,
.back-to-top.active {
  color: #ffffff;
  background: #181e27;
  box-shadow: none;
}
.chatbot:hover:not(:disabled):not(.disabled),
.chatbot.hover,
.chatbot:focus,
.chatbot.focus,
.back-to-top:hover:not(:disabled):not(.disabled),
.back-to-top.hover,
.back-to-top:focus,
.back-to-top.focus {
  transform: scale(1.0666);
}
.chatbot:disabled,
.chatbot.disabled,
.back-to-top:disabled,
.back-to-top.disabled {
  color: #dcdddf;
}
.chatbot:disabled .count,
.chatbot.disabled .count,
.back-to-top:disabled .count,
.back-to-top.disabled .count {
  background: #f7dbe0;
}
.chatbot svg,
.back-to-top svg {
  margin: auto;
  width: 1.875rem;
  height: 1.875rem;
}
.back-to-top svg {
  transform: rotate(90deg);
}
@media (max-width: 1023.98px) {
  .chatbot .count {
    top: 0.438rem;
    right: 0.438rem;
  }
}
.chatbot:disabled .count,
.chatbot.disabled .count {
  background: #f7dbe0;
}
.chatbot .count {
  position: absolute;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  width: 0.9rem;
  height: 0.9rem;
  color: #ffffff;
  background: #9d2235;
  top: 0.6rem;
  right: 0.6rem;
}
.heart-like {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #ffffff;
  color: #181e27;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}
.heart-like svg {
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
}
.heart-like:hover,
.heart-like.hover,
.heart-like:focus,
.heart-like.focus {
  background: #f3f4f4;
}
.heart-like:active,
.heart-like.active {
  color: #9d2235;
}
.heart-like:disabled,
.heart-like.disabled {
  color: #dcdddf;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
cx-pagination {
  display: flex;
  flex-direction: row;
}
cx-pagination a {
  text-decoration: none;
  display: block;
  text-align: center;
  position: relative;
  width: 1.7rem;
  height: 1.7rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  margin: 0 0.5rem;
  border-radius: 50%;
  font-size: 0.8rem;
  line-height: 1.7rem;
}
cx-pagination a:hover {
  text-decoration: none;
  transform: scale(1.1);
}
cx-pagination .current {
  background: #181e27;
  color: #ffffff;
  box-shadow: none;
}
cx-pagination .start,
cx-pagination .end {
  color: transparent;
}
cx-pagination .start::before,
cx-pagination .end::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("data:image/svg+xml,%0A%3Csvg id='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath  fill='currentColor' d='M15.62,20.084A.875.875,0,0,1,15,19.829l-7.86-7.841,7.795-7.815a.874.874,0,1,1,1.238,1.235L9.616,11.985l6.622,6.605a.875.875,0,0,1-.618,1.494Z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
}
cx-pagination .end::before {
  transform: rotate(180deg);
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.birthDateModal,
.birthDateErrorModal {
  text-align: center;
}
.birthDateModal button,
.birthDateModal form,
.birthDateErrorModal button,
.birthDateErrorModal form {
  max-width: 25rem;
  margin: auto;
}
@media (max-width: 767.98px) {
  .birthDateModalHaba .modal-dialog,
  .birthDateErrorModalHaba .modal-dialog {
    align-items: end;
  }
  .birthDateModalHaba .modal-dialog .modal-content,
  .birthDateErrorModalHaba .modal-dialog .modal-content {
    border-radius: 0.625rem 0.625rem 0 0;
  }
}
@media (min-width: 576px) {
  .birthDateModalHaba .modal-dialog .modal-content,
  .birthDateErrorModalHaba .modal-dialog .modal-content {
    border-radius: 0.625rem;
  }
}
.configureProductModal .modal-dialog {
  max-width: 60rem;
  align-items: end;
}
@media (min-width: 768px) {
  .configureProductModal .modal-dialog {
    align-items: center;
  }
}
.configureProductModal .modal-content {
  padding: 0;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .configureProductModal .modal-content {
    max-height: 100%;
    overflow: auto;
  }
}
.configureProductModal advanced-image {
  max-height: 11.6rem;
  margin: auto;
}
.configureProductModal advanced-image img {
  max-height: 11.6rem;
}
@media (min-width: 768px) {
  .configureProductModal advanced-image {
    max-height: none;
  }
  .configureProductModal advanced-image img {
    max-height: none;
  }
}
@media (max-width: 767.98px) {
  .address-melissa-validation-haba .modal-dialog {
    align-items: end;
  }
  .address-melissa-validation-haba .modal-dialog .modal-content {
    border-radius: 0.625rem 0.625rem 0 0;
  }
  .address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal > div form .submit-button button {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .address-melissa-validation-haba .modal-dialog .modal-content {
    border-radius: 0.625rem;
  }
  .address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal > div form {
    padding: 0 4.6875rem;
    width: 100%;
  }
  .address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal > div form .submit-button {
    display: flex;
    justify-content: center;
  }
  .address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal > div form .submit-button button {
    width: 85%;
  }
}
.address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal div div:nth-child(2) > h2,
.address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal div div:nth-child(3) > p {
  text-align: center;
}
.address-melissa-validation-haba .modal-dialog .modal-content app-address-melissa-modal div form .form-element {
  display: flex;
}
.checkoutAddressModal h2 {
  text-align: center;
}
.checkoutAddressModal .modal-content {
  align-self: center;
}
@media (min-width: 768px) {
  .checkoutAddressModal .modal-content {
    max-height: 80vw;
    overflow: unset;
  }
}
.modal.pm-modal-sheet {
  --bs-modal-margin: 0;
}
.modal.pm-modal-sheet .modal-dialog {
  margin: 0 !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.28s ease-out;
}
.modal.pm-modal-sheet.show .modal-dialog {
  transform: translateY(0);
}
.modal.pm-modal-sheet .modal-content {
  position: absolute;
  bottom: 0;
  border: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0 !important;
  max-height: 100dvh;
  overflow: auto;
}
.modal-no-padding {
  padding: 0 !important;
}
.modal-no-padding .modal-content {
  padding: 0 !important;
}
.priceUpdateModal.modal-dialog .modal-content {
  max-height: 540px;
}
@media (min-width: 768px) {
  .priceUpdateModal.modal-dialog {
    width: 766px;
  }
  .priceUpdateModal.modal-dialog .modal-content {
    max-height: 750px;
  }
}
.modal-dialog {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 825px;
  }
}
@media (min-width: 768px) {
  .modal-dialog.wider-modal {
    max-width: 60rem;
  }
}
.modal-content {
  padding: 1rem;
  border-radius: 0.65rem;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 575.98px) {
  .modal-content {
    padding: 1rem;
    align-self: flex-end;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .modal-content {
    max-height: 70vh;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-container .productCardWrapper {
  margin: 0;
  padding: 0;
}
hcc-container .productCardWrapper .product-card {
  max-width: 310px;
  max-height: 340px;
}
@media (min-width: 768px) {
  hcc-container .productCardWrapper {
    margin: auto;
  }
}
hcc-container .container-fluid,
hcc-container .container-xl {
  padding: 0.5rem 0.75rem;
}
hcc-container,
hcc-grid,
hcc-text-on-image {
  display: block;
}
hcc-grid-column hcc-container .container-fluid,
hcc-grid-column hcc-container .container-xl {
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.hcc-image-fullwidth {
  padding-left: 0;
  padding-right: 0;
}
img,
svg {
  max-width: 100%;
  max-height: 100%;
}
img {
  object-fit: cover;
}
:focus-visible {
  outline: none;
}
body {
  margin: 0;
  font-size: 1rem;
  overflow-x: hidden;
}
body .background-color-grid {
  background-color: #f0ffff;
}
body .text-grid,
body .color-grid {
  color: #f0ffff;
}
body .border-color-grid {
  border-color: #f0ffff;
}
body .background-color-violet {
  background-color: #a77bca;
}
body .text-violet,
body .color-violet {
  color: #a77bca;
}
body .border-color-violet {
  border-color: #a77bca;
}
body .background-color-violet-secondary {
  background-color: #c7579a;
}
body .text-violet-secondary,
body .color-violet-secondary {
  color: #c7579a;
}
body .border-color-violet-secondary {
  border-color: #c7579a;
}
body .background-color-violet-tertiary {
  background-color: #f7e6f0;
}
body .text-violet-tertiary,
body .color-violet-tertiary {
  color: #f7e6f0;
}
body .border-color-violet-tertiary {
  border-color: #f7e6f0;
}
body .background-color-red {
  background-color: #9d2235;
}
body .text-red,
body .color-red {
  color: #9d2235;
}
body .border-color-red {
  border-color: #9d2235;
}
body .background-color-red-secondary {
  background-color: #c8102e;
}
body .text-red-secondary,
body .color-red-secondary {
  color: #c8102e;
}
body .border-color-red-secondary {
  border-color: #c8102e;
}
body .background-color-red-tertiary {
  background-color: #f7dbe0;
}
body .text-red-tertiary,
body .color-red-tertiary {
  color: #f7dbe0;
}
body .border-color-red-tertiary {
  border-color: #f7dbe0;
}
body .background-color-orange {
  background-color: #ff8f4f;
}
body .text-orange,
body .color-orange {
  color: #ff8f4f;
}
body .border-color-orange {
  border-color: #ff8f4f;
}
body .background-color-orange-secondary {
  background-color: #ffeb00;
}
body .text-orange-secondary,
body .color-orange-secondary {
  color: #ffeb00;
}
body .border-color-orange-secondary {
  border-color: #ffeb00;
}
body .background-color-orange-tertiary {
  background-color: #ffe9dc;
}
body .text-orange-tertiary,
body .color-orange-tertiary {
  color: #ffe9dc;
}
body .border-color-orange-tertiary {
  border-color: #ffe9dc;
}
body .background-color-yellow {
  background-color: #ff9e1b;
}
body .text-yellow,
body .color-yellow {
  color: #ff9e1b;
}
body .border-color-yellow {
  border-color: #ff9e1b;
}
body .background-color-yellow-secondary {
  background-color: #ffeb00;
}
body .text-yellow-secondary,
body .color-yellow-secondary {
  color: #ffeb00;
}
body .border-color-yellow-secondary {
  border-color: #ffeb00;
}
body .background-color-yellow-tertiary {
  background-color: #fefce7;
}
body .text-yellow-tertiary,
body .color-yellow-tertiary {
  color: #fefce7;
}
body .border-color-yellow-tertiary {
  border-color: #fefce7;
}
body .background-color-green-hover {
  background-color: #659d2c;
}
body .text-green-hover,
body .color-green-hover {
  color: #659d2c;
}
body .border-color-green-hover {
  border-color: #659d2c;
}
body .background-color-green {
  background-color: #8cbe21;
}
body .text-green,
body .color-green {
  color: #8cbe21;
}
body .border-color-green {
  border-color: #8cbe21;
}
body .background-color-green-secondary {
  background-color: #d3e040;
}
body .text-green-secondary,
body .color-green-secondary {
  color: #d3e040;
}
body .border-color-green-secondary {
  border-color: #d3e040;
}
body .background-color-green-tertiary {
  background-color: #eef5de;
}
body .text-green-tertiary,
body .color-green-tertiary {
  color: #eef5de;
}
body .border-color-green-tertiary {
  border-color: #eef5de;
}
body .background-color-blue {
  background-color: #004c97;
}
body .text-blue,
body .color-blue {
  color: #004c97;
}
body .border-color-blue {
  border-color: #004c97;
}
body .background-color-blue-secondary {
  background-color: #4079b1;
}
body .text-blue-secondary,
body .color-blue-secondary {
  color: #4079b1;
}
body .border-color-blue-secondary {
  border-color: #4079b1;
}
body .background-color-blue-tertiary {
  background-color: #d9f0fa;
}
body .text-blue-tertiary,
body .color-blue-tertiary {
  color: #d9f0fa;
}
body .border-color-blue-tertiary {
  border-color: #d9f0fa;
}
body .background-color-grey {
  background-color: #dcdddf;
}
body .text-grey,
body .color-grey {
  color: #dcdddf;
}
body .border-color-grey {
  border-color: #dcdddf;
}
body .background-color-light-grey {
  background-color: #f3f4f4;
}
body .text-light-grey,
body .color-light-grey {
  color: #f3f4f4;
}
body .border-color-light-grey {
  border-color: #f3f4f4;
}
body .background-color-mid-grey {
  background-color: #a0a2a4;
}
body .text-mid-grey,
body .color-mid-grey {
  color: #a0a2a4;
}
body .border-color-mid-grey {
  border-color: #a0a2a4;
}
body .background-color-dark-grey {
  background-color: #66696f;
}
body .text-dark-grey,
body .color-dark-grey {
  color: #66696f;
}
body .border-color-dark-grey {
  border-color: #66696f;
}
body .background-color-white {
  background-color: #ffffff;
}
body .text-white,
body .color-white {
  color: #ffffff;
}
body .border-color-white {
  border-color: #ffffff;
}
body .background-color-black {
  background-color: #181e27;
}
body .text-black,
body .color-black {
  color: #181e27;
}
body .border-color-black {
  border-color: #181e27;
}
body .background-color-yellow-100 {
  background-color: #ffeb00;
}
body .text-yellow-100,
body .color-yellow-100 {
  color: #ffeb00;
}
body .border-color-yellow-100 {
  border-color: #ffeb00;
}
body .background-color-wehrfritz-red-100 {
  background-color: #e3000b;
}
body .text-wehrfritz-red-100,
body .color-wehrfritz-red-100 {
  color: #e3000b;
}
body .border-color-wehrfritz-red-100 {
  border-color: #e3000b;
}
body .background-color-green-100 {
  background-color: #8cbe21;
}
body .text-green-100,
body .color-green-100 {
  color: #8cbe21;
}
body .border-color-green-100 {
  border-color: #8cbe21;
}
body .background-color-yellow-75 {
  background-color: #fff041;
}
body .text-yellow-75,
body .color-yellow-75 {
  color: #fff041;
}
body .border-color-yellow-75 {
  border-color: #fff041;
}
body .background-color-yellow-15 {
  background-color: #fffcd9;
}
body .text-yellow-15,
body .color-yellow-15 {
  color: #fffcd9;
}
body .border-color-yellow-15 {
  border-color: #fffcd9;
}
body .background-color-green-75 {
  background-color: #a9ce58;
}
body .text-green-75,
body .color-green-75 {
  color: #a9ce58;
}
body .border-color-green-75 {
  border-color: #a9ce58;
}
body .background-color-green-15 {
  background-color: #eef5de;
}
body .text-green-15,
body .color-green-15 {
  color: #eef5de;
}
body .border-color-green-15 {
  border-color: #eef5de;
}
body .background-color-medium-blue-100 {
  background-color: #004c97;
}
body .text-medium-blue-100,
body .color-medium-blue-100 {
  color: #004c97;
}
body .border-color-medium-blue-100 {
  border-color: #004c97;
}
body .background-color-medium-blue-75 {
  background-color: #4079b1;
}
body .text-medium-blue-75,
body .color-medium-blue-75 {
  color: #4079b1;
}
body .border-color-medium-blue-75 {
  border-color: #4079b1;
}
body .background-color-medium-blue-15 {
  background-color: #d9e4ef;
}
body .text-medium-blue-15,
body .color-medium-blue-15 {
  color: #d9e4ef;
}
body .border-color-medium-blue-15 {
  border-color: #d9e4ef;
}
body .background-color-light-orange-100 {
  background-color: #ff9e1b;
}
body .text-light-orange-100,
body .color-light-orange-100 {
  color: #ff9e1b;
}
body .border-color-light-orange-100 {
  border-color: #ff9e1b;
}
body .background-color-light-orange-75 {
  background-color: #ffb654;
}
body .text-light-orange-75,
body .color-light-orange-75 {
  color: #ffb654;
}
body .border-color-light-orange-75 {
  border-color: #ffb654;
}
body .background-color-light-orange-15 {
  background-color: #fff0dd;
}
body .text-light-orange-15,
body .color-light-orange-15 {
  color: #fff0dd;
}
body .border-color-light-orange-15 {
  border-color: #fff0dd;
}
body .background-color-orange-100 {
  background-color: #ff6a14;
}
body .text-orange-100,
body .color-orange-100 {
  color: #ff6a14;
}
body .border-color-orange-100 {
  border-color: #ff6a14;
}
body .background-color-orange-75 {
  background-color: #ff8f4f;
}
body .text-orange-75,
body .color-orange-75 {
  color: #ff8f4f;
}
body .border-color-orange-75 {
  border-color: #ff8f4f;
}
body .background-color-orange-15 {
  background-color: #ffe9dc;
}
body .text-orange-15,
body .color-orange-15 {
  color: #ffe9dc;
}
body .border-color-orange-15 {
  border-color: #ffe9dc;
}
body .background-color-violet-100 {
  background-color: #a77bca;
}
body .text-violet-100,
body .color-violet-100 {
  color: #a77bca;
}
body .border-color-violet-100 {
  border-color: #a77bca;
}
body .background-color-violet-75 {
  background-color: #bd9cd7;
}
body .text-violet-75,
body .color-violet-75 {
  color: #bd9cd7;
}
body .border-color-violet-75 {
  border-color: #bd9cd7;
}
body .background-color-violet-15 {
  background-color: #f2ebf7;
}
body .text-violet-15,
body .color-violet-15 {
  color: #f2ebf7;
}
body .border-color-violet-15 {
  border-color: #f2ebf7;
}
body .background-color-bordeaux-100 {
  background-color: #9d2235;
}
body .text-bordeaux-100,
body .color-bordeaux-100 {
  color: #9d2235;
}
body .border-color-bordeaux-100 {
  border-color: #9d2235;
}
body .background-color-bordeaux-75 {
  background-color: #b55967;
}
body .text-bordeaux-75,
body .color-bordeaux-75 {
  color: #b55967;
}
body .border-color-bordeaux-75 {
  border-color: #b55967;
}
body .background-color-bordeaux-15 {
  background-color: #f0dee1;
}
body .text-bordeaux-15,
body .color-bordeaux-15 {
  color: #f0dee1;
}
body .border-color-bordeaux-15 {
  border-color: #f0dee1;
}
body .background-color-dark-pink-100 {
  background-color: #c7579a;
}
body .text-dark-pink-100,
body .color-dark-pink-100 {
  color: #c7579a;
}
body .border-color-dark-pink-100 {
  border-color: #c7579a;
}
body .background-color-dark-pink-75 {
  background-color: #d581b3;
}
body .text-dark-pink-75,
body .color-dark-pink-75 {
  color: #d581b3;
}
body .border-color-dark-pink-75 {
  border-color: #d581b3;
}
body .background-color-dark-pink-15 {
  background-color: #f7e6f0;
}
body .text-dark-pink-15,
body .color-dark-pink-15 {
  color: #f7e6f0;
}
body .border-color-dark-pink-15 {
  border-color: #f7e6f0;
}
body .background-color-lemon-100 {
  background-color: #c4d600;
}
body .text-lemon-100,
body .color-lemon-100 {
  color: #c4d600;
}
body .border-color-lemon-100 {
  border-color: #c4d600;
}
body .background-color-lemon-75 {
  background-color: #d3e040;
}
body .text-lemon-75,
body .color-lemon-75 {
  color: #d3e040;
}
body .border-color-lemon-75 {
  border-color: #d3e040;
}
body .background-color-lemon-15 {
  background-color: #f6f9d9;
}
body .text-lemon-15,
body .color-lemon-15 {
  color: #f6f9d9;
}
body .border-color-lemon-15 {
  border-color: #f6f9d9;
}
body .background-color-light-yellow-100 {
  background-color: #f6eb61;
}
body .text-light-yellow-100,
body .color-light-yellow-100 {
  color: #f6eb61;
}
body .border-color-light-yellow-100 {
  border-color: #f6eb61;
}
body .background-color-light-yellow-75 {
  background-color: #f8f088;
}
body .text-light-yellow-75,
body .color-light-yellow-75 {
  color: #f8f088;
}
body .border-color-light-yellow-75 {
  border-color: #f8f088;
}
body .background-color-light-yellow-15 {
  background-color: #fefce7;
}
body .text-light-yellow-15,
body .color-light-yellow-15 {
  color: #fefce7;
}
body .border-color-light-yellow-15 {
  border-color: #fefce7;
}
body .background-color-red-100 {
  background-color: #c8102e;
}
body .text-red-100,
body .color-red-100 {
  color: #c8102e;
}
body .border-color-red-100 {
  border-color: #c8102e;
}
body .background-color-red-75 {
  background-color: #d64c62;
}
body .text-red-75,
body .color-red-75 {
  color: #d64c62;
}
body .border-color-red-75 {
  border-color: #d64c62;
}
body .background-color-red-15 {
  background-color: #f7dbe0;
}
body .text-red-15,
body .color-red-15 {
  color: #f7dbe0;
}
body .border-color-red-15 {
  border-color: #f7dbe0;
}
body .background-color-light-blue-100 {
  background-color: #009cde;
}
body .text-light-blue-100,
body .color-light-blue-100 {
  color: #009cde;
}
body .border-color-light-blue-100 {
  border-color: #009cde;
}
body .background-color-light-blue-75 {
  background-color: #40b5e6;
}
body .text-light-blue-75,
body .color-light-blue-75 {
  color: #40b5e6;
}
body .border-color-light-blue-75 {
  border-color: #40b5e6;
}
body .background-color-light-blue-15 {
  background-color: #d9f0fa;
}
body .text-light-blue-15,
body .color-light-blue-15 {
  color: #d9f0fa;
}
body .border-color-light-blue-15 {
  border-color: #d9f0fa;
}
body .background-color-grey-100 {
  background-color: #181e27;
}
body .text-grey-100,
body .color-grey-100 {
  color: #181e27;
}
body .border-color-grey-100 {
  border-color: #181e27;
}
body .background-color-grey-60 {
  background-color: #66696f;
}
body .text-grey-60,
body .color-grey-60 {
  color: #66696f;
}
body .border-color-grey-60 {
  border-color: #66696f;
}
body .background-color-grey-30 {
  background-color: #a0a2a4;
}
body .text-grey-30,
body .color-grey-30 {
  color: #a0a2a4;
}
body .border-color-grey-30 {
  border-color: #a0a2a4;
}
body .background-color-grey-15 {
  background-color: #dcdddf;
}
body .text-grey-15,
body .color-grey-15 {
  color: #dcdddf;
}
body .border-color-grey-15 {
  border-color: #dcdddf;
}
body .background-color-grey-5 {
  background-color: #f3f4f4;
}
body .text-grey-5,
body .color-grey-5 {
  color: #f3f4f4;
}
body .border-color-grey-5 {
  border-color: #f3f4f4;
}
body .background-color-white-100 {
  background-color: #ffffff;
}
body .text-white-100,
body .color-white-100 {
  color: #ffffff;
}
body .border-color-white-100 {
  border-color: #ffffff;
}
body .background-color-christmas-red {
  background-color: #740125;
}
body .text-christmas-red,
body .color-christmas-red {
  color: #740125;
}
body .border-color-christmas-red {
  border-color: #740125;
}
body .background-color-christmas-green {
  background-color: #005223;
}
body .text-christmas-green,
body .color-christmas-green {
  color: #005223;
}
body .border-color-christmas-green {
  border-color: #005223;
}
body p {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.blocked-scroll {
  overflow-y: hidden;
}
body button {
  letter-spacing: 0.15rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
}
header {
  width: 100%;
  background-color: unset;
  position: relative;
}
.text-line-through {
  text-decoration: line-through;
}
#onetrust-banner-sdk {
  width: 100vw;
}
.cursor-pointer {
  cursor: pointer;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.tooltip {
  margin-left: 0.4rem;
}
.tooltip-inner {
  background-color: #d9f0fa;
  padding: 1rem;
  font-size: 0.875rem;
  color: inherit;
  max-width: 22rem;
  text-align: left;
  min-width: 32rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #d9f0fa;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #d9f0fa;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #d9f0fa;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #d9f0fa;
}
.tooltip.show {
  opacity: 100%;
}
@media (max-width: 1539.98px) {
  .tooltip-inner {
    min-width: auto;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.bg-progressbar {
  background-color: #ced4da;
  width: 100%;
  height: 3px;
}
.bg-progressbar ngb-progressbar {
  background-color: #ced4da;
  width: 100%;
  height: 3px;
}
.bg-progressbar ngb-progressbar div {
  height: 3px !important;
  border-radius: 3px;
  background-color: #9d2235 !important;
}
.reviewAvg-font {
  font-size: 3.125rem;
}
.modal-headline {
  width: fit-content;
  margin-top: -2.15rem;
}
@media (max-width: 1023.98px) {
  .reviewAvg-font {
    font-size: 2.5rem;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  background-color: #ffffff;
  height: 100%;
  overflow: auto;
  transition: ease-in-out 0.5s;
}
.mobile-overlay .header {
  position: fixed;
  box-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  z-index: 1006;
  width: 100%;
  height: 4.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem 1.5rem 1.125rem 0.9375rem;
}
.mobile-overlay .content {
  margin-top: 6.375rem;
  padding: 0 0.875rem;
}
.mobile-overlay .close {
  cursor: pointer;
}
:host ::ng-deep .mobile-overlay hbc-heading h2 {
  font-size: 1rem;
}
:host ::ng-deep .mobile-overlay hbc-heading h3 {
  font-size: 0.75rem;
}
:host ::ng-deep .mobile-overlay hcc-accordion h3 {
  font-size: 0.875rem;
}
:host ::ng-deep .mobile-overlay hcc-basic-text p {
  font-size: 0.75rem;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
font-face {
  font-family: Filson-Pro;
  src: url(/haba/assets/fonts/filson/FilsonPro-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Pro;
  src: url(/haba/assets/fonts/filson/FilsonPro-Book.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Pro;
  src: url(/haba/assets/fonts/filson/FilsonPro-BookItalic.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Pro;
  src: url(/haba/assets/fonts/filson/FilsonProRegular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoft-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoft-BoldItalic.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoft-Light.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftLight-Italic.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoft-Thin.otf) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftThin-Italic.otf) format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftBlack.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftBlack-Italic.otf) format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftBook.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftBook-Italic.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftHeavy.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftHeavy-Italic.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftMedium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftMedium-Italic.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftRegular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Filson-Soft;
  src: url(/haba/assets/fonts/filson/FilsonSoftRegular-Italic.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-Thin.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Thin.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Thin.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Thin.svg#GreycliffCF-Thin) format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-ThinOblique.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-ThinOblique.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-ThinOblique.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-ThinOblique.svg#GreycliffCF-ThinOblique) format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-Light.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Light.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Light.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Light.svg#GreycliffCF-Light) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-LightOblique.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-LightOblique.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-LightOblique.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-LightOblique.svg#GreycliffCF-LightOblique) format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-Regular.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Regular.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Regular.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Regular.svg#GreycliffCF-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-RegularOblique.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-RegularOblique.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-RegularOblique.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-RegularOblique.svg#GreycliffCF-RegularOblique) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-Bold.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Bold.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Bold.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-Bold.svg#GreycliffCF-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Greycliff;
  src:
    url(/haba/assets/fonts/greycliff/GreycliffCF-BoldOblique.woff2) format("woff2"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-BoldOblique.woff) format("woff"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-BoldOblique.ttf) format("truetype"),
    url(/haba/assets/fonts/greycliff/GreycliffCF-BoldOblique.svg#GreycliffCF-BoldOblique) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.font-xl {
  font-size: 1.125rem;
}
.font-l {
  font-size: 1rem;
}
.font-m {
  font-size: 0.875rem;
}
.font-s {
  font-size: 0.75rem;
}
.font-xs {
  font-size: 0.625rem;
}
.font-normal {
  font-weight: normal !important;
}
.font-bold {
  font-weight: bold;
}
.font-600 {
  font-weight: 600;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.btn-primary {
  cursor: pointer;
  color: #ffffff;
  background-color: #4079b1;
  border-color: #4079b1;
}
.btn-primary:hover,
.btn-primary.hover .btn-primary:focus,
.btn-primary.focus {
  color: #4079b1;
  background-color: #ffffff;
  border-color: #4079b1;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
.btn-secondary {
  cursor: pointer;
  color: #181e27;
  background-color: transparent;
  border-color: #181e27;
}
.btn-secondary:hover,
.btn-secondary.hover .btn-secondary:focus,
.btn-secondary.focus {
  color: #ffffff;
  background-color: #181e27;
  border-color: #ffffff;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #dcdddf;
  background-color: transparent;
  border-color: #dcdddf;
}
.btn-tertiary {
  cursor: pointer;
  color: #181e27;
  background-color: #ffffff;
  border-color: #181e27;
}
.btn-tertiary:hover,
.btn-tertiary.hover .btn-tertiary:focus,
.btn-tertiary.focus {
  color: #ffffff;
  background-color: #181e27;
  border-color: #181e27;
}
.btn-tertiary.disabled,
.btn-tertiary:disabled {
  color: #dcdddf;
  background-color: #ffffff;
  border-color: #dcdddf;
}
.btn-green,
hcc-page-hero .content-inner .btn.btn-primary,
hcc-image-teaser .content-inner .btn.btn-primary {
  cursor: pointer;
  color: #ffffff;
  background-color: #8cbe21;
  border-color: #8cbe21;
}
.btn-green:hover,
hcc-page-hero .content-inner .btn.btn-primary:hover,
hcc-image-teaser .content-inner .btn.btn-primary:hover,
.btn-green.hover .btn-green:focus,
hcc-page-hero .content-inner .hover.btn.btn-primary .btn-green:focus,
.btn-green.hover hcc-page-hero .content-inner .btn.btn-primary:focus,
hcc-page-hero .content-inner .btn-green.hover .btn.btn-primary:focus,
hcc-page-hero .content-inner .hover.btn.btn-primary .btn.btn-primary:focus,
hcc-image-teaser .content-inner .hover.btn.btn-primary .btn-green:focus,
.btn-green.hover hcc-image-teaser .content-inner .btn.btn-primary:focus,
hcc-image-teaser .content-inner .btn-green.hover .btn.btn-primary:focus,
hcc-image-teaser .content-inner .hover.btn.btn-primary .btn.btn-primary:focus,
.btn-green.focus,
hcc-page-hero .content-inner .focus.btn.btn-primary,
hcc-image-teaser .content-inner .focus.btn.btn-primary {
  color: #8cbe21;
  background-color: #ffffff;
  border-color: #8cbe21;
}
.btn-green.disabled,
hcc-page-hero .content-inner .disabled.btn.btn-primary,
hcc-image-teaser .content-inner .disabled.btn.btn-primary,
.btn-green:disabled,
hcc-page-hero .content-inner .btn.btn-primary:disabled,
hcc-image-teaser .content-inner .btn.btn-primary:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
.btn-black {
  cursor: pointer;
  color: #ffffff;
  background-color: #181e27;
  border-color: #181e27;
}
.btn-black:hover,
.btn-black.hover .btn-black:focus,
.btn-black.focus {
  color: #181e27;
  background-color: #ffffff;
  border-color: #181e27;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff;
  background-color: #a0a2a4;
  border-color: #a0a2a4;
}
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-green,
hcc-page-hero .content-inner .btn.btn-primary,
hcc-image-teaser .content-inner .btn.btn-primary,
.btn-yellow,
.btn-link,
.btn-input {
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-green,
hcc-page-hero .content-inner .btn.btn-primary,
hcc-image-teaser .content-inner .btn.btn-primary,
.btn-danger,
.btn-yellow,
.btn-black {
  text-transform: none;
  letter-spacing: 1.6px;
  border-radius: 0.5rem;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 3rem;
  line-height: 1.25;
}
.btn-sm {
  height: 2.25rem;
  padding: 0 1rem;
}
.btn-yellow {
  color: #212529;
  background-color: #ffeb00;
  border-color: #ffeb00;
}
.btn-yellow:hover {
  color: #212529;
  background-color: #ff9e1b;
  border-color: #ff9e1b;
}
.btn-yellow:focus,
.btn-yellow.focus {
  color: #212529;
  background-color: #ff9e1b;
  border-color: #ff9e1b;
  box-shadow: 0 0 0 0 rgba(221.7, 205.3, 6.15, 0.5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
  color: #212529;
  background-color: #ffeb00;
  border-color: #ffeb00;
}
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #212529;
  background-color: #fefce7;
  border-color: #fefce7;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(221.7, 205.3, 6.15, 0.5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
  background-color: #fefce7;
  border-color: #fefce7;
}
.btn-icon {
  min-height: 3rem;
}
.btn-icon app-svg svg {
  margin: -0.1rem 0 0;
}
.btn-icon.btn-primary svg,
.btn-icon.btn-green svg,
hcc-page-hero .content-inner .btn-icon.btn.btn-primary svg,
hcc-image-teaser .content-inner .btn-icon.btn.btn-primary svg {
  fill: #ffffff !important;
}
.btn-icon.btn-secondary:disabled svg {
  fill: #dcdddf !important;
}
.btn-danger {
  cursor: pointer;
  color: #ffffff;
  background-color: #c8102e;
  border-color: #c8102e;
}
.btn-danger:hover,
.btn-danger.hover .btn-danger:focus,
.btn-danger.focus {
  color: #c8102e;
  background-color: #ffffff;
  border-color: #c8102e;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.haba-focus-think-outline:focus-visible {
  outline: 2px solid #4079b1;
  border-radius: 4px;
}
.haba-focus-bold-outline:focus-visible {
  outline: 4px solid #4079b1;
}
.haba-focus-bold-outline-with-radius:focus-visible {
  outline: 4px solid #4079b1;
  border-radius: 4px;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-campaign-banner .campaign-banner {
  padding: 2rem 1rem;
}
hcc-campaign-banner .campaign-banner__supportingText,
hcc-campaign-banner .campaign-banner__tag {
  font-size: 1rem;
}
@media (max-width: 1023.98px) {
  hcc-campaign-banner .campaign-banner__supportingText,
  hcc-campaign-banner .campaign-banner__tag {
    font-size: 0.875rem;
  }
}
hcc-campaign-banner .campaign-banner__tag {
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media (max-width: 1023.98px) {
  hcc-campaign-banner .campaign-banner__tag {
    font-size: 0.75rem;
  }
}
hcc-campaign-banner .campaign-banner__text {
  line-height: 1.2em;
}
hcc-campaign-banner .campaign-banner__promotionText {
  margin-top: 1rem;
}
hcc-campaign-banner .campaign-banner__benifits {
  flex-wrap: wrap;
  margin: 1.5rem 2rem 0.5rem 2rem;
  gap: 1.5rem;
  font-size: 0.875rem;
}
hcc-campaign-banner .campaign-banner__supportingText {
  margin-top: 1.25rem;
  margin-bottom: 0;
}
hcc-campaign-banner .campaign-banner__button {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  hcc-campaign-banner .campaign-banner {
    padding: 3rem 1rem;
  }
  hcc-campaign-banner .campaign-banner__benifits {
    margin: 3rem 2rem 2rem 2rem;
    font-size: 1.125rem;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-content-teaser-v2 .card-body {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  grid-template-rows: 72fr 28fr;
  width: 100%;
  height: 100%;
}
hcc-content-teaser-v2 .text-uppercase {
  text-transform: unset !important;
}
hcc-content-teaser-v2 .card-details-container {
  position: relative;
}
hcc-content-teaser-v2 .card-details {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  width: calc(100% - 4rem);
  height: calc(100% + 2.5rem);
  background-color: #ffffff;
}
hcc-content-teaser-v2 .card-details h4 {
  height: 5.625rem;
}
hcc-content-teaser-v2 .card-details a {
  font-size: 1rem;
}
hcc-content-teaser-v2 .card-img-top {
  margin-bottom: 0 !important;
}
hcc-content-teaser-v2 .card-img-top > div {
  border-radius: 1.25rem;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-content-teaser .container,
hcc-content-teaser .container-sm,
hcc-content-teaser .container-md,
hcc-content-teaser .container-lg,
hcc-content-teaser .container-xl {
  padding: 2rem 0;
}
hcc-content-teaser .main {
  display: grid;
  grid-template-rows: auto 40px auto;
}
hcc-content-teaser .img {
  grid-column: 1/2;
  grid-row: 1/3;
  border-radius: 20px;
  overflow: clip;
}
hcc-content-teaser .text-container {
  grid-column: 1/2;
  grid-row: 2/4;
  padding-left: 1rem;
  padding-right: 1rem;
}
hcc-content-teaser .text-card {
  background-color: #ffffff;
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
hcc-content-teaser .overline {
  font-size: 0.875rem;
  font-family: "Filson Soft";
}
hcc-content-teaser swiper .swiper-button-next,
hcc-content-teaser swiper .swiper-button-prev {
  display: none;
}
hcc-content-teaser .controls {
  display: flex;
  position: relative;
  align-items: center;
  gap: 40px;
  justify-content: center;
}
hcc-content-teaser .controls .swiper-pagination {
  display: flex;
  position: initial;
  width: max-content;
  justify-content: center;
  align-items: center;
}
hcc-content-teaser .controls .swiper-pagination-bullet {
  background: #181e27;
  width: 0.375rem;
  height: 0.375rem;
  min-width: 0.375rem;
  min-height: 0.375rem;
  opacity: 100%;
}
hcc-content-teaser .controls .swiper-pagination-bullet-active {
  border: 0.125rem solid #181e27;
  background: transparent;
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0.625rem;
  min-height: 0.625rem;
  opacity: 100%;
}
hcc-content-teaser .controls .swiper-button-prev,
hcc-content-teaser .controls .swiper-button-next {
  position: static;
  margin: 0;
  transform: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 6rem;
  background-color: #fff;
  background-image: url("./media/chevron-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: none !important;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2) !important;
}
hcc-content-teaser .controls .swiper-button-prev::after,
hcc-content-teaser .controls .swiper-button-next::after {
  content: "";
}
@media screen and (max-width: 767px) {
  hcc-content-teaser .controls .swiper-button-prev,
  hcc-content-teaser .controls .swiper-button-next {
    display: none;
  }
}
hcc-content-teaser .controls .swiper-button-prev::after,
hcc-content-teaser .controls .swiper-button-next::after {
  font-size: 16px;
}
hcc-content-teaser .controls .with-white .swiper-pagination-bullet,
hcc-content-teaser .controls .with-white .swiper-pagination-bullet-active {
  background: #ffffff;
  border-color: #ffffff;
}
hcc-content-teaser .controls .swiper-pagination-bullet {
  background: #181e27;
  width: 0.375rem;
  height: 0.375rem;
  min-width: 0.375rem;
  min-height: 0.375rem;
  opacity: 100%;
}
hcc-content-teaser .controls .swiper-pagination-bullet-active {
  border: 0.125rem solid #181e27;
  background: transparent;
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0.625rem;
  min-height: 0.625rem;
  opacity: 100%;
}
hcc-content-teaser .controls .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
hcc-content-teaser .controls .swiper-button-prev {
  transform: scaleX(-1);
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-image-teaser {
  font-family: Filson-Pro, serif;
  overflow: hidden;
}
hcc-image-teaser .image-teaser {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
hcc-image-teaser .content-inner {
  padding: 1rem !important;
}
hcc-image-teaser .content-inner .btn.btn-primary {
  display: inline-flex;
  margin-top: 0.5rem;
}
hcc-image-teaser .content-inner .btn.btn-primary:hover {
  background: rgba(255, 255, 255, 0.8);
}
hcc-image-teaser .headline h1,
hcc-image-teaser .headline h2,
hcc-image-teaser .headline h3 {
  font-size: 4.25rem;
  color: #ffffff;
}
hcc-image-teaser .subheadline {
  width: fit-content;
  font-family: Filson-Soft, serif;
  font-size: 1rem;
  border-radius: 0.5rem;
  background-color: #ffeb00;
  padding: 5px 8px;
  display: inline-block;
  margin-bottom: 0.5rem;
}
hcc-image-teaser .subheadline.highlight {
  padding: 5px 0.5rem;
  background: #ffeb00;
  border-radius: 8px;
  line-height: 100%;
}
hcc-image-teaser .headline {
  font-family: Filson-Soft, serif;
  font-size: 2.75rem;
}
hcc-image-teaser .description {
  width: 50%;
  background-color: #d9e4ef;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
hcc-image-teaser .description-button {
  width: fit-content;
  border: 2px solid #181e27;
  color: black;
  background-color: #d9e4ef;
}
hcc-image-teaser .sidebar-header {
  font-size: 1.25rem;
  font-weight: bold;
  color: #181e27;
}
hcc-image-teaser .sidebar {
  position: absolute;
  background-color: #f3f4f4;
  width: 64%;
  padding: 1.5rem;
  top: 50%;
  right: -50%;
  transform: translateY(-50%);
  border-radius: 0.5rem;
  box-shadow: var(--box-shadow);
  z-index: 98;
}
hcc-image-teaser .headline {
  font-family: Filson-Soft, serif;
  font-size: 2.75rem;
  font-weight: 900;
}
hcc-image-teaser .full-size {
  width: 100%;
}
@media (min-width: 768px) {
  hcc-image-teaser {
    --border-radius: 24px;
  }
  hcc-image-teaser .content-inner {
    padding: 3rem !important;
  }
  hcc-image-teaser .split-with-side {
    width: 67%;
  }
}
@media (max-width: 767.98px) {
  hcc-image-teaser {
    --border-radius: 0;
    --box-shadow: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  hcc-image-teaser .image-teaser {
    overflow: visible !important;
  }
  hcc-image-teaser .headline h1,
  hcc-image-teaser .headline h2,
  hcc-image-teaser .headline h3 {
    font-size: 1.75rem;
    color: #181e27;
  }
  hcc-image-teaser .content {
    position: relative !important;
    margin: auto;
    width: calc(100% - 2rem) !important;
    background-color: #f3f4f4;
    border-radius: 0 0 8px 8px;
  }
  hcc-image-teaser .top-container {
    display: contents;
  }
  hcc-image-teaser .description {
    width: calc(100% - 2rem);
  }
  hcc-image-teaser .sidebar {
    position: relative;
    width: calc(100% - 2rem);
    margin: auto;
    padding: 0 1.5rem;
    border-radius: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
  hcc-image-teaser .sidebar-header {
    font-size: 0.75rem;
  }
  hcc-image-teaser .image {
    position: relative;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1), 0 1px 10px 1px rgba(0, 0, 0, 0.05);
    z-index: 98;
  }
  hcc-image-teaser .image-teaser-container {
    display: flex;
    flex-direction: column;
  }
  hcc-image-teaser .split-with-side {
    width: 100%;
  }
  hcc-image-teaser .teaser-bg-grey {
    background-color: #f3f4f4;
  }
  hcc-image-teaser .teaser-bg-md-blue {
    background-color: #d9e4ef;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
hcc-slideshow .card-body {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  grid-template-rows: 72fr 28fr;
  width: 100%;
  height: 100%;
}
hcc-slideshow .text-uppercase {
  text-transform: unset !important;
}
hcc-slideshow .card-details-container {
  position: relative;
}
hcc-slideshow .card-details {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  width: calc(100% - 4rem);
  height: calc(100% + 2.5rem);
  background-color: #ffffff;
}
hcc-slideshow .card-details h4 {
  height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
hcc-slideshow .card-details a {
  font-size: 1rem;
}
hcc-slideshow .card-img-top {
  margin-bottom: 0 !important;
}
hcc-slideshow .card-img-top > div {
  border-radius: 1.25rem;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.icon-banner {
  padding: 40px 48px 48px 48px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  flex-direction: column;
  align-items: center;
  justify-items: center;
  text-align: center;
}
.icon-banner .btn-secondary {
  font-weight: 700;
  border: 2px solid;
}
@media (max-width: 1023.98px) {
  .icon-banner {
    padding: 24px 15px 32px 15px;
  }
}
.icon-banner__content {
  display: grid;
  gap: 8px;
  grid-column: 3/span 8;
  width: 100%;
}
@media (max-width: 1023.98px) {
  .icon-banner__content {
    grid-column: 1/span 12;
  }
}
@media (min-width: 1024px) {
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(2):last-child) .icon-banner__icon-with-text:nth-child(1) {
    grid-column: 3/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(2):last-child) .icon-banner__icon-with-text:nth-child(2) {
    grid-column: 5/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(3):last-child) .icon-banner__icon-with-text:nth-child(1) {
    grid-column: 2/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(3):last-child) .icon-banner__icon-with-text:nth-child(2) {
    grid-column: 4/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(3):last-child) .icon-banner__icon-with-text:nth-child(3) {
    grid-column: 6/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(4):last-child) .icon-banner__icon-with-text:nth-child(1) {
    grid-column: 1/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(4):last-child) .icon-banner__icon-with-text:nth-child(2) {
    grid-column: 3/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(4):last-child) .icon-banner__icon-with-text:nth-child(3) {
    grid-column: 5/span 2;
  }
  .icon-banner__icon-with-text-container:has(.icon-banner__icon-with-text:nth-child(4):last-child) .icon-banner__icon-with-text:nth-child(4) {
    grid-column: 7/span 2;
  }
}
.icon-banner__button {
  justify-self: center;
}
.icon-banner__subheadline {
  font-family: Filson-Soft;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.4px;
}
@media (max-width: 1023.98px) {
  .icon-banner__subheadline {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.2px;
  }
}
.icon-banner__icon-with-text-container {
  gap: 24px;
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1023.98px) {
  .icon-banner__icon-with-text-container {
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}
.icon-banner__icon-with-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1023.98px) {
  .icon-banner__icon-with-text {
    flex-direction: column;
    gap: 8px;
  }
}
.icon-banner__icon-with-text__text-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023.98px) {
  .icon-banner__icon-with-text__text-container {
    gap: 0;
  }
}
.icon-banner__icon-with-text__headline {
  font-family: "Filson-Soft";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .icon-banner__icon-with-text__headline {
    font-family: "Filson-Soft";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}
.icon-banner__icon-with-text__text {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .icon-banner__icon-with-text__text {
    font-size: 16px;
    line-height: 24px;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.btn-primary {
  cursor: pointer;
  color: #ffffff;
  background-color: #4079b1;
  border-color: #4079b1;
}
.btn-primary:hover,
.btn-primary.hover .btn-primary:focus,
.btn-primary.focus {
  color: #4079b1;
  background-color: #ffffff;
  border-color: #4079b1;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
.btn-secondary {
  cursor: pointer;
  color: #181e27;
  background-color: transparent;
  border-color: #181e27;
}
.btn-secondary:hover,
.btn-secondary.hover .btn-secondary:focus,
.btn-secondary.focus {
  color: #ffffff;
  background-color: #181e27;
  border-color: #ffffff;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #dcdddf;
  background-color: transparent;
  border-color: #dcdddf;
}
.btn-tertiary {
  cursor: pointer;
  color: #181e27;
  background-color: #ffffff;
  border-color: #181e27;
}
.btn-tertiary:hover,
.btn-tertiary.hover .btn-tertiary:focus,
.btn-tertiary.focus {
  color: #ffffff;
  background-color: #181e27;
  border-color: #181e27;
}
.btn-tertiary.disabled,
.btn-tertiary:disabled {
  color: #dcdddf;
  background-color: #ffffff;
  border-color: #dcdddf;
}
.btn-green,
hcc-image-teaser .content-inner .btn.btn-primary,
hcc-page-hero .content-inner .btn.btn-primary {
  cursor: pointer;
  color: #ffffff;
  background-color: #8cbe21;
  border-color: #8cbe21;
}
.btn-green:hover,
hcc-image-teaser .content-inner .btn.btn-primary:hover,
hcc-page-hero .content-inner .btn.btn-primary:hover,
.btn-green.hover .btn-green:focus,
hcc-image-teaser .content-inner .hover.btn.btn-primary .btn-green:focus,
hcc-page-hero .content-inner .hover.btn.btn-primary .btn-green:focus,
.btn-green.hover hcc-image-teaser .content-inner .btn.btn-primary:focus,
hcc-image-teaser .content-inner .btn-green.hover .btn.btn-primary:focus,
hcc-image-teaser .content-inner .hover.btn.btn-primary .btn.btn-primary:focus,
.btn-green.hover hcc-page-hero .content-inner .btn.btn-primary:focus,
hcc-page-hero .content-inner .btn-green.hover .btn.btn-primary:focus,
hcc-page-hero .content-inner .hover.btn.btn-primary .btn.btn-primary:focus,
.btn-green.focus,
hcc-image-teaser .content-inner .focus.btn.btn-primary,
hcc-page-hero .content-inner .focus.btn.btn-primary {
  color: #8cbe21;
  background-color: #ffffff;
  border-color: #8cbe21;
}
.btn-green.disabled,
hcc-image-teaser .content-inner .disabled.btn.btn-primary,
hcc-page-hero .content-inner .disabled.btn.btn-primary,
.btn-green:disabled,
hcc-image-teaser .content-inner .btn.btn-primary:disabled,
hcc-page-hero .content-inner .btn.btn-primary:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
.btn-black {
  cursor: pointer;
  color: #ffffff;
  background-color: #181e27;
  border-color: #181e27;
}
.btn-black:hover,
.btn-black.hover .btn-black:focus,
.btn-black.focus {
  color: #181e27;
  background-color: #ffffff;
  border-color: #181e27;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff;
  background-color: #a0a2a4;
  border-color: #a0a2a4;
}
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-green,
hcc-image-teaser .content-inner .btn.btn-primary,
hcc-page-hero .content-inner .btn.btn-primary,
.btn-yellow,
.btn-link,
.btn-input {
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-green,
hcc-image-teaser .content-inner .btn.btn-primary,
hcc-page-hero .content-inner .btn.btn-primary,
.btn-danger,
.btn-yellow,
.btn-black {
  text-transform: none;
  letter-spacing: 1.6px;
  border-radius: 0.5rem;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 3rem;
  line-height: 1.25;
}
.btn-sm {
  height: 2.25rem;
  padding: 0 1rem;
}
.btn-yellow {
  color: #212529;
  background-color: #ffeb00;
  border-color: #ffeb00;
}
.btn-yellow:hover {
  color: #212529;
  background-color: #ff9e1b;
  border-color: #ff9e1b;
}
.btn-yellow:focus,
.btn-yellow.focus {
  color: #212529;
  background-color: #ff9e1b;
  border-color: #ff9e1b;
  box-shadow: 0 0 0 0 rgba(221.7, 205.3, 6.15, 0.5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
  color: #212529;
  background-color: #ffeb00;
  border-color: #ffeb00;
}
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #212529;
  background-color: #fefce7;
  border-color: #fefce7;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(221.7, 205.3, 6.15, 0.5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
  background-color: #fefce7;
  border-color: #fefce7;
}
.btn-icon {
  min-height: 3rem;
}
.btn-icon app-svg svg {
  margin: -0.1rem 0 0;
}
.btn-icon.btn-primary svg,
.btn-icon.btn-green svg,
hcc-image-teaser .content-inner .btn-icon.btn.btn-primary svg,
hcc-page-hero .content-inner .btn-icon.btn.btn-primary svg {
  fill: #ffffff !important;
}
.btn-icon.btn-secondary:disabled svg {
  fill: #dcdddf !important;
}
.btn-danger {
  cursor: pointer;
  color: #ffffff;
  background-color: #c8102e;
  border-color: #c8102e;
}
.btn-danger:hover,
.btn-danger.hover .btn-danger:focus,
.btn-danger.focus {
  color: #c8102e;
  background-color: #ffffff;
  border-color: #c8102e;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff;
  background-color: #dcdddf;
  border-color: #dcdddf;
}
hcc-page-hero {
  font-family: Filson-Pro, serif;
  overflow: hidden;
}
hcc-page-hero .page-hero {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
hcc-page-hero .sidebar-centered {
  position: absolute;
  background-color: #f3f4f4;
  width: 60%;
  padding: 1.5rem;
  top: 50%;
  right: -49%;
  transform: translateY(-50%);
  border-radius: 0.5rem;
  box-shadow: var(--box-shadow);
  z-index: 99;
}
hcc-page-hero .sidebar-side-text p {
  margin-bottom: 16px;
}
hcc-page-hero .sidebar-side-text p:has(+ *) {
  margin-bottom: 16px;
}
hcc-page-hero .sidebar-side-text p:not(:has(+ *)) {
  margin-bottom: 0;
}
hcc-page-hero .sideText-links {
  font-family: Filson-Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  padding-right: 8px;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  max-width: 100%;
}
hcc-page-hero .sideText-links .sideText-links-link {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
hcc-page-hero .sideText-links svg {
  align-self: center;
  transition: transform 0.3s ease;
}
hcc-page-hero .sideText-links:hover svg {
  transform: translateX(8px);
}
hcc-page-hero .content-inner {
  padding: 1rem !important;
}
hcc-page-hero .content-inner .btn.btn-primary {
  display: inline-flex;
  margin-top: 0.5rem;
}
hcc-page-hero .content-inner .btn.btn-primary:hover {
  background: rgba(255, 255, 255, 0.8);
}
hcc-page-hero .headline h1,
hcc-page-hero .headline h2,
hcc-page-hero .headline h3 {
  color: #ffffff;
  font-family: Filson-Soft;
}
hcc-page-hero .headline-small,
hcc-page-hero .headline-small > h1,
hcc-page-hero .headline-small > h2,
hcc-page-hero .headline-small > h3 {
  font-family: Filson-Soft;
  font-size: 44px;
  font-style: normal;
  font-weight: 900;
  line-height: 54px;
}
hcc-page-hero .headline-big,
hcc-page-hero .headline-big > h1,
hcc-page-hero .headline-big > h2,
hcc-page-hero .headline-big > h3 {
  font-family: Filson-Soft;
  font-size: 80px;
  font-style: normal;
  font-weight: 900;
  line-height: 90px;
}
hcc-page-hero .subheadline {
  width: fit-content;
  font-family: Filson-Soft, serif;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 5px 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 0.5rem;
}
hcc-page-hero .subheadline.highlight {
  padding: 5px 0.5rem;
  border-radius: 8px;
  line-height: 100%;
}
hcc-page-hero .description {
  width: 75%;
  background-color: #d9e4ef;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  font-family: Filson-Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
hcc-page-hero .description-button {
  width: fit-content;
  border: 2px solid #181e27;
  color: black;
  background-color: transparent;
}
hcc-page-hero .description-button:hover {
  background-color: #ffffff;
}
hcc-page-hero .sidebar-header {
  color: #181e27;
  font-family: Filson-Soft;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.4px;
}
hcc-page-hero .sidebar {
  position: absolute;
  background-color: #f3f4f4;
  width: 60%;
  padding: 1.5rem;
  top: 20%;
  right: -49%;
  border-radius: 0.5rem;
  box-shadow: var(--box-shadow-xl);
  z-index: 98;
}
hcc-page-hero .full-size {
  width: 100%;
}
@media screen and (min-width: 767px) {
  hcc-page-hero {
    --border-radius: 24px;
  }
  hcc-page-hero .content-inner {
    padding: 3rem !important;
  }
  hcc-page-hero .split-with-side {
    width: 67%;
  }
}
@media (max-width: 767.98px) {
  hcc-page-hero .sidebar {
    position: relative;
    width: 75%;
    margin: auto;
    border-radius: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
}
@media (max-width: 767.98px) {
  hcc-page-hero {
    --border-radius: 0;
    --box-shadow: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  hcc-page-hero .page-hero {
    overflow: visible !important;
  }
  hcc-page-hero .headline-small h1,
  hcc-page-hero .headline-small h2,
  hcc-page-hero .headline-small h3,
  hcc-page-hero .headline-big h1,
  hcc-page-hero .headline-big h2,
  hcc-page-hero .headline-big h3,
  hcc-page-hero .headline h1,
  hcc-page-hero .headline h2,
  hcc-page-hero .headline h3,
  hcc-page-hero .headline-small > h1 h1,
  hcc-page-hero .headline-small > h1 h2,
  hcc-page-hero .headline-small > h1 h3,
  hcc-page-hero .headline-small > h2 h1,
  hcc-page-hero .headline-small > h2 h2,
  hcc-page-hero .headline-small > h2 h3,
  hcc-page-hero .headline-small > h3 h1,
  hcc-page-hero .headline-small > h3 h2,
  hcc-page-hero .headline-small > h3 h3,
  hcc-page-hero .headline-big > h1 h1,
  hcc-page-hero .headline-big > h1 h2,
  hcc-page-hero .headline-big > h1 h3,
  hcc-page-hero .headline-big > h2 h1,
  hcc-page-hero .headline-big > h2 h2,
  hcc-page-hero .headline-big > h2 h3,
  hcc-page-hero .headline-big > h3 h1,
  hcc-page-hero .headline-big > h3 h2,
  hcc-page-hero .headline-big > h3 h3,
  hcc-page-hero .headline > h1 h1,
  hcc-page-hero .headline > h1 h2,
  hcc-page-hero .headline > h1 h3,
  hcc-page-hero .headline > h2 h1,
  hcc-page-hero .headline > h2 h2,
  hcc-page-hero .headline > h2 h3,
  hcc-page-hero .headline > h3 h1,
  hcc-page-hero .headline > h3 h2,
  hcc-page-hero .headline > h3 h3,
  hcc-page-hero .headline h1,
  hcc-page-hero .headline h2,
  hcc-page-hero .headline h3 {
    color: #181e27;
    font-family: Filson-Soft;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
  }
  hcc-page-hero .subheadline {
    font-family: Filson-Soft;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
  }
  hcc-page-hero .content {
    position: relative !important;
    margin: auto;
    width: calc(100% - 2rem) !important;
    background-color: #f3f4f4;
    border-radius: 0 0 8px 8px;
  }
  hcc-page-hero .top-container {
    display: contents;
  }
  hcc-page-hero .description {
    width: calc(100% - 2rem);
    font-family: Filson-Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  hcc-page-hero .sidebar {
    position: relative;
    width: calc(100% - 2rem);
    margin: auto;
    padding: 16px;
    border-radius: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
  hcc-page-hero .sideText-links {
    font-family: Filson-Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  hcc-page-hero .sidebar-header {
    font-family: Filson-Soft;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.2px;
  }
  hcc-page-hero .image {
    position: relative;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1), 0 1px 10px 1px rgba(0, 0, 0, 0.05);
    z-index: 98;
  }
  hcc-page-hero .page-hero-container {
    display: flex;
    flex-direction: column;
  }
  hcc-page-hero .split-with-side {
    width: 100%;
  }
  hcc-page-hero .teaser-bg-grey {
    background-color: #f3f4f4;
  }
  hcc-page-hero .teaser-bg-md-blue {
    background-color: #d9e4ef;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.w-20 {
  width: 20% !important;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
  width: 60% !important;
}
.w-80 {
  width: 80% !important;
}
.w-md-65 {
  width: 100%;
}
@media (min-width: 768px) {
  .w-md-65 {
    width: 65%;
  }
}
.w-md-60 {
  width: 100%;
}
@media (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
:root {
  --wehrfritz-white-100: #ffffff;
  --wehrfritz-gray-70: #181e27;
  --haba-red-15: #f7dbe0;
  --haba-yellow-15: #fffcd9;
  --haba-green-15: #eef5de;
  --haba-orange-15: #ffe9dc;
  --haba-medium-blue-15: #d9e4ef;
  --haba-light-orange-15: #fff0dd;
  --haba-violet-15: #f2ebf7;
  --haba-bordeaux-15: #f0dee1;
  --haba-dark-pink-15: #f7e6f0;
  --haba-lemon-15: #f6f9d9;
  --haba-light-yellow-15: #fefce7;
  --haba-light-blue-15: #d9f0fa;
}
.toast-container.toast-top-right {
  top: 24px;
  right: 24px;
  max-width: calc(100% - 48px);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr {
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 16px 16px 16px 16px;
  min-height: 96px;
  max-width: 100%;
  width: 500px;
  color: #181e27;
  background-position: 16px 16px;
  background-size: 64px 64px;
  box-shadow: 0 7px 10px rgba(24, 30, 39, 0.07);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr:hover {
  box-shadow: 0 7px 10px rgba(24, 30, 39, 0.1);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.toast-success {
  background-image: none;
  background-color: rgba(238, 245, 222, 0.9);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.toast-info {
  background-image: none;
  background-color: rgba(238, 245, 222, 0.9);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.toast-error {
  background-image: none;
  background-color: rgba(247, 219, 224, 0.9);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.toast-warning {
  background-image: none;
  background-color: rgba(247, 219, 224, 0.9);
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.gift-card-success {
  padding: 16px 47px 16px 96px;
  background-image: url("./media/gift-card-success.svg");
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.gift-card-error {
  padding: 16px 47px 16px 96px;
  background-image: url("./media/gift-card-error.svg");
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr.message-success {
  padding: 16px 47px 16px 96px;
  background-image: url("./media/message-success.svg");
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 15px;
  height: 15px;
  float: none;
  font-size: 0;
  background: url("./media/close-bold.svg") center/contain no-repeat;
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-title {
  font-size: 18px;
}
.toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-message {
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .toast-container.toast-top-right {
    top: 15px;
    right: 15px;
    max-width: calc(100% - 30px);
  }
  .toast-container.toast-top-right .ngx-toastr.custom-toastr {
    padding: 16px 16px 16px 16px;
    min-height: 80px;
    width: 345px;
    background-size: 48px 48px;
  }
  .toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-close-button {
    width: 12px;
    height: 12px;
  }
  .toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-title {
    font-size: 16px;
  }
  .toast-container.toast-top-right .ngx-toastr.custom-toastr .toast-message {
    font-size: 12px;
  }
}
svg {
  max-width: 100%;
}
body {
  font-family: Filson-Pro;
  font-weight: 300;
}
body div[id*=userlike] div[class*=umm] {
  transition: margin 0.25s ease 0.1s;
}
body.modal-open div[id*=userlike] div[class*=umm] {
  margin-left: -8rem;
}
body button,
body h2,
body h3,
body h4,
body h5,
body .h5 {
  font-family: Filson-Soft;
  font-weight: 700;
}
body h1,
body .h1 {
  font-family: Filson-Soft;
  font-weight: 900;
}
cx-skip-link {
  display: none;
}
.hcc-rich-text p:empty {
  min-height: 1.5rem;
  display: block;
}
.hcc-rich-text p:last-child:empty {
  display: none;
}
.cf-space-t-xs {
  margin-top: 16px !important;
}
.cf-space-t-xs:not(.row) {
  display: block;
}
.cf-space-t-s {
  margin-top: 40px !important;
}
.cf-space-t-s:not(.row) {
  display: block;
}
.cf-space-t-m {
  margin-top: 80px !important;
}
.cf-space-t-m:not(.row) {
  display: block;
}
.cf-space-t-l {
  margin-top: 160px !important;
}
.cf-space-t-l:not(.row) {
  display: block;
}
.cf-space-xs {
  margin-bottom: 16px !important;
}
.cf-space-xs:not(.row) {
  display: block;
}
.cf-space-s {
  margin-bottom: 40px !important;
}
.cf-space-s:not(.row) {
  display: block;
}
.cf-space-m {
  margin-bottom: 80px !important;
}
.cf-space-m:not(.row) {
  display: block;
}
.cf-space-l {
  margin-bottom: 160px !important;
}
.cf-space-l:not(.row) {
  display: block;
}
.tooltip {
  z-index: 100;
}
.visually-hidden {
  display: none;
}
a:hover,
a:active {
  color: #4079b1;
}
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}
.filson-soft {
  font-family: Filson-Soft;
}
a.link-inherit-color {
  color: inherit !important;
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* node_modules/nouislider/dist/nouislider.min.css */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #EBEBEB,
    0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #DDD,
    0 3px 6px -3px #BBB;
}
.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* node_modules/swiper/swiper-bundle.min.css */
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property:
    transform,
    opacity,
    height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */