@charset "UTF-8";
/* HCW FARBEN
Gesundheitswissenschaften

rgb(241,135,0)

rgb(245,156,0)

rgb(238,114,3)

Angewandte Pflegewiss.

rgb(251,186,0)

rgb(255,204,0)

rgb(247,166,0)

Applied Life Sciences

rgb(0,133,166)

rgb(0,152,191)

rgb(0,118,150)

Technik

rgb(0,160,222)

rgb(45,175,230)

rgb(0,141,209)

Verwaltung, Wirtschaft, Sicherheit, Politik

rgb(127,92,163)

rgb(147,115,177)

rgb(106,80,157)

Bauen und Gestalten (wird rot!)

rgb(232,65,51)

rgb(235,93,72)

rgb(228,5,33)

*/
@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #7897AC;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #FFFFFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #36566D;
  --bs-font-sans-serif: 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";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
*, *::before, *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #FFFFFF;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title], abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul {
  padding-left: 2rem;
}
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, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #36566D;
  text-decoration: underline;
}
a:hover {
  color: #2b4557;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre, code, kbd, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #FFFFFF;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
figure {
  margin: 0 0 1rem;
}
img, svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
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, select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
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;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.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: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #FFFFFF;
  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: 0.875em;
  color: #6c757d;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 24px);
  padding-left: var(--bs-gutter-x, 24px);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.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%;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-primary {
  --bs-table-bg: #d7dde2;
  --bs-table-striped-bg: #ccd2d7;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c2c7cb;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c7ccd1;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c2c7cb;
}
.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}
.table-success {
  --bs-table-bg: #d5eed5;
  --bs-table-striped-bg: #cae2ca;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c0d6c0;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c5dcc5;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c0d6c0;
}
.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}
.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}
.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}
.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}
.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #FFFFFF;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #FFFFFF;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #FFFFFF;
  color: #FFFFFF;
  border-color: #373b3e;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.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;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  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[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #9babb6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  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 {
  min-height: calc(1.5em + (0.5rem + 2px));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + (0.75rem + 2px));
}
textarea.form-control-sm {
  min-height: calc(1.5em + (0.5rem + 2px));
}
textarea.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
}
.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #9babb6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #9babb6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.form-check-input:checked {
  background-color: #36566D;
  border-color: #36566D;
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #36566D;
  border-color: #36566D;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239babb6'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #36566D;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c3ccd3;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #36566D;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #c3ccd3;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus, .input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #2DAC2D;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(45, 172, 45, 0.9);
  border-radius: 0.25rem;
}
.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: #2DAC2D;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232DAC2D' 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: #2DAC2D;
  box-shadow: 0 0 0 0.25rem rgba(45, 172, 45, 0.25);
}
.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 .form-select:valid, .form-select.is-valid {
  border-color: #2DAC2D;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232DAC2D' 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-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #2DAC2D;
  box-shadow: 0 0 0 0.25rem rgba(45, 172, 45, 0.25);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #2DAC2D;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #2DAC2D;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 172, 45, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #2DAC2D;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #FFFFFF;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.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);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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.25rem rgba(220, 53, 69, 0.25);
}
.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 .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem 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;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus {
  z-index: 3;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  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: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}
.btn-primary {
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.btn-primary:hover {
  color: #FFFFFF;
  background-color: #2e495d;
  border-color: #2b4557;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #FFFFFF;
  background-color: #2e495d;
  border-color: #2b4557;
  box-shadow: 0 0 0 0.25rem rgba(84, 111, 131, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2b4557;
  border-color: #294152;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(84, 111, 131, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.btn-outline-primary {
  color: #36566D;
  border-color: #36566D;
}
.btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #36566D;
  background-color: transparent;
}
.btn-link {
  font-weight: 400;
  color: #36566D;
  text-decoration: underline;
}
.btn-link:hover {
  color: #2b4557;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.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 {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup, .dropend, .dropdown, .dropstart {
  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;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  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;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .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;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .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;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  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: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #36566D;
}
.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 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}
.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #FFFFFF;
  background-color: #36566D;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #36566D;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #2b4557;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #dee2e6 #dee2e6 #FFFFFF;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: #36566D;
}
.nav-fill > .nav-link, .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link, .nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #FFFFFF;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #FFFFFF;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
  color: #FFFFFF;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #FFFFFF;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
.card-title {
  margin-bottom: 0.5rem;
}
.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1rem;
}
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}
.card-img, .card-img-top, .card-img-bottom {
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #FFFFFF;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  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, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #314d62;
  background-color: #ebeef0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23314d62'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #9babb6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  color: #36566D;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
  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) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #2b4557;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #2b4557;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #FFFFFF;
  border-color: #dee2e6;
}
.page-link {
  padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  color: #203441;
  background-color: #d7dde2;
  border-color: #c3ccd3;
}
.alert-primary .alert-link {
  color: #1a2a34;
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #36566D;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #FFFFFF;
}
.list-group-item.active {
  z-index: 2;
  color: #FFFFFF;
  background-color: #36566D;
  border-color: #36566D;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #203441;
  background-color: #d7dde2;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #203441;
  background-color: #c2c7cb;
}
.list-group-item-primary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #203441;
  border-color: #203441;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(54, 86, 109, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast.hide {
  display: none;
}
.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 24px;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}
.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  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 {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #FFFFFF;
  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;
  flex-shrink: 0;
  align-items: center;
  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 .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem 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;
  flex-shrink: 0;
  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;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #FFFFFF;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #FFFFFF;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #FFFFFF;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #FFFFFF;
}
.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
  transform: translateX(-100%);
}
/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #FFFFFF;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #FFFFFF;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}
.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}
.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}
.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}
.offcanvas.show {
  transform: none;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.link-primary {
  color: #36566D;
}
.link-primary:hover, .link-primary:focus {
  color: #2b4557;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.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;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !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;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !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;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #36566D !important;
}
.border-white {
  border-color: #FFFFFF !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.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-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;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !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;
}
.justify-content-evenly {
  justify-content: space-evenly !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;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  color: #36566D !important;
}
.text-white {
  color: #FFFFFF !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  color: inherit !important;
}
.bg-primary {
  background-color: #36566D !important;
}
.bg-body {
  background-color: #FFFFFF !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.2rem !important;
}
.rounded-2 {
  border-radius: 0.25rem !important;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-end {
  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-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !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;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !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;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !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;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !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;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !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;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !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;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !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;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !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;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !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;
  }
  .d-print-none {
    display: none !important;
  }
}
/*	.container .col-md-2:first-child,
	.container .col-md-3:first-child,
	.container .col-md-4:first-child,
	.container .col-md-5:first-child,
	.container .col-md-6:first-child,
	.container .col-md-7:first-child,
	.container .col-md-8:first-child,
	.container .col-md-9:first-child,
	.container .col-md-10:first-child,
	.container .col-md-11:first-child,
	.container .col-md-12:first-child,
	{
		padding-left: 1.5rem;
	}
	*/
.frame-space-before-small {
  margin-top: 20px;
}
.frame-space-after-small {
  margin-bottom: 20px;
}
.frame-space-before-medium {
  margin-top: 40px;
}
.frame-space-after-medium {
  margin-bottom: 40px;
}
.frame-space-before-large {
  margin-top: 60px;
}
.frame-space-after-large {
  margin-bottom: 60px;
}
.hide {
  display: none;
}
.threefourth-wrapper {
  width: 75%;
}
.text-wrapper {
  width: 60%;
}
ol, ul {
  padding-left: 1rem;
}
ol li, ul li {
  padding-left: 12px;
}
ol li ol, ol li ul, ul li ol, ul li ul {
  list-style-type: disc;
}
.fillleft {
  width: calc(1000% - 23px);
  min-height: 20px;
  height: 40px;
  position: absolute;
  bottom: -44px;
  left: calc(-1000%);
  display: block;
  border-radius: 2px;
}
.filllefttop3d {
  width: calc(1000% - 1px);
  min-height: 24px;
  height: 40px;
  position: absolute;
  top: -16px;
  left: calc(-1000%);
  display: block;
  border-radius: 2px;
}
.fillrighttop3d {
  width: calc(1000% + 2px);
  min-height: 24px;
  height: 40px;
  position: absolute;
  top: 0;
  right: -1000%;
  display: block;
  border-radius: 2px;
}
.fillright3d {
  width: calc(1000% + 2px);
  min-height: 24px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1000%;
  display: block;
  border-radius: 2px;
}
.fillleft3d {
  width: calc(1000% - 23px);
  min-height: 20px;
  height: 40px;
  position: absolute;
  bottom: -44px;
  left: calc(-1000%);
  display: block;
  border-radius: 2px;
}
.left3d {
  position: relative;
}
.left3d:before {
  content: " ";
  width: 24px;
  min-height: calc(100% - 25px);
  position: absolute;
  background: #d7e4ee;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  top: 12px;
  left: -24px;
  display: block;
  z-index: 1;
}
.subnav-backdrop {
  background: #FFFFFF;
  opacity: 0.5;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.divider {
  position: relative;
  margin-bottom: 60px;
}
.divider hr {
  position: initial;
  margin-left: -24px;
  opacity: 1;
  height: 2px;
  background-color: #F0F0F2;
}
.divider hr:before {
  content: " ";
  width: 24px;
  min-height: 2px;
  position: absolute;
  background-color: #F0F0F2;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  top: 12px;
  left: -24px;
  display: block;
  z-index: 1;
  opacity: 1;
}
.divider hr:after {
  content: " ";
  position: absolute;
  bottom: -24px;
  left: calc(-100vw - 24px);
  border-bottom-right-radius: 2px;
  height: 2px;
  width: 100vw;
  background-color: #F0F0F2;
  opacity: 1;
}
.divider .hr-after {
  position: absolute;
  top: 0;
  border-bottom-right-radius: 2px;
  height: 2px;
  width: calc(100vw - 24px);
  background-color: #F0F0F2;
  opacity: 1;
}
#modal .modal-header {
  align-items: flex-start;
}
#modal .modal-header h3, #modal .modal-header .h3 {
  margin-top: 0;
}
#modal .modal-content {
  padding: 24px;
}
#modal .btn-close {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eclose%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='4' fill='none' fill-rule='evenodd'%3E%3Cg id='close' transform='translate(23.000000, 23.000000) rotate(45.000000) translate(-23.000000, -23.000000) translate(7.000000, 7.000000)' fill='%234b5059' fill-rule='nonzero'%3E%3Cpolygon id='Line' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3Cpolygon id='Line' transform='translate(16.000000, 16.000000) rotate(-90.000000) translate(-16.000000, -16.000000) ' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 1;
}
#modal .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.popover {
  z-index: 990;
  min-width: 380px;
  max-width: 500px;
  border: 0;
  border-radius: 0;
  box-shadow: 0px 3px 6px #00000029;
}
.popover.bs-popover-top, .popover.bs-popover-auto[data-popper-placement^="top"] {
  margin-bottom: 12px !important;
}
.popover.bs-popover-top > .popover-arrow::after, .popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  border-top-color: #F0F0F2;
}
.popover.bs-popover-bottom, .popover.bs-popover-auto[data-popper-placement^="bottom"] {
  margin-top: 12px !important;
}
.popover.bs-popover-bottom > .popover-arrow::after, .popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  border-bottom-color: #F0F0F2;
}
.popover.bs-popover-start, .popover.bs-popover-auto[data-popper-placement^="left"] {
  margin-right: 12px !important;
}
.popover.bs-popover-start > .popover-arrow::after, .popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  border-left-color: #F0F0F2;
}
.popover.bs-popover-end, .popover.bs-popover-auto[data-popper-placement^="right"] {
  margin-left: 12px !important;
}
.popover.bs-popover-end > .popover-arrow::after, .popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  border-right-color: #F0F0F2;
}
.popover.bs-popover-start > .popover-arrow::before, .popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .popover.bs-popover-end > .popover-arrow::before, .popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .popover.bs-popover-top > .popover-arrow::before, .popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .popover.bs-popover-bottom > .popover-arrow::before, .popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  border-width: 0;
}
.popover .popover-header {
  background: #F0F0F2;
  border-bottom: 0px;
  padding: 24px;
  border-radius: 0px;
  margin-top: 0;
  margin-bottom: 0;
  color: #36566D;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
}
.popover .popover-header .btn-close {
  padding: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eclose%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='close' transform='translate(23.000000, 23.000000) rotate(45.000000) translate(-23.000000, -23.000000) translate(7.000000, 7.000000)' fill='%234b5059' fill-rule='nonzero'%3E%3Cpolygon id='Line' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3Cpolygon id='Line' transform='translate(16.000000, 16.000000) rotate(-90.000000) translate(-16.000000, -16.000000) ' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.popover .popover-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.popover .popover-body {
  background: #F0F0F2;
  border-radius: 0px;
  color: #4B5059;
  padding: 24px;
}
.popover .popover-body textarea {
  border-radius: 0.25rem;
  border: 0;
  box-shadow: 0px 0px 6px #0000000F;
  width: 430px;
  height: 140px;
}
.popover .popover-body .btn {
  display: block;
  margin-top: 12px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 64px;
}
.popover .popover-body .btn:focus {
  box-shadow: none;
}
.popover .popover-body .ajaxresponse p.error {
  color: #B41E1E;
}
.popover .popover-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 24px;
}
.popover .popover-body ul li {
  display: inline-block;
}
.popover .popover-body ul a.bigbutton {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  color: #36566D;
}
.popover .popover-body ul a.bigbutton.opensharelinks:before {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%2336566d' d='M448 127.1C448 181 405 223.1 352 223.1C326.1 223.1 302.6 213.8 285.4 197.1L191.3 244.1C191.8 248 191.1 251.1 191.1 256C191.1 260 191.8 263.1 191.3 267.9L285.4 314.9C302.6 298.2 326.1 288 352 288C405 288 448 330.1 448 384C448 437 405 480 352 480C298.1 480 256 437 256 384C256 379.1 256.2 376 256.7 372.1L162.6 325.1C145.4 341.8 121.9 352 96 352C42.98 352 0 309 0 256C0 202.1 42.98 160 96 160C121.9 160 145.4 170.2 162.6 186.9L256.7 139.9C256.2 135.1 256 132 256 128C256 74.98 298.1 32 352 32C405 32 448 74.98 448 128L448 127.1zM95.1 287.1C113.7 287.1 127.1 273.7 127.1 255.1C127.1 238.3 113.7 223.1 95.1 223.1C78.33 223.1 63.1 238.3 63.1 255.1C63.1 273.7 78.33 287.1 95.1 287.1zM352 95.1C334.3 95.1 320 110.3 320 127.1C320 145.7 334.3 159.1 352 159.1C369.7 159.1 384 145.7 384 127.1C384 110.3 369.7 95.1 352 95.1zM352 416C369.7 416 384 401.7 384 384C384 366.3 369.7 352 352 352C334.3 352 320 366.3 320 384C320 401.7 334.3 416 352 416z'/%3E%3C/svg%3E");
}
.popover .popover-body ul a.bigbutton.copytoclipboard:before {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath fill='%2336566d' d='M1520 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zm-703-705q0-40-28-68l-206-207q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5t-21.5-21.5-15-19-13-25.5-3.5-27.5q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84l-208-208q-84-84-84-204t85-203l147-146q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z'/%3E%3C/svg%3E");
}
.popover .popover-body ul a.bigbutton.copytoclipboard.copied:after {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792' %3E%3Cpath fill='%232dac2d' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E");
}
.popover .popover-body ul a.bigbutton span {
  vertical-align: bottom;
  margin-left: 6px;
}
.popover .popover-body .showsharelinks {
  margin-top: 12px;
  text-align: center;
  display: none;
}
.popover .popover-body .showsharelinks p {
  margin-bottom: 0;
  display: inline-block;
  width: 80%;
}
.popover .popover-body .showsharelinks .sharelinks {
  width: 100%;
  text-align: center;
  padding: 6px 12px;
  background: #F1F4F7;
  margin-bottom: 6px;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border-radius: 0.25rem;
}
.popover .popover-body .showsharelinks .sharelinks.twitter {
  background: #1DA1F2;
}
.popover .popover-body .showsharelinks .sharelinks.twitter:before {
  font-family: "Icons2022";
  content: "";
  color: #FFFFFF;
  margin-right: 6px;
}
.popover .popover-body .showsharelinks .sharelinks.facebook {
  background: #4267B2;
}
.popover .popover-body .showsharelinks .sharelinks.facebook:before {
  font-family: "Icons2022";
  content: "";
  color: #FFFFFF;
  margin-right: 6px;
}
.popover .popover-body .showsharelinks .sharelinks.linkedin {
  background: #0e76a8;
}
.popover .popover-body .showsharelinks .sharelinks.linkedin:before {
  font-family: "Icons2022";
  content: "";
  color: #FFFFFF;
  margin-right: 6px;
}
.header-breadcrumb-wrapper {
  position: relative;
  z-index: 10;
  background: #7897AC;
}
.header-breadcrumb-wrapper .breadcrumb {
  margin-bottom: 0;
  vertical-align: middle;
}
.header-breadcrumb-wrapper .left3d:before {
  min-height: 100%;
  background: #688496;
}
.header-breadcrumb-wrapper .left3d:after {
  content: " ";
  position: absolute;
  bottom: -24px;
  left: calc(-100vw - 23px);
  border-bottom-right-radius: 2px;
  height: 24px;
  width: 100vw;
  background: #7897AC;
}
.header-breadcrumb-wrapper li, .header-breadcrumb-wrapper li a {
  padding: 2px 0;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
}
.header-breadcrumb-wrapper li a:after {
  content: ">";
  padding-right: 5px;
  padding-left: 5px;
}
.infobutton {
  cursor: pointer;
}
.infobutton:after {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
}
.infotext {
  display: none;
}
a.link_phone:before {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-right: 12px;
  text-decoration: none;
  display: inline-block;
}
a.link_phone:after {
  content: none;
}
a.link_mail:before {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-right: 12px;
  text-decoration: none;
  display: inline-block;
}
a.link_mail:after {
  content: none;
}
a.link_download:before {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-right: 12px;
  text-decoration: none;
  display: inline-block;
}
a.link_download:after {
  content: none;
}
a.link_fax:before {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-right: 12px;
  text-decoration: none;
  display: inline-block;
}
a.link_fax:after {
  content: none;
}
a.link_external:after {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
}
a.link-internal:after, a.link_internal:after {
  font-family: "Icons2022";
  color: #36566D;
  content: "";
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
}
main ul {
  padding-left: 24px;
}
main ul.linklist {
  padding-left: 0px;
  list-style-type: none;
}
main ul li {
  margin-bottom: 0px;
}
main ul li ul {
  margin-top: 10px;
  list-style-type: none;
  padding-left: 17px;
}
main ul li ul li:before {
  content: "-";
  margin-left: -15px;
  padding-right: 5px;
}
main ul li ul li {
  margin-bottom: 5px;
}
.text-50 {
  width: 50%;
}
.text-60 {
  width: 60%;
}
.text-75 {
  width: 75%;
}
.addcorners:before {
  content: "";
  width: calc(1000% - 1px);
  min-height: 24px;
  height: 40px;
  position: absolute;
  top: -16px;
  left: -1000%;
  display: block;
  border-radius: 2px;
  background: #FFFFFF;
  transform: skew(0deg, -45deg);
}
.container-wrapper.colored {
  position: relative;
  margin-bottom: 24px;
  /*	.row .col-md-12{
		padding-bottom: 24px;
	}*/
}
.container-wrapper.colored .filllefttop3d {
  background: #FFFFFF;
  height: 24px;
  top: 0;
}
.container-wrapper.colored .fillleft3d {
  bottom: -24px;
}
.container-wrapper.colored .fillleft3d:after {
  content: "";
  width: 24px;
  min-height: 24px;
  position: absolute;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  right: -24px;
  bottom: 12px;
  display: block;
  z-index: 1;
}
.container-wrapper.colored.grey {
  background-color: #F0F0F2;
}
.container-wrapper.colored.grey .left3d:before {
  background: #F0F0F2;
}
.container-wrapper.colored.grey .fillleft3d {
  background: #F0F0F2;
}
.container-wrapper.colored.grey .fillleft3d:after {
  background: #F0F0F2;
}
.container-wrapper.colored.blue {
  background-color: #7897AC;
}
.container-wrapper.colored.blue .left3d:before {
  background: #7897AC;
  min-height: 100%;
}
.container-wrapper.colored.blue .fillleft3d {
  background: #7897AC;
}
.container-wrapper.colored.blue h1, .container-wrapper.colored.blue .h1, .container-wrapper.colored.blue h2, .container-wrapper.colored.blue .h2, .container-wrapper.colored.blue h3, .container-wrapper.colored.blue .h3, .container-wrapper.colored.blue h4, .container-wrapper.colored.blue .h4, .container-wrapper.colored.blue h5, .container-wrapper.colored.blue .h5 {
  color: #FFFFFF;
}
.container-wrapper.colored.lightblue {
  background-color: #F1F4F7;
}
.container-wrapper.colored.lightblue .left3d:before {
  background: #F1F4F7;
  min-height: 100%;
}
.container-wrapper.colored.lightblue .fillleft3d {
  background: #F1F4F7;
}
.container-wrapper.colored.lightblue p.newsdate {
  margin-bottom: 0;
  margin-top: 24px;
  color: #36566D;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}
.container-wrapper.colored.lightblue h1, .container-wrapper.colored.lightblue .h1, .container-wrapper.colored.lightblue h2, .container-wrapper.colored.lightblue .h2, .container-wrapper.colored.lightblue h3, .container-wrapper.colored.lightblue .h3, .container-wrapper.colored.lightblue h4, .container-wrapper.colored.lightblue .h4, .container-wrapper.colored.lightblue h5, .container-wrapper.colored.lightblue .h5 {
  color: #36566D;
  margin-top: 0;
  margin-bottom: 24px;
}
.container-wrapper.colored.entry {
  background-color: #91AFC4;
}
.container-wrapper.colored.entry .left3d:before {
  background: #7897AC;
  min-height: 100%;
}
.container-wrapper.colored.entry .fillleft3d {
  background: #91AFC4;
  content: none;
}
.container-wrapper.colored.entry h1, .container-wrapper.colored.entry .h1, .container-wrapper.colored.entry h2, .container-wrapper.colored.entry .h2, .container-wrapper.colored.entry h3, .container-wrapper.colored.entry .h3, .container-wrapper.colored.entry h4, .container-wrapper.colored.entry .h4, .container-wrapper.colored.entry h5, .container-wrapper.colored.entry .h5 {
  color: #FFFFFF;
}
.container-wrapper.colored.magazine {
  background-color: #4B5059;
  background: url('/typo3conf/ext/as_framework/Resources/Public/assets/img/bg_magazin.png'), #4B5059;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  background-blend-mode: multiply;
}
.container-wrapper.colored.magazine .left3d:before {
  background: #42464E;
  min-height: 100%;
}
.container-wrapper.colored.magazine .fillleft3d {
  background: #4B5059;
  content: none;
}
.container-wrapper.colored.magazine h1, .container-wrapper.colored.magazine .h1, .container-wrapper.colored.magazine h2, .container-wrapper.colored.magazine .h2, .container-wrapper.colored.magazine h3, .container-wrapper.colored.magazine .h3, .container-wrapper.colored.magazine h4, .container-wrapper.colored.magazine .h4, .container-wrapper.colored.magazine h5, .container-wrapper.colored.magazine .h5 {
  color: #FFFFFF;
}
.container-xl .content-v-middle {
  margin-top: auto;
  margin-bottom: auto;
}
body.subpage .headercontent-wrapper {
  background: #36566D;
}
body.subpage .headercontent-wrapper .left3d:before {
  min-height: 100%;
  background: #2A465A;
}
body.subpage .headercontent-wrapper .left3d:after {
  content: " ";
  position: absolute;
  bottom: -24px;
  left: calc(-100vw - 23px);
  border-bottom-right-radius: 2px;
  height: 24px;
  width: 100vw;
  background: #36566D;
}
body.subpage .headercontent-wrapper h2, body.subpage .headercontent-wrapper .h2, body.subpage .headercontent-wrapper h1, body.subpage .headercontent-wrapper .h1 {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 48px;
  padding-top: 32px;
  padding-bottom: 32px;
}
#main_content {
  margin-top: 40px;
  position: relative;
}
.newsdetail #main_content {
  margin-top: 0px;
  position: relative;
}
html, html a {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-shadow: rgba(0,0,0,.01) 0 0 1px;*/
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-smooth: always;
}
body {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #4B5059;
  overflow-x: hidden;
  /*-webkit-font-smoothing: subpixel-antialiased;
  transform: translate3d(0, 0, 0)*/
}
body.slidebar-open {
  overflow: hidden;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
h1, .h1, h2, .h2 {
  margin-top: 48px;
  margin-bottom: 24px;
}
h2, .h2 {
  font-size: 40px;
}
h3, .h3 {
  font-size: 32px;
}
h3, .h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0;
  line-height: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0;
  -o-transition: 0;
  transition: 0;
}
small, .small, .smalltext {
  font-size: 0.9rem !important;
}
.bigtext {
  font-size: 20px;
  line-height: 32px;
}
#pageheader {
  height: 92px;
  background: #4B5059;
}
#pageheader.sticky-top {
  z-index: 999;
}
#pageheader .logo {
  height: 52px;
}
#pageheader .left3d:before {
  background: #42464E;
  top: -10px;
  width: 24px;
  min-height: 114px;
}
#pageheader .left3d:after {
  content: " ";
  position: absolute;
  bottom: -44px;
  left: calc(-100vw - 23px);
  border-bottom-right-radius: 2px;
  height: 24px;
  width: 100vw;
  background: #4B5059;
}
#pageheader .fillleft {
  background: #4B5059;
}
#pageheader .mainnav-wrapper {
  padding-top: 20px;
  padding-left: 0;
}
#pageheader .dropdown-menu.show {
  background: #4B5059;
}
#pageheader .navbar {
  height: 52px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#pageheader .navbar .container-fluid, #pageheader .navbar .container-sm, #pageheader .navbar .container-md, #pageheader .navbar .container-lg, #pageheader .navbar .container-xl, #pageheader .navbar .container-xxl {
  padding-right: 0;
}
#pageheader .navbar .mainnav-nav .nav-item .nav-link {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #FFF;
  display: table-cell;
  vertical-align: middle;
  height: 88px;
}
#pageheader .mainnav .nav-item {
  margin-right: 12px;
}
#pageheader .mainnav .nav-link {
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
}
#pageheader .mainnav-nav .nav-link:after {
  display: inline-block;
  margin-left: auto;
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Icons2022";
  content: "";
  transition: transform 0.1s ease-in-out;
  box-shadow: none;
  vertical-align: middle;
}
#pageheader .mainnav-nav .nav-item.p_2112119 .nav-link:after {
  font-size: 20px;
  font-family: "Icons2022";
  content: "";
  transition: transform 0.1s ease-in-out;
  box-shadow: none;
  vertical-align: middle;
}
#pageheader .mainnav-nav .nav-item.p_2112119 .nav-link.active:after {
  transform: translateZ(1px) rotate(0deg);
  display: inline-block;
  transition: transform 0.1s ease-in-out;
}
#pageheader .mainnav-nav .nav-link.active:after {
  transform: translateZ(1px) rotate(180deg);
  display: inline-block;
  transition: transform 0.1s ease-in-out;
}
#pageheader .mainnav-nav .nav-item:last-child .nav-link:after, #pageheader .mainnav-nav .nav-item:last-child .nav-link.active:after {
  content: "";
  transform: none;
}
#pageheader .mainnav .nav-item.active {
  border-bottom: 3px solid #FFFFFF;
}
#pageheader .mainnav .nav-item {
  border-bottom: 3px solid #4B5059;
  padding-left: 0;
}
#pageheader .subnav {
  width: 100%;
  background: #36566D;
  position: absolute;
  top: 92px;
  min-height: 200px;
}
#pageheader .subnav .left3d:before {
  background: #2A465A;
  top: 12px;
  min-height: 100%;
}
#pageheader .subnav .left3d:after {
  background: #36566D;
  bottom: -24px;
}
#pageheader .subnav .subnavContent {
  padding-top: 24px;
  padding-bottom: 24px;
  color: #FFFFFF;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 12px;
  /*
			[class*="col-"].fixBorder:empty,
			[class*="col-"].fixBorder:last-child{
				border-right:0px solid $darkblue;
			}*/
}
#pageheader .subnav .subnavContent h1 a, #pageheader .subnav .subnavContent .h1 a, #pageheader .subnav .subnavContent h2 a, #pageheader .subnav .subnavContent .h2 a, #pageheader .subnav .subnavContent h3 a, #pageheader .subnav .subnavContent .h3 a, #pageheader .subnav .subnavContent h4 a, #pageheader .subnav .subnavContent .h4 a, #pageheader .subnav .subnavContent h5 a, #pageheader .subnav .subnavContent .h5 a, #pageheader .subnav .subnavContent h6 a, #pageheader .subnav .subnavContent .h6 a, #pageheader .subnav .subnavContent h1, #pageheader .subnav .subnavContent .h1, #pageheader .subnav .subnavContent h2, #pageheader .subnav .subnavContent .h2, #pageheader .subnav .subnavContent h3, #pageheader .subnav .subnavContent .h3, #pageheader .subnav .subnavContent h4, #pageheader .subnav .subnavContent .h4, #pageheader .subnav .subnavContent h5, #pageheader .subnav .subnavContent .h5, #pageheader .subnav .subnavContent h6, #pageheader .subnav .subnavContent .h6 {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 24px;
}
#pageheader .subnav .subnavContent [class*="col-"]:first-child {
  padding-left: 12px;
}
#pageheader .subnav .subnavContent [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
#pageheader .subnav .subnavContent [class*="col-"].fixBorder {
  border-right: 2px solid #2A465A;
}
#pageheader .subnav .subnavContent [class*="col-"].fixBorder:last-child {
  border-right: 0px solid #36566D;
}
#pageheader .subnav .subnavContent .fixBorder {
  border-left: none;
}
#pageheader .subnav .subnavContent ul {
  list-style: none;
  padding: 0;
}
#pageheader .subnav .subnavContent a {
  text-decoration: none;
}
#pageheader .subnav .subnavContent li {
  margin-bottom: 12px;
  padding-left: 0;
}
#pageheader .subnav .subnavContent li a {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
}
#pageheader .subnav .subnavContent li a:after {
  color: #FFFFFF;
}
#pageheader .subnav .subnavContent .navSearch .searchbox-input {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  padding: 20px;
  border: 0;
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='search' transform='translate(2.000000, 2.000000)' fill='%234b5059' fill-rule='nonzero'%3E							%3Cpath d='M12.5215758,-1.5 C4.77706498,-1.5 -1.5,4.77706498 -1.5,12.5215758 C-1.5,20.2660866 4.77706498,26.5431516 12.5215758,26.5431516 C20.2660866,26.5431516 26.5431516,20.2660866 26.5431516,12.5215758 C26.5431516,4.77706498 20.2660866,-1.5 12.5215758,-1.5 Z M12.5215758,1.5 C18.6092324,1.5 23.5431516,6.43391923 23.5431516,12.5215758 C23.5431516,18.6092324 18.6092324,23.5431516 12.5215758,23.5431516 C6.43391923,23.5431516 1.5,18.6092324 1.5,12.5215758 C1.5,6.43391923 6.43391923,1.5 12.5215758,1.5 Z' id='stroke'%3E%3C/path%3E%3Cpolygon id='stroke' points='19.2534269 21.3762775 21.3746084 19.2548182 34.1213203 31.9998611 32.0001389 34.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 15px;
  margin-top: 8px;
  margin-bottom: 32px;
}
#pageheader .subnav .subnavContent .navSearch li {
  display: inline;
  margin-right: 24px;
}
#pageheader .metanav {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 10px;
}
#pageheader .metanav .languageSwitch .active {
  display: none;
}
#pageheader .metanav .languageSwitch a {
  margin-right: 12px !important;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
#pageheader .metanav .languageSwitch .nav-link.disabled {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
#pageheader .metanav .languageSwitch .nav-link.disabled:hover {
  cursor: not-allowed;
}
#pageheader .metanav .nav-item {
  padding-left: 0;
  margin-right: 0;
}
#pageheader .metanav .nav-item .nav-link {
  font-size: 14px;
  color: #FFFFFF;
}
#pageheader .metanav .dropdown-toggle {
  display: inline-block;
  padding-right: 0;
}
#pageheader .metanav .dropdown-toggle::after {
  display: inline-block;
  font-family: "Icons2022";
  content: "";
  transition: transform 0.1s ease-in-out;
  box-shadow: none;
  margin-left: 5px;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0;
}
#pageheader .metanav .dropdown-toggle.show::after {
  background-clip: padding-box;
  transform: translateZ(1px) rotate(180deg);
  border-bottom: 2px solid #FFFFFF;
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
  border-top: 0;
  border-bottom: 0;
}
#pageheader .metanav .dropdown-menu {
  background: #707070;
  color: #FFFFFF;
  border: 0;
  border-radius: 0;
  margin-top: 19px;
  padding: 30px;
  box-shadow: 0px 3px 6px #00000029;
  transition: transform 0.3s ease-in-out;
}
#pageheader .metanav .dropdown-menu .dropdown-item:hover, #pageheader .metanav .dropdown-menu .dropdown-item {
  background-color: transparent;
  color: #FFFFFF;
  font-size: 14px;
}
#pageheader .metanav .dropdown-menu .dropdown-item:hover:after, #pageheader .metanav .dropdown-menu .dropdown-item:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
#pageheader .navbar-toggler {
  border: 0;
  color: #FFFFFF;
}
#pageheader .navbar-toggler:focus {
  box-shadow: none;
}
#pageheader .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#pageheader #slidebar-wrapper {
  background: #4B5059;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 100;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}
#pageheader #slidebar-wrapper::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
#pageheader #slidebar-wrapper [class*="col-"] {
  padding: 0px;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper {
  position: relative;
  background: #4B5059;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper .mobilenav-logo {
  height: 60px;
  margin-bottom: 30px;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper .container-xl:before {
  position: absolute;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  background: #4B5059;
  content: "";
  left: -1px;
  top: calc(100% - 12px);
  height: 24px;
  min-height: 24px;
  width: 24px;
  z-index: 101;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper .mobile-search .searchbox-submit, #pageheader #slidebar-wrapper #mobilesidebar-header-wrapper .mobile-search label {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper .mobile-search .searchbox-input {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  padding: 20px;
  border: 0;
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='search' transform='translate(2.000000, 2.000000)' fill='%234b5059' fill-rule='nonzero'%3E							%3Cpath d='M12.5215758,-1.5 C4.77706498,-1.5 -1.5,4.77706498 -1.5,12.5215758 C-1.5,20.2660866 4.77706498,26.5431516 12.5215758,26.5431516 C20.2660866,26.5431516 26.5431516,20.2660866 26.5431516,12.5215758 C26.5431516,4.77706498 20.2660866,-1.5 12.5215758,-1.5 Z M12.5215758,1.5 C18.6092324,1.5 23.5431516,6.43391923 23.5431516,12.5215758 C23.5431516,18.6092324 18.6092324,23.5431516 12.5215758,23.5431516 C6.43391923,23.5431516 1.5,18.6092324 1.5,12.5215758 C1.5,6.43391923 6.43391923,1.5 12.5215758,1.5 Z' id='stroke'%3E%3C/path%3E%3Cpolygon id='stroke' points='19.2534269 21.3762775 21.3746084 19.2548182 34.1213203 31.9998611 32.0001389 34.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 15px;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper #mobilesidebar-statusbar {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper #mobilesidebar-statusbar .mobilesidebar-statusbar-back.active {
  display: block;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper #mobilesidebar-statusbar .mobilesidebar-statusbar-back {
  display: none;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='14px' height='24px' viewBox='0 0 22 38' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-left%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-left' fill='white' fill-rule='nonzero' transform='translate(11.000000, 19.000000) rotate(-90.000000) translate(-11.000000, -19.000000) ' points='-7.12132034 27 11 8.87867966 29.1213203 27 27 29.1213203 11 13.121 -5 29.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}
#pageheader #slidebar-wrapper #mobilesidebar-header-wrapper #mobilesidebar-statusbar .mobilesidebar-statusbar-close {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eclose%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='close' transform='translate(23.000000, 23.000000) rotate(45.000000) translate(-23.000000, -23.000000) translate(7.000000, 7.000000)' fill='white' fill-rule='nonzero'%3E%3Cpolygon id='Line' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3Cpolygon id='Line' transform='translate(16.000000, 16.000000) rotate(-90.000000) translate(-16.000000, -16.000000) ' points='32 14.5 32 17.5 0 17.5 0 14.5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper {
  position: relative;
  background: #36566D;
  padding-top: 20px;
  padding-bottom: 20px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .container-xl:before {
  position: absolute;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  background: #36566D;
  content: "";
  left: -1px;
  top: calc(100% - 12px);
  height: 24px;
  min-height: 24px;
  width: 24px;
  z-index: 101;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper li {
  padding-left: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .nav-link {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  text-decoration: none;
  border-bottom: 2px solid #2A465A;
  width: 100%;
  display: block;
  padding-top: 20px;
  padding-bottom: 18px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .nav-link:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper li.first-level-item:last-of-type a {
  border-bottom: 0px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper li.first-level-item:last-of-type a:after {
  content: "";
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .first-level.active .nav-link {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active {
  display: block;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-after-small, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-after-medium, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-after-large, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-before-small, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-before-medium, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame-space-before-large {
  margin-top: 0;
  margin-bottom: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active h3, #pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .subnav-link {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  text-decoration: none;
  border-bottom: 2px solid #2A465A;
  width: 100%;
  display: block;
  padding-top: 20px;
  padding-bottom: 18px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .subnav-link:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .subnav-link.direct:after {
  content: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .frame .frame:last-of-type a.subnav-link {
  border-bottom: 0px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active .subnav-link.collapse {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul li {
  padding: 0;
  margin: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.active {
  display: block;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.third-level.active {
  padding: 0;
  margin: 0;
  list-style: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.third-level.active li {
  padding: 0;
  margin: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.third-level.active li a {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  text-decoration: none;
  border-bottom: 2px solid #2A465A;
  width: 100%;
  display: block;
  padding-top: 20px;
  padding-bottom: 18px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.third-level.active li a.overview:before {
  content: "";
  font-family: "Icons2022";
  padding-right: 10px;
}
#pageheader #slidebar-wrapper #mobilesidebar-mainnav-wrapper .second-level.active ul.third-level.active li:last-of-type a {
  border-bottom: 0px;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper {
  position: relative;
  background: #7897AC;
  padding-top: 20px;
  padding-bottom: 20px;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper .container-xl:before {
  position: absolute;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  background: #7897AC;
  content: "";
  left: -1px;
  width: 24px;
  top: calc(100% - 12px);
  height: 24px;
  min-height: 24px;
  z-index: 101;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper h4, #pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper .h4 {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 1.6px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  padding-bottom: 12px;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper ul li {
  padding: 0;
  margin: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-enternav-wrapper ul li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 0;
  display: block;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper {
  background: #4B5059;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav {
  min-height: 77px;
  border-left: 0;
  padding-left: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .quicklinks, #pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .languageSwitch {
  min-height: 77px;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .nav-link {
  font-size: 16px;
  color: #FFFFFF;
  padding: 0;
  vertical-align: middle;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #707070;
  min-height: 77px;
  vertical-align: middle;
  padding-top: 30px;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .nav-link.active {
  display: none;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .nav-link.dropdown-menu {
  display: block;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .nav-link.dropdown-toggle:after {
  content: "";
  margin-bottom: 4px;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .nav-link.dropdown-toggle.show:after {
  transform: translateZ(1px) rotate(-90deg);
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav .languageSwitch a.nav-link {
  border-right: 0px;
  border-left: 1px solid #707070;
  padding-left: 32px;
  margin-right: 0;
  padding-right: 0;
}
#pageheader #slidebar-wrapper #mobilesidebar-footer-wrapper .metanav ul {
  margin: 0;
  padding: 0;
}
.navigation-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100vw;
  height: 100vh;
  opacity: 0.7;
  background-color: #4B5059;
}
body.navigation-open {
  overflow: hidden;
}
body.navigation-open #pageheader .mainnav .nav-item.active {
  border-bottom: 3px solid transparent;
}
body.navigation-open #pageheader .mainnav .nav-link.active {
  border-bottom: 2px solid transparent;
}
/*** #################################################################################
	ANCHOR NAVIGATION
######################################################################################**/
body.subpage .frame-type-asframework_anchornavigation {
  position: absolute;
  height: auto;
  width: 200px;
  right: 0;
}
/*
.headercontent-wrapper.fixed .anchor-navigation.show {
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: auto;
	  top:0px;
	}
*/
body.course .anchor-navigation {
  top: -175px;
}
.anchor-navigation {
  position: absolute;
  right: 0;
  top: -85px;
  z-index: 90;
}
.anchor-navigation .anchor-toggle-btn {
  background: #2A465A;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 24px;
  padding-bottom: 20px;
  text-decoration: none;
  cursor: pointer;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.anchor-navigation .anchor-toggle-btn:after {
  display: inline-block;
  content: "";
  font-family: "Icons2022";
  color: #FFFFFF;
  font-size: 30px;
  padding-top: 4px;
  cursor: pointer;
}
.anchor-navigation .anchor-content {
  width: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.anchor-navigation .anchor-content.show {
  position: relative;
  background: #F0F0F2;
  width: 350px;
  box-shadow: 0px 0px 12px #0000001F;
  padding-left: 32px;
  padding-bottom: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.anchor-navigation .anchor-content.show .anchor-content-header {
  height: 65px;
  margin-bottom: 20px;
}
.anchor-navigation .anchor-content.show .anchor-content-header h2, .anchor-navigation .anchor-content.show .anchor-content-header .h2 {
  position: absolute;
  left: 32px;
  top: 0;
  padding-top: 32px;
  padding-left: 0;
  font-size: 24px;
  margin: 0;
  color: #4B5059;
}
.anchor-navigation .anchor-content.show .anchor-content-header .anchor-close-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 17px;
  padding-top: 32px;
  width: 65px;
  height: 65px;
  text-decoration: none;
}
.anchor-navigation .anchor-content.show .anchor-content-header .anchor-close-btn:after {
  display: inline-block;
  content: "";
  font-family: "Icons2022";
  color: #4B5059;
  font-size: 40px;
  cursor: pointer;
}
.anchor-navigation .anchor-content.show .anchornav {
  list-style: none;
}
.anchor-navigation .anchor-content.show .anchornav li {
  padding-bottom: 12px;
}
.anchor-navigation .anchor-content.show .anchornav li:before {
  content: "";
  font-family: "Icons2022";
  font-size: 18px;
  color: #4B5059;
  padding-right: 5px;
}
.anchor-navigation .anchor-content.show .anchornav li a {
  color: #4B5059;
  text-decoration: none;
}
/*	
	overflow: hidden;
	height: 350px;
	z-index: 90;
	display: hidden;

	&.anchor-content {
	  position: relative;
	}
	&.show {
	  display: block;
	  position: absolute;
	  right: 0;
	}

	&.show .anchor-content {
	  right: 0;
	  -webkit-transition: all 0.5s;
	  transition: all 0.5s;
	}
	&.show .anchor-content .anchor-content-header {
		height:100px;
	    position: relative;
	}
	&.show .anchor-content .anchor-content-header:hover {
		cursor: pointer;
	}
	
	&.show .anchor-content .anchor-content-header:before {
	  left: 24px;
	  font-family: $icons;
	  content: "\e96c";
	  font-size: 40px;
	  color: white;
	  line-height: 100px;
	  position: absolute;
	  width: 76px;
	  z-index:100;
	}
	&.show .anchor-content .anchor-content-header h2 {
		background-color: $darkblue_3d;
		font-family: $signa_lightreg;
		font-size: 18px;
		font-weight: normal;
		//line-height: 48px;
		padding-top:0px;
		line-height: 100px;
	
	}
	&.headercontent-wrapper.titleonly .anchor-content-header h2{
		margin-top:0;
	}
	
	&.show .anchor-content .anchor-content-header:after {
	  font-family: $icons;
	  top: 0;
	  right: 30px;
	  color: white;
	  font-size: 16px;
	  content: "\e96e";
	  position: absolute;
	  line-height: 100px;
	}
	&.show .anchor-content .anchornav {
		width: 350px;
		position: absolute;
		display: block;
		z-index: -1;
	// 	margin-left: 50px; 
		background: $lightblue;
		padding: 15px 0 15px 0;
	//   border-radius: 0 0 0 5px; 

	}
	&.show .anchor-content .anchornav li {
	  list-style: none;
	  padding: 0 20px 0 20px;
	}
	&.show .anchor-content .anchornav li a {
	  outline: none;
	  color: $darkgrey;
	  display: block;
	  width: 100%;
	  text-decoration: none;
	}
	&.show.hide .anchor-content {
	  margin-right: -210px;
	}
	&.show h2 {
	  height: 100px;
	  width: 300px;
	
	//  border-top-left-radius: 5px;
	//  border-bottom-left-radius: 5px;
	
	  cursor: pointer;
	  background-color: $darkblue_3d;
	  color: white;
	  margin-bottom: 0;
	  padding-left: 100px;
	  @include corner-left-top;
	}
	&.show a {
	  max-width: 300px;
	  overflow: hidden;
	  white-space: nowrap;
	  //text-overflow: ellipsis;
	
	}
	
	h2 {
		background-color: $darkblue_3d;
	}
	.anchornav li a:hover,
	.anchornav li:hover {
	  text-decoration: none;
	
	}
	.anchornav li:hover a {
	  color: $darkgrey;
	}
	.anchornav.hide{
		animation: fadeOut .5s forwards;
	}

	.anchornav li.active a {
	  font-weight: bold;
	}
	
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		height: 0;
	}
}*/
a.skip-link {
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translateY(-100%);
}
a.skip-link:focus {
  transform: translateY(0%);
}
.accessibility {
  display: none;
}
.headercontent .video-container video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.headercontent .video-container video::-webkit-media-controls {
  display: none !important;
}
.headercontent .video-container {
  position: relative;
  display: grid;
  place-items: center;
  height: 480px;
  width: 100vw;
  margin: 0 auto;
  background: #ccc;
}
.course-filter {
  margin-bottom: 80px;
}
.course-filter .filter-cat-buttons {
  margin-bottom: 40px;
}
.course-filter .clear-filter, .course-filter .btn-filter {
  background-color: #F1F4F7;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  padding: 2px 12px;
  padding-top: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: #36566D;
  font-size: 16px;
}
.course-filter .clear-filter:hover, .course-filter .btn-filter:hover {
  background-color: #36566D;
  color: #FFFFFF;
  transition: ease-in-out 0.5s;
}
.course-filter .clear-filter:after, .course-filter .btn-filter:after {
  content: "";
  font-family: "Icons2022";
  margin-left: 12px;
  font-size: 12px;
  font-weight: 400;
  transition: transform 0.1s ease-in-out;
  display: inline-block;
}
.course-filter .clear-filter:focus, .course-filter .btn-filter:focus {
  box-shadow: none;
}
.course-filter .clear-filter.active, .course-filter .btn-filter.active {
  background-color: #36566D;
  color: #FFFFFF;
}
.course-filter .clear-filter.active:after, .course-filter .btn-filter.active:after {
  transform: translateZ(1px) rotate(45deg);
  transition: transform 0.1s ease-in-out;
}
.course-filter .clear-filter:after {
  content: none;
}
.course-filter .input-group {
  margin-bottom: 12px;
}
.course-filter .input-group-text {
  font-family: "Icons2022";
  background-color: #FFFFFF;
  border: 2px solid #F0F0F2;
  border-right: 0;
  font-size: 20px;
  line-height: 24px;
  padding-right: 0;
  color: #4B5059;
  width: 40px;
}
.course-filter .form-select {
  background-color: #FFFFFF;
  border: 2px solid #F0F0F2;
  border-left: 0;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  color: #4B5059;
  font-size: 16px;
  padding-bottom: 2px;
  line-height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='%234b5059' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-filter .form-select:focus {
  box-shadow: none;
}
.course-filter #applicationtime {
  width: 32px;
  height: 32px;
  border: 0;
  outline: 2px solid #F0F0F2;
  color: #F0F0F2;
  border-radius: 4px;
  margin-right: 5px;
}
.course-filter .checkbox-label {
  font-size: 16px;
}
.course-filter-list .spinner {
  color: #fff;
  width: 100%;
  text-align: center;
}
.course-filter-list .spinner:before {
  content: "";
  color: #F0F0F2;
  display: inline-block;
  font-family: "Icons2022";
  font-size: 3em;
  height: 1em;
  line-height: 1;
  margin: 0.5em;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
}
.course-sim {
  background: #36566D;
  color: #FFFFFF;
  padding: 20px;
  min-height: 200px;
  max-height: 200px;
  min-width: 298px;
  max-width: 298px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  transition: background 0.5s ease-in-out;
}
.course-sim:before {
  clip-path: polygon(12px 0, 0 12px, 0 0);
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFF;
}
.course-sim h4, .course-sim .h4 {
  margin: 0;
  font-size: 24px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.course-sim .studytype {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 24px;
  min-height: 27px;
  width: calc(100% - 90px);
}
.course-sim .orgform {
  position: absolute;
  margin-bottom: 0;
  left: 20px;
  bottom: 18px;
  font-size: 16px;
}
.course-sim .absolute_link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.course-sim .absolute_link:after {
  content: "";
  font-family: "Icons2022";
  position: absolute;
  font-weight: 700;
  right: 20px;
  bottom: 20px;
  font-size: 28px;
  color: #FFFFFF;
}
.course-sim .bigbutton.apply-reminder, .course-sim .bigbutton.apply {
  position: absolute;
  top: -10px;
  right: 20px;
  width: 90px;
  height: 54px;
  padding-left: 10px;
  background: #FFF55D;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: ease-in-out 0.5s;
}
.course-sim .bigbutton.apply-reminder:hover, .course-sim .bigbutton.apply:hover {
  background: #DBDB38;
  transition: ease-in-out 0.5s;
}
.course-sim .bigbutton.apply-reminder:before, .course-sim .bigbutton.apply:before {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: 10px;
  clip-path: polygon(100% calc(100% - 10px), calc(100% - 10px) 100%, 100% 100%);
  background: #DBDB38;
}
.course-sim .bigbutton.apply-reminder .bigbutton.applynow, .course-sim .bigbutton.apply .bigbutton.applynow {
  z-index: 2;
  text-decoration: none;
  width: 70px;
  height: 54px;
  display: block;
}
.course-sim .bigbutton.apply-reminder .bigbutton.applynow:hover:before, .course-sim .bigbutton.apply .bigbutton.applynow:hover:before {
  right: 0px;
  transition: ease-in-out 0.5s;
}
.course-sim .bigbutton.apply-reminder .bigbutton.applynow:before, .course-sim .bigbutton.apply .bigbutton.applynow:before {
  position: absolute;
  right: 6px;
  top: 2px;
  bottom: auto;
  margin: 0;
  font-size: 20px;
  transition: ease-in-out 0.5s;
}
.course-sim .bigbutton.apply-reminder .bigbutton.applynow span, .course-sim .bigbutton.apply .bigbutton.applynow span {
  position: absolute;
  top: 15px;
  margin-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  line-height: 1;
  display: inline-block;
}
.course-sim-person {
  position: relative;
  background: #36566D;
  color: #FFFFFF;
  padding: 10px;
  margin-bottom: 20px;
}
.course-sim-person:before {
  clip-path: polygon(12px 0, 0 12px, 0 0);
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFF;
}
.course-sim-person h4, .course-sim-person .h4 {
  margin: 0;
  font-size: 18px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.course-sim-person .studytype {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  min-height: 27px;
  width: calc(100% - 90px);
}
.course-sim-person .orgform {
  position: absolute;
  margin-bottom: 0;
  left: 20px;
  bottom: 18px;
  font-size: 16px;
}
.course-sim-person .absolute_link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.course-sim-person .absolute_link:after {
  content: "";
  font-family: "Icons2022";
  position: absolute;
  font-weight: 700;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
  color: #FFFFFF;
}
.accordionspezial-body .course-sim:before, .container-wrapper.colored.grey .course-sim:before {
  clip-path: polygon(12px 0, 0 12px, 0 0);
  background: #F0F0F2;
}
.course-list {
  /*	
	.course{
		//display: inline-block;
		@include corner-left-top();
		background: $darkblue;
		color:$white;
		padding: 20px;
		min-height:	186px;
		max-height: 186px;
		min-width: 298px;
		max-width: 298px;
		position: relative;
		margin-right: 20px;
		margin-bottom: 20px;
		transition: background 0.5s ease-in-out;
	}
	h4{
		margin:0;
		font-size: 24px;
	}
	.absolute_link{
		position: absolute;
		height:100%;
		width: 100%;
		top:0;
		left:0;
		
		&:after{
			content: ">";
			position: absolute;
			right: 20px;
			bottom: 20px;
			font-size: 28px;
			color: $white;
		}
	}
.course{
		@include corner-left-top();
		background: $darkblue;
		color:$white;
		padding: 20px;
		min-height:	186px;
		position: relative;
		
		h4{
			margin:0;
			font-size: 24px;
		}
		.absolute_link{
			position: absolute;
			height:100%;
			width: 100%;
			top:0;
			left:0;
			
			&:after{
				content: ">";
				position: absolute;
				right: 20px;
				bottom: 20px;
				font-size: 28px;
				color: $white;
			}
		}
	}*/
}
.course-list .row {
  margin-bottom: 24px;
}
.headlinesidetext h1, .headlinesidetext .h1, .headlinesidetext h2, .headlinesidetext .h2, .headlinesidetext h3, .headlinesidetext .h3, .headlinesidetext h4, .headlinesidetext .h4, .headlinesidetext h5, .headlinesidetext .h5 {
  display: inline-block;
  margin-right: 24px;
}
.headlinesidetext .headersidetext {
  display: inline-block;
  color: #36566D;
}
.headlinesidetext .headersidetext:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.headlinesidetext .headersidetext a {
  text-decoration: none;
}
.headlinesidetext .headersidetext.underline a {
  text-decoration: underline;
}
.headlinesidetext .headersidetext p {
  display: inline-block;
}
.courseinfobox-container {
  display: flex;
  position: relative;
  background: #36566D;
  min-height: 100px;
  height: 108px;
  width: 100%;
  margin-top: -64px;
  z-index: 100;
  padding: 30px;
  margin-bottom: 60px;
  vertical-align: middle;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.courseinfobox-container span {
  word-break: keep-all;
  white-space: nowrap;
}
.courseinfobox-container div {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.courseinfobox-container select {
  padding: 12px 16px;
  padding-right: 30px;
  border: 0;
  background-color: #FFFFFF;
  color: #4B5059;
  min-width: 200px;
  max-height: 48px;
  fill: red;
  background-size: 20px 16px;
  background-position: right 0.75rem center;
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='%234b5059' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  border-radius: 0.25rem;
}
.courseinfobox-container .courseinfobox-pretext {
  width: 57px;
}
.courseinfobox-container #courseinfobox-btn {
  display: inline-block;
  background: #FFF55D;
  color: #36566D;
  min-width: 200px;
  padding: 12px 16px;
  max-height: 48px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 0.25rem;
}
.courseinfobox-container #courseinfobox-btn:hover {
  background: #DBDB38;
}
.courseinfobox-container #courseinfobox-btn:hover:after {
  padding-left: 14px;
  transition: ease 0.5s;
}
.courseinfobox-container #courseinfobox-btn:after {
  content: "";
  font-family: "Icons2022";
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  margin-top: -4px;
  vertical-align: middle;
  font-size: 20px;
  transition: ease 0.5s;
}
.curriculum .curriculum-lecture-wrapper {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  background: #FFFFFF;
  padding: 24px;
  margin-bottom: 12px;
}
.curriculum .curriculum-sws-ects {
  margin-left: 24px;
}
.curriculum .curriculum-sws-ects .sws, .curriculum .curriculum-sws-ects .ects {
  min-width: 100px;
}
.curriculum .infobutton-curriculum {
  position: relative;
  cursor: pointer;
}
.curriculum .infobutton-curriculum:after {
  color: #4B5059;
  font-family: "Icons2022";
  content: "";
  vertical-align: center;
  margin-left: 5px;
  font-size: 14px;
}
.curriculum-modular .modul-item {
  position: relative;
}
.curriculum-modular .modul-item .modul-item-corner {
  position: absolute;
  background-color: #f0f0f2;
  left: -4px;
  top: -4px;
  width: 24px;
  height: 24px;
  clip-path: polygon(0 0, 0 28px, 28px 0);
  z-index: 2;
}
.curriculum-modular .modul-item .modul-item-corner-border {
  transform: skew(0deg, -45deg);
  position: absolute;
  background-color: #FFF;
  left: 0px;
  top: 4px;
  width: 36px;
  height: 36px;
  z-index: 1;
}
.curriculum-modular .lecture {
  margin-bottom: 12px;
}
.curriculum-modular .lecture:last-child {
  margin-bottom: 0;
}
.curriculum-modular .lecture .curriculum-lecture-wrapper {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  background: #FFFFFF;
  padding: 24px;
  padding-bottom: 18px;
}
.curriculum-modular .lecture .curriculum-lecture-wrapper h5.lecture-headline, .curriculum-modular .lecture .curriculum-lecture-wrapper .lecture-headline.h5 {
  margin-bottom: 0;
}
.curriculum-modular .lecture .curriculum-lecture-wrapper .curriculum-sws-ects {
  padding-right: 0;
}
.curriculum-modular .lecture-sws-ects, .curriculum-modular .modul-sws-ects {
  margin-left: 24px;
}
.curriculum-modular .lecture-sws-ects .sws, .curriculum-modular .lecture-sws-ects .ects, .curriculum-modular .modul-sws-ects .sws, .curriculum-modular .modul-sws-ects .ects {
  min-width: 80px;
}
.curriculum-modular .infobutton-curriculum {
  position: relative;
  cursor: pointer;
}
.curriculum-modular .infobutton-curriculum:after {
  color: #4B5059;
  font-family: "Icons2022";
  content: "";
  vertical-align: center;
  margin-left: 5px;
  font-size: 14px;
}
.curriculum-modular .wahlblock-item h5.wahlblock-headline, .curriculum-modular .wahlblock-item .wahlblock-headline.h5 {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  margin-top: 48px;
  font-size: 24px;
}
.curriculum-modular .modul-item {
  border: 4px solid #FFF;
  padding: 24px;
  margin-bottom: 20px;
}
.curriculum-modular .modul-item .modul-sws-ects {
  padding-left: 24px;
  padding-right: 24px;
}
.curriculum-modular .modul-item h5.modul-headline, .curriculum-modular .modul-item .modul-headline.h5 {
  font-size: 24px;
}
.curriculum-modular .modul-item .wahlblock-item h5.wahlblock-headline, .curriculum-modular .modul-item .wahlblock-item .wahlblock-headline.h5 {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  margin-top: 24px;
  font-size: 24px;
}
#modal .modal-header.modul {
  border-bottom: 1px solid #FFF;
}
.coursecontactform-wrapper {
  background-image: url("/typo3conf/ext/as_framework/Resources/Public/assets/img/bg_coursecontactform.png");
  background-repeat: no-repeat;
  background-position: right top;
  margin-bottom: 48px;
}
.coursecontactform-wrapper .coursecontactform-container {
  padding-bottom: 48px;
}
.coursecontactform-wrapper .coursecontactform-container label.form-label {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 32px;
}
.coursecontactform-wrapper .coursecontactform-container input {
  border-radius: 0.25rem;
  border: 0;
  height: 48px;
  box-shadow: 0px 0px 6px #0000000F;
}
.coursecontactform-wrapper .coursecontactform-container textarea {
  border-radius: 0.25rem;
  border: 0;
  box-shadow: 0px 0px 6px #0000000F;
}
.coursecontactform-wrapper .coursecontactform-container .form-check {
  margin-top: 32px;
  vertical-align: center;
}
.coursecontactform-wrapper .coursecontactform-container .form-check .form-check-input {
  width: 48px;
}
.coursecontactform-wrapper .coursecontactform-container .form-check label {
  display: flex;
  align-items: center;
  padding-left: 24px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: 55px;
}
.coursecontactform-wrapper .coursecontactform-container button {
  margin-top: 32px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
}
.coursecontactform-wrapper .coursecontactform-container button:focus {
  box-shadow: none;
}
.coursecontactform-wrapper .coursecontactform-container .h-captcha {
  margin-top: 32px;
}
.coursecontactform-wrapper .coursecontactform-container .coursecontactform_response {
  margin-top: 24px;
  display: none;
}
.coursecontactform-wrapper .coursecontactform-container .success {
  padding: 12px;
  background: #a2bb0a;
  color: #FFF;
  display: block;
}
.coursecontactform-wrapper .coursecontactform-container .error {
  padding: 12px;
  background: #bb190a;
  color: #FFF;
  display: block;
}
.coursefeedbackform_wrapper {
  margin-top: 54px;
}
.coursefeedbackform_wrapper h2, .coursefeedbackform_wrapper .h2 {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  margin-bottom: 24px;
  margin-right: 24px;
}
.coursefeedbackform_wrapper ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 0;
  margin-bottom: 24px;
}
.coursefeedbackform_wrapper ul li {
  display: inline-block;
  min-width: 40px;
  font-size: 40px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  margin-right: 24px;
  padding-left: 0;
}
.coursefeedbackform_wrapper ul li.vote {
  cursor: pointer;
}
.coursefeedbackform_wrapper ul li.error {
  color: #B41E1E;
}
.coursefeedbackform_wrapper ul li.error div.icon:before {
  color: #B41E1E;
}
.coursefeedbackform_wrapper ul li.success {
  color: #2DAC2D;
}
.coursefeedbackform_wrapper ul li.success div.icon:before {
  color: #2DAC2D;
}
.coursefeedbackform_wrapper ul li div.icon {
  display: inline-block;
  position: relative;
  width: 40px;
  vertical-align: middle;
}
.coursefeedbackform_wrapper ul li div.icon:before {
  content: "";
  font-family: "Icons2022";
  color: #4B5059;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  transform: translate3d(-50%, -50%, 0);
  font-size: 30px;
  width: 40px;
}
.coursefeedbackform_wrapper ul li div.icon_yes:before {
  content: "";
}
.coursefeedbackform_wrapper ul li div.icon_no:before {
  content: "";
}
.futureheroform .hidden {
  display: none;
}
#form_futureheroformvoting .futureheroformvoting_response {
  margin-top: 12px;
}
#form_futureheroformvoting .futureheroformvoting_response.success {
  padding: 12px;
  background: #a2bb0a;
  color: #FFF;
  display: block;
}
#form_futureheroformvoting .futureheroformvoting_response.error {
  padding: 12px;
  background: #bb190a;
  color: #FFF;
  display: block;
}
#form_futureheroformvoting .futureheroformvoting_response.hidden {
  display: none;
}
#form_futureheroformvoting button {
  margin-top: 32px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
}
#form_futureheroformvoting button:focus {
  box-shadow: none;
}
.project-card {
  border-radius: 0.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto, auto;
  background-size: cover;
  position: relative;
  padding: 24px;
  height: 440px;
  overflow: hidden;
  margin-bottom: 24px;
}
.project-card .project-card-text-wrapper {
  background: #36566d;
  background: linear-gradient(0deg, #36566d 30%, rgba(54, 86, 109, 0.7) 70%, rgba(54, 86, 109, 0) 98%);
  width: 100%;
  padding: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.project-card .project-card-text-wrapper h3, .project-card .project-card-text-wrapper .h3, .project-card .project-card-text-wrapper p {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}
.project-card .project-card-text-wrapper h3, .project-card .project-card-text-wrapper .h3 {
  margin-bottom: 12px;
}
.project-card .project-card-text-wrapper h3:after, .project-card .project-card-text-wrapper .h3:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.project-card .project-card-link {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-indent: -1000px;
}
.project-list a.detail {
  text-decoration: none;
}
.project-list a.detail:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
a.fhcwbtn.btn {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  padding: 12px;
  text-transform: uppercase;
  font-size: 16px;
}
a.fhcwbtn.btn:after {
  font-weight: 700;
  padding-left: 8px;
  font-size: 16px;
  content: "";
  font-family: "Icons2022";
}
a.fhcwbtn.btnyellow {
  background: #FFF55D;
  color: #36566D;
  transition: ease-in-out 0.5s;
}
a.fhcwbtn.btnyellow:after {
  color: #36566D;
  padding-right: 6px;
  transition: ease-in-out 0.5s;
}
a.fhcwbtn.btnyellow:hover {
  background: #DBDB38;
  transition: ease-in-out 0.5s;
}
a.fhcwbtn.btnyellow:hover:after {
  padding-left: 14px;
  padding-right: 0;
  transition: ease-in-out 0.5s;
}
a.fhcwbtn.btnblue {
  background: #36566D;
  color: #FFFFFF;
}
a.fhcwbtn.btnblue:after {
  color: #FFFFFF;
}
a.fhcwbtn.fontwhite {
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
#contactformcampusnetzwerk, #contactformschool, #contactformtopic, #contactformtopic2, #contactform {
  margin-top: 24px;
  margin-bottom: 24px;
  width: 75%;
}
#contactformcampusnetzwerk .control-label, #contactformschool .control-label, #contactformtopic .control-label, #contactformtopic2 .control-label, #contactform .control-label {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 32px;
}
#contactformcampusnetzwerk input[type=text], #contactformcampusnetzwerk input[type=email], #contactformcampusnetzwerk input[type=number], #contactformcampusnetzwerk input[type=date], #contactformcampusnetzwerk input[type=time], #contactformschool input[type=text], #contactformschool input[type=email], #contactformschool input[type=number], #contactformschool input[type=date], #contactformschool input[type=time], #contactformtopic input[type=text], #contactformtopic input[type=email], #contactformtopic input[type=number], #contactformtopic input[type=date], #contactformtopic input[type=time], #contactformtopic2 input[type=text], #contactformtopic2 input[type=email], #contactformtopic2 input[type=number], #contactformtopic2 input[type=date], #contactformtopic2 input[type=time], #contactform input[type=text], #contactform input[type=email], #contactform input[type=number], #contactform input[type=date], #contactform input[type=time] {
  border-radius: 0.25rem;
  border: 0;
  height: 48px;
  box-shadow: 0px 0px 6px #0000000F;
}
#contactformcampusnetzwerk textarea, #contactformschool textarea, #contactformtopic textarea, #contactformtopic2 textarea, #contactform textarea {
  border-radius: 0.25rem;
  border: 0;
  box-shadow: 0px 0px 6px #0000000F;
}
#contactformcampusnetzwerk select, #contactformschool select, #contactformtopic select, #contactformtopic2 select, #contactform select {
  border-radius: 0.25rem;
  border: 0;
  height: 48px;
  box-shadow: 0px 0px 6px #0000000F;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='%234B5059' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
#contactformcampusnetzwerk .contactformcampusnetzwerk_submit, #contactformcampusnetzwerk .contactformschool_submit, #contactformcampusnetzwerk .contactformtopic_submit, #contactformcampusnetzwerk .contactformtopic2_submit, #contactformcampusnetzwerk .contactform_submit, #contactformschool .contactformcampusnetzwerk_submit, #contactformschool .contactformschool_submit, #contactformschool .contactformtopic_submit, #contactformschool .contactformtopic2_submit, #contactformschool .contactform_submit, #contactformtopic .contactformcampusnetzwerk_submit, #contactformtopic .contactformschool_submit, #contactformtopic .contactformtopic_submit, #contactformtopic .contactformtopic2_submit, #contactformtopic .contactform_submit, #contactformtopic2 .contactformcampusnetzwerk_submit, #contactformtopic2 .contactformschool_submit, #contactformtopic2 .contactformtopic_submit, #contactformtopic2 .contactformtopic2_submit, #contactformtopic2 .contactform_submit, #contactform .contactformcampusnetzwerk_submit, #contactform .contactformschool_submit, #contactform .contactformtopic_submit, #contactform .contactformtopic2_submit, #contactform .contactform_submit {
  margin-top: 32px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
  text-transform: uppercase;
}
#contactformcampusnetzwerk .contactform, #contactformschool .contactform, #contactformtopic .contactform, #contactformtopic2 .contactform, #contactform .contactform {
  margin-top: 15px;
}
#contactformcampusnetzwerk .sendmemailerror, #contactformcampusnetzwerk .sendmemailconfirm, #contactformschool .sendmemailerror, #contactformschool .sendmemailconfirm, #contactformtopic .sendmemailerror, #contactformtopic .sendmemailconfirm, #contactformtopic2 .sendmemailerror, #contactformtopic2 .sendmemailconfirm, #contactform .sendmemailerror, #contactform .sendmemailconfirm {
  display: none;
}
#contactformcampusnetzwerk .contact_item_wrapper, #contactformschool .contact_item_wrapper, #contactformtopic .contact_item_wrapper, #contactformtopic2 .contact_item_wrapper, #contactform .contact_item_wrapper {
  margin-top: 5px;
}
#contactformcampusnetzwerk input:not([type="file"]).error, #contactformcampusnetzwerk textarea.error, #contactformcampusnetzwerk select.error, #contactformschool input:not([type="file"]).error, #contactformschool textarea.error, #contactformschool select.error, #contactformtopic input:not([type="file"]).error, #contactformtopic textarea.error, #contactformtopic select.error, #contactformtopic2 input:not([type="file"]).error, #contactformtopic2 textarea.error, #contactformtopic2 select.error, #contactform input:not([type="file"]).error, #contactform textarea.error, #contactform select.error {
  border: 1px solid red !important;
}
#contactformcampusnetzwerk .error-field, #contactformschool .error-field, #contactformtopic .error-field, #contactformtopic2 .error-field, #contactform .error-field {
  color: red;
}
#contactformcampusnetzwerk .sendmemailconfirm, #contactformschool .sendmemailconfirm, #contactformtopic .sendmemailconfirm, #contactformtopic2 .sendmemailconfirm, #contactform .sendmemailconfirm {
  padding: 5px;
  background: #a2bb0a;
  color: #FFF;
  padding-top: 10px;
}
#contactformcampusnetzwerk .sendmemailerror, #contactformschool .sendmemailerror, #contactformtopic .sendmemailerror, #contactformtopic2 .sendmemailerror, #contactform .sendmemailerror {
  padding: 5px;
  background: #bb190a;
  color: #FFF;
  padding-top: 10px;
}
#contactformcampusnetzwerk .contactformschool_response, #contactformschool .contactformschool_response, #contactformtopic .contactformschool_response, #contactformtopic2 .contactformschool_response, #contactform .contactformschool_response {
  margin-top: 24px;
  display: none;
}
#contactformcampusnetzwerk .contactformschool_response.success, #contactformschool .contactformschool_response.success, #contactformtopic .contactformschool_response.success, #contactformtopic2 .contactformschool_response.success, #contactform .contactformschool_response.success {
  padding: 12px;
  background: #a2bb0a;
  color: #FFF;
  display: block;
}
#contactformcampusnetzwerk .contactformschool_response.error, #contactformschool .contactformschool_response.error, #contactformtopic .contactformschool_response.error, #contactformtopic2 .contactformschool_response.error, #contactform .contactformschool_response.error {
  padding: 12px;
  background: #bb190a;
  color: #FFF;
  display: block;
}
.frame-type-asframework_contactformcampusnetzwerk h3, .frame-type-asframework_contactformcampusnetzwerk .h3 {
  font-size: 1.5rem;
}
/*######## FUTURE HERO FORM #################*/
#form_futureheroform .success {
  padding: 5px;
  background: #a2bb0a;
  color: #FFF;
  padding-top: 10px;
}
#form_futureheroform .error {
  padding: 5px;
  background: #bb190a;
  color: #FFF;
  padding-top: 10px;
}
#form_futureheroform input, #form_futureheroform textarea {
  margin-bottom: 10px;
}
#form_futureheroform .futureheroform_response {
  margin-top: 10px;
}
.subject-nav {
  position: relative;
}
.subject-nav .subjectSwiper-prev {
  top: 24px;
  right: calc(12px + 48px + 12px);
}
.subject-nav .subjectSwiper-next {
  top: 24px;
  right: 12px;
}
.subject-nav .SwiperNavBtn {
  background: #F0F0F2;
}
.subject-nav .SwiperNavBtn::before {
  color: #4B5059;
}
.subjects-container {
  overflow: hidden;
}
.subjects-container .swiper-slide {
  width: auto;
  cursor: grab;
}
.subjects-container .subject-item.big {
  border-radius: 0.25rem;
  background: #F1F4F7;
  display: inline-block;
  padding: 0;
  margin-bottom: 24px;
}
.subjects-container .subject-item.big a {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  letter-spacing: 0.27px;
  padding: 0;
  font-size: 20px;
  color: #36566D;
}
.subjects-container .subject-item.big a:after {
  font-family: "Icons2022";
  content: "";
  padding-right: 12px;
}
.subjects-container .subject-item.big a:focus {
  box-shadow: none;
}
.subjects-container .subject-item.big img {
  padding-right: 12px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  max-height: 60px;
  min-height: 60px;
  min-width: 72px;
  max-width: 72px;
}
.subjects-container .subject-item.small {
  border-radius: 0.25rem;
  position: relative;
  background: #F1F4F7;
  display: block;
  padding: 0;
  margin-right: 24px;
  margin-bottom: 24px;
  display: flex;
  align-items: stretch;
  min-height: 48px;
  /*	
				&:after{
					font-family: $icons;
					content:"\e970";
					padding-right: 12px;
				}
				&:focus{
					box-shadow:none;
				}
			}
			
			img{
				position: absolute;
				left:0;
				top:0;
				object-fit: cover;
				padding-right: 12px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				min-height: 48px;
				min-width: 48px;
				max-width: 48px;
			}
			*/
}
.subjects-container .subject-item.small .subject-item-img {
  width: 48px;
  min-width: 48px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 100%;
}
.subjects-container .subject-item.small .subject-item-text {
  padding: 12px 0;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  letter-spacing: 0.27px;
  font-size: 16px;
  line-height: 18px;
  color: #36566D;
  text-align: left;
  vertical-align: middle;
  margin: auto 0;
  margin-left: 10px;
  word-wrap: anywhere;
  padding-right: 6px;
}
.subjects-container .subject-item.small .subject-item-text:hover:after {
  padding-left: 6px;
  transition: ease 0.5s;
}
.subjects-container .subject-item.small .subject-item-text:after {
  font-family: "Icons2022";
  content: "";
  padding-left: 0px;
  transition: ease 0.5s;
}
.subjects-container .subject-item.small a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.highlights {
  margin-top: 40px;
}
.highlights ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.highlights li {
  margin-bottom: 32px;
  display: flex;
  padding-left: 4px;
}
.highlights li:before {
  font-family: "Icons2022";
  content: "";
  font-size: 32px;
  color: #7897AC;
  line-height: 32px;
  margin-right: 12px;
}
.highlights h3, .highlights .h3 {
  font-size: 24px;
  line-height: 40px;
  margin: 0;
  padding: 0;
}
.accordion .highlights li {
  margin-bottom: 20px;
}
.accordion .accordion-item {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  border: none;
}
.accordion .accordion-header {
  padding: 0;
  margin: 0;
  color: #36566D;
  font-size: 32px;
  margin-top: 20px;
}
.accordion .accordion-header .accordion-button::before {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='%2336566d' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
  margin-right: 24px;
  margin-left: 24px;
  margin-bottom: 5px;
  transition: transform 0.2s ease-in-out;
}
.accordion .accordion-header button {
  color: #36566D;
  font-size: 32px;
  padding: 20px 0px;
  margin-bottom: 0;
}
.accordion .accordion-header button.h2 {
  margin-top: 0px;
}
.accordion .accordion-header.h3 {
  padding: 0;
  margin: 0;
  color: #36566D;
  font-size: 24px;
  margin-top: 14px;
}
.accordion .accordion-header.h3 .accordion-button::before {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='%2336566d' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  margin-right: 18px;
  margin-left: 18px;
  margin-bottom: 5px;
  transition: transform 0.2s ease-in-out;
}
.accordion .accordion-header.h3 button {
  color: #36566D;
  font-size: 24px;
  padding: 14px 0px;
  margin-top: 18px;
  margin-bottom: 0px;
}
.accordion .accordion-button:not(.collapsed)::before {
  transform: rotate(180deg);
}
.accordion .accordion-button::after, .accordion .accordion-button:not(.collapsed)::after {
  content: none;
}
.accordion .accordion-button:not(.collapsed):focus, .accordion .accordion-button:not(.collapsed) {
  background-color: #F0F0F2;
  box-shadow: none;
}
.accordion .accordion-button:focus, .accordion .accordion-button {
  background-color: transparent;
  box-shadow: none;
}
.accordion .accordion-body {
  background: #F0F0F2;
  padding: 20px 82px;
}
.accordion .accordion-body .row {
  margin-left: 0;
}
/** ORG B4 FAKE 
	.accordion{

		.accordion-item{
			@include corner-left-top;
			border: none;
		}
		.accordion-button::before{
			flex-shrink: 0;
			width: 32px;
			height: 32px;
			content: "";
			@include background-svg-color($darkblue,'<svg width="38px" height="22px" viewBox="0 0 38 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>chevron-down</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon id="chevron-down" fill="#000000" fill-rule="nonzero" transform="translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) " points="0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203"></polygon></g></svg>');
			background-repeat: no-repeat;
			background-size: 32px;
			background-position: center;
			margin-right: 24px;
			margin-left:24px;
			margin-bottom: 5px;
			transition: transform 0.2s ease-in-out;
		}
		.accordion-button:not(.collapsed)::before{
			transform: rotate(180deg);
		}
		.accordion-button::after,
		.accordion-button:not(.collapsed)::after{
			content:none;
		}
		.accordion-button:not(.collapsed):focus,
		.accordion-button:not(.collapsed){
			background-color: $lightlightgrey;
			box-shadow: none;
		}
		.accordion-button:focus,
		.accordion-button{
			background-color: transparent;
			box-shadow: none;
		}
		h2.accordion-header{
			padding:0;
			margin:0;
			color: $darkblue;
			font-size: 32px;
			margin-top: 20px;
			button{
				color: $darkblue;
				font-size: 32px;
				padding: 20px 0px;
			}
		}
		
		.accordion-body{
			background: $lightlightgrey;
			padding: 20px 82px;
			
			.row{
				margin-left:0;
			}
			
		}
	}
*/
.accordionspezial {
  padding-left: 0;
  padding-right: 0;
}
.accordionspezial .accordionspezial-header {
  background: #36566D;
}
.accordionspezial .accordionspezial-header h2, .accordionspezial .accordionspezial-header .h2 {
  color: #FFFFFF;
  padding: 52px 0;
  margin: 0;
}
.accordionspezial .accordionspezial-header .accordionspezial-toggle {
  position: relative;
  margin: 0;
  margin-bottom: -12px;
  padding: 0;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
}
.accordionspezial .accordionspezial-header .accordionspezial-toggle:after {
  content: "";
  font-family: "Icons2022";
  color: #36566D;
  position: absolute;
  top: calc(50% + 3px);
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 26px;
}
.accordionspezial .accordionspezial-header .accordionspezial-toggle.show:after {
  content: "";
  top: calc(50% - 1px);
  transition: transform 0.1s ease-in-out;
}
.accordionspezial .accordionspezial-header .left3d:before {
  min-height: 100%;
  background: #36566D;
}
.accordionspezial .accordionspezial-header .filllefttop3d {
  background: #FFFFFF;
}
.accordionspezial .accordionspezial-header .fillleft3d {
  background: #36566D;
  bottom: -24px;
}
.accordionspezial .accordionspezial-body {
  background: #F0F0F2;
  padding-top: 50px;
  padding-bottom: 50px;
}
.coursedetail-wrapper .coursedetail {
  background: #F0F0F2;
  padding-top: 80px;
  padding-bottom: 40px;
}
.coursedetail-wrapper .coursedetail h2, .coursedetail-wrapper .coursedetail .h2 {
  padding-top: 0;
  margin-top: 0;
  color: #36566D;
}
.coursedetail-wrapper .coursedetail.left3d:before {
  background: #E6E6E6;
  min-height: 100%;
}
.coursedetail-wrapper .coursedetail.left3d::after {
  content: " ";
  position: absolute;
  bottom: -24px;
  left: calc(-100vw - 23px);
  border-bottom-right-radius: 2px;
  height: 100%;
  width: 100vw;
  background: #F0F0F2;
}
.coursedetail-wrapper .coursedetail .fillright3d {
  background: #F0F0F2;
}
.coursedetail-wrapper .coursedetail .infoelem {
  position: relative;
  min-height: 60px;
}
.coursedetail-wrapper .coursedetail .row {
  padding-bottom: 24px;
  min-height: 84px;
}
.coursedetail-wrapper .coursedetail .infoelem .icon {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  background: #36566D;
  border-radius: 50%;
}
.coursedetail-wrapper .coursedetail .infoelem .icon::after {
  content: "";
  font-family: "Icons2022";
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 400;
  transform: translate3d(-50%, -50%, 0);
  font-size: 30px;
}
.coursedetail-wrapper .coursedetail .infoelem.graduation .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.duration .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.organizationalform .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.costs .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.ects .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.beginn .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.places .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.teachinglanguage .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.deadline .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem.location .icon:after {
  content: "";
}
.coursedetail-wrapper .coursedetail .infoelem dl {
  display: inline-block;
  vertical-align: top;
  padding-left: 12px;
  margin-bottom: 0;
  max-width: calc(100% - 72px);
}
.coursedetail-wrapper .coursedetail .infoelem dl dt, .coursedetail-wrapper .coursedetail .infoelem dl dd {
  color: #36566D;
}
.coursedetail-wrapper .coursedetail .infoelem dl dt {
  font-weight: normal;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.coursedetail-wrapper .coursedetail .infoelem dl dt p {
  margin-bottom: 0;
}
.coursedetail-wrapper .coursedetail .infoelem dl p.infobox-text, .coursedetail-wrapper .coursedetail .infoelem dl dd {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.coursedetail-wrapper .coursedetail .infoelem dl p.infobox-text p, .coursedetail-wrapper .coursedetail .infoelem dl dd p {
  margin-bottom: 0;
}
.coursedetail-footnote-wrapper {
  margin-top: 12px;
}
.coursedetail-footnote-wrapper p, .coursedetail-footnote-wrapper small, .coursedetail-footnote-wrapper .small {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
.lectures-for-person .lecture {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  position: relative;
  background: #36566D;
  padding: 20px;
  min-width: 400px;
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #FFFFFF;
}
.lectures-for-person .lecture a.infobutton-course {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  text-indent: -999px;
  width: 100%;
  height: 100%;
}
.lectures-for-person .lecture header {
  margin: 0;
  font-size: 24px;
  color: #FFFFFF;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.mainperson {
  max-width: 400px;
}
.mainperson .person-image-wrapper {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  max-height: 210px;
}
.mainperson .person-text-wrapper {
  padding: 20px;
  background: #F1F4F7;
}
.mainperson .person-text-wrapper a {
  text-decoration: none;
}
.mainperson .person-text-wrapper a.headlinelink:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.mainperson h4, .mainperson .h4 {
  font-size: 20px;
}
.mainperson p {
  font-size: 16px;
}
.persons-list.nameonly .person {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.persons-list h4, .persons-list .h4 {
  font-size: 20px;
}
.persons-list h4 a, .persons-list .h4 a {
  text-decoration: none;
}
.persons-list h4 a:after, .persons-list .h4 a:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.persons-list a {
  text-decoration: none;
}
.persondetail h2.personname, .persondetail .personname.h2 {
  margin-top: 0;
  color: #36566D;
}
.persondetail .persondetail-left-col {
  padding-right: 10%;
}
.persondetail .persondetail-infobox {
  position: relative;
  padding-right: 20px;
  background: #F1F4F7;
}
.persondetail .persondetail-infobox:before {
  clip-path: polygon(24px 0, 0 24px, 0 0);
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFF;
}
.persondetail .persondetail-infobox .personinfo-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top;
  min-height: 300px;
}
.persondetail .persondetail-infobox .personinfo-content {
  padding-top: 24px;
}
.persondetail .persondetail-infobox .noimg .personinfo-content {
  padding: 24px;
}
.persondetail .divider {
  margin-top: 48px;
  margin-bottom: 0px;
}
.persondetail .svgicon {
  flex: 0 0 40px;
}
.persondetail .personinfo-linkwrapper {
  margin-top: 36px;
}
.persondetail .subjects-container .subject-item.small {
  margin-right: 0;
}
.persondetail .accordion-LecturesForPerson .courseTitle {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.persondetail .accordion-LecturesForPerson .lecture-headline {
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
  position: relative;
  background: #FFFFFF;
  padding: 20px;
}
.persondetail .accordion-LecturesForPerson .lecture-headline .infobutton-lecture {
  cursor: pointer;
}
.persondetail .accordion-LecturesForPerson .lecture-headline .infobutton-lecture:after {
  color: #4B5059;
  font-family: "Icons2022";
  content: "";
  vertical-align: center;
  margin-left: 5px;
  font-size: 14px;
}
.persondetail .btn.personalwebspace {
  border-radius: 0.25rem;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 12px 32px;
  margin-top: 28px;
  margin-right: 32px;
  white-space: nowrap;
}
.persondetail .btn.personalwebspace:focus {
  box-shadow: none;
}
.persondetail .btn.personalwebspace:after {
  font-family: "Icons2022";
  color: #FFFFFF;
  content: "";
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
}
.download-wrapper {
  background: #F0F0F2;
  padding: 2px;
  margin-bottom: 20px;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.download-wrapper .download {
  padding: 12px 20px;
  background: #FFFFFF;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  /*div{
			padding-right:40px;		
		}*/
}
.download-wrapper .download .download-content {
  margin-left: 8px;
  font-size: 24px;
  color: #4B5059;
}
.download-wrapper .download .download-content .download-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%2336566d' d='M0 64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM336 448V160H256C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464H320C328.8 464 336 456.8 336 448z'/%3E%3C/svg%3E");
  height: 40px;
  width: 40px;
  margin-right: 12px;
  background-repeat: no-repeat;
}
.download-wrapper .download .download-content .download-icon-pdf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%2336566d' d='M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z'/%3E%3C/svg%3E");
}
.download-wrapper .download .download-content .download-icon-doc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%2336566d' d='M365.3 93.38l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64V138.6C384 121.7 377.3 105.4 365.3 93.38zM336 448c0 8.836-7.164 16-16 16H64.02c-8.838 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1V448zM214.6 248C211.3 238.4 202.2 232 192 232s-19.25 6.406-22.62 16L144.7 318.1l-25.89-77.66C114.6 227.8 101 221.2 88.41 225.2C75.83 229.4 69.05 243 73.23 255.6l48 144C124.5 409.3 133.5 415.9 143.8 416c10.17 0 19.45-6.406 22.83-16L192 328.1L217.4 400C220.8 409.6 229.8 416 240 416c10.27-.0938 19.53-6.688 22.77-16.41l48-144c4.188-12.59-2.594-26.16-15.17-30.38c-12.61-4.125-26.2 2.594-30.36 15.19l-25.89 77.66L214.6 248z'/%3E%3C/svg%3E");
}
.download-wrapper .download .download-content .download-text {
  display: inline-block;
}
.download-wrapper .download .download-content .file-details {
  text-transform: uppercase;
  font-size: 16px;
  color: #707070;
}
.download-wrapper .download .download-button {
  padding-right: 0px;
  margin-left: auto;
}
.download-wrapper .download .btn-download {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  border: 2px solid #36566D;
  border-radius: 3px;
  padding: 12px 20px;
  text-transform: uppercase;
}
.download-wrapper .download .btn-download:before {
  font-family: "Icons2022";
  font-weight: 700;
  content: "";
  padding-right: 10px;
}
.download-wrapper .download .btn-download:focus {
  box-shadow: none;
}
.download-wrapper .download .download-icon-link {
  height: 40px;
  width: 40px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='40px' height='40px' viewBox='0 0 52 52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='external-link' transform='translate(26.000000, 26.000000) rotate(-45.000000) translate(-26.000000, -26.000000) translate(10.000000, 10.000000)' fill='%2336566d' fill-rule='nonzero'%3E				%3Cpolygon id='path' transform='translate(24.000000, 16.000000) scale(-1, 1) rotate(-90.000000) translate(-24.000000, -16.000000) ' points='24 5.87867966 42.1213203 24 40 26.1213203 24 10.121 8 26.1213203 5.87867966 24'%3E%3C/polygon%3E%3Cpolygon id='path' points='31.5 14.5 31.5 17.5 -1.5 17.5 -1.5 14.5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: left;
}
.download-wrapper .download .btn-download-link:before {
  font-family: "Icons2022";
  font-weight: 700;
  content: "";
  padding-right: 10px;
}
.download-wrapper .download .btn-download-link:focus {
  box-shadow: none;
}
.reasons-container {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  background: #7897AC;
  padding: 60px;
}
.reasons-container h2, .reasons-container .h2 {
  font-size: 32px;
}
.reasons-container h3, .reasons-container .h3 {
  font-size: 24px;
}
.reasons-container h2, .reasons-container .h2, .reasons-container h3, .reasons-container .h3 {
  margin: 0;
  color: #FFFFFF;
}
.reasons-container p {
  color: #FFFFFF;
}
.reasons-container .reason {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.reasons-container .reason-icon {
  margin-bottom: 24px;
  width: 100px;
  height: 100px;
  background: white;
  border-radius: 50%;
  position: relative;
}
.reasons-container .reason-icon svg path {
  fill: #4B5059;
}
.reasons-container .reason-headline {
  margin-bottom: 10px;
}
.reasons-container svg {
  position: absolute;
  left: 25%;
  top: 25%;
  height: 53px;
  width: 53px;
}
.card-container {
  max-width: 280px;
  min-width: 280px;
  border-radius: 0.25rem;
}
.card-container .card-img img {
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.card-container .card-headline {
  background: #F1F4F7;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #36566D;
  font-size: 18px;
  min-height: 60px;
  padding: 12px;
  min-height: 80px;
  max-height: 80px;
  text-decoration: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.card-container .card-headline:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.card-container a {
  text-decoration: none;
}
.banner-container {
  overflow: hidden;
}
.banner-container .banner {
  margin-top: 10px;
  position: relative;
  background: #F1F4F7;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  margin-left: 40px;
  margin-bottom: 60px;
  padding: 30px 24px;
  padding-bottom: 12px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  /*div{
			position: relative;
			
			vertical-align: middle;
			padding-right:40px;		
		}*/
}
.banner-container .banner:before {
  content: "";
  position: absolute;
  background: #F1F4F7;
  left: -39px;
  top: 0;
  width: 40px;
  height: 100%;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.banner-container .banner div:last-child {
  padding-right: 0;
}
.banner-container .banner h3, .banner-container .banner .h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 36px;
  color: #36566D;
}
.banner-container .banner .banner-spacer {
  flex: 165px;
}
.banner-container .banner .banner-img {
  top: -8px;
  left: 0px;
  height: calc(100% - 40px);
  position: absolute;
}
.banner-container .banner .banner-img img {
  width: 136px;
  height: 136px;
}
.banner-container .banner .banner-description {
  flex-shrink: 2;
  flex: calc(100% - 165px - 225px - 40px);
}
.banner-container .banner .banner-description p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.banner-container .banner .banner-button {
  flex: 225px;
}
.banner-container .banner .banner-button a.btn {
  width: 225px;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
}
.banner-container .banner .banner-button a.btn:after {
  padding-left: 5px;
  padding-right: 6px;
  transition: ease-in-out 0.5s;
}
.banner-container .banner .banner-button a.btn:hover:after {
  padding-left: 11px;
  padding-right: 0;
  transition: ease-in-out 0.5s;
}
.banner-container .banner .banner-button a.btn:focus {
  box-shadow: none;
}
.banner-container .banner .banner-button a.btn:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.banner-container .banner.banner-instagram {
  background: #FFD99D;
  flex-wrap: nowrap;
}
.banner-container .banner.banner-instagram:before {
  background: #FFD99D;
}
.banner-container .banner.banner-instagram .banner-headline {
  text-align: center;
}
.banner-container .banner.banner-instagram h3, .banner-container .banner.banner-instagram .h3 {
  color: #9B6002;
}
.banner-container .banner.banner-instagram .banner-button a.btn {
  background: #9B6002;
}
.banner-container .banner.banner-infosessions {
  background: #36566D;
}
.banner-container .banner.banner-infosessions:before {
  background: #36566D;
}
.banner-container .banner.banner-infosessions h3, .banner-container .banner.banner-infosessions .h3 {
  font-size: 32px;
  color: #FFF55D;
}
.banner-container .banner.banner-infosessions .banner-description p {
  color: #FFFFFF;
}
.banner-container .banner.banner-infosessions .banner-button a.btn {
  background: #FFF55D;
  color: #36566D;
}
.banner-container .banner.banner-campusnetzwerk {
  background: #4B5059;
}
.banner-container .banner.banner-campusnetzwerk:before {
  background: #4B5059;
}
.banner-container .banner.banner-campusnetzwerk h3, .banner-container .banner.banner-campusnetzwerk .h3 {
  font-size: 32px;
  color: #FFFFFF;
}
.banner-container .banner.banner-campusnetzwerk .banner-description p {
  color: #FFFFFF;
}
.banner-container .banner.banner-campusnetzwerk .banner-button a.btn {
  background: #FFFFFF;
  color: #4B5059;
}
.banner-container .banner.banner-publications {
  background: #36566D;
}
.banner-container .banner.banner-publications:before {
  background: #36566D;
}
.banner-container .banner.banner-publications h3, .banner-container .banner.banner-publications .h3 {
  font-size: 32px;
  color: #FFFFFF;
}
.banner-container .banner.banner-publications .banner-description p {
  color: #FFFFFF;
}
.banner-container .banner.banner-publications .banner-button a.btn {
  background: #FFFFFF;
  color: #36566D;
}
.banner-container .banner.banner-academy {
  background: #AF5F69;
  padding-left: 0;
}
.banner-container .banner.banner-academy:before {
  background: #AF5F69;
}
.banner-container .banner.banner-academy .banner-img {
  top: auto;
  left: auto;
  height: calc(100% - 40px);
  position: relative;
}
.banner-container .banner.banner-academy .banner-img img {
  max-width: 165px;
  width: auto;
  height: auto;
}
.banner-container .banner.banner-academy h3, .banner-container .banner.banner-academy .h3 {
  font-size: 32px;
  color: #FFFFFF;
}
.banner-container .banner.banner-academy .banner-description p {
  color: #FFFFFF;
}
.banner-container .banner.banner-academy .banner-button a.btn {
  background: #FFFFFF;
  color: #4B5059;
}
.banner-container .banner.banner-podcast {
  background-color: #f0beb9;
  background-repeat: no-repeat;
  background-position: center right;
  width: 100%;
  margin-left: 0;
  padding: 0;
  padding-right: 24px;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.banner-container .banner.banner-podcast:before {
  content: none;
}
.banner-container .banner.banner-podcast h3, .banner-container .banner.banner-podcast .h3 {
  font-size: 32px;
  color: #4B5059;
}
.banner-container .banner.banner-podcast .banner-description {
  flex: calc(100% - 348px);
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  height: 100%;
  min-width: calc(348px - 24px);
  max-width: calc(348px - 24px);
  width: calc(348px - 24px);
  background-color: #f0beb9;
  background: linear-gradient(90deg, #f0beb9 90%, rgba(240, 190, 185, 0) 100%);
}
.banner-container .banner.banner-podcast .banner-description p {
  color: #4B5059;
}
.banner-container .banner.banner-podcast .banner-button {
  text-align: right;
}
.banner-container .banner.banner-podcast .banner-button a.btn {
  width: auto;
  background: #FFFFFF;
  color: #4B5059;
}
/* Slider */
.interviewslider-list-wrapper {
  position: relative;
}
.interviewslider-list-wrapper .interviewSwiper-prev {
  top: 50%;
  left: 12px;
}
.interviewslider-list-wrapper .interviewSwiper-next {
  top: 50%;
  right: 12px;
}
.interviewslider-list-wrapper .container-xl {
  overflow: hidden;
}
.interview {
  position: relative;
  background: #7897AC;
  width: 100%;
  padding: 40px;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  /*
	div{
		position: relative;
		display: table-cell;
		vertical-align: top;
		padding-right:40px;		
	}*/
  /*
	&.interview-left{
		
		&:after{
			content:"";
			position: absolute;
			background: $blue;
			right: -40px;
			top: 0;
			width: 40px;
			height: 100%;
			@include corner-right-bottom;
		}		
		.interview-img img{
			@include corner-left-top;
			//margin-left:-8vw;
		}
	
		
	}

	// RIGHT
	&.interview-right {
		margin-left: 40px;
		padding-left:0;
		&:before{
			content:"";
			position: absolute;
			background: $blue;
			left: -40px;
			top: 0;
			width: 40px;
			height: 100%;
			@include corner-left-top;	
		}
		.interview-img img{
			@include corner-right-bottom;
			margin-right:-8vw;
		}
	}*/
}
.interview .interview-img img {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  margin-bottom: 12px;
}
.interview .interview-content {
  padding-right: 0;
}
.interview .interview-content p {
  color: #FFFFFF;
  margin-bottom: 0;
}
.interview .interview-content p.pretitle {
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.interview .interview-content h3, .interview .interview-content .h3 {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #FFFFFF;
}
.interview .interview-content .btn {
  margin-top: 20px;
  background: #FFFFFF;
  color: #36566D;
  text-transform: uppercase;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  padding: 12px 24px;
  border-radius: 0.25rem;
}
.interview .interview-content .btn:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.interview .interview-img img {
  height: 100%;
}
@media (min-width: 1400px) {
  .moreinformations-container .moreinformations-headline-wrapper.container {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 1200px) {
  .moreinformations-container .moreinformations-headline-wrapper.container {
    max-width: 100%;
    padding: inherit;
  }
}
.moreinformations-container .row {
  margin-bottom: 32px;
}
.moreinformations-container h2, .moreinformations-container .h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
.moreinformations-container a.bigbutton.button {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  background: #FFF55D;
  color: #36566D;
  font-size: 18px;
  padding: 14px 32px;
  padding-bottom: 12px;
  white-space: nowrap;
  float: right;
}
.moreinformations-container a.bigbutton.button.applynow:hover {
  background: #DBDB38;
  transition: ease 0.5s;
}
.moreinformations-container a.bigbutton.button.applynow:before {
  bottom: 16px;
}
.moreinformations-container a.bigbutton.button {
  color: #36566D;
  text-decoration: none;
}
.moreinformations-container a.bigbutton.button:hover:after {
  padding-left: 11px;
  padding-right: 0px;
  transition: ease-in-out 0.5s;
}
.moreinformations-container a.bigbutton.button:after {
  font-family: "Icons2022";
  font-weight: 700;
  content: "";
  padding-right: 6px;
  padding-left: 5px;
  transition: ease-in-out 0.5s;
}
.moreinformations-container .moreinformations-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.moreinformations-container .information-group {
  display: inline-flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.moreinformations-container .information-group.text-group {
  flex-basis: 624px;
  justify-content: left;
}
.moreinformations-container .information-item .information-content-txt-wrapper {
  min-width: 300px;
  max-width: 300px;
  position: relative;
  min-height: 40px;
}
.moreinformations-container .information-item .information-content-wrapper {
  min-width: 300px;
  max-width: 300px;
  position: relative;
  overflow: hidden;
}
.moreinformations-container .information-item {
  min-width: 300px;
  max-width: 300px;
  position: relative;
  overflow: hidden;
  position: relative;
}
.moreinformations-container .information-item a {
  color: #4B5059;
  text-decoration: none;
}
.moreinformations-container .information-item h5, .moreinformations-container .information-item .h5 {
  font-size: 18px;
}
.moreinformations-container .information-item h5:after, .moreinformations-container .information-item .h5:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.moreinformations-container .information-item .information-image {
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: transform 0.5s;
  min-width: 100%;
  margin-bottom: 60px;
}
.moreinformations-container .information-item .information-image img {
  min-width: 100%;
  max-width: 100%;
}
.moreinformations-container .information-item .information-headline {
  height: 60px;
  background: #F0F0F2;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 12;
  width: 100%;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item .information-headline h5, .moreinformations-container .information-item .information-headline .h5 {
  padding: 20px 12px;
  min-height: 60px;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item .information-headline p.information-more {
  opacity: 1;
  padding-left: 12px;
  padding-right: 12px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding-top: 0;
  margin-bottom: 12px;
  margin-top: 0;
  margin-bottom: 0;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item .information-image.active {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transition: transform 0.5s;
}
.moreinformations-container .information-item .information-headline.active {
  height: 90px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item .information-headline.active h5, .moreinformations-container .information-item .information-headline.active .h5 {
  min-height: auto;
  padding-bottom: 0;
  margin-bottom: 0;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item .information-headline.active .information-more {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.moreinformations-container .information-item a.absolute_link {
  position: absolute;
  overflow: hidden;
  text-indent: -100px;
  top: 0;
  width: 100%;
  height: 100%;
}
.moreinformations-container .information-item .information-txtonly {
  min-height: 40px;
}
.moreinformations-container .information-item .information-txtonly .information-image {
  display: none;
}
.moreinformations-container .information-item .information-txtonly .information-headline {
  background: transparent;
}
.col2center [class*="col-"] {
  padding-right: 42px;
  align-self: center;
}
.col2center [class*="col-"] h2, .col2center [class*="col-"] .h2 {
  margin-top: 0;
}
.col2center [class*="col-"] {
  align-self: center;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item, body.subpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item {
  width: 100%;
  height: 360px;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage, body.subpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage img, body.subpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper {
  margin-top: -24px;
  z-index: 10;
  position: relative;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap {
  z-index: 10;
  position: relative;
  min-height: 116px;
  padding-top: 24px;
  background: #36566D;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap:before, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap:before {
  background: #36566D;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .fillrighttop3d, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .fillrighttop3d {
  background: #36566D;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap p, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap p {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: 24px;
  margin: 0;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4 {
  font-size: 18px;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 48px;
}
body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1.mobiletitle, body.startpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .mobiletitle.h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1.mobiletitle, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .mobiletitle.h1 {
  display: none;
}
body.startpage .headercontent-wrapper .sliderbuttonflap-wrapper, body.subpage .headercontent-wrapper .sliderbuttonflap-wrapper {
  display: none;
}
body.startpage .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper, body.subpage .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper {
  display: none;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item {
  width: 100%;
  height: 480px;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage {
  width: 100%;
  height: 480px;
}
body.startpage .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage img {
  height: 480px;
}
body.course .headercontent-wrapper .headercontent .carousel-inner .carousel-item {
  width: 100%;
  height: 335px;
}
body.course .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage {
  width: 100%;
  height: 335px;
  object-fit: cover;
}
body.course .headercontent-wrapper .headercontent .carousel-inner .carousel-item .headersliderimage img {
  width: 100%;
  height: 335px;
  object-fit: cover;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper {
  margin-top: -24px;
  z-index: 13;
  position: relative;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap {
  z-index: 13;
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #36566D;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .fillrighttop3d {
  background: #36566D;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap p {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: 20px;
  margin: 0;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h4, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h4 {
  font-size: 26px;
}
body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.course .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 40px;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper {
  display: block;
  background: #36566D;
  position: relative;
  z-index: 12;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap {
  min-height: 90px;
  max-height: 90px;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .fillrighttop3d {
  background-color: #36566D;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content {
  min-height: 90px;
  max-height: 90px;
  overflow: hidden;
  display: table;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content .frame {
  display: table-cell;
  vertical-align: middle;
  padding-right: 48px;
  color: #FFFFFF;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content .bigbutton.button {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  background: #FFF55D;
  color: #36566D;
  font-size: 18px;
  padding: 20px 32px;
  padding-bottom: 18px;
  white-space: nowrap;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content .bigbutton.button.apply-reminder-button:hover, body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content .bigbutton.button.applynow:hover {
  background: #DBDB38;
  transition: ease 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content a {
  color: #FFFFFF;
  text-decoration: none;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content a:hover:after {
  padding-left: 11px;
  padding-right: 0px;
  transition: ease-in-out 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content a:after {
  font-family: "Icons2022";
  font-weight: 700;
  content: "";
  padding-right: 6px;
  padding-left: 5px;
  transition: ease-in-out 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper {
  position: fixed;
  min-height: 70px;
  max-height: 70px;
  top: 92px;
  z-index: 11;
  display: none;
  width: 100%;
  background: #36566D;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  min-height: 70px;
  max-height: 70px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #36566D;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content {
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  padding: 24px 0px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline {
  padding-top: 0px;
  color: white;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline h4, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline .h4, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline h2, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline .h2 {
  padding: 0;
  margin: 0;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline h4, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline .h4 {
  font-size: 24px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline h2, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline .h2 {
  font-size: 24px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .headline p {
  font-size: 16px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .frame:not(:first-of-type) {
  display: none;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content a {
  color: #FFFFFF;
  text-decoration: none;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content a:hover:after {
  padding-right: 0px;
  padding-left: 11px;
  transition: ease 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content a:after {
  font-family: "Icons2022";
  font-weight: 700;
  content: "";
  padding-right: 6px;
  padding-left: 5px;
  transition: ease 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .bigbutton.button {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  background: #FFF55D;
  color: #36566D;
  font-size: 16px;
  padding: 12px 24px;
  padding-bottom: 10px;
  white-space: nowrap;
  position: relative;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .bigbutton.button.applynow:before {
  content: "";
  font-family: "Icons2022";
  font-weight: 700;
  margin-right: 10px;
  font-size: 20px;
  bottom: 8px;
  position: absolute;
  width: 24px;
  display: inline-block;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .bigbutton.button.apply-reminder-button.path {
  fill: #36566D;
  width: 20px;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .bigbutton.button.apply-reminder-button:hover, body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .sliderbuttonflap-fixed-nav-content .bigbutton.button.applynow:hover {
  background: #DBDB38;
  transition: ease 0.5s;
}
body.course .headercontent-wrapper .sliderbuttonflap-fixed-nav-wrapper.show {
  display: block;
}
.SwiperNavBtn {
  font-size: 0;
  line-height: 0;
  z-index: 10;
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  background: #707070;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.SwiperNavBtn.swiper-button-disabled {
  opacity: 0.8;
}
.SwiperNavBtn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 26px;
  line-height: 1;
  font-family: "Icons2022";
  opacity: 1;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.SwiperNavBtnPrev:before {
  content: '';
  left: calc(50% - 3px);
}
.SwiperNavBtnNext:before {
  content: '';
  left: calc(50% + 3px);
}
/* Slider */
.imageslider-list-wrapper {
  position: relative;
  overflow-x: hidden;
}
.imageslider-list-wrapper .imageSwiper-prev {
  top: 200px;
  left: 12px;
}
.imageslider-list-wrapper .imageSwiper-next {
  top: 200px;
  right: 12px;
}
.imageslider-list-wrapper.single-center .video {
  box-sizing: border-box;
  max-width: 40%;
  margin: 0 auto;
}
.imageslider-list-wrapper .swiper-wrapper {
  align-items: center;
}
.imageslider-list-wrapper .swiper-slide {
  display: block;
  cursor: grab;
  width: 80%;
}
.imageslider-list-wrapper .swiper-slide .sliderItemImage {
  text-align: center;
}
.imageslider-list-wrapper .swiper-slide .frame-type-asframework_imageslideritem {
  margin: 0 auto;
  opacity: 0.3;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: transform 0.5s;
}
.imageslider-list-wrapper .swiper-slide .sliderItemText {
  display: none;
}
.imageslider-list-wrapper .swiper-slide.swiper-slide-active .frame-type-asframework_imageslideritem {
  opacity: 1;
  transform: scale(1);
  max-width: 600px;
  -webkit-transform: scale(1);
  transition: transform 0.5s;
}
.imageslider-list-wrapper .swiper-slide.swiper-slide-active .sliderItemText {
  display: block;
  font-size: 16px;
  padding: 12px;
}
/* Slider */
.videoslider-wrapper .link_all {
  margin-left: 24px;
  text-decoration: none;
  font-size: 16px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.videoslider-wrapper .link_all:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.videoslider-wrapper .videoslider-list-wrapper {
  position: relative;
  overflow-x: hidden;
}
.videoslider-wrapper .videoslider-list-wrapper .videoSwiper-prev {
  top: 200px;
  left: 12px;
}
.videoslider-wrapper .videoslider-list-wrapper .videoSwiper-next {
  top: 200px;
  right: 12px;
}
.videoslider-wrapper .videoslider-list-wrapper.single-center .video {
  box-sizing: border-box;
  max-width: 40%;
  margin: 0 auto;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-wrapper {
  align-items: flex-start;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide {
  display: block;
  cursor: grab;
  width: 80%;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide .video {
  margin: 0 auto;
  opacity: 0.3;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: transform 0.5s;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide header {
  display: none;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide .play-button {
  display: none;
  opacity: 0;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active .video {
  opacity: 1;
  transform: scale(1);
  width: 100%;
  -webkit-transform: scale(1);
  transition: transform 0.5s;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active .play-button {
  display: block;
  opacity: 1;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header {
  display: block;
  font-size: 16px;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header h3, .videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header .h3 {
  color: #36566D;
  font-size: 24px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header .duration {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  display: inline-block;
  padding-right: 12px;
  margin-right: 24px;
  border-right: 1px solid #F0F0F2;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header .categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.videoslider-wrapper .videoslider-list-wrapper .swiper-slide.swiper-slide-active header .categories ul li {
  white-space: nowrap;
  padding: 4px 6px;
  max-height: 24px;
  font-size: 14px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  letter-spacing: 0.14px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  background: #F1F4F7;
  display: inline-block;
  color: #36566D;
  border-radius: 0.25rem;
}
.newsevents-filter .filter-cat-buttons {
  margin-top: 24px;
}
.newsevents-filter .clear-filter, .newsevents-filter .btn-filter {
  background-color: #F1F4F7;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  padding: 2px 12px;
  padding-top: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: #36566D;
  font-size: 16px;
  transition: ease-in-out 0.5s;
}
.newsevents-filter .clear-filter:after, .newsevents-filter .btn-filter:after {
  content: "";
  font-family: "Icons2022";
  margin-left: 12px;
  font-size: 12px;
  font-weight: 400;
  transition: transform 0.1s ease-in-out;
  display: inline-block;
}
.newsevents-filter .clear-filter:hover, .newsevents-filter .btn-filter:hover {
  background-color: #36566D;
  color: #FFFFFF;
  transition: ease-in-out 0.5s;
}
.newsevents-filter .clear-filter:focus, .newsevents-filter .btn-filter:focus {
  box-shadow: none;
}
.newsevents-filter .clear-filter.active, .newsevents-filter .btn-filter.active {
  background-color: #36566D;
  color: #FFFFFF;
}
.newsevents-filter .clear-filter.active:after, .newsevents-filter .btn-filter.active:after {
  transform: translateZ(1px) rotate(45deg);
  transition: transform 0.1s ease-in-out;
}
.newsevents-filter .clear-filter:after {
  content: none;
}
.no-news-found {
  padding: 24px 0px;
}
.news-list {
  margin-bottom: 40px;
}
.news-list .spinner.show {
  min-height: 550px;
  color: #fff;
}
.news-list .spinner.show:before {
  content: "";
  color: #F0F0F2;
  display: inline-block;
  font-family: "Icons2022";
  font-size: 3em;
  height: 1em;
  line-height: 1;
  margin: 0.5em;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
}
.news-list h2, .news-list .h2 {
  margin-top: 0px;
}
.news-list .link_all {
  margin-left: 24px;
  text-decoration: none;
  font-size: 16px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.news-list .link_all:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.news-list .articlewrapper .news-list-date {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 12px;
}
.news-list .articlewrapper a {
  text-decoration: none;
}
.news-list .articlewrapper a h4, .news-list .articlewrapper a .h4 {
  color: #4B5059;
  font-size: 20px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.news-list .articlewrapper p {
  font-size: 16px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.news-list .articlewrapper .news-list-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-list .articlewrapper .news-list-categories ul li {
  white-space: nowrap;
  padding: 4px 6px;
  max-height: 24px;
  font-size: 14px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  letter-spacing: 0.14px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  background: #F1F4F7;
  display: inline-block;
  color: #36566D;
  border-radius: 0.25rem;
}
.news-list .articlewrapper.feature a h4, .news-list .articlewrapper.feature a .h4 {
  font-size: 24px;
}
.news-list .articlewrapper.article-2 {
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 2px solid #F0F0F2;
}
.news-list .articlewrapper.additional-article {
  padding-top: 12px;
  margin-top: 24px;
  border-top: 2px solid #F0F0F2;
}
.news-list .btn.load-more {
  margin-top: 24px;
  border-radius: 0.25rem;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
}
.news-list .btn.load-more:focus {
  box-shadow: none;
}
.news-list .btn.load-more.jump-to-all:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.news-list-all .articlewrapper {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #F0F0F2;
}
.news-list-all .f3-widget-paginator {
  list-style: none;
}
.news-list-all .f3-widget-paginator li {
  display: inline;
}
.event-list-wrapper .event-list-nav {
  position: relative;
}
.event-list-wrapper .event-list-nav .link_all {
  margin-left: 24px;
  text-decoration: none;
  font-size: 16px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.event-list-wrapper .event-list-nav .link_all:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.event-list-wrapper .event-list-nav .eventSwiper-prev {
  top: 24px;
  right: calc(12px + 48px + 12px);
}
.event-list-wrapper .event-list-nav .eventSwiper-next {
  top: 24px;
  right: 12px;
}
.event-list-wrapper .event-list {
  cursor: grab;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  margin-bottom: 40px;
}
.event-list-wrapper .event-list::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.event-list-wrapper .event-list .spinner.show {
  min-height: 40px;
  color: #fff;
}
.event-list-wrapper .event-list .spinner.show:before {
  content: "";
  color: #FFFFFF;
  display: inline-block;
  font-family: "Icons2022";
  font-size: 3em;
  height: 1em;
  line-height: 1;
  margin: 0.5em;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
}
.event-list-wrapper .event-list .swiper-slide {
  width: 380px;
}
.event-list-wrapper .event-list article {
  position: relative;
  height: 160px;
  width: 380px;
  flex: 0 0 380px;
  padding: 10px;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 0.25rem;
  margin-right: 20px;
}
.event-list-wrapper .event-list article .event-list-date {
  position: absolute;
  left: 0;
  top: 0px;
  padding-top: 20px;
  width: 60px;
  height: 160px;
  border-right: 1px solid #F0F0F2;
}
.event-list-wrapper .event-list article .event-list-date .event-list-date-day {
  font-size: 40px;
  line-height: 0.7;
  font-variant-ligatures: common-ligatures;
}
.event-list-wrapper .event-list article .event-list-date .event-list-date-monthyear {
  font-size: 16px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.event-list-wrapper .event-list article .event-list-date .event-list-date-hyphen {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 0;
  padding-top: 5px;
  padding-bottom: 15px;
}
.event-list-wrapper .event-list article .event-list-content {
  margin-left: 70px;
}
.event-list-wrapper .event-list article .event-list-content a {
  text-decoration: none;
  color: #4B5059;
  font-size: 24px;
}
.event-list-wrapper .event-list article .event-list-content h4, .event-list-wrapper .event-list article .event-list-content .h4 {
  margin-bottom: 5px;
}
.event-list-wrapper .event-list article .event-list-content .event-list-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.event-list-wrapper .event-list article .event-list-content .event-list-categories ul li {
  white-space: nowrap;
  padding: 4px 6px;
  max-height: 24px;
  font-size: 14px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  letter-spacing: 0.14px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  background: #F1F4F7;
  display: inline-block;
  color: #36566D;
  border-radius: 0.25rem;
}
.event-list-wrapper .event-list article.special {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.event-list-wrapper .event-list article.special .event-list-date {
  color: #FFFFFF;
}
.event-list-wrapper .event-list article.special .event-list-content a {
  color: #FFFFFF;
}
.event-list-wrapper .event-list article.special .event-list-content h4, .event-list-wrapper .event-list article.special .event-list-content .h4 {
  color: #FFFFFF;
}
.event-list-wrapper .event-list article.special.invert .event-list-date {
  color: #4B5059;
}
.event-list-wrapper .event-list article.special.invert .event-list-content a {
  color: #4B5059;
}
.event-list-wrapper .event-list article.special.invert .event-list-content h4, .event-list-wrapper .event-list article.special.invert .event-list-content .h4 {
  color: #4B5059;
}
.event-list-wrapper .event-list.event-list-all {
  cursor: auto;
}
.event-list-wrapper .event-list.event-list-all article {
  margin-bottom: 20px;
  height: 220px;
}
.event-list-wrapper .event-list.event-list-all article .event-list-date {
  height: 220px;
}
.news-single h1, .news-single .h1 {
  max-width: 800px;
  width: 100%;
}
.news-single .news-text-wrap {
  margin-top: 24px;
  max-width: 800px;
  width: 100%;
}
.news-single .lead {
  max-width: 800px;
  width: 100%;
}
.news-single .news-img-wrap {
  max-width: 800px;
  width: 100%;
}
.news-single .news-img-wrap .news-img-caption {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 12px 0px 24px 0px;
}
.news-single .news-related li {
  padding-left: 0px;
}
.magazine-podcast-teaser .link-extrenal:after {
  font-size: 16px;
  font-family: "Icons2022";
  content: "";
}
.magazine-nav-teaser {
  position: relative;
}
.magazine-nav-teaser .magazine-nav-teaser-img {
  border-radius: 0.25rem;
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 50%;
  background: #FFFFFF;
  padding: 20px;
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper p {
  color: #4B5059;
  font-size: 14px;
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-bottom: 0;
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper p.subheadline {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #7897AC;
  margin-bottom: 10px;
  letter-spacing: 1.4px;
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper h1, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h1, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h2, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h2, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h3, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h3, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h4, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h4, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h5, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h5, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h6, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h6 {
  color: #4B5059 !important;
  font-size: 24px !important;
  margin-bottom: 0 !important;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper h1:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h1:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h2:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h2:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h3:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h3:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h4:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h4:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h5:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h5:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper h6:after, .magazine-nav-teaser .magazine-nav-teaser-text-wrapper .h6:after {
  font-size: 24px;
  font-family: "Icons2022";
  content: "";
}
.magazine-nav-teaser .magazine-nav-teaser-text-wrapper .magazine-nav-detail-link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  text-indent: -100px;
}
.container-wrapper.colored.magazine {
  margin-top: 24px;
  overflow: hidden;
}
.container-wrapper.colored.magazine .left3d:before {
  background: transparent;
}
.container-wrapper.colored.magazine .filllefttop3d {
  width: calc(1000% - 12px);
  top: -1px;
  -moz-transform: skew(-45deg, 0deg);
  -webkit-transform: skew(-45deg, 0deg);
  -o-transform: skew(-45deg, 0deg);
  -ms-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
}
.container-wrapper.colored.magazine .fillleft3d {
  background: #FFFFFF;
  width: 1000%;
  min-height: 20px;
  height: 25px;
  position: absolute;
  bottom: -24px;
  left: -12px;
  display: block;
  border-radius: 2px;
  bottom: -1px;
  -moz-transform: skew(-45deg, 0deg);
  -webkit-transform: skew(-45deg, 0deg);
  -o-transform: skew(-45deg, 0deg);
  -ms-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
}
.magazine-wrapper {
  margin-bottom: 52px;
}
.magazine-wrapper .magazine-list-nav {
  position: relative;
}
.magazine-wrapper .magazine-list-nav h2, .magazine-wrapper .magazine-list-nav .h2 {
  margin-bottom: 0px;
}
.magazine-wrapper .magazine-list-nav p {
  font-size: 16px;
  color: #FFFFFF;
}
.magazine-wrapper .magazine-list-nav a {
  text-decoration: none;
  font-size: 16px;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.magazine-wrapper .magazine-list-nav a:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.magazine-wrapper .magazine-list-nav .magazineSwiper-prev, .magazine-wrapper .magazine-list-nav .magazineSwiper-next {
  background: #FFFFFF;
}
.magazine-wrapper .magazine-list-nav .magazineSwiper-prev:before, .magazine-wrapper .magazine-list-nav .magazineSwiper-next:before {
  color: #4B5059;
}
.magazine-wrapper .magazine-list-nav .magazineSwiper-prev {
  top: 24px;
  right: calc(12px + 48px + 12px);
}
.magazine-wrapper .magazine-list-nav .magazineSwiper-next {
  top: 24px;
  right: 12px;
}
.magazine-wrapper .magazine-list-btn {
  border-radius: 0.25rem;
  background: #FFFFFF;
  color: #36566D;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
  font-size: 16px;
}
.magazine-wrapper .magazine-list-btn:focus {
  box-shadow: none;
}
.magazine-wrapper .magazine-list-btn:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 700;
  content: "";
}
.magazine-wrapper .magazineSwiper {
  cursor: grab;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  margin-bottom: 32px;
}
.magazine-wrapper .magazineSwiper::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.magazine-wrapper .magazineSwiper .swiper-slide {
  width: 550px;
}
.magazine-wrapper .magazineSwiper .magazine-slide {
  position: relative;
  width: 550px;
  height: 310px;
}
.magazine-wrapper .magazineSwiper .magazine-last-slide {
  border-radius: 0.25rem;
  border: 2px solid #FFFFFF;
}
.magazine-wrapper .magazineSwiper .magazine-list-img {
  border-radius: 0.25rem;
}
.magazine-wrapper .magazineSwiper .magazine-list-text-wrapper {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  position: absolute;
  bottom: 20px;
  left: 20px;
  min-height: 120px;
  min-width: 280px;
  max-width: 380px;
  background: #FFFFFF;
  padding: 20px;
}
.magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h1, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h1, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h2, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h2, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h3, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h3, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h4, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h4, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h5, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h5, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper h6, .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .h6 {
  color: #4B5059;
  font-size: 24px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
}
.magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .magazine-list-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .magazine-list-categories ul li {
  white-space: nowrap;
  padding: 4px 6px;
  max-height: 24px;
  font-size: 14px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  letter-spacing: 0.14px;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  background: #F1F4F7;
  display: inline-block;
  color: #36566D;
  border-radius: 0.25rem;
}
.magazine-wrapper .magazineSwiper .magazine-list-text-wrapper .magazine-list-detail-link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  text-indent: -100px;
}
.entryslider-wrapper {
  background: url('/typo3conf/ext/as_framework/Resources/Public/assets/img/bg_entry.png');
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: 50%, 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: multiply;
  margin-bottom: 80px;
}
.entryslider-wrapper .entry-list-nav {
  position: relative;
}
.entryslider-wrapper .entry-list-nav .entrySwiper-prev, .entryslider-wrapper .entry-list-nav .entrySwiper-next {
  background: #FFFFFF;
}
.entryslider-wrapper .entry-list-nav .entrySwiper-prev:before, .entryslider-wrapper .entry-list-nav .entrySwiper-next:before {
  color: #4B5059;
}
.entryslider-wrapper .entry-list-nav .entrySwiper-prev {
  top: 24px;
  right: calc(12px + 48px + 12px);
}
.entryslider-wrapper .entry-list-nav .entrySwiper-next {
  top: 24px;
  right: 12px;
}
.entryslider-wrapper .entrySwiper {
  cursor: grab;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  margin-bottom: 40px;
}
.entryslider-wrapper .entrySwiper::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.entryslider-wrapper .entrySwiper .swiper-slide {
  width: 240px;
}
.entryslider-wrapper .entrySwiper .entry-item {
  position: relative;
  width: 240px;
  height: 120px;
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  background: #FFFFFF;
  padding: 20px;
  overflow: hidden;
}
.entryslider-wrapper .entrySwiper .entry-item h3, .entryslider-wrapper .entrySwiper .entry-item .h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #7897AC;
  font-size: 24px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.entryslider-wrapper .entrySwiper .entry-item .entry-detail-link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  text-indent: -100px;
}
.entryslider-wrapper .entrySwiper .entry-item .entry-detail-link:after {
  content: "";
  font-family: "Icons2022";
  position: absolute;
  font-weight: 700;
  right: -80px;
  bottom: 0px;
  color: #7897AC;
  font-size: 28px;
  width: 20px;
  height: 40px;
}
.quoteslider-wrapper .quote-nav {
  position: relative;
}
.quoteslider-wrapper .quote-nav .quoteSwiper-prev, .quoteslider-wrapper .quote-nav .quoteSwiper-next {
  background: #FFFFFF;
}
.quoteslider-wrapper .quote-nav .quoteSwiper-prev:before, .quoteslider-wrapper .quote-nav .quoteSwiper-next:before {
  color: #4B5059;
}
.quoteslider-wrapper .quote-nav .quoteSwiper-prev {
  top: 24px;
  right: calc(12px + 48px + 12px);
}
.quoteslider-wrapper .quote-nav .quoteSwiper-next {
  top: 24px;
  right: 12px;
}
.quoteslider-wrapper .quoteSwiper {
  overflow: hidden;
  cursor: drag;
  margin-bottom: 48px;
}
.quoteslider-wrapper .quoteSwiper .quoteItemImage {
  clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
}
.quoteslider-wrapper .quoteSwiper .quoteItemImage img {
  height: 215px;
  min-height: 215px;
  width: 215px;
  min-width: 215px;
  margin-right: 40px;
}
.quoteslider-wrapper .quoteSwiper blockquote {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}
.quoteslider-wrapper .quoteSwiper p {
  color: #FFFFFF;
}
.quoteslider-wrapper .quoteSwiper .quoteItemText p:last-child {
  margin-bottom: 0;
}
.quoteslider-wrapper .quoteSwiper a {
  color: #FFFFFF;
  text-decoration: none;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.quoteslider-wrapper .quoteSwiper a:after {
  font-weight: 700;
  color: #FFFFFF;
}
.quoteslider-wrapper .quoteSwiper a:before {
  font-weight: 700;
  color: #FFFFFF;
}
.bigbutton.applynow {
  position: relative;
}
.bigbutton.applynow span {
  margin-left: 34px;
}
.bigbutton.apply-reminder-button {
  position: relative;
}
.bigbutton.apply-reminder-button span {
  margin-left: 20px;
}
.bigbutton.applynow:before {
  content: "";
  font-family: "Icons2022";
  font-weight: 700;
  margin-right: 10px;
  font-size: 24px;
  bottom: 18px;
  position: absolute;
  width: 24px;
  display: inline-block;
}
.bigbutton.keepupdate {
  margin-top: 32px;
  margin-bottom: 32px;
  text-decoration: none;
}
.bigbutton.keepupdate:before {
  content: "";
  font-family: "Icons2022";
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
}
.bigbutton.pushnotifications {
  margin-top: 32px;
  margin-bottom: 32px;
  text-decoration: none;
}
.bigbutton.pushnotifications:before {
  content: "";
  font-family: "Icons2022";
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
}
.bigbutton.facebook {
  margin-top: 32px;
  margin-bottom: 32px;
  text-decoration: none;
}
.bigbutton.facebook:before {
  content: "";
  font-family: "Icons2022";
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
}
.color-content-inner .youtube_lazy, .col-md-6 .youtube_lazy {
  margin-bottom: 0;
}
.whatchado_lazy, .youtube_lazy {
  /*background-color: #4b5059;*/
  color: #FFF;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  width: 100%;
}
.whatchado_lazy .play-button:hover > .youtube_lazy img, .whatchado_lazy img:hover, .youtube_lazy .play-button:hover > .youtube_lazy img, .youtube_lazy img:hover {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transition: transform 0.5s;
  border-radius: 0.25rem;
}
.whatchado_lazy img, .youtube_lazy img {
  width: 100%;
  /*top: -16.84%;*/
  top: 0;
  left: 0;
  transition: transform 0.5s;
  border-radius: 0.25rem;
}
.whatchado_lazy .play-button, .youtube_lazy .play-button {
  width: 112px;
  height: 112px;
  background-color: #91AFC480;
  box-shadow: none;
  z-index: 1;
  opacity: 1;
  border-color: #FFFFFF;
  border-width: 5px;
  border-radius: 50%;
  border-style: solid;
  left: 50%;
  top: 50%;
}
.whatchado_lazy .play-button:before, .youtube_lazy .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
  opacity: 1;
}
.whatchado_lazy .play-button, .youtube_lazy .play-button {
  cursor: pointer;
}
.whatchado_lazy img, .whatchado_lazy iframe, .whatchado_lazy .play-button, .whatchado_lazy .play-button:before, .youtube_lazy img, .youtube_lazy iframe, .youtube_lazy .play-button, .youtube_lazy .play-button:before {
  position: absolute;
}
.whatchado_lazy .play-button, .whatchado_lazy .play-button:before, .youtube_lazy .play-button, .youtube_lazy .play-button:before {
  top: 50%;
  left: calc(50% + 5px);
  transform: translate3d(-50%, -50%, 0);
}
.whatchado_lazy iframe, .youtube_lazy iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cookie_text {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
}
div[data-name="YouTube"] {
  position: absolute;
  width: 80%;
  top: calc(50% - 110px);
  left: 10%;
  height: 220px;
  z-index: 2;
}
div .context-notice {
  border: 0;
  border-radius: 0;
}
div .context-notice p {
  color: #4b5059 !important;
}
/*
div .context-notice button.cm-btn-success-var,
div .context-notice button.cm-btn-success {
  background-color: rgb(120, 151, 172) !important;
  color: #FFF !important;
  padding: 5px !important;
  border-radius: 0 !important;	
}*/
.fixBorder {
  border: 0;
  border-left: 2px solid #F0F0F2;
  padding-left: 20px;
  padding-right: 0px;
}
.fixedcoltable {
  display: table;
  overflow: hidden;
}
.fixedcoltable .frame {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding-right: 32px;
}
.fixedcolleftandright p {
  margin-bottom: 0;
  line-height: 1;
}
.accordion .fixedcol > .col:first-child, .accordion .fixedcol > [class*="col-"]:first-child {
  padding-left: 0;
}
/*
.startblock .row,
.fixedcol {
	margin-right: 0;
	margin-left: 0;
	
	> .col:first-child,
	> [class*="col-"]:first-child {
		padding-left: 0;
	}
}
*/
.headercontent .flexslider {
  margin-left: 0;
}
body.startpage .headercontent {
  min-height: 480px;
}
#modal {
  /*
	input[type=checkbox]{
		width: 48px;	
		border-radius: 0.25rem;
		border: 0;
		height: 48px;
		box-shadow: 0px 0px 6px #0000000F;
		margin-top: 0.25em;
		vertical-align: top;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		border: 1px solid rgba(0, 0, 0, 0.25);
		appearance: none;
		color-adjust: exact;	
	}*/
}
#modal .modal-content.newsletter {
  background: #F0F0F2;
}
#modal .modal-content.newsletter .modal-header {
  padding-bottom: 0;
  padding-top: 0;
  border-bottom: 0;
}
#modal .modal-content.newsletter .modal-body main {
  margin-top: 0;
}
#modal h3, #modal .h3 {
  color: #36566D;
}
#modal label {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  padding-left: 12px;
  height: 57px;
  vertical-align: middle;
  display: table-cell;
}
#modal input[type=checkbox] {
  width: 48px;
  height: 48px;
  border-radius: 0.25rem;
  border: 0;
  height: 48px;
  box-shadow: 0px 0px 6px #0000000F;
}
#modal input[type=text] {
  border-radius: 0.25rem;
  border: 0;
  height: 48px;
  box-shadow: 0px 0px 6px #0000000F;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4B5059;
  background-color: #FFFFFF;
  background-clip: padding-box;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#modal .btn-primary, #modal .pressSubscribe {
  margin-top: 32px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 12px 32px;
  width: auto;
  float: right;
}
#modal .ajaxreturn {
  font-weight: 700;
}
#modal .smicons ul {
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 0;
  list-style: none;
}
#modal .smicons li {
  padding-left: 0;
  display: inline;
  padding-right: 10px;
}
#modal .smicons li a {
  position: relative;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  background: #FFFFFF;
}
#modal .smicons li a:after {
  content: none;
}
#modal .smicons li a .smicon {
  font-family: "Icons2022";
  color: #36566D;
  font-size: 30px;
}
#modal .smicons li a .smicon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
#modal .smicons li a .smicon-facebook:before {
  content: "";
}
#modal .smicons li a .smicon-youtube:before {
  content: "";
}
#modal .smicons li a .smicon-instagram:before {
  content: "";
}
#modal .smicons li a .smicon-twitter:before {
  content: "";
}
#modal .smicons li a .smicon-linkedin:before {
  content: "";
}
#modal .smicons li a .smicon-xing:before {
  content: "";
}
#modal .smicons li a .smicon-flickr:before {
  content: "";
}
.search-filter #ke_search_sword {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  padding: 20px;
  border: 0;
  font-size: 16px;
  border: 2px solid #F0F0F2;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='search' transform='translate(2.000000, 2.000000)' fill='%234b5059' fill-rule='nonzero'%3E							%3Cpath d='M12.5215758,-1.5 C4.77706498,-1.5 -1.5,4.77706498 -1.5,12.5215758 C-1.5,20.2660866 4.77706498,26.5431516 12.5215758,26.5431516 C20.2660866,26.5431516 26.5431516,20.2660866 26.5431516,12.5215758 C26.5431516,4.77706498 20.2660866,-1.5 12.5215758,-1.5 Z M12.5215758,1.5 C18.6092324,1.5 23.5431516,6.43391923 23.5431516,12.5215758 C23.5431516,18.6092324 18.6092324,23.5431516 12.5215758,23.5431516 C6.43391923,23.5431516 1.5,18.6092324 1.5,12.5215758 C1.5,6.43391923 6.43391923,1.5 12.5215758,1.5 Z' id='stroke'%3E%3C/path%3E%3Cpolygon id='stroke' points='19.2534269 21.3762775 21.3746084 19.2548182 34.1213203 31.9998611 32.0001389 34.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 15px;
  margin-bottom: 32px;
}
.search-filter .list .head {
  display: none;
}
.search-filter .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.search-filter .list ul li {
  background-color: #F1F4F7;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  padding: 8px 24px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: #36566D;
  font-size: 16px;
  display: inline;
}
.search-filter .list ul li a {
  text-decoration: none;
}
.search-filter #ke_search_submit {
  margin-top: 32px;
  border-radius: 0.25rem;
  background: #36566D;
  color: #FFFFFF;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 12px 32px;
  padding-bottom: 8px;
  width: auto;
  margin-bottom: 32px;
}
#ke_search_sword:focus {
  outline: 0;
  border-color: #CCC;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#ke_search_sword:after {
  font-family: 'icons';
  display: inline-block;
  content: '';
  color: #000;
  width: 47px;
  line-height: 40px;
  height: 36px;
  font-size: 16px;
}
#kesearch_results {
  margin-top: 15px;
}
#kesearch_results article {
  margin-bottom: 20px;
}
#kesearch_results article p {
  margin-bottom: 0;
}
#kesearch_results article .add-info {
  font-size: 1.3rem;
}
#kesearch_results article .hit {
  font-weight: 600;
  /*
  background: #f6f6f6;
  padding: 5px;
  border-radius: 5px;*/
}
#kesearch_results article .url {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.58);
  font-family: 'Roboto', Tahoma, Verdana, sans-serif;
  font-size: 14px;
  /*font-size: 0.8rem;*/
}
.kesearch_pagebrowser ul {
  list-style-type: none;
  padding: 0;
}
.kesearch_pagebrowser ul li {
  display: inline;
  padding-right: 5px;
}
.kesearch_pagebrowser ul li a.next, .kesearch_pagebrowser ul li a.prev {
  display: none;
}
.kesearch_pagebrowser ul li a.current {
  font-weight: bold;
}
#kesearch_pagebrowser_bottom {
  border-top: 1px solid #d1d1d5;
  padding-top: 20px;
}
#ke_search_submit {
  color: #FFF;
  background: #36566d;
  border: 0;
  display: block;
}
#ke_search_submit:active, #ke_search_submit:focus {
  outline: 0;
  box-shadow: none;
}
/*
#ke_search_submit:after{
	font-family: "Icons";
	width: 47px;
	content: '\e64f';
	color: #36566d;
	font-size: 18px;
}*/
#loadingDiv {
  display: none;
  text-align: center;
  height: 0px;
  color: #fff;
}
#loadingDiv:before {
  content: "";
  color: #F0F0F2;
  display: inline-block;
  font-family: "Icons2022";
  font-size: 3em;
  height: 1em;
  line-height: 1;
  margin: 0.5em;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
}
.pressrelease-list-wrapper .load-more {
  margin-top: 24px;
  border-radius: 0.25rem;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  padding: 12px 32px;
  text-transform: uppercase;
}
.pressrelease-list-wrapper .load-more:focus {
  outline: none;
  box-shadow: none;
}
.pressrelease-filter .clear-filter, .pressrelease-filter .btn-filter {
  background-color: #F1F4F7;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  padding: 2px 12px;
  padding-top: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: #36566D;
  font-size: 16px;
}
.pressrelease-filter .clear-filter:hover, .pressrelease-filter .btn-filter:hover {
  background-color: #36566D;
  color: #FFFFFF;
  transition: ease-in-out 0.5s;
}
.pressrelease-filter .clear-filter::after, .pressrelease-filter .btn-filter::after {
  content: "";
  font-family: "Icons2022";
  margin-left: 12px;
  font-size: 12px;
  font-weight: 400;
  transition: transform 0.1s ease-in-out;
  display: inline-block;
}
.pressrelease-filter .clear-filter:focus, .pressrelease-filter .btn-filter:focus {
  box-shadow: none;
}
.pressrelease-filter .clear-filter.active, .pressrelease-filter .btn-filter.active {
  background-color: #36566D;
  color: #FFFFFF;
}
.pressrelease-filter .clear-filter.active:after, .pressrelease-filter .btn-filter.active:after {
  transform: translateZ(1px) rotate(45deg);
  transition: transform 0.1s ease-in-out;
}
.pressrelease-filter #press_search {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  padding: 20px;
  border: 0;
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='search' transform='translate(2.000000, 2.000000)' fill='%234B5059' fill-rule='nonzero'%3E %3Cpath d='M12.5215758,-1.5 C4.77706498,-1.5 -1.5,4.77706498 -1.5,12.5215758 C-1.5,20.2660866 4.77706498,26.5431516 12.5215758,26.5431516 C20.2660866,26.5431516 26.5431516,20.2660866 26.5431516,12.5215758 C26.5431516,4.77706498 20.2660866,-1.5 12.5215758,-1.5 Z M12.5215758,1.5 C18.6092324,1.5 23.5431516,6.43391923 23.5431516,12.5215758 C23.5431516,18.6092324 18.6092324,23.5431516 12.5215758,23.5431516 C6.43391923,23.5431516 1.5,18.6092324 1.5,12.5215758 C1.5,6.43391923 6.43391923,1.5 12.5215758,1.5 Z' id='stroke'%3E%3C/path%3E%3Cpolygon id='stroke' points='19.2534269 21.3762775 21.3746084 19.2548182 34.1213203 31.9998611 32.0001389 34.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 15px;
  margin-top: 8px;
  margin-bottom: 32px;
  border: 2px solid #F0F0F2;
}
.pressrelease-filter #press_search:focus {
  outline: none;
  box-shadow: none;
}
.pressrelease-list {
  min-height: 60px;
  padding-left: 0;
  padding-right: 0;
}
.pressrelease-list .row {
  margin-bottom: 30px;
}
.pressrelease-list article.pressrelease .download-list {
  list-style-type: none;
  padding: 0;
}
.pressrelease-list article.pressrelease h4, .pressrelease-list article.pressrelease .h4 {
  margin-top: 5px;
}
.pressrelease-list article.pressrelease h4 a, .pressrelease-list article.pressrelease .h4 a {
  text-decoration: none;
}
.pressrelease-list article.pressrelease h4 a:after, .pressrelease-list article.pressrelease .h4 a:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
.pressrelease-list article.pressrelease p.date {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 12px;
}
.pressrelease-list ul.download-list {
  list-style-type: none;
  padding-left: 0;
}
.pressrelease-list .attachments {
  margin-top: 10px;
}
.pressrelease-list .f3-widget-paginator {
  display: block;
}
.pressrelease-detail .text {
  margin-top: 20px;
}
.pressrelease-detail h4.personname, .pressrelease-detail .personname.h4 {
  margin-top: 24px;
}
.pressrelease-detail .contact_persons p {
  margin-bottom: 6px;
}
@media screen and (min-width: 991px) {
  .pressrelease-detail .main-img-wrapper {
    position: relative;
  }
  .pressrelease-detail .main-img-wrapper .bottom-align-text-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.csc-textpic-noradius img {
  border-radius: 0;
}
.csc-textpic-right figure {
  text-align: right;
}
.ce-center .ce-gallery {
  text-align: center;
}
.csc-textpic-center .csc-textpic-imagewrap, .csc-textpic-right .csc-textpic-imagewrap, .csc-textpic-left .csc-textpic-imagewrap, .csc-textpic-above .csc-textpic-imagewrap {
  width: 100% !important;
}
.csc-textpic-intext-right:before, .csc-textpic-intext-left:before, .csc-textpic-intext-right:after, .csc-textpic-intext-left:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.csc-textpic-intext-right:after, .csc-textpic-intext-left:after {
  clear: both;
}
.csc-textpic-intext-right .csc-textpic-imagewrap, .csc-textpic-intext-left .csc-textpic-imagewrap {
  width: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.ce-right .ce-gallery {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
.fixedcol .ce-image figure {
  margin: 0;
}
/**  COOKIE CONSENT **/
.cc_container {
  background: rgba(75, 80, 89, 0.7) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #FFF !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 600px !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
  overflow: visible !important;
}
.cc_message {
  font-family: 'Roboto', Tahoma, Verdana, sans-serif !important;
  line-height: 22px !important;
  font-size: 14px !important;
}
.cc_container a, .cc_container a:visited {
  color: #FFF !important;
  text-decoration: underline !important;
}
.cc_3d {
  position: absolute;
  right: -20px;
  top: -20px;
  width: calc(100% + 10px);
  height: 20px;
  background: rgba(75, 80, 89, 0.7) !important;
  -moz-transform: skew(-45deg, 0deg);
  -webkit-transform: skew(-45deg, 0deg);
  -o-transform: skew(-45deg, 0deg);
  -ms-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
}
.cc_container .cc_btn {
  background: #4b5059 !important;
  color: #FFF !important;
  right: 5% !important;
  width: 100px !important;
  left: auto !important;
  border-radius: 0 !important;
  bottom: 20px !important;
  text-decoration: none !important;
}
body.course .headercontent-wrapper.cat101 {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .headercontent {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .headercontent.left3d::before {
  background: #007696;
}
body.course .headercontent-wrapper.cat101 .headercontent.left3d::after {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderheadlineflap {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderheadlineflap .fillrighttop3d {
  background-color: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderheadlineflap.left3d::before {
  background: #007696;
}
body.course .headercontent-wrapper.cat101 .sliderheadlineflap.left3d::after {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .anchor-toggle-btn.show {
  background-color: #007696;
}
body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #0085a6;
}
body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #007696;
}
body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #0085a6;
}
body.subpage #main_content.cat101 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat101 .reasons-container .reason-icon svg path {
  fill: #0085a6;
}
body.subpage #main_content.cat101 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat101 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #0085a6;
}
.accordion-LecturesForPerson.cat101 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat101 .accordion-body {
  background-color: #0085a6;
}
.accordion-LecturesForPerson.cat101 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat101 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat101 {
  background: #0085a6;
}
.course-sim-person.cat101 {
  background: #0085a6;
}
.lectures-for-person .lecture.cat101 {
  background: #0085a6;
}
body.course .headercontent-wrapper.cat102 {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .headercontent {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .headercontent.left3d::before {
  background: #e34940;
}
body.course .headercontent-wrapper.cat102 .headercontent.left3d::after {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderheadlineflap {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderheadlineflap .fillrighttop3d {
  background-color: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderheadlineflap.left3d::before {
  background: #e34940;
}
body.course .headercontent-wrapper.cat102 .sliderheadlineflap.left3d::after {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .anchor-toggle-btn.show {
  background-color: #e34940;
}
body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #db5951;
}
body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #e34940;
}
body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #db5951;
}
body.subpage #main_content.cat102 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat102 .reasons-container .reason-icon svg path {
  fill: #db5951;
}
body.subpage #main_content.cat102 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat102 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #db5951;
}
.accordion-LecturesForPerson.cat102 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat102 .accordion-body {
  background-color: #db5951;
}
.accordion-LecturesForPerson.cat102 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat102 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat102 {
  background: #db5951;
}
.course-sim-person.cat102 {
  background: #db5951;
}
.lectures-for-person .lecture.cat102 {
  background: #db5951;
}
body.course .headercontent-wrapper.cat103 {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .headercontent {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .headercontent.left3d::before {
  background: #ee7203;
}
body.course .headercontent-wrapper.cat103 .headercontent.left3d::after {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderheadlineflap {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderheadlineflap .fillrighttop3d {
  background-color: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderheadlineflap.left3d::before {
  background: #ee7203;
}
body.course .headercontent-wrapper.cat103 .sliderheadlineflap.left3d::after {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .anchor-toggle-btn.show {
  background-color: #ee7203;
}
body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #f18700;
}
body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #ee7203;
}
body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #f18700;
}
body.subpage #main_content.cat103 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat103 .reasons-container .reason-icon svg path {
  fill: #f18700;
}
body.subpage #main_content.cat103 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat103 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #f18700;
}
.accordion-LecturesForPerson.cat103 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat103 .accordion-body {
  background-color: #f18700;
}
.accordion-LecturesForPerson.cat103 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat103 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat103 {
  background: #f18700;
}
.course-sim-person.cat103 {
  background: #f18700;
}
.lectures-for-person .lecture.cat103 {
  background: #f18700;
}
body.course .headercontent-wrapper.cat104 {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .headercontent {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .headercontent.left3d::before {
  background: #7daf23;
}
body.course .headercontent-wrapper.cat104 .headercontent.left3d::after {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderheadlineflap {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderheadlineflap .fillrighttop3d {
  background-color: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderheadlineflap.left3d::before {
  background: #7daf23;
}
body.course .headercontent-wrapper.cat104 .sliderheadlineflap.left3d::after {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .anchor-toggle-btn.show {
  background-color: #7daf23;
}
body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #a2bc0c;
}
body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #7daf23;
}
body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #a2bc0c;
}
body.subpage #main_content.cat104 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat104 .reasons-container .reason-icon svg path {
  fill: #a2bc0c;
}
body.subpage #main_content.cat104 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat104 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #a2bc0c;
}
.accordion-LecturesForPerson.cat104 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat104 .accordion-body {
  background-color: #a2bc0c;
}
.accordion-LecturesForPerson.cat104 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat104 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat104 {
  background: #a2bc0c;
}
.course-sim-person.cat104 {
  background: #a2bc0c;
}
.lectures-for-person .lecture.cat104 {
  background: #a2bc0c;
}
body.course .headercontent-wrapper.cat105 {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .headercontent {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .headercontent.left3d::before {
  background: #008dd1;
}
body.course .headercontent-wrapper.cat105 .headercontent.left3d::after {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderheadlineflap {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderheadlineflap .fillrighttop3d {
  background-color: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderheadlineflap.left3d::before {
  background: #008dd1;
}
body.course .headercontent-wrapper.cat105 .sliderheadlineflap.left3d::after {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .anchor-toggle-btn.show {
  background-color: #008dd1;
}
body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #00a0de;
}
body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #008dd1;
}
body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #00a0de;
}
body.subpage #main_content.cat105 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat105 .reasons-container .reason-icon svg path {
  fill: #00a0de;
}
body.subpage #main_content.cat105 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat105 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #00a0de;
}
.accordion-LecturesForPerson.cat105 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat105 .accordion-body {
  background-color: #00a0de;
}
.accordion-LecturesForPerson.cat105 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat105 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat105 {
  background: #00a0de;
}
.course-sim-person.cat105 {
  background: #00a0de;
}
.lectures-for-person .lecture.cat105 {
  background: #00a0de;
}
body.course .headercontent-wrapper.cat106 {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .headercontent {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .headercontent.left3d::before {
  background: #6a509d;
}
body.course .headercontent-wrapper.cat106 .headercontent.left3d::after {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderheadlineflap {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderheadlineflap .fillrighttop3d {
  background-color: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderheadlineflap.left3d::before {
  background: #6a509d;
}
body.course .headercontent-wrapper.cat106 .sliderheadlineflap.left3d::after {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .anchor-toggle-btn.show {
  background-color: #6a509d;
}
body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #7f5ca3;
}
body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #6a509d;
}
body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #7f5ca3;
}
body.subpage #main_content.cat106 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat106 .reasons-container .reason-icon svg path {
  fill: #7f5ca3;
}
body.subpage #main_content.cat106 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat106 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #7f5ca3;
}
.accordion-LecturesForPerson.cat106 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat106 .accordion-body {
  background-color: #7f5ca3;
}
.accordion-LecturesForPerson.cat106 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat106 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat106 {
  background: #7f5ca3;
}
.course-sim-person.cat106 {
  background: #7f5ca3;
}
.lectures-for-person .lecture.cat106 {
  background: #7f5ca3;
}
body.course .headercontent-wrapper.cat107 {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .headercontent {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .headercontent.left3d::before {
  background: #f7a600;
}
body.course .headercontent-wrapper.cat107 .headercontent.left3d::after {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderheadlineflap {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderheadlineflap .fillrighttop3d {
  background-color: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderheadlineflap.left3d::before {
  background: #f7a600;
}
body.course .headercontent-wrapper.cat107 .sliderheadlineflap.left3d::after {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .anchor-toggle-btn.show {
  background-color: #f7a600;
}
body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav {
  background: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav .fillrighttop3d {
  background-color: #fbba00;
}
body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
  background: #f7a600;
}
body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
  background: #fbba00;
}
body.subpage #main_content.cat107 .reasons-container {
  background: #36566D;
}
body.subpage #main_content.cat107 .reasons-container .reason-icon svg path {
  fill: #fbba00;
}
body.subpage #main_content.cat107 .coursedetail-wrapper .coursedetail .infoelem .icon {
  background: white;
}
body.subpage #main_content.cat107 .coursedetail-wrapper .coursedetail .infoelem .icon:after {
  color: #fbba00;
}
.accordion-LecturesForPerson.cat107 .accordion-button:not(.collapsed), .accordion-LecturesForPerson.cat107 .accordion-body {
  background-color: #fbba00;
}
.accordion-LecturesForPerson.cat107 .accordion-button:not(.collapsed) {
  color: #FFFFFF;
}
.accordion-LecturesForPerson.cat107 .accordion-button:not(.collapsed):before {
  background-image: url("data:image/svg+xml,%3Csvg width='38px' height='22px' viewBox='0 0 38 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='chevron-down' fill='white' fill-rule='nonzero' transform='translate(19.000000, 11.000000) scale(-1, -1) translate(-19.000000, -11.000000) ' points='0.878679656 19 19 0.878679656 37.1213203 19 35 21.1213203 19 5.121 3 21.1213203'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.course-sim.cat107 {
  background: #fbba00;
}
.course-sim-person.cat107 {
  background: #fbba00;
}
.lectures-for-person .lecture.cat107 {
  background: #fbba00;
}
#pagefooter {
  position: relative;
  margin-top: 30px;
  color: white;
  font-size: 14px;
  /*
	.container {
		padding-left:35px;
		padding-right:35px;
	
	}*/
}
#pagefooter .totop {
  z-index: 20;
  display: none;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  right: 24px;
  opacity: 0.8;
  background: #4B5059;
  padding-top: 12px;
  padding-left: 2px;
}
#pagefooter .totop .toplink::before {
  font-family: "Icons2022";
  content: "";
  font-size: 24px;
  margin-top: 10px;
  padding: 10px;
  padding-left: 10px;
  display: inline;
  padding-left: 12px;
}
#pagefooter h5, #pagefooter .h5, #pagefooter h4, #pagefooter .h4 {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  padding-bottom: 12px;
  margin-top: 0;
}
#pagefooter h5, #pagefooter .h5 {
  font-size: 24px;
  padding-bottom: 24px;
}
#pagefooter a, #pagefooter a:hover, #pagefooter a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
#pagefooter a.link_phone::before, #pagefooter a.link_fax::before, #pagefooter a.link_mail::before {
  color: #FFFFFF;
}
#pagefooter ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#pagefooter ul li {
  margin: 0;
  padding-left: 0;
  padding-bottom: 12px;
}
#pagefooter ul li a, #pagefooter ul li a:hover {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
}
#pagefooter ul li a:after, #pagefooter ul li a:hover:after {
  font-family: "Icons2022";
  padding-left: 5px;
  font-weight: 400;
  content: "";
}
#pagefooter .footer-bottom {
  padding-bottom: 50px;
}
#pagefooter .footer-bottom .col-xl-12 div {
  display: inline-block;
  margin-right: 32px;
  font-size: 14px;
  line-height: 16px;
}
#pagefooter .footer-bottom ul li {
  display: inline-block;
  margin-right: 32px;
  padding-bottom: 0;
}
#pagefooter .footer-bottom ul li a, #pagefooter .footer-bottom ul li a:hover {
  font-size: 14px;
  line-height: 16px;
}
#pagefooter .footer-main {
  background: #4B5059;
  overflow: hidden;
}
#pagefooter .footer-main .left3d::before {
  background: #42464E;
  height: 100%;
}
#pagefooter .footer-main .container {
  padding-left: 24px;
}
#pagefooter .footer-main .maincol {
  border-bottom: 2px solid #42464E;
}
#pagefooter .footer-main .maincol, #pagefooter .footer-social .socialcol {
  margin-top: 50px;
  margin-bottom: 50px;
}
#pagefooter .footer-social {
  background: #7897AC;
  /*
		.container {
			padding: 24px;	  
		}
		
		.newsletter-form {
			padding-bottm:1.5rem;
		}
		*/
}
#pagefooter .footer-social .container {
  padding-left: 24px;
}
#pagefooter .footer-social .left3d::before {
  min-height: 100%;
  background: #688496;
}
#pagefooter .footer-social .filllefttop3d {
  background: #FFFFFF;
  height: 25px;
  top: 0;
}
#pagefooter .footer-social .fillleft3d {
  background: #7897AC;
  bottom: -24px;
}
#pagefooter .footer-social .socialcol.newsletter-form {
  padding-right: 1.5rem;
}
#pagefooter .footer-social .socialcol.newsletter-form h4, #pagefooter .footer-social .socialcol.newsletter-form .h4 {
  padding-bottom: 24px;
}
#pagefooter .footer-social .socialcol.newsletter-form .footer-newsletter-input {
  top: 0;
  margin: 0;
  border: 0px;
  background: #FFFFFF;
  color: #36566D;
  font-size: 16px;
  width: calc(100% - 245px);
  padding: 12px 24px;
  display: table-cell;
  vertical-align: bottom;
  height: 48px;
}
#pagefooter .footer-social .socialcol.newsletter-form .footer-newsletter-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbbbc !important;
  opacity: 1;
  /* Firefox */
}
#pagefooter .footer-social .socialcol.newsletter-form .footer-newsletter-button {
  top: 0;
  margin: 0;
  border: 0px;
  background: #36566D;
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #FFF;
  height: 48px;
  padding: 12px 24px;
  font-size: 16px;
  display: table-cell;
  vertical-align: bottom;
  width: 245px;
}
#pagefooter .footer-social .smicons {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  padding-left: 1.5rem;
}
#pagefooter .footer-social .smicons.en {
  padding-top: 15px;
  padding-left: 20px;
}
#pagefooter .footer-social .smlinks ul {
  padding-top: 10px;
  padding-bottom: 5px;
}
#pagefooter .footer-social .smlinks ul.row2 {
  padding-top: 0;
}
#pagefooter .footer-social .smicons li {
  display: inline;
  padding-right: 10px;
}
#pagefooter .footer-social .smicons li a {
  position: relative;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  background: #FFFFFF;
}
#pagefooter .footer-social .smicons li a:after {
  content: none;
}
#pagefooter .footer-social .smicons li a .smicon {
  font-family: "Icons2022";
  color: #36566D;
  font-size: 30px;
}
#pagefooter .footer-social .smicons li a .smicon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
#pagefooter .footer-social .smicons li a .smicon-facebook:before {
  content: "";
}
#pagefooter .footer-social .smicons li a .smicon-youtube:before {
  content: "";
}
#pagefooter .footer-social .smicons li a .smicon-instagram:before {
  content: "";
}
#pagefooter .footer-social .smicons li a .smicon-linkedin:before {
  content: "";
}
#pagefooter .footer-social .smicons li a .smicon-bluesky:before {
  content: "";
}
#pagefooter .footer-social .smicons li a span {
  color: #FFFFFF;
}
/*	
	

	
	#pagefooter .logos .ce-gallery {
	  width: 100% !important;
	}
	#pagefooter .logos .ce-gallery .ce-column {
	  display: inline-block;
	  padding-right: 20px;
	  padding-top:20px;
	
	}
	#pagefooter .logos .ce-gallery figure:hover {
	
	}
	#pagefooter .logos .ce-gallery figure:hover .img-thumbnail {
	  -webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: gray;
	
	  filter: grayscale(0%);
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	}
	#pagefooter .logos .ce-gallery figure .img-thumbnail {
	
	  -webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: gray;
	
	  filter: grayscale(100%);
	}
	#pagefooter .logos .ce-gallery figure figcaption {
	  color: #52595f;
	  text-align: center;
	  display: inline-block;
	  width: 100%;
	  padding-top: 10px;
	  font-size: 1.5rem;
	}
	
	
	#pagefooter .footer-top {
	  background: #d1d1d5;
	}
	#pagefooter .footer-bottom {
	  padding-bottom: 20px;
	  margin-top:20px;
	  border-top: 1px solid #6f737a;
	}
	
	#pagefooter a {
	  color: white;
	}
	#pagefooter a:hover {
	  color: #d1d1d5;
	  -webkit-transition: color 0.2s;
	  transition: color 0.2s;
	}
	
	.totop {
		z-index: 20;
		display: none;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		position: fixed;
		bottom: 0;
		left: calc(50% - 25px);
		background: rgba(0,0,0, 0.8);
		padding-top:10px;
		padding-left: 2px;
	}
	.toplink{
		width: 50px;
		height: 50px;
		display:inline;
		padding-top: 15px;
	}
	.toplink:before{
		font-family: "Icons";
		content:"\e605";
		font-size: 24px;
		margin-top: 10px;
		padding:10px;
		display:inline;
		padding-left: 12px;
	}
	
	.footercols {
		padding-top:20px;
	}
	.footercols > div:last-of-type {
	  border-right: none;
	}
	
	.customtext {
		margin-top: 30px;
	}
	.fhcustomtext h5{
		margin-top: 5px;
	}
	.customtext{
		padding-left: 45px;
	}
	
	.fhcustomtext .headline {
		font-weight:700;
		margin:0;
	}
	
	
	.customnav .headline{
		font-weight: 700;
		margin-top: 10px;
	}
	.magazin{
		padding-left:40px;
	}
	.magazin .customnav {
		margin-top: 30px;
	}
	
	.fhoffers{
		z-index: 3000;
	}
	.footercols .fhoffers{
		z-index: 9;
	}
	.customnav .menu-mainfocus-list{
		margin-top: 15px;
	}
	.customnav {
	  padding: 0;
	  margin: 0;
	  list-style-type: none;
	}
	.customnav li {
	  margin: 0;
	  padding-bottom: 12px;
	}
	.customnav li a,
	.customnav li a:hover {
	  font-family: $signa_lightreg;
	  text-decoration: none;
	  font-size: 16px;
	}
	.fhlegal .customnav li a:before,
	.fhservices .customnav li a:before,
	.fhoffers .customnav li a:before {
	  font-family: $signa_lightreg;
	  margin-right: 5px;
	  font-size: 16px;
	  line-height: 22px;
	}
	
	


	
	.footer-bottom .left3dborder:before {
		background: #4b5059;
		border-color: #6f737a;
	
	}

	.socialfooter3d {
		width: calc(1000% + 35px);
		min-height: 20px;
		height: 20px;
		position: relative;
		background: #FFF;
		top: 0px;
		margin-top: -1px;
		margin-left: -50px;
		left: -1000%;
		display: block;
		z-index: 1;
		transform: skewX(-45deg);
	}
	
	.pagefooter3d {
		width: calc(1000% + 35px);
		min-height: 20px;
		height: 20px;
		position: relative;
		background: #bcbcbc;
		top: 0px;
		margin-top: -1px;
		margin-left: -50px;
		left: -1000%;
		display: block;
		z-index: 1;
		transform: skewX(-45deg);
	}
	
	// EDGE ONLY 
	@supports (-ms-ime-align:auto) {
	  .pagefooter3d {
		margin-top: -21px;
	  }
	}
	
*/
@media (max-width: 360px) {
  /*
	.klaro.cm-as-context-notice {
		height: calc(80% - 15px);
		padding:0;
		margin:0;
	}*/
  div[data-name="YouTube"] {
    top: 0;
    left: 0;
    width: 100%;
  }
  .youtube_lazy .play-button {
    top: 30%;
  }
}
@media only screen and (min-width: 991px) {
  #pagefooter .footer-social .socialcol.newsletter-form {
    padding-right: 2.5rem;
  }
  #pagefooter .footer-social .smicons {
    padding-left: 2.5rem;
  }
  #pagefooter .footer-social .smicons ul {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1200px) {
  .news-list .feature {
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 2px solid #F0F0F2;
  }
  .news-list .feature .news-list-text-wrapper {
    padding-top: 12px;
  }
  .persondetail .persondetail-infobox {
    padding-right: 0;
  }
  .persondetail .personinfo-content {
    padding-left: 24px;
  }
  .persondetail .persondetail-left-col {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1100px) {
  #pageheader .mainnav .nav-item {
    margin-right: 5px;
  }
  #pageheader .navbar .mainnav-nav .nav-item .nav-link {
    font-size: 16px;
  }
  #pageheader .navbar .mainnav-nav .nav-item .nav-link:after {
    font-size: 16px;
  }
  #pageheader .subnav .subnavContent {
    margin-left: 12px;
  }
  #pageheader .subnav .subnavContent li a {
    font-size: 16px;
  }
  #pageheader .subnav .subnavContent h1 a, #pageheader .subnav .subnavContent .h1 a, #pageheader .subnav .subnavContent h2 a, #pageheader .subnav .subnavContent .h2 a, #pageheader .subnav .subnavContent h3 a, #pageheader .subnav .subnavContent .h3 a, #pageheader .subnav .subnavContent h4 a, #pageheader .subnav .subnavContent .h4 a, #pageheader .subnav .subnavContent h5 a, #pageheader .subnav .subnavContent .h5 a, #pageheader .subnav .subnavContent h6 a, #pageheader .subnav .subnavContent .h6 a, #pageheader .subnav .subnavContent h1, #pageheader .subnav .subnavContent .h1, #pageheader .subnav .subnavContent h2, #pageheader .subnav .subnavContent .h2, #pageheader .subnav .subnavContent h3, #pageheader .subnav .subnavContent .h3, #pageheader .subnav .subnavContent h4, #pageheader .subnav .subnavContent .h4, #pageheader .subnav .subnavContent h5, #pageheader .subnav .subnavContent .h5, #pageheader .subnav .subnavContent h6, #pageheader .subnav .subnavContent .h6 {
    font-size: 18px;
  }
  .coursedetail-wrapper .coursedetail .infoelem .icon {
    display: block;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  /* remove bug FW-13
	.fixedcol .col-md-6:nth-child(2){
		padding-left:0;
	}*/
  body.subpage .headercontent-wrapper h2, body.subpage .headercontent-wrapper .h2, body.subpage .headercontent-wrapper h1, body.subpage .headercontent-wrapper .h1, h1, .h1, h2, .h2 {
    font-size: 28px;
    margin-top: 38px;
    margin-bottom: 14px;
  }
  body.subpage .headercontent-wrapper h2, body.subpage .headercontent-wrapper .h2, body.subpage .headercontent-wrapper h1, body.subpage .headercontent-wrapper .h1 {
    margin-top: 0;
  }
  #pagefooter h5, #pagefooter .h5, #pagefooter h4, #pagefooter .h4, .banner-container .banner.banner-campusnetzwerk h3, .banner-container .banner.banner-campusnetzwerk .h3, .accordion h2.accordion-header, .accordion .accordion-header.h2, .accordion h2.accordion-header button, .accordion .accordion-header.h2 button, .reasons-container h2, .reasons-container .h2, h3, .h3 {
    font-size: 22px;
    line-height: 32px;
  }
  .accordion .accordion-button::before {
    background-size: 24px;
    width: 24px;
    height: 24px;
    margin-right: 24px;
    margin-left: 12px;
  }
  .accordion .accordion-body {
    padding: 20px 24px;
  }
  .download-wrapper .download .download-content, .quoteslider-wrapper .quoteSwiper blockquote, .highlights h3, .highlights .h3 {
    font-size: 20px;
    line-height: 24px;
  }
  h4, .h4, .bigtext {
    font-size: 18px;
    line-height: 27px;
  }
  body.subpage .headercontent-wrapper.titleonly .anchor-navigation {
    top: -100px;
  }
  .left3d:before {
    left: -1px;
    top: calc(100% + 8px);
    height: 24px;
    min-height: 24px;
  }
  #pageheader .navbar {
    padding-top: 0;
    padding-bottom: 0;
  }
  #pageheader .left3d::before {
    min-height: 24px;
    top: calc(100% + 8px);
    background: #4B5059;
  }
  .header-breadcrumb-wrapper .left3d::before {
    top: calc(100% - 20px);
  }
  body.subpage .headercontent-wrapper .left3d:before, #pageheader .subnav .left3d::before {
    background: #36566D;
  }
  .header-breadcrumb.left3d:before {
    background: #7897AC;
  }
  body.startpage #slideshow {
    min-height: 334px;
  }
  body.startpage #slideshow .video-container {
    height: 334px;
  }
  .persondetail {
    /*
		.persondetail-infobox{
			padding-right: 0;
		}
		.personinfo-content{
			padding-left: 24px;
		}
		
		.persondetail-left-col{
			padding-right: 0;
		}*/
  }
  .persondetail .fixBorder {
    margin-top: 24px;
    border-left: 0;
  }
  .courseinfobox-container {
    height: 158px;
  }
  .courseinfobox-container div.courseinfobox-button {
    margin-left: 57px;
    display: block;
    margin-top: 12px;
  }
  .courseinfobox-container #courseinfobox-btn {
    width: 100%;
    text-align: center;
  }
  .curriculum-modular .modul-item-headline-wrapper, .curriculum-modular .curriculum-lecture-wrapper, .curriculum .curriculum-lecture-wrapper {
    flex-wrap: wrap;
  }
  .curriculum-modular .modul-sws-ects, .curriculum-modular .lecture-sws-ects, .curriculum .curriculum-sws-ects {
    text-align: left !important;
    margin-left: 0;
  }
  .curriculum-modular .modul-item h5.modul-headline, .curriculum-modular .modul-item .modul-headline.h5 {
    font-size: 20px;
    word-wrap: break-word;
  }
  .curriculum-modular .lecture .curriculum-lecture-wrapper h5.lecture-headline, .curriculum-modular .lecture .curriculum-lecture-wrapper .lecture-headline.h5 {
    font-size: 18px;
    word-wrap: break-word;
  }
  .curriculum-modular .modul-item .wahlblock-item h5.wahlblock-headline, .curriculum-modular .modul-item .wahlblock-item .wahlblock-headline.h5 {
    font-size: 20px;
    word-wrap: break-word;
  }
  .reasons-container {
    padding: 24px;
  }
  .videoslider-wrapper .videoslider-list-wrapper.single-center .video {
    max-width: 100%;
  }
  .download-wrapper .download {
    flex-wrap: wrap;
  }
  .download-wrapper .download div {
    margin-bottom: 6px;
  }
  .quote-wrapper, .banner-container .banner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding-left: 0;
  }
  .quote-wrapper .banner-spacer, .banner-container .banner .banner-spacer {
    min-height: 100px;
  }
  .quote-wrapper .banner-spacer, .quote-wrapper .banner-description, .quote-wrapper .banner-button, .banner-container .banner .banner-spacer, .banner-container .banner .banner-description, .banner-container .banner .banner-button {
    flex: auto;
  }
  .quote-wrapper.banner-instagram .banner-headline, .banner-container .banner.banner-instagram .banner-headline {
    text-align: left;
  }
  .quote-wrapper.banner-podcast, .banner-container .banner.banner-podcast {
    background-size: 100%;
    background-position: top right;
    gap: 0;
  }
  .quote-wrapper.banner-podcast .banner-description, .banner-container .banner.banner-podcast .banner-description {
    margin-top: 120px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    background: #f0beb9;
  }
  .quote-wrapper.banner-podcast .banner-button, .banner-container .banner.banner-podcast .banner-button {
    background: #f0beb9;
    padding-top: 20px;
    padding-left: 24px;
    text-align: left;
  }
  .quoteslider-wrapper .quoteSwiper {
    margin-bottom: 0px;
  }
  .quote-wrapper .quoteItemText {
    margin-top: 24px;
  }
  .newsevents-filter .filter-cat-buttons {
    max-height: 50px;
    overflow-x: scroll;
    overflow-y: hidden;
    flex: 1;
    display: flex;
    align-items: flex-start;
  }
  .newsevents-filter .filter-cat-buttons .btn {
    white-space: nowrap;
  }
  .accordionspezial .container-xl.left3d::before, .container-wrapper.colored.entry .left3d::before, .container-wrapper.colored.lightblue .left3d::before, .container-wrapper.colored.blue .left3d::before, .container-wrapper.colored.grey .left3d::before {
    min-height: 24px;
    top: calc(100% - 12px);
  }
  .container-wrapper.colored.lightblue {
    background: #F1F4F7;
  }
  .container-wrapper.colored.lightblue .left3d:before {
    background: #F1F4F7;
  }
  .container-wrapper.colored.entry .left3d::before {
    background: #91AFC4;
  }
  .coursedetail-wrapper .coursedetail.left3d::before {
    background: #F0F0F2;
  }
  body.subpage .headercontent-wrapper .left3d::before {
    min-height: 24px;
    top: calc(100% - 11px);
  }
  .coursedetail-wrapper .coursedetail.left3d::before {
    min-height: 24px;
    top: calc(100% - 11px);
  }
  .divider hr {
    margin-left: 0;
  }
  .divider hr::after {
    content: none;
  }
  .divider .hr-after {
    width: 0;
  }
  .entryslider-wrapper {
    background-size: 110%, 110%;
  }
  .container-wrapper.colored.magazine .left3d::before {
    min-height: 24px;
    top: calc(100% - 11px);
  }
  .text-75, .text-50, .text-60, .threefourth-wrapper {
    width: 100%;
  }
  .SwiperNavBtn {
    opacity: 0.5;
  }
  #pagefooter .footer-main, #pagefooter .footer-social {
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0% 24px);
  }
  #pagefooter .footer-social .socialcol.newsletter-form .footer-newsletter-button, #pagefooter .footer-social .socialcol.newsletter-form .footer-newsletter-input {
    width: 100%;
  }
  #pagefooter .footer-social .smicons {
    border-left: 0;
    margin-top: 0;
    padding-left: 0.5rem;
  }
  #pagefooter .footer-main-wrapper {
    background: #7897AC;
  }
  #pagefooter .footer-main .left3d::before, #pagefooter .footer-social .left3d::before {
    content: none;
  }
  #pagefooter .footer-main .maincol {
    margin-bottom: 0;
  }
  body.course .headercontent-wrapper.cat101 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #0085a6;
  }
  body.course .headercontent-wrapper.cat101 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat101 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #0085a6;
  }
  body.course .headercontent-wrapper.cat102 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #db5951;
  }
  body.course .headercontent-wrapper.cat102 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat102 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #db5951;
  }
  body.course .headercontent-wrapper.cat103 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #f18700;
  }
  body.course .headercontent-wrapper.cat103 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat103 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #f18700;
  }
  body.course .headercontent-wrapper.cat104 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #a2bc0c;
  }
  body.course .headercontent-wrapper.cat104 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat104 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #a2bc0c;
  }
  body.course .headercontent-wrapper.cat105 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #00a0de;
  }
  body.course .headercontent-wrapper.cat105 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat105 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #00a0de;
  }
  body.course .headercontent-wrapper.cat106 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #7f5ca3;
  }
  body.course .headercontent-wrapper.cat106 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat106 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #7f5ca3;
  }
  body.course .headercontent-wrapper.cat107 .sliderheadlineflap.left3d::before, body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::before {
    background: #fbba00;
  }
  body.course .headercontent-wrapper.cat107 .sliderheadlineflap.left3d::after, body.course .headercontent-wrapper.cat107 .sliderbuttonflap-fixed-nav-wrapper .sliderbuttonflap-fixed-nav.left3d::after {
    background: #fbba00;
  }
}
@media only screen and (max-width: 686px) {
  .moreinformations-container .information-group.text-group {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .fillrighttop3d, .header-breadcrumb-wrapper {
    display: none;
  }
  body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .h1 {
    font-size: 32px;
  }
  body.course .headercontent-wrapper .sliderbuttonflap-wrapper .sliderbuttonflap .sliderbuttonflap-content .frame:nth-child(2) {
    display: none;
  }
  input[type="checkbox"], input[type="radio"] {
    width: 16px;
    appearance: auto;
    border: none;
  }
  #form_futureheroform input[type="radio"] {
    width: 16px;
    appearance: auto;
    border: none;
    height: 16px;
    margin-bottom: 0px !important;
  }
  .fixBorder {
    border: 0;
    border-left: 0;
    padding-left: 10px;
    padding-right: 0px;
  }
  .text-wrapper {
    width: 100%;
  }
  .courseinfobox-container {
    height: auto;
  }
  .courseinfobox-container .courseinfobox-content {
    display: block;
    padding-right: 0;
    width: 100%;
  }
  .courseinfobox-container .courseinfobox-content div {
    margin-left: 0px;
    display: block;
    margin-top: 12px;
    width: 100%;
    padding-right: 0;
  }
  .courseinfobox-container div.courseinfobox-posttext {
    margin-top: 24px;
  }
  .courseinfobox-container div.courseinfobox-pretext, .courseinfobox-container div.courseinfobox-select1, .courseinfobox-container div.courseinfobox-select2 {
    margin-top: 0;
  }
  .courseinfobox-container div.courseinfobox-button {
    margin-left: 0px;
  }
  .courseinfobox-container #courseinfobox-btn {
    width: 100%;
    text-align: center;
  }
  .whatchado_lazy .play-button, .youtube_lazy .play-button {
    width: 66px;
    height: 66px;
    border-width: 3px;
  }
  .coursedetail-wrapper .coursedetail .infoelem {
    margin-bottom: 12px;
  }
  .coursedetail-wrapper .coursedetail .infoelem .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
  }
  .coursedetail-wrapper .coursedetail .infoelem .icon:after {
    font-size: 20px;
  }
  .coursedetail-wrapper .coursedetail .infoelem dl {
    max-width: calc(100% - 52px);
  }
  .coursedetail-wrapper .coursedetail .fillright3d {
    display: none;
  }
  .reasons-container .reason {
    flex-wrap: nowrap;
    flex-grow: 2;
    flex-shrink: 2;
    flex-basis: auto;
  }
  .reasons-container .reason .reason-icon {
    width: 40px;
    height: 40px;
  }
  .reasons-container .reason .reason-icon svg {
    height: 20px;
    width: 20px;
  }
  .reasons-container .reason .reason-text-wrapper {
    width: calc(100% - 40px);
    margin-left: 12px;
  }
  .moreinformations-container a.bigbutton.applynow {
    float: left;
  }
  .event-list-wrapper .event-list .swiper-slide {
    width: 327px;
  }
  .event-list-wrapper .event-list article {
    width: 327px;
    height: 200px;
    flex: 0 0 327px;
  }
  .event-list-wrapper .event-list article .event-list-date {
    height: 200px;
  }
  .magazine-wrapper .magazineSwiper .magazine-slide, .magazine-wrapper .magazineSwiper .swiper-slide {
    width: 315px;
    height: auto;
  }
  .magazine-wrapper .magazineSwiper .magazine-last-slide {
    min-height: 100%;
    max-height: 100%;
  }
  .magazine-wrapper .magazineSwiper .magazine-list-img {
    max-width: 315px;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .magazine-wrapper .magazineSwiper .magazine-list-text-wrapper {
    position: relative;
    display: block;
    clip-path: none;
    overflow: hidden;
    width: 315px;
    left: 0;
    bottom: 0;
    min-height: 156px;
    height: 156px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .persondetail .text-end {
    text-align: left !important;
  }
}
@media (max-width: 575.98px) {
  body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1.desktoptitle, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .desktoptitle.h1 {
    display: none;
  }
  body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap h1.mobiletitle, body.subpage .headercontent-wrapper .sliderheadlineflap-wrapper .sliderheadlineflap .mobiletitle.h1 {
    display: block;
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
  }
  .responsivetable table tr, .responsivetable table tr td:nth-child(1) {
    display: block !important;
    clear: both;
  }
}
/* ##########################################
KLARO COOKIE CONSENT
 ##########################################*/
/*
We declare all variables here as default so that they are easy to override...
*/
/* Border, shadows, ... */
/*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
/* Border styles */
/* Cookie notice positioning */
/* Text colors */
/* Font Families */
/* White */
/* Differently shaded colors */
/*
Use @include var(property, varname) to include a variable, e.g.

  @include var(background-color, white1);

to create a white background.
*/
/* Spacing */
/* Breakpoints */
.klaro {
  font-family: inherit;
  font-family: var(--font-family, inherit);
  font-size: 14px;
  font-size: var(--font-size, 14px);
}
.klaro button {
  font-family: inherit;
  font-family: var(--font-family, inherit);
  font-size: 14px;
  font-size: var(--font-size, 14px);
}
.klaro.cm-as-context-notice {
  height: 100%;
}
.klaro .cookie-modal, .klaro .context-notice, .klaro .cookie-notice {
  /* The switch - the box around the slider */
}
.klaro .cookie-modal .cm-switch-container, .klaro .context-notice .cm-switch-container, .klaro .cookie-notice .cm-switch-container {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 66px;
  line-height: 20px;
  vertical-align: middle;
  min-height: 40px;
}
.klaro .cookie-modal .cm-switch-container:last-child, .klaro .context-notice .cm-switch-container:last-child, .klaro .cookie-notice .cm-switch-container:last-child {
  border-bottom: 0;
}
.klaro .cookie-modal .cm-switch-container:first-child, .klaro .context-notice .cm-switch-container:first-child, .klaro .cookie-notice .cm-switch-container:first-child {
  margin-top: 0;
}
.klaro .cookie-modal .cm-switch-container p, .klaro .context-notice .cm-switch-container p, .klaro .cookie-notice .cm-switch-container p {
  margin-top: 0;
}
.klaro .cookie-modal .cm-switch, .klaro .context-notice .cm-switch, .klaro .cookie-notice .cm-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
}
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
  opacity: 0.6;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
}
.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
  cursor: not-allowed;
}
.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-modal .cm-list-input, .klaro .context-notice .cm-list-input, .klaro .cookie-notice .cm-list-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-list-title, .klaro .context-notice .cm-list-title, .klaro .cookie-notice .cm-list-title {
  font-size: 1em;
  font-weight: 600;
}
.klaro .cookie-modal .cm-list-description, .klaro .context-notice .cm-list-description, .klaro .cookie-notice .cm-list-description {
  color: #7c7c7c;
  color: var(--dark3, #7c7c7c);
  font-size: 1em;
  padding-top: 4px;
}
.klaro .cookie-modal .cm-list-label, .klaro .context-notice .cm-list-label, .klaro .cookie-notice .cm-list-label {
  /* The slider */
  /* Rounded sliders */
}
.klaro .cookie-modal .cm-list-label .cm-switch, .klaro .context-notice .cm-list-label .cm-switch, .klaro .cookie-notice .cm-list-label .cm-switch {
  position: absolute;
  left: 0;
}
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
  background-color: #f2f2f2;
  background-color: var(--white2, #f2f2f2);
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}
.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
  background-color: #e6e6e6;
  background-color: var(--white3, #e6e6e6);
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  transition: 0.4s;
}
.klaro .cookie-modal .cm-list-label .slider.round, .klaro .context-notice .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {
  border-radius: 30px;
}
.klaro .cookie-modal .cm-list-label .slider.round::before, .klaro .context-notice .cm-list-label .slider.round::before, .klaro .cookie-notice .cm-list-label .slider.round::before {
  border-radius: 50%;
}
.klaro .cookie-modal .cm-list-label input:focus + .slider, .klaro .context-notice .cm-list-label input:focus + .slider, .klaro .cookie-notice .cm-list-label input:focus + .slider {
  box-shadow-color: #48dfb2;
  box-shadow-color: var(--green3, #48dfb2);
  box-shadow: 0 0 1px var(color, green3);
}
.klaro .cookie-modal .cm-list-label input:checked + .slider::before, .klaro .context-notice .cm-list-label input:checked + .slider::before, .klaro .cookie-notice .cm-list-label input:checked + .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider, .klaro .context-notice .cm-list-input:focus + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
  color: #1a936f;
  color: var(--green1, #1a936f);
  text-decoration: none;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice .h1, .klaro .context-notice h2, .klaro .context-notice .h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  color: #4B5059;
}
.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice h1, .klaro .context-notice .h1, .klaro .context-notice h2, .klaro .context-notice .h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}
.klaro .cookie-modal h1, .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .h2, .klaro .cookie-modal h3, .klaro .cookie-modal .h3, .klaro .cookie-modal h4, .klaro .cookie-modal .h4, .klaro .cookie-modal h5, .klaro .cookie-modal .h5, .klaro .cookie-modal h6, .klaro .cookie-modal .h6, .klaro .context-notice h1, .klaro .context-notice .h1, .klaro .context-notice h2, .klaro .context-notice .h2, .klaro .context-notice h3, .klaro .context-notice .h3, .klaro .context-notice h4, .klaro .context-notice .h4, .klaro .context-notice h5, .klaro .context-notice .h5, .klaro .context-notice h6, .klaro .context-notice .h6, .klaro .cookie-notice h1, .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .h2, .klaro .cookie-notice h3, .klaro .cookie-notice .h3, .klaro .cookie-notice h4, .klaro .cookie-notice .h4, .klaro .cookie-notice h5, .klaro .cookie-notice .h5, .klaro .cookie-notice h6, .klaro .cookie-notice .h6 {
  font-family: inherit;
  font-family: var(--title-font-family, inherit);
}
.klaro .cookie-modal .cm-link, .klaro .context-notice .cm-link, .klaro .cookie-notice .cm-link {
  margin-right: 0.5em;
  vertical-align: middle;
}
.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
  color: #fff;
  color: var(--button-text-color, #fff);
  background-color: #5c5c5c;
  background-color: var(--dark2, #5c5c5c);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  padding: 6px 10px;
  margin-right: 0.5em;
  border-style: none;
  padding: 0.4em;
  font-size: 1em;
  cursor: pointer;
}
.klaro .cookie-modal .cm-btn:disabled, .klaro .context-notice .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
  opacity: 0.5;
}
.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .context-notice .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background-color: #c8c8c8;
  background-color: var(--light2, #c8c8c8);
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  color: #FFF;
  background-color: #36566D;
}
.klaro .context-notice .cm-btn.cm-btn-success {
  background-color: #FFF;
  color: #36566D;
  border: 2px solid #36566D;
}
.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
  background-color: #36566D;
  border: 2px solid #36566D;
}
.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background-color: #36566D;
  background-color: var(--blue1, #2581c4);
}
.klaro .context-notice {
  border-radius: 0px;
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-color: rgb(120, 151, 172);
  border-color: var(--light2, #c8c8c8);
  background-color: #fafafa;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 5px;
  height: 100%;
}
.klaro .context-notice.cm-dark {
  background-color: #333;
  background-color: var(--dark1, #333);
  border-color: #5c5c5c;
  border-color: var(--dark2, #5c5c5c);
}
.klaro .context-notice.cm-dark p {
  color: #fafafa;
  color: var(--light1, #fafafa);
}
.klaro .context-notice.cm-dark p a {
  color: #459cdc;
  color: var(--blue2, #459cdc);
}
.klaro .context-notice p {
  color: #333;
  color: var(--dark1, #333);
  flex-grow: 0;
  text-align: center;
  padding-top: 0;
  margin-top: 0;
}
.klaro .context-notice p a {
  color: #24cc9a;
  color: var(--green2, #24cc9a);
}
.klaro .context-notice p.cm-buttons {
  margin-top: 0px;
  padding: 0 !important;
}
.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
}
.klaro .cookie-modal.cm-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  z-index: 0;
}
.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
  position: relative;
  -ms-transform: none;
  transform: none;
}
.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
  background-color: #FFF;
  color: #fafafa;
  color: var(--light1, #fafafa);
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  padding: 24px;
}
@media (min-width: 660px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal .cm-modal .hide {
  border-style: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #fafafa;
  stroke: var(--light1, #fafafa);
}
.klaro .cookie-modal .cm-modal .cm-footer {
  border-top-color: #F0F0F2;
  border-top-width: 1px;
  border-top-width: var(--border-width, 1px);
  border-top-style: solid;
  border-top-style: var(--border-style, solid);
  padding: 1em;
}
.klaro .cookie-modal .cm-modal .cm-footer-buttons {
  display: flex;
  flex-flow: row;
  justify-content: right;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: 0.8em;
  padding-top: 4px;
  text-align: right;
  padding-right: 8px;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
}
.klaro .cookie-modal .cm-modal .cm-header {
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-color: #5c5c5c;
  border-bottom-color: var(--dark2, #5c5c5c);
  padding: 1em;
  padding-right: 24px;
}
.klaro .cookie-modal .cm-modal .cm-header h1, .klaro .cookie-modal .cm-modal .cm-header .h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title, .klaro .cookie-modal .cm-modal .cm-header .title.h1 {
  padding-right: 20px;
}
.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
  padding: 0;
  margin: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
  color: #a0a0a0;
  color: var(--light3, #a0a0a0);
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content {
  margin-left: -40px;
  display: none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
  margin-top: 10px;
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
  color: #a0a0a0;
  color: var(--light3, #a0a0a0);
  font-size: 0.8em;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top-width: 1px;
  border-top-width: var(--border-width, 1px);
  border-top-style: solid;
  border-top-style: var(--border-style, solid);
  border-top-color: #F0F0F2;
  padding-top: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
  font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
  color: #F0F0F2;
  color: var(--dark2, #F0F0F2);
  padding-left: 0.2em;
  font-size: 0.8em;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
  background-color: #333;
  background-color: var(--dark1, #333);
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    position: fixed;
    position: var(--notice-position, fixed);
    right: 20px;
    right: var(--notice-right, 20px);
    left: auto;
    left: var(--notice-left, auto);
    bottom: 20px;
    bottom: var(--notice-bottom, 20px);
    top: auto;
    top: var(--notice-top, auto);
    max-width: 400px;
    max-width: var(--notice-max-width, 400px);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  }
}
@media (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-style: none;
    border-radius: 0;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  z-index: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
  padding-top: 0.5em;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 1em;
  padding-top: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
  margin-bottom: 0.5em;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
  text-decoration: underline;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
  display: inline-block;
  flex-grow: 1;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: inline-block;
  margin-top: -0.5em;
}
@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    width: 100%;
  }
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin-top: 0.5em;
}
/*
@media (max-width: 384px) {
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  width: calc(50% - 0.5em);
}
}
*/
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  margin-top: -0.5em;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: right;
  align-items: baseline;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
  margin-top: 0.5em;
}
.klaro .cookie-modal-notice {
  background-color: #333;
  background-color: var(--dark1, #333);
  color: #fafafa;
  color: var(--light1, #fafafa);
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  padding: 1em;
  padding-top: 0.2em;
}
@media (min-width: 400px) {
  .klaro .cookie-modal-notice {
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    position: relative;
    margin: 0 auto;
    max-width: 400px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal-notice .cn-ok {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
}
.klaro .cookie-notice-hidden {
  display: none !important;
}
/*
We declare all variables here as default so that they are easy to override...
*/
/* Border, shadows, ... */
/*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
/* Border styles */
/* Cookie notice positioning */
/* Text colors */
/* Font Families */
/* White */
/* Differently shaded colors */
/*
Use @include var(property, varname) to include a variable, e.g.

  @include var(background-color, white1);

to create a white background.
*/
/* Spacing */
/* Breakpoints */
.klaro-ide {
  /* The switch - the box around the slider */
  /*
We declare all variables here as default so that they are easy to override...
*/
  /* Border, shadows, ... */
  /*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
  /* Border styles */
  /* Cookie notice positioning */
  /* Text colors */
  /* Font Families */
  /* White */
  /* Differently shaded colors */
  /*
Use @include var(property, varname) to include a variable, e.g.

  @include var(background-color, white1);

to create a white background.
*/
  /* Spacing */
  /* Breakpoints */
  /*
We declare all variables here as default so that they are easy to override...
*/
  /* Border, shadows, ... */
  /*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
  /* Border styles */
  /* Cookie notice positioning */
  /* Text colors */
  /* Font Families */
  /* White */
  /* Differently shaded colors */
  /*
Use @include var(property, varname) to include a variable, e.g.

  @include var(background-color, white1);

to create a white background.
*/
  /* Spacing */
  /* Breakpoints */
  /*
We declare all variables here as default so that they are easy to override...
*/
  /* Border, shadows, ... */
  /*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
  /* Border styles */
  /* Cookie notice positioning */
  /* Text colors */
  /* Font Families */
  /* White */
  /* Differently shaded colors */
  /*
Use @include var(property, varname) to include a variable, e.g.

  @include var(background-color, white1);

to create a white background.
*/
  /* Spacing */
  /* Breakpoints */
}
.klaro-ide .cm-switch-container {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 66px;
  line-height: 20px;
  vertical-align: middle;
  min-height: 40px;
}
.klaro-ide .cm-switch-container:last-child {
  border-bottom: 0;
}
.klaro-ide .cm-switch-container:first-child {
  margin-top: 0;
}
.klaro-ide .cm-switch-container p {
  margin-top: 0;
}
.klaro-ide .cm-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.klaro-ide .cm-list-input:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
}
.klaro-ide .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
  opacity: 0.6;
}
.klaro-ide .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.klaro-ide .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
}
.klaro-ide .cm-list-input.only-required + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.klaro-ide .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
  cursor: not-allowed;
}
.klaro-ide .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro-ide .cm-list-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}
.klaro-ide .cm-list-title {
  font-size: 0.9em;
  font-weight: 600;
}
.klaro-ide .cm-list-description {
  color: #7c7c7c;
  color: var(--dark3, #7c7c7c);
  font-size: 0.9em;
  padding-top: 4px;
}
.klaro-ide .cm-list-label {
  /* The slider */
  /* Rounded sliders */
}
.klaro-ide .cm-list-label .cm-switch {
  position: absolute;
  left: 0;
}
.klaro-ide .cm-list-label .slider {
  background-color: #f2f2f2;
  background-color: var(--white2, #f2f2f2);
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}
.klaro-ide .cm-list-label .slider::before {
  background-color: #e6e6e6;
  background-color: var(--white3, #e6e6e6);
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  transition: 0.4s;
}
.klaro-ide .cm-list-label .slider.round {
  border-radius: 30px;
}
.klaro-ide .cm-list-label .slider.round::before {
  border-radius: 50%;
}
.klaro-ide .cm-list-label input:focus + .slider {
  box-shadow-color: #48dfb2;
  box-shadow-color: var(--green3, #48dfb2);
  box-shadow: 0 0 1px var(color, green3);
}
.klaro-ide .cm-list-label input:checked + .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro-ide .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro-ide .cm-list-input:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro-ide .cm-language-select, .klaro-ide .cm-theme-select, .klaro-ide .cm-purpose-select {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #fff;
  background-color: var(--white1, #fff);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-color: #c8c8c8;
  border-color: var(--light2, #c8c8c8);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  padding: 12px;
  margin-bottom: 12px;
}
.klaro-ide .cm-language-select ul.cm-languages, .klaro-ide .cm-language-select ul.cm-themes, .klaro-ide .cm-language-select ul.cm-purposes, .klaro-ide .cm-theme-select ul.cm-languages, .klaro-ide .cm-theme-select ul.cm-themes, .klaro-ide .cm-theme-select ul.cm-purposes, .klaro-ide .cm-purpose-select ul.cm-languages, .klaro-ide .cm-purpose-select ul.cm-themes, .klaro-ide .cm-purpose-select ul.cm-purposes {
  margin-top: -4px;
}
.klaro-ide .cm-language-select ul.cm-languages li, .klaro-ide .cm-language-select ul.cm-themes li, .klaro-ide .cm-language-select ul.cm-purposes li, .klaro-ide .cm-theme-select ul.cm-languages li, .klaro-ide .cm-theme-select ul.cm-themes li, .klaro-ide .cm-theme-select ul.cm-purposes li, .klaro-ide .cm-purpose-select ul.cm-languages li, .klaro-ide .cm-purpose-select ul.cm-themes li, .klaro-ide .cm-purpose-select ul.cm-purposes li {
  color: #fafafa;
  color: var(--light1, #fafafa);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-color: #24cc9a;
  border-color: var(--green2, #24cc9a);
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  padding: 2px 4px;
  font-size: 0.9em;
}
.klaro-ide .cm-language-select ul.cm-languages li a, .klaro-ide .cm-language-select ul.cm-themes li a, .klaro-ide .cm-language-select ul.cm-purposes li a, .klaro-ide .cm-theme-select ul.cm-languages li a, .klaro-ide .cm-theme-select ul.cm-themes li a, .klaro-ide .cm-theme-select ul.cm-purposes li a, .klaro-ide .cm-purpose-select ul.cm-languages li a, .klaro-ide .cm-purpose-select ul.cm-themes li a, .klaro-ide .cm-purpose-select ul.cm-purposes li a {
  color: #fff;
  color: var(--white1, #fff);
}
.klaro-ide .cm-search-select {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}
.klaro-ide .cm-search-select input:not(:focus) ~ .cm-candidates {
  display: none;
}
.klaro-ide .cm-search-select .cm-candidates:hover {
  display: block !important;
}
.klaro-ide .cm-search-select .cm-candidates {
  background-color: #fff;
  background-color: var(--white1, #fff);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-color: #f2f2f2;
  border-color: var(--white2, #f2f2f2);
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 10;
  margin-bottom: 10px;
  width: 100%;
}
.klaro-ide .cm-search-select .cm-candidates .cm-candidate {
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-color: #7c7c7c;
  border-bottom-color: var(--dark3, #7c7c7c);
  padding: 12px;
  cursor: pointer;
}
.klaro-ide .cm-search-select .cm-candidates .cm-candidate p {
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
  font-size: 0.9em;
}
.klaro-ide .cm-search-select .cm-candidates .cm-candidate:last-child {
  border-bottom-style: none;
}
.klaro-ide .cm-obj-selector {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 100%;
  height: 40px;
  overflow: visible;
}
@media (min-width: 768px) {
  .klaro-ide .cm-obj-selector {
    width: 300px;
  }
}
.klaro-ide .cm-obj-selector span.cm-obj-selector-more {
  display: block;
  position: absolute;
  right: 0.5em;
  padding-top: 0.6em;
  padding-right: 0.3em;
  z-index: 2;
  pointer-events: none;
  -ms-transform: scaleY(0.6) scaleX(0.8);
  transform: scaleY(0.6) scaleX(0.8);
  font-weight: 800;
}
.klaro-ide .cm-obj-selector ul {
  background-color: #fff;
  background-color: var(--white1, #fff);
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.klaro-ide .cm-obj-selector ul li {
  background-color: #fff;
  background-color: var(--white1, #fff);
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #f2f2f2;
  border-bottom-color: var(--white2, #f2f2f2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  margin: 0;
  width: auto;
  display: none;
  width: 100%;
  order: 2;
}
.klaro-ide .cm-obj-selector ul li:last-child {
  border-bottom-style: none;
}
.klaro-ide .cm-obj-selector ul li.cm-obj-is-active {
  background-color: #c8c8c8;
  background-color: var(--light2, #c8c8c8);
  display: flex;
  order: 1;
}
.klaro-ide .cm-obj-selector ul li a.cm-obj-item {
  width: 100%;
  padding: 8px;
  padding-right: 40px;
}
.klaro-ide .cm-obj-selector ul li.cm-obj-add {
  padding: 8px;
  display: none;
  justify-content: space-between;
  order: 3;
}
.klaro-ide .cm-obj-selector ul li.cm-obj-add input {
  color: #333;
  color: var(--dark1, #333);
  border-color: #5c5c5c;
  border-color: var(--dark2, #5c5c5c);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  flex-grow: 1;
  flex-shrink: 1;
  padding: 4px;
  font-size: 0.9em;
}
.klaro-ide .cm-obj-selector ul li.cm-obj-add a.cm-btn {
  color: #fff;
  color: var(--white1, #fff);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #7c7c7c;
  background-color: var(--dark3, #7c7c7c);
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 10px;
  width: auto;
  display: inline-block;
}
.klaro-ide .cm-obj-selector ul:not(.cm-is-active) li.cm-obj-is-active {
  background-color: #fff;
  background-color: var(--white1, #fff);
}
.klaro-ide .cm-obj-selector ul.cm-is-active {
  z-index: 4;
}
.klaro-ide .cm-obj-selector ul.cm-is-active li {
  display: flex;
}
.klaro-ide .cm-switch {
  padding: 12px;
}
.klaro-ide p.cm-description {
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
  font-size: 0.9em;
  padding-top: 2px;
  margin-bottom: 4px;
}
.klaro-ide .cm-select {
  margin-top: 16px;
}
.klaro-ide .cm-select select {
  background-color: #fff;
  background-color: var(--white1, #fff);
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-color: #f2f2f2;
  border-color: var(--white2, #f2f2f2);
  display: block;
  width: 100%;
  padding: 12px 5px;
  font-size: 0.9em;
  text-indent: 5px;
}
.klaro-ide .cm-select select[disabled] {
  background-color: #c8c8c8;
  background-color: var(--light2, #c8c8c8);
}
.klaro-ide .cm-retracting-label-input {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 10px 0 6px;
  margin-top: 4px;
  /*
  > .cm-input:not([disabled]):placeholder-shown:not(:focus) + .cm-label {
	  transform: none;
	  border: none;
	  color: #888;
  }
*/
}
.klaro-ide .cm-retracting-label-input > .cm-label {
  background-color: #fff;
  background-color: var(--white1, #fff);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-color: #c8c8c8;
  border-color: var(--light2, #c8c8c8);
  position: absolute;
  top: 16px;
  left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - (2 * 8px));
  overflow: hidden;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.47, 0, 0.74, 0.71), opacity 150ms cubic-bezier(0.47, 0, 0.74, 0.71), color 150ms cubic-bezier(0.47, 0, 0.74, 0.71);
  padding: 0 8px;
  -ms-transform: scale(0.75) translateX(-16%) translateY(-26px);
  transform: scale(0.75) translateX(-16%) translateY(-26px);
}
.klaro-ide .cm-input {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #fafafa;
  background-color: var(--light1, #fafafa);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-color: #1a936f;
  border-color: var(--green1, #1a936f);
  font-size: 0.9em;
  box-sizing: border-box;
  padding: 12px 18px;
  width: 100%;
}
.klaro-ide .cm-input[disabled] {
  background-color: #c8c8c8;
  background-color: var(--light2, #c8c8c8);
}
@media (min-width: 768px) {
  .klaro-ide .cm-tabs span.cm-more {
    display: none;
  }
}
.klaro-ide .cm-tabs {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .klaro-ide .cm-tabs span.cm-tabs-more {
    display: none;
  }
}
@media (max-width: 768px) {
  .klaro-ide .cm-tabs {
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    background-color: #fff;
    background-color: var(--white1, #fff);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  }
  .klaro-ide .cm-tabs span.cm-tabs-more {
    display: block;
    position: absolute;
    right: 0.5em;
    padding-top: 0.6em;
    padding-right: 0.3em;
    -ms-transform: scaleY(0.6) scaleX(0.8);
    transform: scaleY(0.6) scaleX(0.8);
    font-weight: 800;
  }
  .klaro-ide .cm-tabs ul {
    flex-wrap: wrap;
  }
  .klaro-ide .cm-tabs ul li {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .klaro-ide .cm-tabs ul li a {
    justify-content: left;
    border-bottom: 0 !important;
  }
  .klaro-ide .cm-tabs:not(.cm-tabs-active) ul li:not(.cm-tab-is-active) {
    display: none;
  }
  .klaro-ide .cm-tabs.cm-tabs-active ul li {
    order: 2;
    display: block;
  }
  .klaro-ide .cm-tabs.cm-tabs-active ul li.cm-tab-is-active {
    background-color: #c8c8c8;
    background-color: var(--light2, #c8c8c8);
    order: 1;
  }
}
.klaro-ide .cm-tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}
.klaro-ide .cm-tabs ul {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
  align-items: center;
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.klaro-ide .cm-tabs ul li {
  display: block;
}
.klaro-ide .cm-tabs ul li a {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
  display: flex;
  align-items: flex-start;
  justify-content: left;
  margin-bottom: -1px;
  padding: 0.5em 1em;
}
.klaro-ide .cm-tabs ul li.cm-tab-is-active a {
  color: #2581c4;
  color: var(--blue1, #2581c4);
  border-bottom-color: #2581c4;
  border-bottom-color: var(--blue1, #2581c4);
}
@media (max-width: 767px) {
  .klaro-ide .cm-tabs.tabs-active {
    position: relative;
    min-height: 40px;
    overflow: visible;
    z-index: 10;
  }
  .klaro-ide .cm-tabs.tabs-active ul {
    background-color: #fff;
    background-color: var(--white1, #fff);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    height: auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  }
  .klaro-ide .cm-tabs.tabs-active ul li {
    margin: 0 !important;
  }
  .klaro-ide .cm-tabs.tabs-active ul li:not(.cm-tab-is-active) {
    order: 2;
    display: block;
  }
  .klaro-ide .cm-tabs.tabs-active ul li.cm-tab-is-active {
    background-color: #fafafa;
    background-color: var(--light1, #fafafa);
    order: 1;
    display: block;
  }
}
.klaro-ide .cm-list .cm-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: top;
  justify-items: flex-end;
}
@media (min-width: 768px) {
  .klaro-ide .cm-list .cm-item span.cm-is-action {
    display: none;
  }
  .klaro-ide .cm-list .cm-item:hover span.cm-is-action {
    display: inline-block;
  }
}
.klaro-ide .cm-list .cm-item:last-child {
  border-bottom: 0;
}
.klaro-ide .cm-list .cm-item:nth-child(2n) {
  background-color: #fafafa;
  background-color: var(--light1, #fafafa);
}
.klaro-ide .cm-list .cm-item.cm-is-header {
  font-weight: 600;
  margin-bottom: 4px;
  background: none;
}
.klaro-ide .cm-list .cm-item.cm-is-card {
  background-color: #fff;
  background-color: var(--white1, #fff);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  margin-bottom: 24px;
}
.klaro-ide .cm-list .cm-item.cm-is-clickable {
  cursor: pointer;
}
.klaro-ide .cm-list .cm-item.cm-is-expandable {
  cursor: pointer;
}
.klaro-ide .cm-list .cm-item form {
  margin: 0;
}
.klaro-ide .cm-list .cm-item form label.label {
  font-weight: 300;
}
.klaro-ide .cm-list .cm-item span.cm-is-action {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.klaro-ide .cm-list .cm-item .cm-col {
  align-content: center;
  flex-basis: 0;
  margin: 8px;
  flex-grow: 1;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-xs {
  flex-grow: 1;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-sm {
  flex-grow: 2;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-md {
  flex-grow: 5;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-lg {
  flex-grow: 10;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-xl {
  flex-grow: 20;
}
.klaro-ide .cm-list .cm-item .cm-col.cm-is-icon {
  flex-basis: 50px;
  text-align: right;
  flex-grow: 0;
}
.klaro-ide .cm-list .cm-item .cm-content {
  flex: 10;
}
.klaro-ide .cm-dropdown {
  position: relative;
}
.klaro-ide .cm-dropdown > button {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  font-size: 1em;
  border: 0;
  background-color: transparent;
}
.klaro-ide .cm-dropdown > button:focus, .klaro-ide .cm-dropdown > button:hover {
  background-color: #fafafa;
  background-color: var(--light1, #fafafa);
  border-radius: 25px;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent {
  background-color: #fff;
  background-color: var(--white1, #fff);
  display: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  width: auto;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent.cm-dropdownexpanded {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  display: block;
  position: absolute;
  top: 35px;
  z-index: 100;
  left: 0;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-color: #5c5c5c;
  border-color: var(--dark2, #5c5c5c);
  list-style: none;
  text-align: left;
  max-width: 300px;
  min-width: 200px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu li {
  height: auto;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu li a {
  display: block;
  padding: 8px;
  padding-left: 16px;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu li a span {
  display: inline-flex;
  align-items: center;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu li a .icon {
  margin-right: 0.45em;
}
.klaro-ide .cm-dropdown > .cm-dropdowncontent ul.cm-dropdownmenu li a:hover {
  background-color: #2581c4;
  background-color: var(--blue1, #2581c4);
  color: #fff;
  color: var(--white1, #fff);
}
.klaro-ide .cm-dropdown.is-right .cm-dropdowncontent.cm-dropdownexpanded {
  right: 0;
  left: auto;
}
.klaro-ide label {
  display: inline-block;
}
.klaro-ide .cm-global-fields, .klaro-ide .cm-config-controls, .klaro-ide .cm-translations-fields, .klaro-ide .cm-service-fields {
  max-width: 600px;
}
.klaro-ide .cm-json .cm-file-import {
  display: none;
}
.klaro-ide .cm-json .cm-upload-label {
  cursor: pointer;
}
.klaro-ide .cm-json .cm-upload-label button {
  pointer-events: none;
}
.klaro-ide .cm-json pre code {
  white-space: pre-wrap;
}
.klaro-ide .cm-message {
  padding: 12px;
}
.klaro-ide .cm-message.cm-error, .klaro-ide .cm-message.cm-success {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  color: #fff;
  color: var(--white1, #fff);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 24px;
}
.klaro-ide .cm-message.cm-error {
  background-color: #e15669;
  background-color: var(--red2, #e15669);
}
.klaro-ide .cm-message.cm-success {
  background: #24cc9a;
  background: var(--green2, #24cc9a);
}
.klaro-ide .cm-space-sm {
  margin-bottom: 8px !important;
}
.klaro-ide .cm-space-md {
  margin-bottom: 12px !important;
}
.klaro-ide .cm-space-lg {
  margin-bottom: 24px !important;
}
.klaro-ide .cm-json h1, .klaro-ide .cm-json .h1, .klaro-ide .cm-json h2, .klaro-ide .cm-json .h2, .klaro-ide .cm-json h3, .klaro-ide .cm-json .h3, .klaro-ide .cm-json h4, .klaro-ide .cm-json .h4, .klaro-ide .cm-global-fields h1, .klaro-ide .cm-global-fields .h1, .klaro-ide .cm-global-fields h2, .klaro-ide .cm-global-fields .h2, .klaro-ide .cm-global-fields h3, .klaro-ide .cm-global-fields .h3, .klaro-ide .cm-global-fields h4, .klaro-ide .cm-global-fields .h4, .klaro-ide .cm-config-controls h1, .klaro-ide .cm-config-controls .h1, .klaro-ide .cm-config-controls h2, .klaro-ide .cm-config-controls .h2, .klaro-ide .cm-config-controls h3, .klaro-ide .cm-config-controls .h3, .klaro-ide .cm-config-controls h4, .klaro-ide .cm-config-controls .h4, .klaro-ide .cm-translations-fields h1, .klaro-ide .cm-translations-fields .h1, .klaro-ide .cm-translations-fields h2, .klaro-ide .cm-translations-fields .h2, .klaro-ide .cm-translations-fields h3, .klaro-ide .cm-translations-fields .h3, .klaro-ide .cm-translations-fields h4, .klaro-ide .cm-translations-fields .h4, .klaro-ide .cm-service-fields h1, .klaro-ide .cm-service-fields .h1, .klaro-ide .cm-service-fields h2, .klaro-ide .cm-service-fields .h2, .klaro-ide .cm-service-fields h3, .klaro-ide .cm-service-fields .h3, .klaro-ide .cm-service-fields h4, .klaro-ide .cm-service-fields .h4 {
  font-size: 2em;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}
.klaro-ide .cm-json h1, .klaro-ide .cm-json .h1, .klaro-ide .cm-global-fields h1, .klaro-ide .cm-global-fields .h1, .klaro-ide .cm-config-controls h1, .klaro-ide .cm-config-controls .h1, .klaro-ide .cm-translations-fields h1, .klaro-ide .cm-translations-fields .h1, .klaro-ide .cm-service-fields h1, .klaro-ide .cm-service-fields .h1 {
  border-style: solid;
  border-style: var(--border-style, solid);
  border-width: 1px;
  border-width: var(--border-width, 1px);
  border-color: #c8c8c8;
  border-color: var(--light2, #c8c8c8);
  text-transform: none;
  margin-bottom: 20px;
  display: inline-block;
}
.klaro-ide .cm-json h2, .klaro-ide .cm-json .h2, .klaro-ide .cm-global-fields h2, .klaro-ide .cm-global-fields .h2, .klaro-ide .cm-config-controls h2, .klaro-ide .cm-config-controls .h2, .klaro-ide .cm-translations-fields h2, .klaro-ide .cm-translations-fields .h2, .klaro-ide .cm-service-fields h2, .klaro-ide .cm-service-fields .h2 {
  font-size: 1.6em;
}
.klaro-ide .cm-json h3, .klaro-ide .cm-json .h3, .klaro-ide .cm-global-fields h3, .klaro-ide .cm-global-fields .h3, .klaro-ide .cm-config-controls h3, .klaro-ide .cm-config-controls .h3, .klaro-ide .cm-translations-fields h3, .klaro-ide .cm-translations-fields .h3, .klaro-ide .cm-service-fields h3, .klaro-ide .cm-service-fields .h3 {
  font-size: 1.3em;
}
.klaro-ide .cm-json h4, .klaro-ide .cm-json .h4, .klaro-ide .cm-global-fields h4, .klaro-ide .cm-global-fields .h4, .klaro-ide .cm-config-controls h4, .klaro-ide .cm-config-controls .h4, .klaro-ide .cm-translations-fields h4, .klaro-ide .cm-translations-fields .h4, .klaro-ide .cm-service-fields h4, .klaro-ide .cm-service-fields .h4 {
  font-size: 1em;
  font-weight: 600;
}
.klaro-ide p.cm-section-description {
  color: #5c5c5c;
  color: var(--dark2, #5c5c5c);
  text-align: justify;
  margin-top: 8px;
  margin-bottom: 24px;
}
.klaro-ide .cm-purpose-order ul {
  margin-top: 12px;
  margin-bottom: 12px;
}
.klaro-ide .cm-purpose-order ul li {
  display: flex;
}
.klaro-ide .cm-purpose-order ul li span.cm-buttons {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  flex-grow: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}
.klaro-ide .cm-purpose-order ul li span.cm-buttons a {
  padding: 12px;
  display: inline-block;
}
.klaro-ide .cm-purpose-order ul li span.cm-buttons a:hover {
  background: #1a936f;
  background: var(--green1, #1a936f);
}
.klaro-ide .cm-purpose-order ul li span.cm-value {
  flex-grow: 1;
  padding: 12px;
}
.klaro-ide .cm-translations-fields .cm-translations-for-key {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #fff;
  background-color: var(--white1, #fff);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  padding: 12px;
  margin-bottom: 24px;
}
.klaro-ide .cm-translations-fields .cm-translations-for-key li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.klaro-ide .cm-translations-fields .cm-translations-for-key li span.cm-lang {
  font-family: Courier;
  display: block;
  padding: 20px;
  margin-top: 5px;
  flex-grow: 0;
}
.klaro-ide .cm-service-list .cm-status, .klaro-ide .cm-config-list .cm-status {
  text-align: left;
}
.klaro-ide .cm-service-list .cm-status span, .klaro-ide .cm-config-list .cm-status span {
  padding-left: 10px;
}
.klaro-ide .cm-service-list .cm-status .cm-status-is-active, .klaro-ide .cm-config-list .cm-status .cm-status-is-active {
  color: #1a936f;
  color: var(--green1, #1a936f);
}
.klaro-ide .cm-service-list .cm-status .cm-status-is-inactive, .klaro-ide .cm-config-list .cm-status .cm-status-is-inactive {
  color: #da2c43;
  color: var(--red1, #da2c43);
}
.klaro-ide .cm-service-list .cm-name, .klaro-ide .cm-config-list .cm-name {
  text-transform: uppercase;
  font-weight: 600;
}
.klaro-ide p.cm-no-cookies, .klaro-ide p.cm-no-services {
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: 600;
}
.klaro-ide .cm-cookie-config .cm-cookie-forms .cm-cookie-form {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
}
.klaro-ide .cm-demo .cm-config-controls .cm-retracting-label-input {
  width: auto;
  flex-grow: 1;
  margin-right: 12px;
}
.klaro-ide .cm-demo .cm-config-controls:first-child {
  border-bottom-style: solid;
  border-bottom-style: var(--border-style, solid);
  border-bottom-width: 1px;
  border-bottom-width: var(--border-width, 1px);
  border-bottom-color: #c8c8c8;
  border-bottom-color: var(--light2, #c8c8c8);
}
.klaro-ide .cm-config-controls {
  margin-top: 8px;
  margin-bottom: 24px;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: baseline;
  justify-content: space-between;
}
.klaro-ide .cm-config-controls h2, .klaro-ide .cm-config-controls .h2 {
  margin-right: 24px;
  display: block;
  flex-grow: 1;
}
.klaro-ide .cm-config-controls .cm-control {
  flex-shrink: 1;
  display: inline-block;
  margin-bottom: 20px;
}
.klaro-ide .cm-config-controls .cm-control .cm-retracting-label-input {
  max-width: 400px;
  display: block;
}
.klaro-ide .cm-config-controls .cm-control input {
  max-width: 400px;
}
.klaro-ide .cm-config-controls .cm-control select {
  border-color: #1a936f;
  border-color: var(--green1, #1a936f);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  border-style: solid;
  border-style: var(--border-style, solid);
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #fff;
  background-color: var(--white1, #fff);
  padding: 12px;
  margin-bottom: 12px;
  display: block;
}
.klaro-ide .cm-config-controls .cm-control-button {
  border-radius: 4px;
  border-radius: var(--border-radius, 4px);
  background-color: #459cdc;
  background-color: var(--blue2, #459cdc);
  color: #fff;
  color: var(--white1, #fff);
  border-style: none;
  padding: 12px;
  margin-top: 4px;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
  margin-right: 6px;
}
.klaro-ide .cm-config-controls .cm-control-button.cm-delete {
  background-color: #e77887;
  background-color: var(--red3, #e77887);
  float: right;
}
.klaro-ide .cm-config-controls .cm-control-button.cm-secondary {
  background-color: #e15669;
  background-color: var(--red2, #e15669);
}
.klaro-ide .cm-config-controls .cm-control-button.cm-success {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
}
.klaro-ide .cm-config-controls .cm-control-button:disabled {
  background-color: #fafafa;
  background-color: var(--light1, #fafafa);
  color: #333;
  color: var(--dark1, #333);
  cursor: not-allowed;
}
.klaro-ide .cookie-modal .cm-modal.cm-ide {
  background-color: #333;
  background-color: var(--dark1, #333);
  color: #fafafa;
  color: var(--light1, #fafafa);
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
}
@media (min-width: 1020px) {
  .klaro-ide .cookie-modal .cm-modal.cm-ide {
    border-radius: 4px;
    border-radius: var(--border-radius, 4px);
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    height: auto;
    width: auto;
  }
}
/* KLARO LOCAL OVERWRITE */
.btn {
  border-radius: 0;
}
.klaro .cookie-modal .cm-powered-by {
  display: none;
}
.klaro .cookie-modal, .klaro .cookie-notice {
  /* The switch - the box around the slider */
  font-size: 14px;
}
.klaro .cookie-modal .switch, .klaro .cookie-notice .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
  color: #4b5059;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret a, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret a {
  color: #4b5059;
  font-size: 0.9em;
}
.klaro .cookie-modal .cm-btn-accept-all {
  display: none;
}
.klaro .cookie-modal .cm-btn.cm-btn-info {
  background: #36566D;
  margin-left: 0px;
}
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
  background-color: #ccc;
}
.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
  background-color: #FFF;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #36566D;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #36566D;
  opacity: 0.6;
}
.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #36566D;
  opacity: 0.8;
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #36566D;
  opacity: 0.8;
  cursor: not-allowed;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
  color: #999;
}
.klaro-ide .cm-list-label input:focus + .slider {
  box-shadow-color: #48dfb2;
  box-shadow-color: var(--green3, #48dfb2);
  box-shadow: 0 0 1px var(color, green3);
}
.klaro .cookie-modal .cm-modal .cm-footer {
  border-top: 0;
}
.klaro .cookie-modal .switch.disabled input:checked + .slider, .klaro .cookie-notice .switch.disabled input:checked + .slider {
  opacity: 0.5;
  background-color: #4b5059;
}
.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: none;
}
.klaro .cookie-modal .cm-app-input, .klaro .cookie-notice .cm-app-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-app-label, .klaro .cookie-notice .cm-app-label {
  /* The slider */
  /* Rounded sliders */
}
.klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}
.klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  margin-right: auto;
}
.klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round {
  border-radius: 30px;
}
.klaro .cookie-modal .cm-app-label .slider.round:before, .klaro .cookie-notice .cm-app-label .slider.round:before {
  border-radius: 50%;
}
.klaro .cookie-modal .cm-app-label input:focus + .slider, .klaro .cookie-notice .cm-app-label input:focus + .slider {
  box-shadow: 0 0 1px #7897ac;
}
.klaro .cookie-modal .cm-app-label input:checked + .slider:before, .klaro .cookie-notice .cm-app-label input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
  background-color: #7897ac;
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: none;
}
.klaro .cookie-modal a, .klaro .cookie-notice a {
  color: #4b5059;
  text-decoration: underline;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
  color: #36566D;
}
.klaro .cookie-modal p, .klaro .cookie-notice p {
  color: #4b5059;
}
.klaro .cookie-modal .cm-body p, .klaro .cookie-modal .cm-body .cm-app-title {
  color: #4b5059;
}
.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}
.klaro .cookie-notice .cn-dsgtxt .cm-btn {
  display: inline;
  text-decoration: underline;
  color: #4b5059;
}
.klaro .cookie-notice .cn-dsgtxt .cm-btn-info:before {
  content: " ";
  padding-right: 0;
}
.klaro .cookie-notice .cm-btn {
  background: rgb(189, 187, 188);
  color: #FFF;
  border-radius: 0;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
}
.klaro .cookie-modal .cm-btn {
  background: rgb(189, 187, 188);
  color: #FFF;
  border-radius: 0;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
  padding: 10px 40px;
  margin-left: 60px;
  width: 200px;
}
.klaro .cookie-notice .cm-btn {
  color: #FFF;
  padding: 20px 40px;
  font-size: 18px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
}
.klaro .cookie-notice .buttons_right {
  float: left;
  padding-left: 5px;
  padding-top: 10px;
}
.klaro .cookie-notice .cm-btn-info {
  color: #7897ac;
  display: block;
  padding: 0;
}
.klaro .cookie-notice a.cm-btn-info:before, .klaro .cookie-notice a.cm-btn-info {
  text-decoration: none;
}
.klaro .cookie-notice .cm-btn-info:before {
  font-family: 'Icons2022';
  content: '';
  padding-right: 5px;
}
.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm {
  padding: 0.4em;
  font-size: 1em;
}
.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #eee;
  color: #000;
}
.klaro .cookie-modal .cm-btn.cm-btn {
  width: auto;
}
.klaro .cookie-modal .cm-btn.cm-btn, .klaro .cookie-notice .cm-btn.cm-btn {
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 5px;
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  color: #FFF;
  background: #36566D;
}
.klaro .cookie-modal .cm-btn.cm-btn-danger, .klaro .cookie-notice .cm-btn.cm-btn-danger {
  color: #36566D;
  background: #f1f4f7;
}
/*.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
background: transparent;
}*/
.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
}
.klaro .cookie-modal .cm-bg {
  background: rgba(75, 80, 89, 0.9);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.klaro .cookie-modal .cm-modal {
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0 !important;
  width: 100%;
  max-height: 98%;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #333;
  color: #eee;
}
@media (min-width: 1024px) {
  .klaro .cookie-modal .cm-modal {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal .cm-modal .hide {
  border: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: block;
}
.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #4B5059;
}
.klaro .cookie-modal .cm-modal .cm-footer {
  background: #FFF;
  padding: 1em;
  /**border-top: 1px solid #555;*/
}
.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
  position: absolute;
  right: 1em;
  color: #999;
  font-size: 0.8em;
  padding-top: 4px;
}
.klaro .cookie-modal .cm-modal .cm-header {
  background: #FFF;
  padding: 1em;
  padding-right: 24px;
  border-bottom: 1px solid #F0F0F2;
}
.klaro .cookie-modal .cm-modal .cm-header h1, .klaro .cookie-modal .cm-modal .cm-header .h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title, .klaro .cookie-modal .cm-modal .cm-header .title.h1 {
  padding-right: 20px;
}
.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
  padding: 0;
  margin: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
  position: absolute;
  left: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
  font-size: 0.8em;
  color: #999;
}
.klaro .cookie-modal .cm-modal .cm-body {
  background: #FFF;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
  border-top: 1px solid #555;
  padding-top: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
  font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5), 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  position: fixed;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  right: 0;
  top: auto;
  left: 0;
  border-radius: 0;
  /*box-shadow: none;
height: 350px;*/
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  margin-top: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  align-items: center;
  justify-content: right;
}
.klaro .cookie-notice .cn-learn-more {
  padding: 20px 40px;
  line-height: 18px;
  color: #4b5059;
  font-size: 18px;
}
.klaro .cookie-notice .cn-learn-more::before {
  content: '';
  padding-right: 0px;
  text-decoration: none;
}
.klaro .cookie-notice .cn-body h3, .klaro .cookie-notice .cn-body .h3 {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.klaro .cookie-notice .cn-body a {
  color: #4b5059;
  cursor: pointer;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more, .klaro .cookie-notice .cn-learn-more {
  display: block;
  padding: 0;
  text-decoration: none;
  order: 1;
  color: #36566d;
  background: #f1f4f7;
  max-width: 200px;
  font-family: "Signacond-bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 20px 40px;
  font-size: 18px;
  margin-top: 1em;
  line-height: 27px;
}
@media (min-width: 990px) {
  .klaro .cookie-notice {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5), 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    max-width: 100%;
    padding: 40px;
  }
}
@media (max-width: 989px) {
  .klaro .cookie-notice {
    border: none;
    border-radius: 0;
    min-height: auto;
    height: auto;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    justify-content: left !important;
    align-items: baseline !important;
    flex-wrap: wrap-reverse !important;
  }
}
.klaro .cookie-notice .cn-body {
  padding-left: 20px;
  padding-right: 20px;
  /* margin-bottom: 0;
margin-right: 0;
bottom: 0;
padding: 1em;
padding-top: 0;
width:*/
}
.klaro .cookie-notice .cn-body p {
  margin-bottom: 0.5em;
}
.klaro .cookie-notice .cn-body p.cn-changes {
  text-decoration: underline;
}
.klaro .cookie-notice .cn-body .cn-learn-more {
  display: inline-block;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.klaro .cookie-notice-hidden {
  display: none !important;
}