:root {
  --gi-green-400: #a0c814;
  --gi-green-700: #374105;
  --gi-blue-200: #5ac8f5;
  --gi-blue-700: #003969;
  --gi-gray-500: #788287;
  --gi-orange-400: #eb6400;
  --gi-purple-400: #82055f;
  --gi-brown-400: #c8b987;
  --gi-brown-700: #502300;
  --gi-functional-blue-400: #006EC9;
  --gi-functional-green-400: #479B0F;
  --gi-functional-red-400: #E10F05;
  --gi-functional-orange-400: #E86400;
  --gi-blue-200-alpha-08: rgba(90, 200, 245, 0.08);
  --gi-blue-200-alpha-16: rgba(90, 200, 245, 0.16);
  --gi-blue-200-alpha-32: rgba(90, 200, 245, 0.32);
  --gi-blue-200-alpha-64: rgba(90, 200, 245, 0.64);
  --gi-green-200: #effae8;
  --gi-green-200-alpha-08: rgba(79, 188, 6, 0.08);
  --gi-green-200-alpha-16: rgba(111, 199, 11, 0.16);
  --gi-green-200-alpha-24: rgba(156, 223, 22, 0.24);
  --gi-green-200-alpha-32: rgba(156, 223, 22, 0.32);
  --gi-brown-400-alpha-16: rgba(200, 196, 135, 0.16);
  --gi-brown-400-alpha-24: rgba(200, 189, 135, 0.24);
  --gi-brown-400-alpha-40: rgba(200, 185, 135, 0.4);
  --gi-white: #fff;
  --gi-white-alpha-04: rgba(255, 255, 255, 0.04);
  --gi-white-alpha-06: rgba(255, 255, 255, 0.06);
  --gi-white-alpha-16: rgba(255, 255, 255, 0.16);
  --gi-white-alpha-32: rgba(255, 255, 255, 0.32);
  --gi-white-alpha-48: rgba(255, 255, 255, 0.48);
  --gi-white-alpha-56: rgba(255, 255, 255, 0.56);
  --gi-white-alpha-64: rgba(255, 255, 255, 0.64);
  --gi-white-alpha-72: rgba(255, 255, 255, 0.72);
  --gi-gray-900: #0E2029;
  --gi-gray-900-alpha-04: rgba(14, 32, 41, 0.04);
  --gi-gray-900-alpha-06: rgba(14, 32, 41, 0.06);
  --gi-gray-900-alpha-16: rgba(14, 32, 41, 0.16);
  --gi-gray-900-alpha-32: rgba(14, 32, 41, 0.32);
  --gi-gray-900-alpha-48: rgba(14, 32, 41, 0.48);
  --gi-gray-900-alpha-56: rgba(14, 32, 41, 0.56);
  --gi-gray-900-alpha-64: rgba(14, 32, 41, 0.64);
  --gi-gray-900-alpha-72: rgba(14, 32, 41, 0.72);
  --gi-font-bold: "ClanWebPro-NarrBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --gi-font-medium: "ClanWebPro-NarrMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --gi-font-news: "ClanWebPro-NarrNews", "HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --gi-font-regular: "ClanWebPro-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --gi-font-sans-serif: "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --gi-font-serif: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  --gi-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

body {
  margin: 0;
  font-family: var(--gi-font-news);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gi-gray-900-alpha-72);
  background-color: var(--gi-white);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ltr-text {
  direction: ltr;
  unicode-bidi: embed
}

[hidden] {
  display: none !important
}

.img-fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: inline-block;
  color: var(--gi-gray-900-alpha-72);
  font-family: var(--gi-font-news)
}

.img-fluid[src$=".jpg"],
.img-fluid[src$=".jpeg"] {
  background: var(--gi-gray-900-alpha-06)
}

ul[class] {
  list-style: none;
  padding-inline-start: 0
}

ul.row,
ol.row {
  margin-left: calc(var(--gi-gutter-x)/-2);
  margin-right: calc(var(--gi-gutter-x)/-2);
  padding-inline: 0
}

p:not([class]),
h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
  margin-bottom: 1rem
}

.image-wrapper {
  position: relative
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1
}

figure {
  margin: 0
}

@media(min-width: 1200px) {
  html {
    scrollbar-gutter: stable
  }
}

@media(min-width: 992px) {
  .mw-800 {
    max-width: 832px !important
  }

  .mw-880 {
    max-width: 730px
  }
}

@media(min-width: 1200px) {
  .mw-880 {
    max-width: 880px
  }
}

@media(min-width: 1366px) {
  .mw-1228 {
    max-width: 1248px !important
  }

  .mw-1432 {
    max-width: 1248px !important
  }
}

@media(min-width: 1400px) {
  .mw-1432 {
    max-width: 1336px !important
  }
}

@media(min-width: 1496px) {

  .container-xxl,
  .mw-1432 {
    max-width: 1456px !important
  }
}

.hero,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--gi-font-bold);
  font-weight: 700;
  font-synthesis-weight: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-block: 0
}

.hero {
  font-size: 2.75rem;
  line-height: 1.1818181818
}

html:lang(my) .hero,
html:lang(vi) .hero {
  line-height: 1.5454545455
}

.h1 {
  font-size: 2rem;
  line-height: 1.25
}

html:lang(my) .h1,
html:lang(vi) .h1 {
  line-height: 1.5
}

.h2 {
  font-size: 1.75rem;
  line-height: 1.2857142857
}

html:lang(my) .h2,
html:lang(vi) .h2 {
  line-height: 1.5714285714
}

.h3 {
  font-size: 1.5rem;
  line-height: 1.3333333333
}

html:lang(my) .h3,
html:lang(vi) .h3 {
  line-height: 1.5833333333
}

.h4 {
  font-size: 1.25rem;
  line-height: 1.4
}

html:lang(my) .h4,
html:lang(vi) .h4 {
  line-height: 1.6
}

.h5 {
  font-size: 1.125rem;
  line-height: 1.3333333333
}

html:lang(my) .h5,
html:lang(vi) .h5 {
  line-height: 1.6666666667
}

.h6 {
  font-size: 1rem;
  line-height: 1.5
}

.text-lg,
.text-exp {
  font-size: 1.25rem;
  line-height: 1.6
}

.text-md {
  font-size: 1.125rem;
  line-height: 1.5555555556
}

.text-sm {
  font-size: 1rem;
  line-height: 1.5
}

.text-xs {
  font-size: .875rem;
  line-height: 1.4285714286
}

.label-xl {
  font-size: 1.25rem;
  line-height: 1.4
}

.label-lg {
  font-size: 1.125rem;
  line-height: 1.3333333333
}

.label-md {
  font-size: 1rem;
  line-height: 1.25
}

.label-sm {
  font-size: .875rem;
  line-height: 1.2857142857
}

.label-xs {
  font-size: .75rem;
  line-height: 1.3333333333
}

@media(min-width: 768px) {
  .h6-md {
    font-size: 1rem !important;
    line-height: 1.5 !important
  }

  .h5-md {
    font-size: 1.125rem !important;
    line-height: 1.3333333333 !important
  }

  html:lang(my) .h5-md,
  html:lang(vi) .h5-md {
    line-height: 1.5555555556 !important
  }

  .h4-md {
    font-size: 1.25rem !important;
    line-height: 1.4 !important
  }

  html:lang(my) .h4-md,
  html:lang(vi) .h4-md {
    line-height: 1.6
  }

  .h3-md {
    font-size: 1.5rem !important;
    line-height: 1.3333333333 !important
  }

  html:lang(my) .h3-md,
  html:lang(vi) .h3-md {
    line-height: 1.5833333333 !important
  }

  .h2 {
    font-size: 2.25rem;
    line-height: 1.2222222222
  }

  html:lang(my) .h2,
  html:lang(vi) .h2 {
    line-height: 1.5555555556
  }

  .h2-md {
    font-size: 2.25rem !important;
    line-height: 1.2222222222 !important
  }

  html:lang(my) .h2-md,
  html:lang(vi) .h2-md {
    line-height: 1.5555555556 !important
  }

  .h1 {
    font-size: 2.75rem;
    line-height: 1.1818181818
  }

  html:lang(my) .h1,
  html:lang(vi) .h1 {
    line-height: 1.5454545455
  }

  .h1-md {
    font-size: 2.75rem !important;
    line-height: 1.1818181818 !important
  }

  html:lang(my) .h1-md,
  html:lang(vi) .h1-md {
    line-height: 1.5454545455 !important
  }

  .hero {
    font-size: 3.5rem;
    line-height: 1.1428571429
  }

  html:lang(my) .hero,
  html:lang(vi) .hero {
    line-height: 1.5714285714
  }

  .hero-md {
    font-size: 3.5rem !important;
    line-height: 1.1428571429 !important
  }

  html:lang(my) .hero-md,
  html:lang(vi) .hero-md {
    line-height: 1.5714285714 !important
  }

  .text-md-xs {
    font-size: .875rem !important;
    line-height: 1.4285714286 !important
  }

  .text-md-sm {
    font-size: 1rem !important;
    line-height: 1.5 !important
  }

  .text-md-md {
    font-size: 1.125rem !important;
    line-height: 1.5555555556 !important
  }

  .text-md-lg {
    font-size: 1.25rem !important;
    line-height: 1.6 !important
  }

  .text-exp {
    font-size: 1.5rem;
    line-height: 1.5
  }

  .text-md-exp {
    font-size: 1.5rem !important;
    line-height: 1.5 !important
  }

  .label-md-xs {
    font-size: .75rem !important;
    line-height: 1.3333333333 !important
  }

  .label-md-sm {
    font-size: .875rem !important;
    line-height: 1.2857142857 !important
  }

  .label-md-md {
    font-size: 1rem !important;
    line-height: 1.25 !important
  }

  .label-md-lg {
    font-size: 1.125rem !important;
    line-height: 1.3333333333 !important
  }

  .label-md-xl {
    font-size: 1.25rem !important;
    line-height: 1.4 !important
  }
}

@media(min-width: 1200px) {
  .h6 {
    font-size: 1.125rem;
    line-height: 1.3333333333
  }

  html:lang(my) .h6,
  html:lang(vi) .h6 {
    line-height: 1.5555555556
  }

  .h6-xl {
    font-size: 1.125rem !important;
    line-height: 1.3333333333 !important
  }

  html:lang(my) .h6-xl,
  html:lang(vi) .h6-xl {
    line-height: 1.5555555556 !important
  }

  .h5 {
    font-size: 1.25rem;
    line-height: 1.4
  }

  html:lang(my) .h5,
  html:lang(vi) .h5 {
    line-height: 1.6
  }

  .h5-xl {
    font-size: 1.25rem !important;
    line-height: 1.4 !important
  }

  html:lang(my) .h5-xl,
  html:lang(vi) .h5-xl {
    line-height: 1.6 !important
  }

  .h4 {
    font-size: 1.5rem;
    line-height: 1.3333333333
  }

  html:lang(my) .h4,
  html:lang(vi) .h4 {
    line-height: 1.5833333333
  }

  .h4-xl {
    font-size: 1.5rem !important;
    line-height: 1.3333333333 !important
  }

  html:lang(my) .h4-xl,
  html:lang(vi) .h4-xl {
    line-height: 1.5833333333 !important
  }

  .h3 {
    font-size: 1.75rem;
    line-height: 1.2857142857
  }

  html:lang(my) .h3,
  html:lang(vi) .h3 {
    line-height: 1.5714285714
  }

  .h3-xl {
    font-size: 1.75rem !important;
    line-height: 1.2857142857 !important
  }

  html:lang(my) .h3-xl,
  html:lang(vi) .h3-xl {
    line-height: 1.5714285714 !important
  }

  .h2 {
    font-size: 2.75rem;
    line-height: 1.1818181818
  }

  html:lang(my) .h2,
  html:lang(vi) .h2 {
    line-height: 1.5454545455
  }

  .h2-xl {
    font-size: 2.75rem !important;
    line-height: 1.1818181818 !important
  }

  html:lang(my) .h2-xl,
  html:lang(vi) .h2-xl {
    line-height: 1.5454545455 !important
  }

  .h1 {
    font-size: 3.75rem;
    line-height: 1.1333333333
  }

  html:lang(my) .h1,
  html:lang(vi) .h1 {
    line-height: 1.5333333333
  }

  .h1-xl {
    font-size: 3.75rem !important;
    line-height: 1.1333333333 !important
  }

  html:lang(my) .h1-xl,
  html:lang(vi) .h1-xl {
    line-height: 1.5333333333 !important
  }

  .hero {
    font-size: 4.5rem;
    line-height: 1.1111111111
  }

  html:lang(my) .hero,
  html:lang(vi) .hero {
    line-height: 1.5277777778
  }

  .hero-xl {
    font-size: 4.5rem !important;
    line-height: 1.1111111111 !important
  }

  html:lang(my) .hero-xl,
  html:lang(vi) .hero-xl {
    line-height: 1.5277777778 !important
  }

  .text-xs {
    font-size: 1rem;
    line-height: 1.5
  }

  .text-xl-xs {
    font-size: 1rem !important;
    line-height: 1.5 !important
  }

  .text-sm {
    font-size: 1.125rem;
    line-height: 1.5555555556
  }

  .text-xl-sm {
    font-size: 1.125rem !important;
    line-height: 1.5555555556 !important
  }

  .text-md {
    font-size: 1.25rem;
    line-height: 1.6
  }

  .text-xl-md {
    font-size: 1.25rem !important;
    line-height: 1.6 !important
  }

  .text-lg {
    font-size: 1.5rem;
    line-height: 1.5
  }

  .text-xl-lg {
    font-size: 1.5rem !important;
    line-height: 1.5 !important
  }

  .text-exp {
    font-size: 1.75rem;
    line-height: 1.4285714286
  }

  .text-xl-exp {
    font-size: 1.75rem !important;
    line-height: 1.4285714286 !important
  }

  .label-xl-xs {
    font-size: .75rem !important;
    line-height: 1.3333333333 !important
  }

  .label-xl-sm {
    font-size: .875rem !important;
    line-height: 1.2857142857 !important
  }

  .label-xl-md {
    font-size: 1rem !important;
    line-height: 1.25 !important
  }

  .label-xl-lg {
    font-size: 1.125rem !important;
    line-height: 1.3333333333 !important
  }

  .label-xl-xl {
    font-size: 1.25rem !important;
    line-height: 1.4 !important
  }
}

strong,
b {
  font-family: var(--gi-font-medium);
  font-weight: 500
}

.webfont-bold {
  font-family: var(--gi-font-bold) !important;
  font-weight: 700;
  font-synthesis-weight: none
}

.webfont-medium {
  font-family: var(--gi-font-medium) !important;
  font-weight: 500
}

.webfont-medium strong,
.webfont-medium b {
  font-family: var(--gi-font-bold);
  font-weight: 700
}

.webfont-news {
  font-family: var(--gi-font-news) !important;
  font-weight: 475
}

.webfont-news strong,
.webfont-news b {
  font-family: var(--gi-font-medium);
  font-weight: 500
}

.webfont-regular {
  font-family: var(--gi-font-regular) !important;
  font-weight: 450
}

.webfont-regular strong,
.webfont-regular b {
  font-family: var(--gi-font-medium);
  font-weight: 500
}

.kicker,
.hdl {
  display: block
}

.kicker {
  font-family: var(--gi-font-news);
  font-weight: 475
}

.text-uppercase {
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .webfont-xl-bold {
    font-family: var(--gi-font-bold) !important;
    font-weight: 700;
    font-synthesis-weight: none
  }

  .webfont-xl-medium {
    font-family: var(--gi-font-medium) !important;
    font-weight: 500
  }

  .webfont-xl-medium strong,
  .webfont-xl-medium b {
    font-family: var(--gi-font-bold);
    font-weight: 700
  }

  .webfont-xl-news {
    font-family: var(--gi-font-news) !important;
    font-weight: 475
  }

  .webfont-xl-news strong,
  .webfont-xl-news b {
    font-family: var(--gi-font-medium);
    font-weight: 500
  }

  .webfont-xl-regular {
    font-family: var(--gi-font-regular) !important;
    font-weight: 450
  }

  .webfont-xl-regular strong,
  .webfont-xl-regular b {
    font-family: var(--gi-font-medium);
    font-weight: 500
  }

  .text-xl-uppercase {
    text-transform: uppercase !important
  }

  .text-xl-normal {
    text-transform: none !important
  }
}

.copyright {
  bottom: .5rem;
  color: #fff;
  font-family: var(--gi-font-sans-serif);
  font-size: .625rem;
  left: 1rem;
  right: 1rem;
  line-height: 1.15;
  position: absolute;
  text-align: right;
  text-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .59)
}

html[dir=rtl] .copyright {
  text-align: left;
  text-shadow: -0.0625rem .0625rem .0625rem rgba(0, 0, 0, .59)
}

.copyright-bl {
  text-align: left
}

html[dir=rtl] .copyright-bl {
  text-align: right
}

.copyright-tr {
  top: .5rem;
  bottom: auto
}

.copyright-tl {
  top: .5rem;
  bottom: auto;
  text-align: left
}

html[dir=rtl] .copyright-tl {
  text-align: right
}

@media(min-width: 576px) {

  .copyright-sm-bl,
  .copyright-sm-br {
    top: auto !important;
    bottom: .5rem !important
  }

  .copyright-sm-tl,
  .copyright-sm-tr {
    top: .5rem !important;
    bottom: auto !important
  }
}

@media(min-width: 768px) {

  .copyright-md-bl,
  .copyright-md-br {
    top: auto !important;
    bottom: .5rem !important
  }

  .copyright-md-tl,
  .copyright-md-tr {
    top: .5rem !important;
    bottom: auto !important
  }
}

@media(min-width: 992px) {

  .copyright-lg-bl,
  .copyright-lg-br {
    top: auto !important;
    bottom: .5rem !important
  }

  .copyright-lg-tl,
  .copyright-lg-tr {
    top: .5rem !important;
    bottom: auto !important
  }
}

@media(min-width: 1200px) {

  .copyright-xl-bl,
  .copyright-xl-br {
    top: auto !important;
    bottom: .5rem !important
  }

  .copyright-xl-tl,
  .copyright-xl-tr {
    top: .5rem !important;
    bottom: auto !important
  }
}

.icon-8 {
  font-size: .5rem
}

.size-8 {
  width: .5rem;
  height: .5rem
}

.size-8 img {
  width: .5rem;
  height: .5rem
}

.icon-10 {
  font-size: .625rem
}

.size-10 {
  width: .625rem;
  height: .625rem
}

.size-10 img {
  width: .625rem;
  height: .625rem
}

.icon-12 {
  font-size: .75rem
}

.size-12 {
  width: .75rem;
  height: .75rem
}

.size-12 img {
  width: .75rem;
  height: .75rem
}

.icon-14 {
  font-size: .875rem
}

.size-14 {
  width: .875rem;
  height: .875rem
}

.size-14 img {
  width: .875rem;
  height: .875rem
}

.icon-16 {
  font-size: 1rem
}

.size-16 {
  width: 1rem;
  height: 1rem
}

.size-16 img {
  width: 1rem;
  height: 1rem
}

.icon-18 {
  font-size: 1.125rem
}

.size-18 {
  width: 1.125rem;
  height: 1.125rem
}

.size-18 img {
  width: 1.125rem;
  height: 1.125rem
}

.icon-20 {
  font-size: 1.25rem
}

.size-20 {
  width: 1.25rem;
  height: 1.25rem
}

.size-20 img {
  width: 1.25rem;
  height: 1.25rem
}

.icon-24 {
  font-size: 1.5rem
}

.size-24 {
  width: 1.5rem;
  height: 1.5rem
}

.size-24 img {
  width: 1.5rem;
  height: 1.5rem
}

.icon-28 {
  font-size: 1.75rem
}

.size-28 {
  width: 1.75rem;
  height: 1.75rem
}

.size-28 img {
  width: 1.75rem;
  height: 1.75rem
}

.icon-32 {
  font-size: 2rem
}

.size-32 {
  width: 2rem;
  height: 2rem
}

.size-32 img {
  width: 2rem;
  height: 2rem
}

.icon-36 {
  font-size: 2.25rem
}

.size-36 {
  width: 2.25rem;
  height: 2.25rem
}

.size-36 img {
  width: 2.25rem;
  height: 2.25rem
}

.icon-40 {
  font-size: 2.5rem
}

.size-40 {
  width: 2.5rem;
  height: 2.5rem
}

.size-40 img {
  width: 2.5rem;
  height: 2.5rem
}

.icon-48 {
  font-size: 3rem
}

.size-48 {
  width: 3rem;
  height: 3rem
}

.size-48 img {
  width: 3rem;
  height: 3rem
}

.icon-56 {
  font-size: 3.5rem
}

.size-56 {
  width: 3.5rem;
  height: 3.5rem
}

.size-56 img {
  width: 3.5rem;
  height: 3.5rem
}

.icon-64 {
  font-size: 4rem
}

.size-64 {
  width: 4rem;
  height: 4rem
}

.size-64 img {
  width: 4rem;
  height: 4rem
}

.icon-72 {
  font-size: 4.5rem
}

.size-72 {
  width: 4.5rem;
  height: 4.5rem
}

.size-72 img {
  width: 4.5rem;
  height: 4.5rem
}

.icon-80 {
  font-size: 5rem
}

.size-80 {
  width: 5rem;
  height: 5rem
}

.size-80 img {
  width: 5rem;
  height: 5rem
}

@media(min-width: 768px) {
  .icon-md-8 {
    font-size: .5rem !important
  }

  .size-md-8 {
    width: .5rem !important;
    height: .5rem !important
  }

  .size-md-8 img {
    width: .5rem !important;
    height: .5rem !important
  }

  .icon-md-10 {
    font-size: .625rem !important
  }

  .size-md-10 {
    width: .625rem !important;
    height: .625rem !important
  }

  .size-md-10 img {
    width: .625rem !important;
    height: .625rem !important
  }

  .icon-md-12 {
    font-size: .75rem !important
  }

  .size-md-12 {
    width: .75rem !important;
    height: .75rem !important
  }

  .size-md-12 img {
    width: .75rem !important;
    height: .75rem !important
  }

  .icon-md-14 {
    font-size: .875rem !important
  }

  .size-md-14 {
    width: .875rem !important;
    height: .875rem !important
  }

  .size-md-14 img {
    width: .875rem !important;
    height: .875rem !important
  }

  .icon-md-16 {
    font-size: 1rem !important
  }

  .size-md-16 {
    width: 1rem !important;
    height: 1rem !important
  }

  .size-md-16 img {
    width: 1rem !important;
    height: 1rem !important
  }

  .icon-md-18 {
    font-size: 1.125rem !important
  }

  .size-md-18 {
    width: 1.125rem !important;
    height: 1.125rem !important
  }

  .size-md-18 img {
    width: 1.125rem !important;
    height: 1.125rem !important
  }

  .icon-md-20 {
    font-size: 1.25rem !important
  }

  .size-md-20 {
    width: 1.25rem !important;
    height: 1.25rem !important
  }

  .size-md-20 img {
    width: 1.25rem !important;
    height: 1.25rem !important
  }

  .icon-md-24 {
    font-size: 1.5rem !important
  }

  .size-md-24 {
    width: 1.5rem !important;
    height: 1.5rem !important
  }

  .size-md-24 img {
    width: 1.5rem !important;
    height: 1.5rem !important
  }

  .icon-md-28 {
    font-size: 1.75rem !important
  }

  .size-md-28 {
    width: 1.75rem !important;
    height: 1.75rem !important
  }

  .size-md-28 img {
    width: 1.75rem !important;
    height: 1.75rem !important
  }

  .icon-md-32 {
    font-size: 2rem !important
  }

  .size-md-32 {
    width: 2rem !important;
    height: 2rem !important
  }

  .size-md-32 img {
    width: 2rem !important;
    height: 2rem !important
  }

  .icon-md-36 {
    font-size: 2.25rem !important
  }

  .size-md-36 {
    width: 2.25rem !important;
    height: 2.25rem !important
  }

  .size-md-36 img {
    width: 2.25rem !important;
    height: 2.25rem !important
  }

  .icon-md-40 {
    font-size: 2.5rem !important
  }

  .size-md-40 {
    width: 2.5rem !important;
    height: 2.5rem !important
  }

  .size-md-40 img {
    width: 2.5rem !important;
    height: 2.5rem !important
  }

  .icon-md-48 {
    font-size: 3rem !important
  }

  .size-md-48 {
    width: 3rem !important;
    height: 3rem !important
  }

  .size-md-48 img {
    width: 3rem !important;
    height: 3rem !important
  }

  .icon-md-56 {
    font-size: 3.5rem !important
  }

  .size-md-56 {
    width: 3.5rem !important;
    height: 3.5rem !important
  }

  .size-md-56 img {
    width: 3.5rem !important;
    height: 3.5rem !important
  }

  .icon-md-64 {
    font-size: 4rem !important
  }

  .size-md-64 {
    width: 4rem !important;
    height: 4rem !important
  }

  .size-md-64 img {
    width: 4rem !important;
    height: 4rem !important
  }

  .icon-md-72 {
    font-size: 4.5rem !important
  }

  .size-md-72 {
    width: 4.5rem !important;
    height: 4.5rem !important
  }

  .size-md-72 img {
    width: 4.5rem !important;
    height: 4.5rem !important
  }

  .icon-md-80 {
    font-size: 5rem !important
  }

  .size-md-80 {
    width: 5rem !important;
    height: 5rem !important
  }

  .size-md-80 img {
    width: 5rem !important;
    height: 5rem !important
  }
}

@media(min-width: 1200px) {
  .icon-xl-8 {
    font-size: .5rem !important
  }

  .size-xl-8 {
    width: .5rem !important;
    height: .5rem !important
  }

  .size-xl-8 img {
    width: .5rem !important;
    height: .5rem !important
  }

  .icon-xl-10 {
    font-size: .625rem !important
  }

  .size-xl-10 {
    width: .625rem !important;
    height: .625rem !important
  }

  .size-xl-10 img {
    width: .625rem !important;
    height: .625rem !important
  }

  .icon-xl-12 {
    font-size: .75rem !important
  }

  .size-xl-12 {
    width: .75rem !important;
    height: .75rem !important
  }

  .size-xl-12 img {
    width: .75rem !important;
    height: .75rem !important
  }

  .icon-xl-14 {
    font-size: .875rem !important
  }

  .size-xl-14 {
    width: .875rem !important;
    height: .875rem !important
  }

  .size-xl-14 img {
    width: .875rem !important;
    height: .875rem !important
  }

  .icon-xl-16 {
    font-size: 1rem !important
  }

  .size-xl-16 {
    width: 1rem !important;
    height: 1rem !important
  }

  .size-xl-16 img {
    width: 1rem !important;
    height: 1rem !important
  }

  .icon-xl-18 {
    font-size: 1.125rem !important
  }

  .size-xl-18 {
    width: 1.125rem !important;
    height: 1.125rem !important
  }

  .size-xl-18 img {
    width: 1.125rem !important;
    height: 1.125rem !important
  }

  .icon-xl-20 {
    font-size: 1.25rem !important
  }

  .size-xl-20 {
    width: 1.25rem !important;
    height: 1.25rem !important
  }

  .size-xl-20 img {
    width: 1.25rem !important;
    height: 1.25rem !important
  }

  .icon-xl-24 {
    font-size: 1.5rem !important
  }

  .size-xl-24 {
    width: 1.5rem !important;
    height: 1.5rem !important
  }

  .size-xl-24 img {
    width: 1.5rem !important;
    height: 1.5rem !important
  }

  .icon-xl-28 {
    font-size: 1.75rem !important
  }

  .size-xl-28 {
    width: 1.75rem !important;
    height: 1.75rem !important
  }

  .size-xl-28 img {
    width: 1.75rem !important;
    height: 1.75rem !important
  }

  .icon-xl-32 {
    font-size: 2rem !important
  }

  .size-xl-32 {
    width: 2rem !important;
    height: 2rem !important
  }

  .size-xl-32 img {
    width: 2rem !important;
    height: 2rem !important
  }

  .icon-xl-36 {
    font-size: 2.25rem !important
  }

  .size-xl-36 {
    width: 2.25rem !important;
    height: 2.25rem !important
  }

  .size-xl-36 img {
    width: 2.25rem !important;
    height: 2.25rem !important
  }

  .icon-xl-40 {
    font-size: 2.5rem !important
  }

  .size-xl-40 {
    width: 2.5rem !important;
    height: 2.5rem !important
  }

  .size-xl-40 img {
    width: 2.5rem !important;
    height: 2.5rem !important
  }

  .icon-xl-48 {
    font-size: 3rem !important
  }

  .size-xl-48 {
    width: 3rem !important;
    height: 3rem !important
  }

  .size-xl-48 img {
    width: 3rem !important;
    height: 3rem !important
  }

  .icon-xl-56 {
    font-size: 3.5rem !important
  }

  .size-xl-56 {
    width: 3.5rem !important;
    height: 3.5rem !important
  }

  .size-xl-56 img {
    width: 3.5rem !important;
    height: 3.5rem !important
  }

  .icon-xl-64 {
    font-size: 4rem !important
  }

  .size-xl-64 {
    width: 4rem !important;
    height: 4rem !important
  }

  .size-xl-64 img {
    width: 4rem !important;
    height: 4rem !important
  }

  .icon-xl-72 {
    font-size: 4.5rem !important
  }

  .size-xl-72 {
    width: 4.5rem !important;
    height: 4.5rem !important
  }

  .size-xl-72 img {
    width: 4.5rem !important;
    height: 4.5rem !important
  }

  .icon-xl-80 {
    font-size: 5rem !important
  }

  .size-xl-80 {
    width: 5rem !important;
    height: 5rem !important
  }

  .size-xl-80 img {
    width: 5rem !important;
    height: 5rem !important
  }
}

@media(max-width: 1199.98px) {
  .icon-floated {
    position: relative;
    top: -0.125rem
  }
}

.lh-1 {
  line-height: 1 !important
}

@media(min-width: 1200px) {
  .lh-xl-1 {
    line-height: 1 !important
  }
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-2 {
  border-radius: .125rem !important
}

.rounded-4 {
  border-radius: .25rem !important
}

.rounded-6 {
  border-radius: .375rem !important
}

.rounded-8 {
  border-radius: .5rem !important
}

.rounded-12 {
  border-radius: .75rem !important
}

.rounded-16 {
  border-radius: 1rem !important
}

.rounded-20 {
  border-radius: 1.25rem !important
}

.rounded-24 {
  border-radius: 1.5rem !important
}

@media(min-width: 768px) {
  .rounded-md-0 {
    border-radius: 0 !important
  }

  .rounded-md-2 {
    border-radius: .125rem !important
  }

  .rounded-md-4 {
    border-radius: .25rem !important
  }

  .rounded-md-6 {
    border-radius: .375rem !important
  }

  .rounded-md-8 {
    border-radius: .5rem !important
  }

  .rounded-md-12 {
    border-radius: .75rem !important
  }

  .rounded-md-16 {
    border-radius: 1rem !important
  }

  .rounded-md-20 {
    border-radius: 1.25rem !important
  }

  .rounded-md-24 {
    border-radius: 1.5rem !important
  }
}

@media(min-width: 1200px) {
  .rounded-xl-0 {
    border-radius: 0 !important
  }

  .rounded-xl-2 {
    border-radius: .125rem !important
  }

  .rounded-xl-4 {
    border-radius: .25rem !important
  }

  .rounded-xl-6 {
    border-radius: .375rem !important
  }

  .rounded-xl-8 {
    border-radius: .5rem !important
  }

  .rounded-xl-12 {
    border-radius: .75rem !important
  }

  .rounded-xl-16 {
    border-radius: 1rem !important
  }

  .rounded-xl-20 {
    border-radius: 1.25rem !important
  }

  .rounded-xl-24 {
    border-radius: 1.5rem !important
  }
}

.box-shadow-01 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .035), 0 1px 3px rgba(0, 0, 0, .03), 0 0 3px rgba(0, 0, 0, .06)
}

.box-shadow-03 {
  box-shadow: 0 0 2.57859px rgba(0, 0, 0, .06), 0 2.57859px 4.29765px -0.859531px rgba(0, 0, 0, .05), 0 5.15718px 8.59531px rgba(0, 0, 0, .035), 0 .859531px 15.4715px rgba(0, 0, 0, .03)
}

.box-shadow-04 {
  box-shadow: 0 0 3px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .035), 0 1px 10px rgba(0, 0, 0, .03)
}

.box-shadow-06 {
  box-shadow: 0 0 3px rgba(0, 0, 0, .06), 0 3px 5px -1px rgba(0, 0, 0, .05), 0 6px 10px rgba(0, 0, 0, .035), 0 1px 18px rgba(0, 0, 0, .03)
}

.box-shadow-08 {
  box-shadow: 0 0 3px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .035), 0 3px 14px 2px rgba(0, 0, 0, .03)
}

.box-shadow-16 {
  box-shadow: 0 0 3px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .035), 0 6px 30px 5px rgba(0, 0, 0, .03)
}

.box-shadow-24 {
  box-shadow: 0 0 3px rgba(0, 0, 0, .06), 0 11px 15px -7px rgba(0, 0, 0, .04), 0 24px 38px 3px rgba(0, 0, 0, .035), 0 9px 46px 8px rgba(0, 0, 0, .03)
}

.gap-x-4 {
  gap: 0 .25rem !important
}

.gap-x-8 {
  gap: 0 .5rem !important
}

.gap-x-10 {
  gap: 0 .625rem !important
}

.gap-x-12 {
  gap: 0 .75rem !important
}

.gap-x-16 {
  gap: 0 1rem !important
}

.gap-x-24 {
  gap: 0 1.5rem !important
}

.gap-x-32 {
  gap: 0 2rem !important
}

.gap-x-40 {
  gap: 0 2.5rem
}

.gap-y-4 {
  gap: .25rem 0 !important
}

.gap-y-8 {
  gap: .5rem 0 !important
}

.gap-y-12 {
  gap: .75rem 0 !important
}

.gap-y-16 {
  gap: 1rem 0 !important
}

.gap-y-24 {
  gap: 1.5rem 0 !important
}

.gap-y-32 {
  gap: 2rem 0 !important
}

@media(min-width: 768px) {
  .gap-x-md-8 {
    gap: 0 .5rem !important
  }

  .gap-x-md-16 {
    gap: 0 1rem !important
  }
}

@media(min-width: 992px) {
  .gap-y-lg-16 {
    gap: 1rem 0 !important
  }

  .gap-y-lg-24 {
    gap: 1.5rem 0 !important
  }
}

@media(min-width: 1200px) {
  .gap-x-xl-8 {
    gap: 0 .5rem !important
  }

  .gap-x-xl-10 {
    gap: 0 .625rem !important
  }

  .gap-x-xl-12 {
    gap: 0 .75rem !important
  }

  .gap-x-xl-16 {
    gap: 0 1rem !important
  }

  .gap-x-xl-24 {
    gap: 0 1.5rem !important
  }

  .gap-x-xl-32 {
    gap: 0 2rem !important
  }

  .gap-x-xl-40 {
    gap: 0 2.5rem !important
  }

  .gap-x-xl-64 {
    gap: 0 4rem !important
  }

  .gap-y-xl-4 {
    gap: .25rem 0 !important
  }

  .gap-y-xl-8 {
    gap: .5rem 0 !important
  }

  .gap-y-xl-12 {
    gap: .75rem 0 !important
  }

  .gap-y-xl-16 {
    gap: 1rem 0 !important
  }

  .gap-y-xl-24 {
    gap: 1.5rem 0 !important
  }

  .gap-y-xl-32 {
    gap: 2rem 0 !important
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  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
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--gi-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important
}

.ratio-1x1 {
  --gi-aspect-ratio: 100%
}

.ratio-231x100 {
  --gi-aspect-ratio: 43.29004329%
}

.ratio-4x3 {
  --gi-aspect-ratio: 75%
}

.ratio-16x9 {
  --gi-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --gi-aspect-ratio: 42.8571428571%
}

html:has(.compensate-for-scrollbar) {
  scrollbar-gutter: inherit
}

.bg-green-400 {
  background-color: var(--gi-green-400) !important
}

.border-green-400 {
  border-color: var(--gi-green-400) !important
}

.text-green-400 {
  color: var(--gi-green-400) !important
}

.bg-green-700 {
  background-color: var(--gi-green-700) !important
}

.border-green-700 {
  border-color: var(--gi-green-700) !important
}

.text-green-700 {
  color: var(--gi-green-700) !important
}

.bg-blue-200 {
  background-color: var(--gi-blue-200) !important
}

.border-blue-200 {
  border-color: var(--gi-blue-200) !important
}

.text-blue-200 {
  color: var(--gi-blue-200) !important
}

.bg-blue-700 {
  background-color: var(--gi-blue-700) !important
}

.border-blue-700 {
  border-color: var(--gi-blue-700) !important
}

.text-blue-700 {
  color: var(--gi-blue-700) !important
}

.bg-gray-500 {
  background-color: var(--gi-gray-500) !important
}

.border-gray-500 {
  border-color: var(--gi-gray-500) !important
}

.text-gray-500 {
  color: var(--gi-gray-500) !important
}

.bg-orange-400 {
  background-color: var(--gi-orange-400) !important
}

.border-orange-400 {
  border-color: var(--gi-orange-400) !important
}

.text-orange-400 {
  color: var(--gi-orange-400) !important
}

.bg-purple-400 {
  background-color: var(--gi-purple-400) !important
}

.border-purple-400 {
  border-color: var(--gi-purple-400) !important
}

.text-purple-400 {
  color: var(--gi-purple-400) !important
}

.bg-brown-400 {
  background-color: var(--gi-brown-400) !important
}

.border-brown-400 {
  border-color: var(--gi-brown-400) !important
}

.text-brown-400 {
  color: var(--gi-brown-400) !important
}

.bg-brown-700 {
  background-color: var(--gi-brown-700) !important
}

.border-brown-700 {
  border-color: var(--gi-brown-700) !important
}

.text-brown-700 {
  color: var(--gi-brown-700) !important
}

.bg-functional-blue-400 {
  background-color: var(--gi-functional-blue-400) !important
}

.border-functional-blue-400 {
  border-color: var(--gi-functional-blue-400) !important
}

.text-functional-blue-400 {
  color: var(--gi-functional-blue-400) !important
}

.bg-functional-green-400 {
  background-color: var(--gi-functional-green-400) !important
}

.border-functional-green-400 {
  border-color: var(--gi-functional-green-400) !important
}

.text-functional-green-400 {
  color: var(--gi-functional-green-400) !important
}

.bg-functional-red-400 {
  background-color: var(--gi-functional-red-400) !important
}

.border-functional-red-400 {
  border-color: var(--gi-functional-red-400) !important
}

.text-functional-red-400 {
  color: var(--gi-functional-red-400) !important
}

.bg-functional-orange-400 {
  background-color: var(--gi-functional-orange-400) !important
}

.border-functional-orange-400 {
  border-color: var(--gi-functional-orange-400) !important
}

.text-functional-orange-400 {
  color: var(--gi-functional-orange-400) !important
}

.bg-blue-200-alpha-08 {
  background-color: var(--gi-blue-200-alpha-08) !important
}

.border-blue-200-alpha-08 {
  border-color: var(--gi-blue-200-alpha-08) !important
}

.text-blue-200-alpha-08 {
  color: var(--gi-blue-200-alpha-08) !important
}

.bg-blue-200-alpha-16 {
  background-color: var(--gi-blue-200-alpha-16) !important
}

.border-blue-200-alpha-16 {
  border-color: var(--gi-blue-200-alpha-16) !important
}

.text-blue-200-alpha-16 {
  color: var(--gi-blue-200-alpha-16) !important
}

.bg-blue-200-alpha-32 {
  background-color: var(--gi-blue-200-alpha-32) !important
}

.border-blue-200-alpha-32 {
  border-color: var(--gi-blue-200-alpha-32) !important
}

.text-blue-200-alpha-32 {
  color: var(--gi-blue-200-alpha-32) !important
}

.bg-blue-200-alpha-64 {
  background-color: var(--gi-blue-200-alpha-64) !important
}

.border-blue-200-alpha-64 {
  border-color: var(--gi-blue-200-alpha-64) !important
}

.text-blue-200-alpha-64 {
  color: var(--gi-blue-200-alpha-64) !important
}

.bg-green-200 {
  background-color: var(--gi-green-200) !important
}

.border-green-200 {
  border-color: var(--gi-green-200) !important
}

.text-green-200 {
  color: var(--gi-green-200) !important
}

.bg-green-200-alpha-08 {
  background-color: var(--gi-green-200-alpha-08) !important
}

.border-green-200-alpha-08 {
  border-color: var(--gi-green-200-alpha-08) !important
}

.text-green-200-alpha-08 {
  color: var(--gi-green-200-alpha-08) !important
}

.bg-green-200-alpha-16 {
  background-color: var(--gi-green-200-alpha-16) !important
}

.border-green-200-alpha-16 {
  border-color: var(--gi-green-200-alpha-16) !important
}

.text-green-200-alpha-16 {
  color: var(--gi-green-200-alpha-16) !important
}

.bg-green-200-alpha-24 {
  background-color: var(--gi-green-200-alpha-24) !important
}

.border-green-200-alpha-24 {
  border-color: var(--gi-green-200-alpha-24) !important
}

.text-green-200-alpha-24 {
  color: var(--gi-green-200-alpha-24) !important
}

.bg-green-200-alpha-32 {
  background-color: var(--gi-green-200-alpha-32) !important
}

.border-green-200-alpha-32 {
  border-color: var(--gi-green-200-alpha-32) !important
}

.text-green-200-alpha-32 {
  color: var(--gi-green-200-alpha-32) !important
}

.bg-brown-400-alpha-16 {
  background-color: var(--gi-brown-400-alpha-16) !important
}

.border-brown-400-alpha-16 {
  border-color: var(--gi-brown-400-alpha-16) !important
}

.text-brown-400-alpha-16 {
  color: var(--gi-brown-400-alpha-16) !important
}

.bg-brown-400-alpha-24 {
  background-color: var(--gi-brown-400-alpha-24) !important
}

.border-brown-400-alpha-24 {
  border-color: var(--gi-brown-400-alpha-24) !important
}

.text-brown-400-alpha-24 {
  color: var(--gi-brown-400-alpha-24) !important
}

.bg-brown-400-alpha-40 {
  background-color: var(--gi-brown-400-alpha-40) !important
}

.border-brown-400-alpha-40 {
  border-color: var(--gi-brown-400-alpha-40) !important
}

.text-brown-400-alpha-40 {
  color: var(--gi-brown-400-alpha-40) !important
}

.bg-white {
  background-color: var(--gi-white) !important
}

.border-white {
  border-color: var(--gi-white) !important
}

.text-white {
  color: var(--gi-white) !important
}

.bg-white-alpha-04 {
  background-color: var(--gi-white-alpha-04) !important
}

.border-white-alpha-04 {
  border-color: var(--gi-white-alpha-04) !important
}

.text-white-alpha-04 {
  color: var(--gi-white-alpha-04) !important
}

.bg-white-alpha-06 {
  background-color: var(--gi-white-alpha-06) !important
}

.border-white-alpha-06 {
  border-color: var(--gi-white-alpha-06) !important
}

.text-white-alpha-06 {
  color: var(--gi-white-alpha-06) !important
}

.bg-white-alpha-16 {
  background-color: var(--gi-white-alpha-16) !important
}

.border-white-alpha-16 {
  border-color: var(--gi-white-alpha-16) !important
}

.text-white-alpha-16 {
  color: var(--gi-white-alpha-16) !important
}

.bg-white-alpha-32 {
  background-color: var(--gi-white-alpha-32) !important
}

.border-white-alpha-32 {
  border-color: var(--gi-white-alpha-32) !important
}

.text-white-alpha-32 {
  color: var(--gi-white-alpha-32) !important
}

.bg-white-alpha-48 {
  background-color: var(--gi-white-alpha-48) !important
}

.border-white-alpha-48 {
  border-color: var(--gi-white-alpha-48) !important
}

.text-white-alpha-48 {
  color: var(--gi-white-alpha-48) !important
}

.bg-white-alpha-56 {
  background-color: var(--gi-white-alpha-56) !important
}

.border-white-alpha-56 {
  border-color: var(--gi-white-alpha-56) !important
}

.text-white-alpha-56 {
  color: var(--gi-white-alpha-56) !important
}

.bg-white-alpha-64 {
  background-color: var(--gi-white-alpha-64) !important
}

.border-white-alpha-64 {
  border-color: var(--gi-white-alpha-64) !important
}

.text-white-alpha-64 {
  color: var(--gi-white-alpha-64) !important
}

.bg-white-alpha-72 {
  background-color: var(--gi-white-alpha-72) !important
}

.border-white-alpha-72 {
  border-color: var(--gi-white-alpha-72) !important
}

.text-white-alpha-72 {
  color: var(--gi-white-alpha-72) !important
}

.bg-gray-900 {
  background-color: var(--gi-gray-900) !important
}

.border-gray-900 {
  border-color: var(--gi-gray-900) !important
}

.text-gray-900 {
  color: var(--gi-gray-900) !important
}

.bg-gray-900-alpha-04 {
  background-color: var(--gi-gray-900-alpha-04) !important
}

.border-gray-900-alpha-04 {
  border-color: var(--gi-gray-900-alpha-04) !important
}

.text-gray-900-alpha-04 {
  color: var(--gi-gray-900-alpha-04) !important
}

.bg-gray-900-alpha-06 {
  background-color: var(--gi-gray-900-alpha-06) !important
}

.border-gray-900-alpha-06 {
  border-color: var(--gi-gray-900-alpha-06) !important
}

.text-gray-900-alpha-06 {
  color: var(--gi-gray-900-alpha-06) !important
}

.bg-gray-900-alpha-16 {
  background-color: var(--gi-gray-900-alpha-16) !important
}

.border-gray-900-alpha-16 {
  border-color: var(--gi-gray-900-alpha-16) !important
}

.text-gray-900-alpha-16 {
  color: var(--gi-gray-900-alpha-16) !important
}

.bg-gray-900-alpha-32 {
  background-color: var(--gi-gray-900-alpha-32) !important
}

.border-gray-900-alpha-32 {
  border-color: var(--gi-gray-900-alpha-32) !important
}

.text-gray-900-alpha-32 {
  color: var(--gi-gray-900-alpha-32) !important
}

.bg-gray-900-alpha-48 {
  background-color: var(--gi-gray-900-alpha-48) !important
}

.border-gray-900-alpha-48 {
  border-color: var(--gi-gray-900-alpha-48) !important
}

.text-gray-900-alpha-48 {
  color: var(--gi-gray-900-alpha-48) !important
}

.bg-gray-900-alpha-56 {
  background-color: var(--gi-gray-900-alpha-56) !important
}

.border-gray-900-alpha-56 {
  border-color: var(--gi-gray-900-alpha-56) !important
}

.text-gray-900-alpha-56 {
  color: var(--gi-gray-900-alpha-56) !important
}

.bg-gray-900-alpha-64 {
  background-color: var(--gi-gray-900-alpha-64) !important
}

.border-gray-900-alpha-64 {
  border-color: var(--gi-gray-900-alpha-64) !important
}

.text-gray-900-alpha-64 {
  color: var(--gi-gray-900-alpha-64) !important
}

.bg-gray-900-alpha-72 {
  background-color: var(--gi-gray-900-alpha-72) !important
}

.border-gray-900-alpha-72 {
  border-color: var(--gi-gray-900-alpha-72) !important
}

.text-gray-900-alpha-72 {
  color: var(--gi-gray-900-alpha-72) !important
}

.link-blue-700 {
  color: var(--gi-blue-700)
}

.link-blue-700:hover,
.link-blue-700:focus {
  color: #002e54
}

.link-functional-blue-400 {
  color: var(--gi-functional-blue-400)
}

.link-functional-blue-400:hover,
.link-functional-blue-400:focus {
  color: #0058a1
}

.link-gray-900 {
  color: var(--gi-gray-900) !important
}

.link-gray-900:hover,
.link-gray-900:focus {
  color: #0b1a21
}

.link-gray-900-alpha-04 {
  color: var(--gi-gray-900-alpha-04)
}

.link-gray-900-alpha-04:hover,
.link-gray-900-alpha-04:focus {
  color: rgba(1, 2, 3, .232)
}

.link-gray-900-alpha-06 {
  color: var(--gi-gray-900-alpha-06)
}

.link-gray-900-alpha-06:hover,
.link-gray-900-alpha-06:focus {
  color: rgba(2, 4, 5, .248)
}

.link-gray-900-alpha-16 {
  color: var(--gi-gray-900-alpha-16)
}

.link-gray-900-alpha-16:hover,
.link-gray-900-alpha-16:focus {
  color: rgba(4, 8, 11, .328)
}

.link-gray-900-alpha-32 {
  color: var(--gi-gray-900-alpha-32)
}

.link-gray-900-alpha-32:hover,
.link-gray-900-alpha-32:focus {
  color: rgba(6, 14, 18, .456)
}

.link-gray-900-alpha-48 {
  color: var(--gi-gray-900-alpha-48)
}

.link-gray-900-alpha-48:hover,
.link-gray-900-alpha-48:focus {
  color: rgba(8, 18, 23, .584)
}

.link-gray-900-alpha-56 {
  color: var(--gi-gray-900-alpha-56)
}

.link-gray-900-alpha-56:hover,
.link-gray-900-alpha-56:focus {
  color: rgba(9, 19, 25, .648)
}

.link-gray-900-alpha-64 {
  color: var(--gi-gray-900-alpha-64)
}

.link-gray-900-alpha-64:hover,
.link-gray-900-alpha-64:focus {
  color: rgba(9, 21, 27, .712)
}

.link-gray-900-alpha-72 {
  color: var(--gi-gray-900-alpha-72) !important
}

.link-gray-900-alpha-72:hover,
.link-gray-900-alpha-72:focus {
  color: rgba(10, 22, 28, .776)
}

.link-green-400 {
  color: var(--gi-green-400)
}

.link-green-400:hover,
.link-green-400:focus {
  color: #b3d343
}

.link-green-700 {
  color: var(--gi-green-700)
}

.link-green-700:hover,
.link-green-700:focus {
  color: #2c3404
}

.link-purple-400 {
  color: var(--gi-purple-400)
}

.link-purple-400:hover,
.link-purple-400:focus {
  color: #68044c
}

.link-white {
  color: var(--gi-white)
}

.link-white:hover,
.link-white:foxus {
  color: #fff
}

a,
button {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0);
  text-decoration-thickness: .0625em;
  text-underline-position: auto;
  text-underline-offset: .125em;
  text-decoration-skip-ink: auto;
  transition: all .15s ease-in-out
}

a:hover,
a:focus,
button:hover {
  color: inherit;
  text-decoration-color: inherit
}

a:focus,
button:focus {
  outline-width: .0625em;
  outline-color: inherit;
  outline-offset: .25em
}

.text-decoration {
  text-decoration-color: inherit
}

a.text-functional-blue-400:hover,
a.text-functional-blue-400:focus {
  color: #0058a1 !important
}

.accordion-link:hover,
.accordion-link:focus,
.footer-link:hover,
.footer-link:focus {
  color: var(--gi-gray-900)
}

.btn:hover,
.btn:focus,
a.text-white:hover,
a.text-white:focus,
.course-widget-tab-item:hover,
.course-widget-tab-item:focus {
  text-shadow: none !important
}

.teaser-overlay-link h2,
.teaser-horizontal-row h2 {
  text-decoration: none;
  text-decoration-color: rgba(0, 0, 0, 0);
  transition: all .15s ease-in-out
}

.teaser-overlay-link h2:hover,
.teaser-overlay-link h2:focus,
.teaser-overlay-link h2:focus-within,
.teaser-horizontal-row h2:hover,
.teaser-horizontal-row h2:focus,
.teaser-horizontal-row h2:focus-within {
  text-decoration-color: inherit;
  text-decoration: underline;
  text-decoration-thickness: .0625em;
  text-underline-offset: .125em
}

.banner-has-link a:not([class]) {
  font-family: var(--gi-font-medium);
  text-decoration: underline;
  text-decoration-thickness: .0625em;
  text-underline-position: auto;
  text-underline-offset: .125em;
  text-decoration-skip-ink: auto
}

.banner-has-link a:not([class]):hover,
.banner-has-link a:not([class]):focus {
  color: var(--gi-gray-900)
}

button,
.btn {
  font-family: var(--gi-font-medium);
  font-weight: 500
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 .25rem;
  font-size: .875rem;
  line-height: 1.1428571429;
  padding-block: .625rem;
  padding-inline: 1.8125rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: .0625rem solid rgba(0, 0, 0, 0);
  border-radius: .375rem;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color .15s ease-in-out
}

.btn:focus {
  outline: none
}

.btn:focus-visible {
  outline: .09375rem solid var(--gi-gray-900);
  outline-offset: .125rem
}

.btn.btn-close-light {
  padding: .25rem;
  background-color: var(--gi-gray-900-alpha-06);
  border-radius: 50%
}

.btn.btn-close-light .icon {
  margin-inline-start: 0
}

.btn.btn-close-light:hover,
.btn.btn-close-light:focus,
.btn.btn-close-light:focus-visible {
  background-color: var(--gi-gray-900-alpha-16)
}

.btn.btn-lg {
  gap: 0 .375rem;
  font-size: 1rem;
  line-height: 1.25;
  padding-block: .75rem;
  padding-inline: 2.3125rem;
  border-radius: .5rem
}

.btn.btn-xl {
  gap: 0 .375rem;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  padding-block: .75rem;
  padding-inline: 2.6875rem;
  border-radius: .5rem
}

.btn.btn-link {
  background-color: rgba(0, 0, 0, 0) !important
}

.btn.bg-functional-blue-400 {
  color: var(--gi-white)
}

.btn.bg-functional-blue-400:hover {
  background-color: #0065b9 !important
}

.btn.bg-functional-blue-400:active {
  background-color: #005ca9 !important
}

.btn.bg-green-400 {
  color: var(--gi-gray-900)
}

.btn.bg-green-400:hover {
  background-color: #a7cc26 !important
}

.btn.bg-green-400:active {
  background-color: #afd13a !important
}

.btn.bg-blue-200-alpha-16 {
  color: var(--gi-gray-900)
}

.btn.bg-blue-200-alpha-16:hover {
  background-color: #d9f3fd !important
}

.btn.bg-blue-200-alpha-16:active {
  background-color: #b8e7fa !important
}

.btn.bg-green-200-alpha-16 {
  color: var(--gi-gray-900)
}

.btn.bg-green-200-alpha-16:hover {
  background-color: #dcf2c7 !important
}

.btn.bg-green-200-alpha-16:active {
  background-color: #cfee9a !important
}

.btn.bg-white {
  color: var(--gi-gray-900);
  background-color: var(--gi-white)
}

.btn.bg-white:hover {
  background-color: #f1f2f2 !important
}

.btn.bg-white:active {
  background-color: #e2e4e5 !important
}

.btn.bg-ghost {
  color: var(--gi-gray-900);
  border: .0625rem solid var(--gi-gray-900);
  background-color: rgba(0, 0, 0, 0)
}

.btn.bg-ghost:hover {
  background-color: var(--gi-gray-900-alpha-06) !important
}

.btn.bg-ghost:active {
  background-color: rgba(14, 32, 41, .12) !important
}

.btn.bg-purple-400 {
  color: var(--gi-white)
}

.btn.bg-purple-400:hover {
  background-color: #8c196c !important
}

.btn.bg-purple-400:active {
  background-color: #962d79 !important
}

.btn:disabled,
.btn.disabled {
  background-color: var(--gi-gray-900-alpha-06) !important;
  color: rgba(14, 32, 41, .24) !important;
  pointer-events: none
}

.btn.bg-ghost:disabled,
.btn.bg-ghost.disabled {
  background-color: var(--gi-white) !important;
  color: var(--gi-gray-900-alpha-32) !important;
  border-color: rgba(14, 32, 41, .24) !important
}

.btn.btn-reset {
  padding: 0;
  background: rgba(0, 0, 0, 0) !important;
  border: none !important
}

.btn.btn-rounded {
  border-radius: 50rem
}

.btn-text {
  display: inline-block;
  margin-block-start: .0625rem;
  margin-block-end: .0625rem;
  margin-inline: .125rem
}

.btn-lg .btn-text,
.btn-xl .btn-text,
.btn-md-lg .btn-text,
.btn-md-xl .btn-text,
.btn-xl-lg .btn-text,
.btn-xl-xl .btn-text {
  margin-block-start: .125rem;
  margin-block-end: 0
}

.btn-icon {
  padding-block: .5625rem
}

.btn-icon .icon {
  margin-inline-start: 0 !important;
  flex-shrink: 0
}

.btn-icon .btn-text {
  margin-block-start: .0625rem;
  margin-block-end: 0
}

.btn-icon.btn-lg,
.btn-icon.btn-md-lg,
.btn-icon.btn-xl-lg {
  padding-block: .6875rem
}

.btn-icon.btn-lg .btn-text,
.btn-icon.btn-md-lg .btn-text,
.btn-icon.btn-xl-lg .btn-text {
  margin-block-start: .125rem;
  margin-block-end: 0
}

.btn-icon.btn-xl,
.btn-icon.btn-md-xl,
.btn-icon.btn-lg-xl {
  padding-block: .6875rem
}

.btn-icon.btn-xl .btn-text,
.btn-icon.btn-md-xl .btn-text,
.btn-icon.btn-lg-xl .btn-text {
  margin-block-start: .125rem;
  margin-block-end: 0
}

.btn-reset-filter .icon-reset {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .3125rem;
  border: .125rem solid;
  border-left-color: rgba(0, 0, 0, 0);
  border-radius: 6.25rem;
  position: relative;
  top: -0.25rem
}

.btn-reset-filter .icon-reset::before {
  content: "";
  display: block;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: -0.25rem;
  left: .0625rem;
  border-top: .125rem solid;
  border-left: .125rem solid;
  transform: rotate(-68deg)
}

.btn-icon .icon {
  font-size: 1.25rem
}

.btn-icon.btn-lg .icon {
  font-size: 1.5rem
}

.btn-icon.btn-md-lg .icon {
  font-size: 1.5rem !important
}

.btn-icon.btn-xl-lg .icon {
  font-size: 1.5rem !important
}

.btn-icon.btn-xl .icon {
  font-size: 1.75rem
}

.btn-icon.btn-md-xl .icon {
  font-size: 1.75rem !important
}

.btn-icon.btn-xl-xl .icon {
  font-size: 1.75rem !important
}

@media(min-width: 768px) {
  .btn.btn-md-lg {
    gap: 0 .375rem;
    font-size: 1rem;
    line-height: 1.25;
    padding-block: .75rem;
    padding-inline: 2.3125rem;
    border-radius: .5rem
  }

  .btn.btn-md-xl {
    gap: 0 .375rem;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding-block: .75rem;
    padding-inline: 2.6875rem;
    border-radius: .5rem
  }
}

@media(min-width: 1200px) {
  .btn.btn-xl-lg {
    gap: 0 .375rem;
    font-size: 1rem;
    line-height: 1.25;
    padding-block: .75rem;
    padding-inline: 2.3125rem;
    border-radius: .5rem
  }

  .btn.btn-xl-xl {
    gap: 0 .375rem;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding-block: .75rem;
    padding-inline: 2.6875rem;
    border-radius: .5rem
  }
}

.badge-list {
  gap: .75rem 1rem
}

.badge,
.chip {
  background-color: var(--gi-white);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 50rem;
  padding-top: .1875rem;
  padding-bottom: .125rem;
  display: inline-flex;
  align-items: center;
  text-align: left;
  font-family: var(--gi-font-news);
  transition: all .15s ease-in-out
}

html[dir=rtl] .badge,
html[dir=rtl] .chip {
  text-align: right
}

.badge-md {
  min-height: 2rem
}

.badge-lg {
  min-height: 2.625rem
}

.badge-career {
  color: var(--gi-gray-900-alpha-72);
  border-color: var(--gi-gray-900-alpha-16)
}

.badge-kf {
  color: var(--gi-gray-900-alpha-72);
  border-color: var(--gi-gray-900-alpha-16)
}

a.badge-career:active,
button.badge-career:active,
.badge-career.active {
  border-color: var(--gi-blue-700);
  background-color: var(--gi-blue-700);
  color: var(--gi-white)
}

a.badge-kf:active,
button.badge-kf:active,
.badge-kf.active {
  border-color: var(--gi-purple-400);
  background-color: var(--gi-purple-400);
  color: var(--gi-white)
}

@media(hover: hover)and (pointer: fine) {

  a.badge-career:hover,
  button.badge-career:hover {
    cursor: pointer;
    border-color: var(--gi-blue-700);
    background-color: var(--gi-blue-700);
    color: var(--gi-white)
  }

  a.badge-kf:hover,
  button.badge-kf:hover {
    cursor: pointer;
    border-color: var(--gi-purple-400);
    background-color: var(--gi-purple-400);
    color: var(--gi-white)
  }
}

a.badge:hover,
button.badge:hover,
a.badge:focus,
button.badge:focus {
  outline-width: .0625em;
  outline-color: inherit;
  outline-offset: .25em
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:focus+.badge-career {
  outline-offset: .25em;
  outline-width: .0625em;
  outline-style: solid;
  outline-color: var(--gi-blue-700)
}

.btn-check:checked+.badge-career {
  background-color: var(--gi-blue-700);
  color: var(--gi-white);
  outline: none
}

.spinner_js {
  margin-inline: auto;
  display: block
}

.chip-filter {
  padding-block: .375rem;
  padding-inline: 1rem;
  color: var(--gi-gray-900);
  font-family: var(--gi-font-medium);
  border-color: var(--gi-gray-900);
  gap: 0 .5rem;
  min-height: 2rem
}

.chip-filter:hover {
  color: var(--gi-gray-900)
}

.chip-filter:focus-visible {
  outline: .09375rem solid var(--gi-gray-900);
  outline-offset: .125rem
}

.chip-filter.active {
  color: var(--gi-white);
  background-color: var(--gi-functional-blue-400);
  border-color: var(--gi-functional-blue-400)
}

.chip-filter.active.disabled,
.chip-filter.active:disabled {
  color: var(--gi-white)
}

.chip-filter.disabled,
.chip-filter:disabled {
  pointer-events: none;
  color: var(--gi-gray-900-alpha-32);
  border-color: var(--gi-gray-900-alpha-32)
}

.chip-filter-list {
  border-color: rgba(0, 0, 0, 0);
  background-color: var(--gi-gray-900-alpha-06)
}

@media(min-width: 1200px) {
  .badge-xl-md {
    min-height: 2rem !important
  }

  .badge-xl-lg {
    min-height: 2.625rem !important
  }
}

.banner-container-section {
  transition: all .3s ease-in-out
}

.banner-button-container {
  z-index: 3
}

.banner-button {
  border-radius: 50%
}

.banner-button:hover,
.banner-button:focus {
  background-color: var(--gi-gray-900-alpha-16)
}

.image-subobj {
  width: 100%;
  max-width: 50%;
  overflow: auto;
  margin-top: .125rem
}

.embedded-code,
.video-helper {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem
}

.video-teaser .embedded-code {
  margin-top: 0
}

.video-lightbox .embeddedCode {
  display: none
}

.video-lightbox .embedded-code {
  margin: 0 !important
}

.responsive-video-c {
  position: relative
}

.responsive-video-c::before {
  content: "";
  display: block;
  padding-bottom: 56.25%
}

.responsive-video-c iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.responsive-video-c .uc-embedding-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  min-height: auto !important
}

span.artikelBildBreit {
  display: block;
  margin: 2.5rem 0
}

span.artikelBildBreit img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: inline-block;
  background: var(--gi-gray-900-alpha-06);
  color: var(--gi-gray-900-alpha-72);
  font-family: var(--gi-font-news)
}

span.artikelBildLinks,
span.artikelBildRechts {
  margin-bottom: 1rem;
  margin-top: .125rem;
  width: 50%
}

span.artikelBildLinks {
  float: left;
  margin-inline-end: 1rem
}

html[dir=rtl] span.artikelBildLinks {
  float: right
}

span.artikelBildRechts {
  float: right;
  margin-inline-start: 1rem
}

html[dir=rtl] span.artikelBildRechts {
  float: left
}

img.artikelBildLinks,
img.artikelBildRechts {
  height: auto;
  width: 100%
}

.teaserBildContainer {
  position: relative;
  display: block
}

.teaserBildContainer .bildnachweis {
  bottom: .5rem;
  color: var(--gi-white);
  font-family: var(--gi-font-sans-serif);
  font-size: .625rem;
  line-height: 1.15;
  position: absolute;
  right: 1rem;
  text-align: right;
  text-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .59);
  z-index: 10
}

html[dir=rtl] .teaserBildContainer .bildnachweis {
  right: auto;
  left: 1rem;
  text-align: left;
  text-shadow: -0.0625rem .0625rem .0625rem rgba(0, 0, 0, .59)
}

.player-copyright.bildnachweis {
  display: block;
  font-size: .875rem;
  line-height: 1.4285714286;
  margin-top: .5rem
}

.ck-infotext a {
  color: var(--gi-functional-blue-400);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}

.ck-infotext a:hover,
.ck-infotext a:focus {
  color: #0058a1
}

.ck-infotext a.link-white {
  color: #fff
}

.ck-infotext a.link-white:hover,
.ck-infotext a.link-white:focus {
  color: #fff
}

.ck-infotext h2,
.ck-infotext h3,
.ck-infotext h4 {
  color: var(--gi-gray-900);
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem
}

.ck-infotext>h2:first-child {
  margin-top: 0 !important
}

.ck-infotext p:not([class]) {
  margin-bottom: 1.25rem
}

.ck-infotext .flexslider .owl-carousel {
  background-color: rgba(0, 0, 0, 0)
}

.ck-infotext .flexslider {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem
}

.ck-infotext .flexslider .owl-carousel .owl-item .teaserBildContainer {
  width: 100%
}

.ck-infotext .flexslider .owl-carousel .owl-item img {
  height: auto
}

.ck-infotext .flexslider .owl-carousel .owl-item .fl-bildunterschrift,
.ck-infotext span.artikelBildBu {
  font-family: var(--gi-font-news);
  font-size: .875rem;
  line-height: 1.4285714286;
  display: inline-block;
  margin-top: .5rem
}

.ck-infotext ul:not([class]),
.ck-infotext ol:not([class]),
.ck-infotext ul.standardListe:not(.pdf),
.ck-infotext ol.standardListe:not(.pdf) {
  margin-top: 2rem !important;
  margin-bottom: 1.5rem !important;
  padding-inline-start: 1.5rem !important
}

.ck-infotext ul:not([class]),
.ck-infotext ul.standardListe {
  list-style: none
}

.ck-infotext ul:not([class]) li,
.ck-infotext ul.standardListe li {
  position: relative
}

.ck-infotext ul:not([class]) li:before,
.ck-infotext ul.standardListe li:before {
  content: "—";
  position: absolute;
  left: -1.5rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  transform: scale(0.75, 1);
  top: -0.125rem
}

html[dir=rtl] .ck-infotext ul:not([class]) li:before,
html[dir=rtl] .ck-infotext ul.standardListe li:before {
  left: auto;
  right: -1.5rem
}

.ck-infotext ul:not([class]) li ul,
.ck-infotext ul.standardListe li ul {
  margin-top: 1.25rem
}

.ck-infotext ul:not([class]) li:not(:last-child),
.ck-infotext ol:not([class]) li:not(:last-child),
.ck-infotext ol.standardListe li:not(:last-child),
.ck-infotext ul.standardListe li:not(:last-child) {
  margin-bottom: .75rem !important
}

.ck-infotext.accordion-body h2 {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-top: 3rem;
  margin-bottom: 1.5rem
}

@media(min-width: 1200px) {
  .list-custom-icon .ck-infotext ul {
    max-width: 32.5rem
  }
}

.list-custom-icon .ck-infotext ul:not([class]) {
  margin-inline-start: 1.25rem
}

.list-custom-icon .ck-infotext ul:not([class]) li:before {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23a0c814%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M22%204.80669L20.22%203.41602L9.34669%2017.1606L3.25229%2012.9858L2%2014.5886L9.67353%2020.9774L22%204.80669Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  font-size: 2rem;
  transform: none;
  position: absolute;
  left: -2.875rem !important;
  top: -0.125rem
}

html[dir=rtl] .list-custom-icon .ck-infotext ul:not([class]) li:before {
  left: auto !important;
  right: -2.875rem !important
}

html[lang=ja] .list-custom-icon .ck-infotext ul:not([class]) li:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23a0c814' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12Z'%3E%3C/path%3E%3C/svg%3E")
}

.list-custom-icon .ck-infotext ul:not([class]) li:not(:last-child) {
  margin-bottom: 1.25rem
}

.pdf {
  margin: 2.5rem 0 1.25rem 0
}

html[dir=rtl] .pdf {
  padding-inline: inherit
}

.pdf li {
  display: flex;
  align-items: center
}

.pdf li:before {
  display: inline-block;
  content: "";
  margin-inline-end: .75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: relative !important;
  left: 0 !important;
  top: 0 !important
}

.pdf li a {
  font-family: var(--gi-font-medium) !important
}

.person-container-outer h4 {
  font-size: inherit;
  line-height: inherit
}

.person-container-outer .img-fluid {
  width: 4rem;
  height: 4rem;
  object-fit: cover
}

@media(min-width: 768px) {
  .person-container-outer .img-fluid {
    width: 7.5rem;
    height: 7.5rem
  }
}

@media(min-width: 1200px) {
  .person-container-outer .img-fluid {
    width: 10rem;
    height: 10rem
  }
}

.person-container-outer.ck-infotext a[href^="tel:"] {
  color: var(--gi-gray-900-alpha-72)
}

.person-contact-wrapper a[href^="tel:"] {
  color: var(--gi-gray-900-alpha-72)
}

.person-contact-wrapper a[href^="mailto:"] {
  color: var(--gi-functional-blue-400)
}

@media(min-width: 576px) {

  span.artikelBildLinks,
  span.artikelBildRechts {
    width: auto
  }
}

@media(min-width: 768px) {
  .ck-infotext.accordion-body h2 {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

@media(min-width: 992px) {

  img.artikelBildLinks,
  img.artikelBildRechts {
    height: auto;
    width: 24.25rem
  }
}

@media(min-width: 1200px) {

  .ck-infotext h2,
  .ck-infotext h3,
  .ck-infotext h4 {
    font-size: 1.75rem;
    line-height: 1.2857142857;
    margin-top: 3rem;
    margin-bottom: 1.5rem
  }

  .ck-infotext.accordion-body h2 {
    font-size: 1.75rem;
    line-height: 1.2857142857
  }

  .embedded-code,
  .video-helper,
  span.artikelBildBreit {
    margin: 2.5rem 0
  }

  .video-teaser .embedded-code {
    margin: 0
  }

  span.artikelBildLinks,
  span.artikelBildRechts {
    margin-bottom: 1.5rem
  }

  span.artikelBildLinks {
    margin-inline-end: 1.5rem
  }

  span.artikelBildRechts {
    margin-inline-start: 1.5rem
  }

  .flexslider .owl-carousel .owl-item .fl-bildunterschrift,
  span.artikelBildBu {
    font-size: 1rem !important;
    line-height: 1.5 !important
  }
}

.has-dimmer::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  top: 0;
  inset-inline-start: 0
}

.dimmer-totop::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  top: auto;
  bottom: 0
}

html[dir=rtl] .dimmer-totop::after {
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)
}

.dimmer-strong::after {
  opacity: .7
}

.hero-image-container .has-dimmer::after {
  height: 44%;
  max-height: 22.5rem
}

.teaser .image-wrapper:before,
.teaser-overlay .image-wrapper:before,
.teaser-horizontal-row .image-wrapper:before {
  content: "";
  background: rgba(255, 255, 255, .08);
  width: 100%;
  height: 100%;
  position: absolute;
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity .25s ease
}

.teaser:hover .image-wrapper:before,
.teaser-overlay:hover .image-wrapper:before,
.teaser-horizontal-row:hover .image-wrapper:before {
  opacity: 1
}

@media(min-width: 1200px) {
  main.start.start-v3 article.teaser>.h2.h4-xl {
    font-size: 2.25rem !important;
    line-height: 1.2222222222 !important
  }
}

@media(min-width: 768px) {
  .registration-teaser-text {
    flex: 1
  }
}

.teaser-overlay-link .teaser-overlay-icon {
  transition: transform .2s ease
}

.teaser-overlay-link:hover .teaser-overlay-icon,
.teaser-overlay-link:focus .teaser-overlay-icon {
  transform: translate3d(1rem, 0, 0)
}

html[dir=rtl] .teaser-overlay-link:hover .teaser-overlay-icon,
html[dir=rtl] .teaser-overlay-link:focus .teaser-overlay-icon {
  transform: translate3d(-1rem, 0, 0)
}

.hero-text-container {
  position: relative;
  z-index: 3
}

.hero-claim-container {
  position: absolute;
  z-index: 2;
  top: -2rem
}

.hero-toggle {
  position: absolute;
  bottom: .8125rem;
  inset-inline-end: 1rem;
  z-index: 3
}

.teaser-overlay-text-container {
  position: relative;
  z-index: 2
}

.teaser-overlay-hdl {
  z-index: 2
}

.teaser-overlay-body {
  margin-top: -2.5rem;
  width: calc(100% - 1rem);
  max-width: 33.5rem;
  position: relative;
  z-index: 2
}

.teaser-overlay .stretched-link:focus .teaser-overlay-hdl {
  outline: .125rem solid #fff;
  outline-offset: .25em
}

.teaser-overlay .has-icon .bullet-list-item .icon {
  transition: transform .2s ease
}

.teaser-overlay .has-icon .bullet-list-item:hover .icon,
.teaser-overlay .has-icon .bullet-list-item:focus-within .icon {
  transform: translate3d(0.5rem, 0, 0)
}

html[dir=rtl] .teaser-overlay .has-icon .bullet-list-item:hover .icon,
html[dir=rtl] .teaser-overlay .has-icon .bullet-list-item:focus-within .icon {
  transform: translate3d(-0.5rem, 0, 0)
}

.teaser-overlay .bullet-list-item {
  border-top: .0625rem solid var(--gi-gray-900-alpha-16);
  line-height: 1.45
}

.teaser-overlay .bullet-list-item a {
  display: block;
  padding-block: .75rem;
  padding-inline-end: 1rem
}

.teaser-overlay .bullet-list-item a:hover,
.teaser-overlay .bullet-list-item a:focus {
  text-decoration-thickness: .0625rem
}

.teaser-overlay .bullet-list-item:not(:last-child) {
  margin-bottom: 0
}

.teaser-overlay .bullet-list-item-subhome:not(:last-child) {
  margin-bottom: .75rem
}

.caption-content {
  font-family: var(--gi-font-sans-serif)
}

@media(max-width: 359.98px) {
  .hero-image-caption {
    width: 80vw !important
  }

  .quickfact-no-slider .hero {
    font-size: 2rem !important
  }
}

@media(min-width: 768px) {
  .hero-container {
    background-color: var(--gi-gray-900-alpha-06)
  }

  .hero-text-container {
    margin-top: -2.5rem
  }

  .lp .hero-text-container {
    margin-top: 0
  }

  .teaser-overlay {
    margin-bottom: 7.125rem
  }

  .teaser-overlay-body {
    position: absolute;
    inset-inline-end: 0;
    bottom: -7.125rem
  }

  .teaser-overlay-text-container:not(.without-image):after {
    content: "";
    position: absolute;
    background: var(--gi-white);
    inset-inline-start: -1rem;
    top: 0;
    z-index: -1;
    inset-inline-end: -1rem;
    bottom: 0
  }

  .library .hero-text-container {
    margin-top: -6rem
  }
}

@media(max-width: 991.98px) {
  .hero-image-caption {
    position: absolute;
    inset-inline-end: .5rem;
    bottom: 3.125rem;
    z-index: 11;
    background-color: #f1f2f2 !important;
    color: var(--gi-gray-900) !important;
    border-radius: .25rem;
    width: 60vw;
    font-size: .875rem;
    line-height: 1.4285714286;
    max-width: 18.75rem;
    max-height: 64%;
    display: none
  }

  .hero-image-caption.show {
    display: flex
  }

  .hero-image-caption:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='8' viewBox='0 0 24 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2929 7.29289L6.34315 2.34315C4.84286 0.842855 2.80802 0 0.686292 0H23.3137C21.192 0 19.1571 0.842852 17.6569 2.34314L12.7071 7.29289C12.3166 7.68342 11.6834 7.68342 11.2929 7.29289Z' fill='%23f1f2f2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: block;
    width: 1.5rem;
    height: .5rem;
    position: absolute;
    bottom: -0.5rem;
    inset-inline-end: .5rem
  }

  .hero-image-caption .caption-content {
    display: block;
    margin: .675rem
  }

  .hero-image-caption .caption-content.d-lg-none {
    overflow-y: auto
  }
}

@media(min-width: 992px) {
  .hero-claim-container {
    top: -2.5rem
  }

  .hero-claim {
    font-size: 1.5rem !important;
    line-height: 1.3333333333 !important
  }

  .lp .hero-text-container {
    margin-top: -5.875rem
  }

  .hero-image-caption {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    z-index: 3;
    width: 25%
  }

  .teaser-overlay {
    margin-bottom: 3.5rem
  }

  .teaser-overlay-body {
    position: absolute;
    inset-inline-end: 0;
    bottom: -3.5rem
  }

  .teaser-overlay-text-container-small {
    margin-top: -8rem
  }

  .teaser-image-has-offset .image-wrapper {
    width: 80%
  }
}

@media(min-width: 1200px) {
  .hero-claim-container {
    top: -3.6875rem
  }

  .hero-claim,
  .hero-claim-subheadline {
    font-size: 2.25rem !important;
    line-height: 1.2222222222 !important
  }

  .hero-text-container {
    margin-top: -6.875rem;
    position: relative
  }

  .start-section .hero-text-container {
    margin-inline-start: -1rem
  }

  .lp .hero-text-container {
    margin-top: -10.5625rem
  }

  html:lang(vi) .lp .hero-text-container .kicker {
    margin-bottom: .75rem !important
  }

  .teaser-sprache {
    margin-top: -2.5rem;
    position: relative
  }

  .teaser-overlay {
    margin-bottom: 1.3125rem
  }

  .teaser-overlay-body {
    position: absolute;
    inset-inline-end: 0;
    bottom: -1.3125rem
  }

  .teaser-overlay-text-container:not(.without-image) {
    margin-top: -9.125rem
  }

  .teaser-overlay-text-container-small {
    margin-top: -9.25rem
  }

  .teaser-library .teaser-overlay-text-container:not(.without-image):after {
    inset-inline-start: -2rem;
    inset-inline-end: -2rem
  }

  .teaser-library .teaser-overlay-text-container:not(.without-image) {
    margin-top: -7.9375rem
  }

  .library .hero-text-container {
    margin-top: -9.5rem
  }
}

@media(min-width: 1400px) {
  .teaser-overlay-text-container:not(.without-image):after {
    inset-inline-start: -1.25rem;
    inset-inline-end: -1.25rem
  }

  .teaser-overlay-text-container:not(.without-image) {
    margin-top: -10.125rem
  }

  .teaser-overlay-text-container-small {
    margin-top: -10.25rem
  }

  .library .hero-text-bg {
    margin-left: -1.25rem;
    margin-right: -1.25rem
  }
}

@media(min-width: 1600px) {
  .hero-image-caption {
    width: 30%
  }

  .teaser-overlay-text-container:not(.without-image):after {
    inset-inline-start: -1.5rem;
    inset-inline-end: -1.5rem
  }
}

.location-teaser-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: .52
}

@media(min-width: 768px) {
  .location-teaser-bg {
    opacity: 1
  }
}

.location-teaser-bg-image {
  width: 100%
}

@media(min-width: 768px) {
  .location-teaser-bg-image {
    margin-inline-start: 9.5rem;
    width: calc(100% - 9.5rem)
  }
}

@media(min-width: 992px) {
  .location-teaser-bg-image {
    margin-inline-start: 12.5rem;
    width: calc(100% - 12.5rem)
  }
}

@media(min-width: 1200px) {
  .location-teaser-bg-image {
    margin-inline-start: 8.5rem;
    width: calc(100% - 8.5rem)
  }
}

@media(min-width: 1366px) {
  .location-teaser-bg-image {
    margin-inline-start: 9.5rem;
    width: calc(100% - 9.5rem)
  }
}

.location-teaser-bg-image .img-fluid {
  height: 100%;
  object-fit: contain
}

.location-teaser-content {
  position: relative;
  z-index: 2
}

@media(min-width: 576px) {
  .location-teaser-content {
    min-height: 14.875rem
  }
}

@media(min-width: 768px) {
  .location-teaser-content {
    backdrop-filter: blur(0.25rem);
    background: var(--gi-white-alpha-64);
    min-height: 15.5rem
  }
}

@media(min-width: 992px) {
  .location-teaser-content {
    min-height: 20.25rem
  }
}

@media(min-width: 1200px) {
  .location-teaser-content {
    min-height: 27.625rem
  }
}

@media(min-width: 1366px) {
  .location-teaser-content {
    min-height: 29.875rem
  }
}

@media(min-width: 992px) {
  .location-name {
    font-family: var(--gi-font-bold);
    color: var(--gi-gray-900-alpha-72) !important;
    font-size: 1rem;
    line-height: 1.25
  }

  html[lang=my] .location-name {
    font-weight: bold
  }
}

@media(min-width: 1200px) {
  .location-name {
    font-size: 1.125rem;
    line-height: 1.3333333333
  }
}

.banner-container {
  border-inline-start-width: .25rem;
  border-inline-start-style: solid
}

@media(min-width: 1200px) {
  .banner-container {
    border-inline-start-width: .375rem
  }
}

.banner-container p:not([class]) {
  margin-bottom: 1.25rem
}

.pr-banner-c .stretched-link:after {
  z-index: 2
}

.pr-bubble-overlay-c {
  width: calc(50% - 1rem);
  height: 100%;
  z-index: 2
}

.pr-bubble-overlay-c .kicker,
.pr-banner-hero,
.pr-code-type-c .pr-code-type {
  user-select: none
}

.pr-code-c {
  background-color: rgba(255, 255, 255, .8);
  border-radius: .375rem;
  min-height: 1.125rem
}

.pr-code-type-c {
  padding-block: .25rem;
  padding-inline-start: .625rem;
  padding-inline-end: .375rem
}

.pr-code-type {
  font-size: .625rem;
  line-height: 1;
  white-space: nowrap
}

.pr-code-text-c {
  background-color: var(--gi-white);
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
  padding-block: .25rem;
  padding-inline-start: .375rem;
  padding-inline-end: .625rem
}

html[dir=rtl] .pr-code-text-c {
  border-top-left-radius: .375rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: 0
}

.pr-banner-c .image-wrapper {
  height: 9.75rem;
  width: 100%
}

.pr-bubble-text-c {
  height: 6.875rem
}

.pr-banner-c img {
  object-fit: cover;
  object-position: left center;
  height: 100%;
  width: 100%;
  max-width: inherit;
  max-height: inherit
}

.pr-banner-c .copyright {
  width: calc(50% - 2rem);
  text-align: left
}

html[dir=rtl] .pr-banner-c .copyright {
  text-align: right
}

@media(min-width: 768px) {
  .pr-bubble-overlay-c {
    height: 10.75rem;
    width: 10.75rem;
    border-radius: 50%
  }

  .pr-banner-c .copyright {
    width: 38%
  }
}

@media(min-width: 1200px) {
  .pr-bubble-overlay-c {
    height: 15rem;
    width: 15rem
  }

  .pr-banner-c .image-wrapper {
    height: 11.25rem
  }

  .pr-bubble-text-c {
    height: 9rem
  }
}

.img-app-teaser {
  width: 9.375rem;
  height: auto
}

.btn-android+.btn-ios,
.btn-ios+.btn-android {
  margin-top: 1.25rem
}

@media(min-width: 576px) {

  .btn-android+.btn-ios,
  .btn-ios+.btn-android {
    margin-top: 0;
    margin-inline-start: 2.5rem
  }
}

@media(min-width: 768px) {
  .img-app-teaser {
    width: 9rem;
    height: auto
  }
}

@media(min-width: 1200px) {
  .img-app-teaser {
    width: 10.75rem;
    height: auto
  }
}

ul.grid-3x3 {
  margin: -0.875rem
}

.grid-3x3-item {
  flex: 0 1 calc(33.3333333333% - 1.75rem);
  margin: .875rem
}

.grid-3x3-item img {
  aspect-ratio: 1;
  object-fit: cover
}

.video-teaser-container {
  position: relative
}

.video-teaser-container:hover:has(.stretched-link) .video-teaser-headline,
.video-teaser-container:focus:has(.stretched-link) .video-teaser-headline {
  text-decoration: underline
}

.accordion-panel[hidden] {
  display: none
}

.accordion-institute a[href*=tel],
.accordion-institute a[href*=mailto],
.accordion-institute a[href*=fax] {
  z-index: 2;
  position: relative
}

.accordion-button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  text-align: left;
  position: relative;
  z-index: 3
}

html[dir=rtl] .accordion-button {
  text-align: right
}

.accordion-button .icon {
  margin: 0
}

.accordion-button .accordion-icon-times {
  width: 2rem;
  height: 2rem
}

.accordion-button[aria-expanded=false] .accordion-icon-times-line {
  transform: rotate(0)
}

.accordion-button[aria-expanded=true] .accordion-icon-times-line {
  transform: rotate(90deg)
}

.accordion-button[aria-expanded=true] .accordion-icon-arrow {
  transform: rotate(180deg)
}

.accordion-default .accordion-title {
  position: relative;
  top: .0625rem
}

.accordion-default .accordion-button {
  margin-block: .125rem;
  border-radius: .25rem
}

.accordion-default .accordion-button:hover,
.accordion-default .accordion-button:focus-visible {
  background-color: var(--gi-gray-900-alpha-04)
}

.accordion-default .accordion-icon {
  position: absolute;
  right: 1rem;
  margin-inline-start: auto;
  display: inline-flex
}

html[dir=rtl] .accordion-default .accordion-icon {
  left: 1rem;
  right: auto
}

.accordion-default .accordion-icon:not(.accordion-icon-arrow) {
  height: 2rem;
  width: 2rem
}

.accordion-default .accordion-exam .accordion-icon {
  right: 0
}

.accordion-default .accordion-exam .accordion-button {
  text-decoration: none
}

.accordion-default .accordion-exam .accordion-button:hover,
.accordion-default .accordion-exam .accordion-button:focus-visible {
  text-decoration: none
}

.accordion-default .accordion-exam .accordion-button:hover .accordion-title,
.accordion-default .accordion-exam .accordion-button:focus-visible .accordion-title {
  text-decoration: underline
}

.accordion-institute .accordion-icon {
  display: inline-flex;
  position: absolute;
  right: 1rem;
  margin-inline-start: auto
}

html[dir=rtl] .accordion-institute .accordion-icon {
  left: 1rem;
  right: auto
}

.accordion-institute .accordion-button[aria-expanded=true] .accordion-icon {
  transform: rotate(180deg)
}

.footer-accordion .accordion-icon {
  display: flex;
  margin-inline-start: auto;
  right: .5rem;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute
}

html[dir=rtl] .footer-accordion .accordion-icon {
  right: auto;
  left: .5rem
}

.footer-accordion .accordion-icon .icon {
  margin: 0
}

.footer-accordion .accordion-button[aria-expanded=true] .accordion-icon {
  transform: rotate(180deg)
}

.accordion-icon-times-line {
  transition: transform .2s ease-in-out;
  transform-origin: center
}

@media(prefers-reduced-motion: reduce) {

  .accordion-icon,
  .accordion-icon-times-line {
    transition-duration: 0ms
  }
}

@media(min-width: 992px) {

  .accordion-institute .accordion-item:hover h4,
  .accordion-institute .accordion-item:hover .stretched-link {
    text-decoration: underline;
    text-decoration-thickness: .0625em;
    text-underline-offset: .125em
  }
}

@media(min-width: 1200px) {
  .accordion-default .accordion-button {
    margin-block: .25rem;
    border-radius: .375rem
  }
}

.bullet-list {
  font-family: var(--gi-font-news)
}

.bullet-list.has-border {
  border-bottom: 1px solid #e4e6e7
}

.bullet-list-item:not(:last-child) {
  margin-bottom: 2rem
}

@media(min-width: 768px) {
  .bullet-list-item:not(:last-child) {
    margin-bottom: 1.25rem
  }
}

.bullet-list-item svg.link-icon.icon {
  display: block
}

.bullet-list-item .link {
  color: var(--gi-gray-900)
}

.bullet-list-item .link:before {
  display: none
}

.bullet-list-item:hover .link,
.bullet-list-item:focus .link {
  color: var(--gi-gray-900)
}

.bullet-list-item-subhome:not(:last-child) {
  margin-bottom: .75rem
}

@media(min-width: 768px) {
  .bullet-list-item-subhome:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media(max-width: 767px) {
  .bullet-list-item-exam:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media(max-width: 767px) {
  .bullet-list-item-certificate:not(:last-child) {
    margin-bottom: 1.25rem
  }
}

@media(min-width: 992px) {
  .bullet-list-item-certificate:not(:last-child) {
    margin-bottom: 1.25rem
  }
}

@media(min-width: 992px) {
  .bullet-list-item-certificate {
    font-family: var(--gi-font-bold)
  }
}

.has-icon .bullet-list-item {
  display: flex;
  align-items: center
}

.icon-color-orange .icon {
  fill: var(--gi-orange-400)
}

.icon-color-gruen .icon {
  fill: var(--gi-green-400)
}

.icon-color-grau .icon,
.icon-color-dunkelGrau .icon,
.icon-color-weiss .icon {
  fill: var(--gi-gray-900)
}

@media(min-width: 768px) {
  .teaser-link-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto 1fr;
    grid-template-areas: "linkHeadlineArea linkListArea" "linkTextArea linkListArea"
  }

  .teaser-link-grid .teaser-link-headline-area {
    grid-area: linkHeadlineArea
  }

  .teaser-link-grid .teaser-link-text-area {
    grid-area: linkTextArea
  }

  .teaser-link-grid .teaser-link-list-area {
    grid-area: linkListArea
  }
}

@media(min-width: 1200px) {
  .teaser-link-grid .h3 {
    font-size: 2.25rem !important;
    line-height: 1.2222222222 !important
  }
}

.teaser-link-list li {
  border-top: 1px solid var(--gi-gray-900-alpha-16)
}

@media(min-width: 992px) {

  .teaser-link-list li:hover .teaser-link-wrapper,
  .teaser-link-list li:focus .teaser-link-wrapper {
    background-color: var(--gi-gray-900-alpha-04);
    border-radius: .75rem
  }

  .teaser-link-list li:hover .link,
  .teaser-link-list li:focus .link {
    color: var(--gi-gray-900)
  }
}

@media(min-width: 1200px) {
  .teaser-link-list li:first-child {
    border-top: none
  }
}

.teaser-link-list .link:before {
  display: none
}

.teaser-link-list .teaser-link-list-icon {
  display: block !important;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%)
}

.teaser-link-list.link-list-single-item-wrapper .link-list-single-item-outer {
  border-top: 1px solid var(--gi-gray-900-alpha-16)
}

@media(min-width: 768px) {
  .teaser-link-list.link-list-single-item-wrapper .link-list-single-item-outer {
    border-top: none
  }
}

@media(min-width: 992px) {

  .teaser-link-list.link-list-single-item-wrapper .link-list-single-item-inner:hover,
  .teaser-link-list.link-list-single-item-wrapper .link-list-single-item-inner:focus {
    background-color: var(--gi-gray-900-alpha-04);
    border-radius: .75rem
  }

  .teaser-link-list.link-list-single-item-wrapper .link-list-single-item-inner:hover .link,
  .teaser-link-list.link-list-single-item-wrapper .link-list-single-item-inner:focus .link {
    color: var(--gi-gray-900)
  }
}

.link-list-link .icon-24 {
  margin-top: -0.125rem;
  margin-inline-start: 0
}

.teaser-further-link-list {
  position: relative;
  z-index: 2
}

.callout {
  border: .0625rem solid rgba(0, 0, 0, 0);
  border-left-width: .25rem;
  padding: .75rem;
  background-color: var(--gi-gray-900-alpha-06)
}

html[dir=rtl] .callout {
  border-left-width: .0625rem;
  border-right-width: .25rem
}

.callout-info {
  border-left-color: var(--gi-functional-orange-400)
}

html[dir=rtl] .callout-info {
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: var(--gi-functional-orange-400)
}

.link-list-combobox-select-container,
.link-list-combobox-list-container {
  max-width: 30.625rem
}

.course-widget-dark .link-list-combobox-select-container,
.course-widget-dark .link-list-combobox-list-container {
  max-width: none
}

.link-list-combobox-input,
.link-list-combobox-select {
  display: block;
  width: 100%;
  height: 4rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gi-gray-900);
  background-color: var(--gi-white);
  background-clip: padding-box;
  border: .0625rem solid var(--gi-gray-900);
  border-radius: .375rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.course-widget .link-list-combobox-input,
.course-widget .link-list-combobox-select {
  height: 3rem
}

.course-widget-lp .link-list-combobox-input,
.course-widget-lp .link-list-combobox-select {
  height: 2.5rem
}

.location-teaser-container .link-list-combobox-input,
.location-teaser-container .link-list-combobox-select {
  height: 3rem
}

.link-list-combobox-input::placeholder {
  color: var(--gi-gray-900-alpha-56)
}

.course-widget .link-list-combobox-input::placeholder {
  color: var(--gi-gray-900-alpha-72)
}

.link-list-combobox-input[aria-expanded=true]+.icon {
  transform: scale(-1)
}

.link-list-combobox-input[aria-expanded=true]:focus-visible {
  outline: none
}

.link-list-combobox-list-below .link-list-combobox-input[aria-expanded=true] {
  border-bottom-color: var(--gi-white);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.link-list-combobox-list-below.link-list-combobox-list-no-hits .link-list-combobox-input[aria-expanded=true] {
  border-bottom-left-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important;
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-72) !important
}

.link-list-combobox-list-above .link-list-combobox-input[aria-expanded=true] {
  border-top: var(--gi-white);
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.link-list-combobox-list-above.link-list-combobox-list-no-hits .link-list-combobox-input[aria-expanded=true] {
  border-top-left-radius: .375rem !important;
  border-top-right-radius: .375rem !important;
  border-top: .0625rem solid var(--gi-gray-900-alpha-72) !important
}

.link-list-combobox-select {
  padding-block: .5rem;
  padding-inline-start: .75rem;
  padding-inline-end: 2.5rem
}

.link-list-combobox-select:focus-visible {
  outline: .125rem solid var(--gi-functional-blue-400);
  outline-offset: .125rem
}

.link-list-combobox-select-icon {
  position: absolute;
  inset-inline-end: .875rem;
  top: calc(50% - 12px);
  font-size: 1.5rem;
  pointer-events: none
}

.course-widget .link-list-combobox-select-icon {
  top: calc(50% - 8px);
  font-size: 1rem
}

.link-list-combobox-button {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  position: absolute;
  inset-inline-end: 3rem;
  top: calc(50% - 12px)
}

.link-list-combobox-button-icon {
  display: block;
  padding: .25rem;
  margin-inline-start: 0;
  box-sizing: content-box
}

.link-list-combobox-list {
  position: absolute;
  width: 100%;
  background: var(--gi-white);
  border: .0625rem solid var(--gi-gray-900);
  box-shadow: none;
  padding: .375rem 0;
  max-height: 15.5rem;
  overflow-y: auto;
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem;
  z-index: 10;
  display: none
}

.link-list-combobox-list:empty {
  display: none !important
}

.link-list-combobox-list-below .link-list-combobox-list {
  border-top: none
}

.link-list-combobox-list-above .link-list-combobox-list {
  bottom: 3rem;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: .0625rem solid var(--gi-gray-900);
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.course-widget-lp .link-list-combobox-list-above .link-list-combobox-list {
  bottom: 2.5rem
}

.link-list-combobox-list-container:hover {
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, .03), 0px 8px 10px 1px rgba(0, 0, 0, .04), 0px 5px 5px -3px rgba(0, 0, 0, .05), 0px 0px 3px 0px rgba(0, 0, 0, .06)
}

.link-list-combobox-list-icon {
  position: absolute;
  pointer-events: none;
  inset-inline-end: 1rem;
  top: calc(50% - 12px);
  font-size: 1.5rem
}

.course-widget .link-list-combobox-list-icon {
  top: calc(50% - 10px);
  font-size: 1.25rem
}

.link-list-combobox-input[aria-expanded=true]+button+.link-list-combobox-list-icon {
  transform: scale(-1)
}

.link-list-combobox-list .list-item {
  display: flex;
  align-items: center;
  justify-content: start
}

.link-list-combobox-list .list-item a {
  position: relative;
  padding-block: .625rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1.5rem;
  margin: auto 0;
  width: 100%;
  color: var(--gi-gray-900)
}

.link-list-combobox-list .list-item a:hover {
  background-color: var(--gi-gray-900-alpha-06)
}

.link-list-combobox-list .list-item[aria-selected=true] a {
  background-color: var(--gi-gray-900-alpha-06);
  text-decoration-color: inherit
}

.link-list-combobox-list .list-item[aria-selected=true] a:after,
.link-list-combobox-list .list-item a:hover:after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7441 6.70965L11.6587 6.71676L11.6574 7.6721L15.1553 7.66694L7.00092 15.8227L7.67611 16.4979L15.7854 8.38763L15.7817 11.7963L16.7369 11.795L16.7441 6.70965Z' fill='%230E2029'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(0.25rem) translateY(0.1875rem);
  position: absolute
}

html[dir=rtl] .link-list-combobox-list .list-item[aria-selected=true] a:after,
html[dir=rtl] .link-list-combobox-list .list-item a:hover:after {
  transform: scaleX(-1)
}

.kommentar img.komUserBild {
  width: 81px;
  width: 5.0625rem;
  height: 81px;
  height: 5.0625rem;
  object-fit: cover
}

.kommentar p.komUser {
  position: relative;
  top: -0.125rem
}

.kommentar span.komUserName,
.kommentar a.komUserName,
blockquote.komZitat a.komUserName,
blockquote.komZitat span.komUserName {
  font-weight: bold;
  color: #474d50
}

.nichtAngemeldet .komUserName {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1.875rem;
  margin-right: .25rem
}

.kommentar p {
  margin: 1rem 0
}

.kommentar p.hint {
  background-color: rgba(235, 100, 0, .25);
  border-left: .3125rem solid #eb6400;
  color: #eb6400;
  padding: .625rem;
  clear: left
}

.event-container .col-12:not(:last-child) .teaser-event {
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-32)
}

.event-featured-content {
  background-color: var(--gi-gray-900-alpha-04)
}

.event-item .teaser {
  background-color: var(--gi-gray-900-alpha-06)
}

.event-item .teaser:hover,
.event-item .teaser:focus-within {
  background-color: var(--gi-white);
  box-shadow: 0 .25rem 1.875rem rgba(0, 0, 0, .28)
}

.icon-location-event {
  margin-top: .125rem
}

.event-calendar-new .event-container [class*=col-] .teaser-event {
  border-bottom: none
}

.event-calendar-new .event-container [class*=col-]:first-child .teaser-event {
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-32) !important
}

@media(min-width: 768px) {
  .event-featured-content {
    background-color: var(--gi-white)
  }
}

@media(min-width: 992px) {
  .event-container [class*=col-] {
    position: relative
  }

  .event-container [class*=col-]:before {
    content: "";
    border-left: .0625rem solid var(--gi-gray-900-alpha-32);
    position: absolute;
    width: .0625rem;
    top: 0;
    inset-inline-start: 0;
    bottom: 0
  }

  .event-container [class*=col-]:first-child:before {
    content: none
  }

  .event-container .teaser-event {
    border-bottom: none !important
  }

  .opening-hours th,
  .opening-hours td {
    display: block
  }

  .opening-hours tr:not(:last-child) th,
  .opening-hours tr:not(:last-child) td {
    padding-bottom: 0
  }

  .has-link-box .event-container [class*=col-]:before {
    display: none
  }

  .has-link-box .event-container [class*=col-]:first-child {
    border-right: .0625rem solid var(--gi-gray-900-alpha-32)
  }

  html[dir=rtl] .has-link-box .event-container [class*=col-]:first-child {
    border-right: none;
    border-left: .0625rem solid var(--gi-gray-900-alpha-32)
  }

  .has-link-box .event-container [class*=col-]:first-child .teaser-event {
    border-bottom: none !important
  }
}

@media(min-width: 1200px) {
  .icon-location-event {
    margin-top: .25rem
  }
}

.footer-accordion .accordion-title {
  position: relative;
  top: -0.0625rem
}

html[lang=my] .footer-accordion .accordion-title {
  font-weight: bold
}

.footer-link-list-item a {
  color: var(--gi-gray-900-alpha-64);
  font-family: var(--gi-font-news);
  display: flex;
  align-items: center;
  padding-block: .5rem
}

.footer-link-list-item:first-child a {
  padding-top: 0
}

.footer-link-list-item:last-child a {
  padding-bottom: 0
}

.footer-service-nav-list {
  font-size: .875rem;
  line-height: 1.4285714286
}

.footer-service-nav-list-item {
  flex: 1 0 50%
}

.footer-service-nav-list-item a {
  color: var(--gi-gray-900-alpha-64)
}

.copyright-text {
  color: var(--gi-gray-900);
  font-family: var(--gi-font-medium);
  font-size: 1rem;
  line-height: 1.25
}

@media(min-width: 768px) {
  .footer-service-nav-list-item {
    flex-basis: auto
  }
}

@media(min-width: 992px) {
  .footer-section:before {
    content: "";
    border-top: .0625rem solid var(--gi-gray-900-alpha-16);
    width: 100%;
    display: block;
    margin-bottom: 4rem
  }

  .footer-accordion .accordion-button {
    color: var(--gi-gray-900-alpha-72) !important
  }

  .footer-accordion .accordion-button:hover {
    cursor: text
  }

  .footer-accordion .accordion-header,
  .accordion-lg-visible .accordion-header {
    border-top: none !important
  }

  .footer-accordion .accordion-icon,
  .accordion-lg-visible .accordion-icon {
    display: none
  }

  .footer-accordion .accordion-panel[hidden],
  .accordion-lg-visible .accordion-panel[hidden] {
    display: block !important
  }

  .footer-link-list-item:not(:last-child) {
    margin-bottom: .25rem
  }

  .footer-service-navigation {
    border: none !important
  }

  .footer-link-list-item a {
    padding-top: 0;
    padding-bottom: 0
  }

  .footer-service-nav-list,
  .copyright-text {
    font-size: 1rem;
    line-height: 1.5
  }

  .copyright-text {
    font-family: var(--gi-font-news);
    color: var(--gi-gray-900-alpha-64)
  }

  .footer-service-nav-list-item {
    flex-basis: auto
  }

  .copyright-text {
    margin-inline-end: 2.5rem
  }

  .footer-service-nav-list-item:not(last-child) {
    margin-inline-end: 2.5rem
  }

  .footer-accordion .accordion-title,
  .footer-accordion .accordion-icon {
    top: 0
  }
}

/*! Toggle Credit: https://kittygiraudel.com/ */
.filter-toggle-container {
  flex-basis: 100%
}

.filter-toggle {
  gap: 1ch
}

.toggle-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%
}

.toggle-icon-container {
  display: inline-flex !important;
  align-items: center;
  justify-content: space-around;
  width: 2.625rem;
  height: 1.5rem;
  box-sizing: content-box;
  border: .0625rem solid rgba(0, 0, 0, 0);
  position: relative;
  border-radius: 50rem;
  background-color: var(--gi-gray-900-alpha-32);
  transition: transform .2s ease-in-out;
  cursor: pointer
}

.toggle-icon-container::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-start: .0625rem;
  transform: translate(0, -50%);
  background-color: var(--gi-white);
  transition: inherit;
  box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .1)
}

.toggle-input:focus+.toggle-icon-container {
  outline: 1px dotted var(--gi-purple-400);
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: calc(var(--toggle-offset)*4)
}

.toggle-input:focus:not(:focus-visible)+.toggle-icon-container {
  outline: 0
}

.toggle-input:checked+.toggle-icon-container {
  box-shadow: inset 0rem .0625rem .25rem rgba(0, 0, 0, .1)
}

.toggle-input:checked+.toggle-icon-container.bg-green {
  background-color: var(--gi-green-400)
}

.toggle-input:checked+.toggle-icon-container.bg-blue {
  background-color: var(--gi-functional-blue-400)
}

.toggle-input:checked+.toggle-icon-container .toggle-icon-checkmark {
  opacity: 1
}

html[dir=rtl] .toggle-input:checked+.toggle-icon-container .toggle-icon-checkmark {
  right: -50%
}

.toggle-input:checked+.toggle-icon-container .toggle-icon-close {
  opacity: 0
}

.toggle-input:checked+.toggle-icon-container::before {
  transform: translate(100%, -50%)
}

html[dir=rtl] .toggle-input:checked+.toggle-icon-container::before {
  transform: translate(-100%, -50%)
}

.toggle-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: inherit;
  fill: currentcolor;
  vertical-align: middle;
  position: relative;
  z-index: 2
}

.toggle-icon-close {
  color: var(--gi-gray-900-alpha-72);
  font-size: .625rem
}

html[dir=rtl] .toggle-icon-close {
  right: 50%
}

.toggle-icon-checkmark {
  color: var(--gi-green-400);
  font-size: .8125rem;
  opacity: 0
}

@media(prefers-reduced-motion: reduce) {
  .toggle-icon-container {
    transition-duration: 0ms
  }
}

.filter-search-wrapper {
  width: 100%
}

.filter-search-input {
  padding: .625rem .625rem .4375rem .625rem;
  border: .0625rem solid var(--gi-gray-900-alpha-64);
  border-radius: .1875rem;
  height: 2.6875rem;
  width: 100%;
  -webkit-appearance: none
}

.filter-search-input:focus {
  outline: 0;
  border-color: var(--gi-functional-blue-400)
}

.filter-search-input::placeholder {
  color: var(--gi-gray-900-alpha-72);
  font-family: var(--gi-font-news)
}

.filter-search-button-container {
  position: absolute;
  right: .625rem
}

html[dir=rtl] .filter-search-button-container {
  left: .625rem;
  right: auto
}

.filter-search-button {
  background: none;
  border: none;
  padding: 0
}

.filter-cancel-button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: .1875rem;
  border-radius: 50%
}

@media(hover: hover)and (pointer: fine) {
  .filter-cancel-button:hover {
    background-color: var(--gi-gray-900-alpha-06)
  }
}

.filter-cancel-button:focus,
.filter-cancel-button:active {
  background-color: var(--gi-gray-900-alpha-06)
}

.filter-cancel-button .icon {
  margin-inline-start: 0;
  display: block
}

.listbox {
  position: relative
}

.listbox-button {
  background: none;
  border-width: .0625rem
}

.listbox-button-kf {
  border: .0625rem solid var(--gi-gray-900-alpha-32);
  border-radius: .1875rem;
  padding: .625rem 2rem .4375rem .625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5879 0.925243L10.5698 0.0483398L4.79932 5.01787L5.81739 5.89478H5.81835L11.5879 0.925243Z' fill='%235F676B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.01796 0.0480957L-0.00012207 0.924992L5.76952 5.8949H5.77048L6.78809 5.01759L1.01796 0.0480957Z' fill='%235F676B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  text-align: left;
  min-height: 2.5rem;
  min-width: 250px;
  width: 100%
}

html[dir=rtl] .listbox-button-kf {
  padding: .625rem .625rem .4375rem 2rem;
  background-position: calc(100% - (100% - 10px)) center;
  text-align: right
}

.listbox-list {
  position: absolute;
  z-index: 13;
  background-color: var(--gi-white);
  width: 100%;
  max-height: 12.5rem;
  min-width: 9.375rem;
  overflow: auto;
  padding: .5rem 0;
  border: .0625rem solid var(--gi-gray-900-alpha-16);
  text-align: left;
  border-radius: .25rem;
  font-size: 1rem;
  box-shadow: 0 .5rem .625rem 0 rgba(0, 0, 0, .1), 0 .1875rem .875rem 0 rgba(0, 0, 0, .12), 0 .25rem .3125rem 0 rgba(0, 0, 0, .14)
}

html[dir=rtl] .listbox-list {
  text-align: right
}

.listbox-list li {
  padding: .25rem .5rem;
  color: var(--gi-gray-900-alpha-72)
}

.listbox-list li:hover,
.listbox-list li:focus,
.listbox-list li[aria-selected=true] {
  background-color: var(--gi-gray-900-alpha-06);
  color: var(--gi-gray-900);
  cursor: pointer
}

.radio-toggle-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: calc(100% - .25rem);
  height: 2.5rem;
  padding: 0 .0625rem;
  box-sizing: content-box;
  border: .0625rem solid var(--gi-gray-900-alpha-16);
  border-radius: 1.875rem;
  transition: transform .2s ease-in-out;
  cursor: pointer;
  background-color: var(--gi-gray-900-alpha-04)
}

@media(min-width: 1200px) {
  .radio-toggle-container {
    width: auto;
    min-width: 20rem;
    height: 2.1875rem
  }
}

.radio-toggle-container .radio-input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0
}

.radio-toggle-container .radio-input+label svg {
  display: none
}

.radio-toggle-container .radio-input:checked+label {
  color: var(--gi-white);
  background-color: var(--gi-gray-900-alpha-64);
  cursor: default
}

.radio-toggle-container .radio-input:checked+label svg {
  display: block
}

.radio-toggle-container label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-width: 8.125rem;
  height: calc(100% - .125rem);
  padding: 0 .9375rem;
  border-radius: 1.4375rem;
  transition: all .2s ease-in-out;
  cursor: pointer
}

@media(min-width: 576px) {
  .filter-search-input {
    padding-block-start: .625rem;
    padding-block-end: .4375rem;
    padding-inline-end: 2rem;
    padding-inline-start: .625rem;
    min-width: 20.5rem
  }

  .position-sm-absolute {
    position: absolute !important
  }
}

@media(min-width: 992px) {
  .filter-toggle-container {
    flex-basis: auto
  }
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: var(--gi-white);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--gi-gray-900-alpha-72);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::placeholder {
  color: var(--gi-gray-900);
  opacity: 1
}

.form-control.form-control-combobox {
  border: .0625rem solid var(--gi-gray-900-alpha-32);
  border-radius: .1875rem;
  padding: .625rem 2rem .4375rem .625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5879 0.925243L10.5698 0.0483398L4.79932 5.01787L5.81739 5.89478H5.81835L11.5879 0.925243Z' fill='%235F676B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.01796 0.0480957L-0.00012207 0.924992L5.76952 5.8949H5.77048L6.78809 5.01759L1.01796 0.0480957Z' fill='%235F676B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  text-align: left;
  min-height: 2.5rem;
  color: inherit
}

.form-control.form-control-combobox::placeholder {
  color: var(--gi-gray-900-alpha-72)
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-inline-start: 1.5em;
  margin-bottom: .125rem
}

.form-check-label {
  display: inline-block
}

.form-check-label:hover {
  cursor: pointer
}

.form-check-inline {
  display: inline-block;
  margin-inline-end: 1rem
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: var(--gi-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: .0625rem solid rgba(0, 0, 0, .25);
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}

.form-check .form-check-input {
  float: left;
  margin-inline-start: -1.5em
}

html[dir=rtl] .form-check .form-check-input {
  float: right
}

.form-check-input[type=radio] {
  border-radius: 50%
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none
}

.form-control-search {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  padding: 0;
  height: 2rem;
  font-family: var(--gi-font-news);
  color: var(--gi-gray-900)
}

.form-control-search::placeholder {
  color: var(--gi-gray-900-alpha-64);
  font-family: var(--gi-font-news)
}

.icon {
  fill: currentColor;
  height: 1em;
  overflow: hidden;
  vertical-align: middle;
  width: 1em;
  margin-inline-start: -0.125rem
}

.icon-stroke {
  stroke: currentColor
}

.icon-stroke-only {
  stroke: currentColor;
  fill: none
}

.text-sm .icon-online {
  font-size: 1.5rem;
  vertical-align: -0.375rem
}

.text-xs .icon-location {
  font-size: 1.125rem;
  position: relative;
  top: 1px
}

.text-sm .icon-location {
  font-size: 1.25rem;
  vertical-align: -0.25rem
}

.info-icons {
  object-fit: contain;
  transform: scale(0.8);
  transform-origin: bottom;
  -o-object-postion: bottom;
  object-position: bottom
}

.info-icons-fixed-size {
  transform: scale(1)
}

.info-icons-text-fixed-size {
  transform: scale(1);
  width: 1.5rem;
  height: auto;
  max-height: 1.5rem
}

@media(min-width: 1200px) {
  .info-icons-text-fixed-size {
    width: 1.75rem;
    max-height: 1.75rem
  }
}

.video-icon-c {
  transition: background-color .3s ease
}

a:hover .video-icon-c {
  background-color: var(--gi-gray-900-alpha-64) !important
}

@media(min-width: 1200px) {
  .info-icons {
    transform: scale(1)
  }

  .info-icons-fixed-size {
    width: 2.625rem;
    height: auto
  }
}

.opening-hours th,
.opening-hours td {
  display: block;
  padding: 0
}

.opening-hours tr:not(:last-child) td {
  margin-bottom: .625rem
}

.opening-hours th {
  font-family: var(--gi-font-medium);
  font-weight: normal;
  vertical-align: top
}

.teaser-start-block .kicker {
  color: var(--gi-blue-700)
}

.teaser-start-block:hover .kicker {
  color: #144874
}

.tab-container-primary {
  overflow-x: auto
}

.tab-list-primary .tab-item {
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-32);
  flex: 1 0 auto
}

.tab-list-primary .tab-item button {
  font-family: var(--gi-font-news);
  background: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: .1875rem solid rgba(0, 0, 0, 0);
  font-size: 1.25rem;
  line-height: 1.6
}

.tab-list-primary .tab-item button[aria-selected=true] {
  color: var(--gi-gray-900);
  font-family: var(--gi-font-medium);
  border-bottom: .1875rem solid var(--gi-green-400);
  font-size: 1.5rem;
  line-height: 1.3333333333
}

.tab-list-primary .tab-item button:hover,
.tab-header:hover {
  text-decoration: underline;
  text-decoration-thickness: .0625em;
  text-underline-offset: .125em;
  text-decoration-skip-ink: auto
}

.tab-list-primary .tab-item button:focus:not(:focus-visible),
.tab-list-primary .tab-item button[aria-selected=true]:hover,
.tab-header[aria-selected=true]:hover,
.tab-header:focus:not(:focus-visible) {
  text-decoration: none
}

.library .tab-list-primary {
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-32)
}

.library .tab-list-primary button {
  height: 100%
}

.library .tab-list-primary button[aria-selected=true] {
  color: var(--gi-gray-900);
  font-family: var(--gi-font-bold);
  border-bottom: .125rem solid var(--gi-functional-blue-300);
  font-size: 1.25rem;
  line-height: 1.4
}

.library .tab-list-primary .tab-item {
  border-bottom: none;
  flex: none
}

.tab-list-secondary .tab-header {
  border-bottom: .1875rem solid rgba(0, 0, 0, 0) !important
}

.tab-list-secondary .tab-header[aria-selected=true] {
  border-bottom: .1875rem solid var(--gi-functional-blue-400) !important
}

.opening-hours {
  caption-side: top
}

.opening-hours-library .opening-hours-row:not(:last-child) {
  margin-bottom: .75rem
}

@media(min-width: 992px) {
  .opening-hours-library .opening-hours-row:not(:last-child) {
    margin-bottom: 0
  }
}

.container-lp-library .has-link:hover h3 {
  text-decoration: underline;
  text-decoration-thickness: .0625em;
  text-underline-offset: .125em
}

.tab-list-secondary {
  gap: 0 1.25rem
}

@media(min-width: 576px) {

  .opening-hours th,
  .opening-hours td {
    display: table-cell
  }

  .opening-hours th {
    padding-inline-end: 1rem
  }

  .opening-hours tr:not(:last-child) th,
  .opening-hours tr:not(:last-child) td {
    padding-bottom: .625rem
  }
}

@media(min-width: 768px) {

  .opening-hours tr:not(:last-child) th,
  .opening-hours tr:not(:last-child) td {
    padding-bottom: 0
  }
}

@media(min-width: 992px) {
  .tab-list-primary .tab-item {
    border: none
  }

  .tab-list-primary .tab-item button {
    color: var(--gi-gray-900);
    font-family: var(--gi-font-medium);
    border-bottom: none;
    font-size: 1.75rem;
    line-height: 1.2857142857;
    cursor: text
  }

  .tab-list-primary .tab-item-active button {
    border-bottom: none;
    font-size: 1.75rem;
    line-height: 1.2857142857
  }

  .quote-content:before {
    top: -2rem;
    inset-inline-start: -3.25rem
  }

  .institute-col:hover h4 {
    text-decoration: underline;
    text-decoration-thickness: .0625em;
    text-underline-offset: .125em
  }

  .quote-copyright {
    width: 11.75rem
  }

  .accordion-link {
    position: relative;
    z-index: 2
  }
}

@media(min-width: 1200px) {
  .tab-list-secondary {
    gap: 0 1.5rem
  }
}

@media(min-width: 1400px) {

  .opening-hours th,
  .opening-hours td {
    display: table-cell
  }
}

@media(min-width: 992px) {
  .has-topmaincontent-image {
    margin-top: -4rem;
    z-index: 1
  }

  .has-topmaincontent-image:after {
    content: "";
    background: var(--gi-white);
    position: absolute;
    inset-inline-start: -1rem;
    inset-inline-end: -1rem;
    top: 0;
    display: flex;
    height: 100%;
    z-index: -1
  }
}

@media(min-width: 1366px) {
  .has-topmaincontent-image {
    margin-top: -5rem
  }

  .has-topmaincontent-image:after {
    inset-inline-start: -1.5rem;
    inset-inline-end: -1.5rem
  }
}

.quote-image {
  width: 11.75rem;
  height: 11.75rem;
  aspect-ratio: 1/1;
  object-fit: cover
}

.quote-container-wrapper .quote-image-wrapper .image-copyright {
  position: static;
  font-family: var(--gi-font-news);
  font-size: .875rem;
  line-height: 1.5;
  text-shadow: none
}

.quote-container-wrapper .quote-image-wrapper .image-copyright-link {
  color: var(--gi-functional-blue-400);
  text-decoration-color: rgba(0, 0, 0, 0)
}

.quote-content::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='41.015'%3E%3Cpath d='M39.914 2.465C38.514.819 36.367 0 33.454 0s-5 .788-6.267 2.372a9.571 9.571 0 0 0-1.9 6.167 8.044 8.044 0 0 0 1.813 5.132 7.612 7.612 0 0 0 4.458 2.851l-4.942 23.543 3.987.95a83.317 83.317 0 0 0 3.897-8.167q1.993-4.742 3.609-9.3t2.75-8.546A24.017 24.017 0 0 0 42 8.925a9.673 9.673 0 0 0-2.086-6.46ZM8.167 0Q3.8 0 1.9 2.371A9.572 9.572 0 0 0 0 8.539a8.05 8.05 0 0 0 1.808 5.132 7.615 7.615 0 0 0 4.459 2.851L1.329 40.065l4 .95a85.537 85.537 0 0 0 3.887-8.167q1.993-4.742 3.608-9.3t2.759-8.546a24.28 24.28 0 0 0 1.135-6.073 9.673 9.673 0 0 0-2.086-6.46Q12.53-.004 8.167 0Z' fill='%23a0c814'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -4rem;
  inset-inline-start: -0.5rem;
  width: 2.625rem;
  height: 2.5625rem
}

.quote-library {
  max-width: 18.75rem
}

.quote-library-container:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='29' viewBox='0 0 31 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.176.289C1.734.289 0 3.26 0 7.146c0 2.971 1.95 5.486 4.226 6.286l-2.71 13.942 3.468.915c3.359-5.829 7.476-16.572 7.476-20.8 0-4.343-1.95-7.2-6.284-7.2Zm18.202 0c-4.442 0-6.176 2.971-6.176 6.857 0 2.971 1.95 5.486 4.226 6.286l-2.709 13.942 3.467.915c3.359-5.829 7.476-16.572 7.476-20.8 0-4.343-1.95-7.2-6.284-7.2Z' fill='%23A0C814'/%3E%3C/svg%3E");
  display: block;
  width: 1.9375rem;
  height: 1.8125rem;
  background-size: contain
}

@media(min-width: 768px) {
  .quote-library-container:before {
    position: absolute;
    top: -1.75rem
  }

  .image-quote img {
    max-width: 15.8125rem
  }
}

@media(min-width: 992px) {
  .quote-content::before {
    top: -2rem;
    inset-inline-start: -3.25rem
  }

  .quote-copyright {
    width: 11.75rem
  }
}

@media(min-width: 1200px) {
  .image-quote {
    inset-inline-end: -0.9375rem
  }

  .image-quote img {
    max-width: 17.4375rem
  }

  .quote-library-container:before {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='34' viewBox='0 0 31 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.176.289C1.734.289 0 3.26 0 7.146c0 2.971 1.95 5.486 4.226 6.286l-2.71 13.942 3.468.915c3.359-5.829 7.476-16.572 7.476-20.8 0-4.343-1.95-7.2-6.284-7.2Zm18.202 0c-4.442 0-6.176 2.971-6.176 6.857 0 2.971 1.95 5.486 4.226 6.286l-2.709 13.942 3.467.915c3.359-5.829 7.476-16.572 7.476-20.8 0-4.343-1.95-7.2-6.284-7.2Z' fill='%23A0C814'/%3E%3C/svg%3E");
    width: 2.375rem;
    height: 2.125rem;
    top: -2rem;
    inset-inline-start: -1.875rem
  }

  .quote-library {
    max-width: 28.75rem
  }
}

.search-input-c {
  background-color: var(--gi-white);
  border-radius: 1.5rem;
  height: 3rem;
  border: 1px solid var(--gi-gray-900-alpha-12);
  box-shadow: 0px 0px 0px 0 var(--gi-functional-blue-400);
  position: relative;
  transition: border-color .2s ease
}

.search-input-c .form-control-search::placeholder {
  font-family: var(--gi-font-medium);
  color: var(--gi-gray-900-alpha-72);
  opacity: 1;
  font-size: .875rem;
  line-height: 1.1428571429
}

.search-input-c .form-control-search:placeholder-shown {
  text-overflow: ellipsis
}

.search-reset-c {
  display: none;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background-color: var(--gi-white)
}

.search-reset-c:hover {
  background-color: var(--gi-gray-900-alpha-08)
}

.search-reset-c.search-reset {
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0)
}

.btn-chip-checkbox {
  min-height: 2rem;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  white-space: nowrap
}

.btn-chip-checkbox:hover,
.btn-chip-checkbox:focus,
.btn-chip-checkbox:not(:disabled):not(.disabled):active {
  box-shadow: none;
  background-color: rgba(255, 255, 255, .32);
  cursor: default
}

.btn-chip-checkbox:focus-within {
  outline: 1px solid var(--gi-functional-blue-400)
}

.btn-chip-checkbox.btn-chip-checkbox-disabled,
.btn-chip-checkbox.btn-chip-checkbox-disabled:hover,
.btn-chip-checkbox.btn-chip-checkbox-disabled:focus {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0)
}

.chip-check-input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: top;
  background-color: var(--gi-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--gi-functional-blue-400);
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0
}

.chip-check-input:checked[type=checkbox] {
  background-color: var(--gi-functional-blue-400);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.80398 0.5L10 1.42284L3.94451 9.5L0 6.01418L0.85677 4.93117L3.70885 6.88732L8.80398 0.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: .625rem
}

.chip-check-input[disabled] {
  background-color: rgba(0, 0, 0, 0);
  opacity: .4;
  pointer-events: none
}

.chip-check-input[disabled]+label {
  opacity: .4
}

.owl-carousel .owl-item .info-icons,
.owl-carousel .owl-item .event-teaser-icon {
  width: auto
}

.owl-carousel {
  background-color: var(--gi-gray-900-alpha-06)
}

.flexslider .owl-carousel,
.quickfact-content-row.owl-carousel {
  background-color: var(--gi-white)
}

.owl-nav {
  display: none;
  position: absolute;
  width: 100%;
  transition: opacity .2s ease-in-out, top .2s ease-in-out
}

.owl-carousel.owl-navigation {
  position: relative
}

.owl-navigation .owl-nav button.owl-prev,
.owl-navigation .owl-nav button.owl-next {
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  padding: .5rem !important;
  height: 3rem;
  width: 3rem;
  transition: background-color .2s ease-in-out, color .2s ease-in-out;
  color: var(--gi-gray-alpha-72);
  background-color: rgba(0, 0, 0, 0)
}

.owl-navigation .owl-nav button.owl-prev:hover,
.owl-navigation .owl-nav button.owl-prev:focus-visible,
.owl-navigation .owl-nav button.owl-next:hover,
.owl-navigation .owl-nav button.owl-next:focus-visible {
  color: var(--gi-white);
  background-color: var(--gi-gray-900);
  outline: none
}

.owl-navigation .owl-nav button.owl-prev {
  left: 1rem
}

.owl-navigation .owl-nav button.owl-next {
  right: 1rem
}

@media(prefers-reduced-motion: reduce) {

  .owl-navigation .owl-nav button.owl-prev,
  .owl-navigation .owl-nav button.owl-next {
    transition-duration: 0ms
  }
}

.owl-dots {
  text-align: center;
  margin-top: 1rem;
  position: relative;
  z-index: 2
}

button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  display: inline-block;
  zoom: 1
}

.owl-dot span {
  width: .6875rem;
  height: .6875rem;
  margin: .25rem .5rem;
  background: var(--gi-gray-900-alpha-32);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 1.875rem
}

.owl-dot.active span,
.owl-dot:hover span {
  background: var(--gi-gray-900)
}

.carousel-body,
.quick-fact-body {
  width: 80%
}

.owl-carousel-events .owl-stage {
  display: flex;
  align-items: stretch
}

.owl-carousel-events {
  background-color: rgba(0, 0, 0, 0)
}

.owl-carousel-events .owl-stage-outer {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin-top: -2.5rem;
  margin-bottom: -2.5rem
}

.owl-carousel-events .carousel-item {
  height: 100%;
  width: 80vw
}

.fancybox-slide {
  padding: 2rem !important
}

.fancybox-content.video-lightbox,
.fancybox-content.video-teaser {
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 359.98px) {

  .carousel-body,
  .quick-fact-body {
    width: 90%
  }
}

@media(min-width: 768px) {
  .owl-carousel-events .carousel-item {
    width: 40vw
  }

  .carousel-body,
  .quick-fact-body {
    max-width: 22rem
  }
}

@media(min-width: 992px) {
  .owl-navigation .owl-nav {
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out, top .2s ease-in-out;
    position: absolute;
    left: 0;
    right: 0
  }

  .owl-navigation:hover .owl-nav,
  .owl-navigation:focus-within .owl-nav {
    opacity: 1
  }
}

@media(min-width: 992px)and (prefers-reduced-motion: reduce) {
  .owl-navigation .owl-nav {
    transition-duration: 0ms
  }
}

@media(min-width: 992px) {
  .quick-fact-body {
    width: 100%;
    max-width: none
  }
}

@media(min-width: 1200px) {
  .fancybox-slide {
    padding: 3rem !important
  }
}

.som-list {
  gap: 1.5rem 1rem
}

.som-list img {
  transition: transform .2s ease
}

.som-list a:hover img,
.som-list a:focus img,
.som-list li:hover img,
.som-list li:focus img {
  transform: scale(1.25)
}

@media(min-width: 768px) {
  .som-list {
    gap: 1.5rem
  }
}

.subhome-gradient:after {
  content: "";
  width: 100%;
  height: 100%;
  max-height: 7.75rem;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  opacity: .75
}

.icon-has-transition .icon {
  transition: transform .2s ease
}

.icon-has-transition:hover .icon,
.icon-has-transition:focus-visible .icon {
  transform: translate3d(0.5rem, 0, 0)
}

.quickfact-no-icon:after {
  content: "";
  display: block;
  width: 33.3333333333%;
  height: .5rem;
  background-color: var(--gi-green-400);
  margin-block: .75rem
}

@media(min-width: 768px) {
  .teaser-overlay-subhome {
    position: relative;
    z-index: 1;
    margin-top: -2.5rem
  }

  .subhome-gradient .copyright {
    width: 16%;
    inset-inline-start: auto
  }
}

@media(min-width: 992px) {
  .teaser-overlay-subhome {
    margin-top: -4.75rem
  }

  .teaser-overlay-subhome-headline-container {
    margin-inline-start: -1.5rem
  }

  .subhome-gradient .copyright {
    width: 31%
  }
}

@media(min-width: 1200px) {
  .subhome-gradient:after {
    max-height: 18rem
  }

  .teaser-overlay-subhome {
    margin-top: -6.875rem
  }

  .teaser-overlay-subhome-headline {
    font-size: 2.25rem !important;
    line-height: 1.2222222222 !important
  }
}

@media(min-width: 1496px) {
  .subhome-gradient .copyright {
    width: 34%
  }
}

.course-widget-tab-c {
  z-index: 3
}

.course-widget-tab-item {
  display: flex;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--gi-gray-900-alpha-72);
  background: rgba(0, 0, 0, 0);
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%
}

.course-widget-dark .course-widget-tab-item {
  background: rgba(160, 200, 20, .64);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  color: var(--gi-gray-900);
  font-size: 1.125rem;
  line-height: 1.3888888889;
  padding: .5625rem 1rem .1875rem 1rem
}

.course-widget-dark .course-widget-tab-list-extended .course-widget-tab-item {
  font-size: .875rem;
  padding: .5625rem .875rem .1875rem .875rem
}

@media(min-width: 768px) {
  .course-widget-dark .course-widget-tab-list-extended .course-widget-tab-item {
    font-size: inherit;
    padding: inherit
  }
}

.course-widget-tab-item[aria-selected=true] {
  background: var(--gi-green-200-alpha-24);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  opacity: 1;
  position: relative;
  color: var(--gi-green-700)
}

.course-widget-body {
  background: var(--gi-green-200-alpha-24);
  border-top-right-radius: .375rem
}

html[dir=rtl] .course-widget-body {
  border-top-right-radius: 0;
  border-top-left-radius: .375rem
}

.course-widget-dark .course-widget-body {
  border-radius: 0;
  background: var(--gi-green-400)
}

.course-widget-body .btn.bg-ghost {
  border-color: #76920e
}

.course-widget-head {
  border-top-right-radius: .375rem;
  background: var(--gi-green-400)
}

html[dir=rtl] .course-widget-head {
  border-top-right-radius: 0;
  border-top-left-radius: .375rem
}

.course-widget-dark .course-widget-tab-item[aria-selected=true] {
  background: var(--gi-green-400)
}

.course-widget-dark .course-widget-tab-item[aria-selected=true] {
  color: var(--gi-gray-900)
}

.course-widget-dark .course-widget-body,
.course-widget-dark .course-widget-tab-item[aria-selected=true]:after {
  box-shadow: none
}

.course-widget-dark .course-widget-tab {
  flex: 0 1 auto
}

.course-widget-dark .btn-c {
  max-width: inherit
}

@media(min-width: 768px) {
  .course-widget-subhome.course-widget-dark .course-widget-tab-item {
    padding-inine: 1rem
  }
}

.course-widget-subhome.course-widget-dark .course-widget-tab:not(:first-child) {
  margin-left: .125rem
}

@media(min-width: 1200px) {
  .course-widget-subhome.course-widget-dark .course-widget-tab {
    flex: 0 1 auto;
    min-width: 12.8125rem
  }
}

@media(min-width: 768px) {
  .course-widget-dark .course-widget-tab-item {
    padding-block-start: .75rem !important;
    padding-block-end: .375rem !important;
    padding-inline: 1rem !important
  }

  .course-widget-head {
    border-top-right-radius: 0
  }

  html[dir=rtl] .course-widget-head {
    border-top-left-radius: 0
  }
}

@media(min-width: 992px) {
  .mobi-institut-widget-tab-content p:last-child {
    margin-bottom: 0 !important
  }

  .course-search-listbox {
    min-height: 10.875rem
  }

  .course-widget-head {
    border-top-right-radius: .375rem
  }

  html[dir=rtl] .course-widget-head {
    border-top-right-radius: 0;
    border-top-left-radius: .375rem
  }
}

@media(min-width: 1200px) {
  .course-widget-lp {
    max-width: 26.125rem
  }

  .course-widget-dark .course-widget-tab {
    flex: 0 1 40%
  }

  .course-widget-dark .course-widget-tab-item {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.course-widget-exam.course-widget-green {
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.15))
}

.course-widget-exam.course-widget-green .course-widget-tab-headline {
  font-size: 1.125rem;
  line-height: 1.3333333333
}

@media(min-width: 1200px) {
  .course-widget-exam.course-widget-green .course-widget-tab-headline {
    font-size: 1.75rem;
    line-height: 1.2857142857
  }
}

.course-widget-exam.course-widget-green .course-widget-tab-item {
  min-width: 9.25rem;
  padding: .5625rem 1.125rem .3125rem;
  background: var(--gi-white);
  font-size: 1.125rem;
  line-height: 1.3333333333;
  border: 1px solid var(--gi-gray-900-alpha-16);
  border-bottom: 0;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

@media(min-width: 1200px) {
  .course-widget-exam.course-widget-green .course-widget-tab-item {
    min-width: 12.5rem;
    padding: .5625rem 1.5rem;
    font-size: 1.75rem;
    line-height: 1.2857142857
  }
}

.course-widget-exam.course-widget-green .course-widget-tab-item[aria-selected=true] {
  background: var(--gi-green-200);
  border-color: var(--gi-green-200)
}

.course-widget-exam.course-widget-green .course-widget-tab-item[aria-selected=true]:before,
.course-widget-exam.course-widget-green .course-widget-tab-item[aria-selected=true]:after {
  display: none
}

.course-widget-exam.course-widget-green .course-widget-tab {
  flex: 0 1 auto
}

.course-widget-exam.course-widget-green .course-widget-tab:not(:first-child) {
  margin-inline-start: .1875rem
}

@media(min-width: 1200px) {
  .course-widget-exam.course-widget-green .course-widget-tab:not(:first-child) {
    margin-inline-start: 1.0625rem
  }
}

.course-widget-exam.course-widget-green .course-widget-tab-list {
  margin-inline-end: -0.1875rem
}

@media(min-width: 1200px) {
  .course-widget-exam.course-widget-green .course-widget-tab-list {
    margin-inline-end: -1.0625rem
  }
}

.course-widget-exam.course-widget-green .course-widget-body {
  background: var(--gi-green-200);
  box-shadow: none
}

.tag.course-tag {
  padding-top: .0625rem
}

@media(min-width: 768px) {
  .tag.course-tag.course-tag-title {
    line-height: 2.1875rem !important
  }
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  padding: .5rem;
  background-color: var(--gi-gray-900);
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3696 0L11.0822 1.269L18.003 8.1L0.5 8.1L0.5 9.9L18.003 9.9L11.0822 16.731L12.3696 18L21.5 9L12.3696 0Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem auto;
  border: none;
  border-radius: 50%;
  box-sizing: content-box;
  top: 10.5rem;
  transition: opacity .3s ease-in-out;
  opacity: 0
}

.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
  display: none !important
}

.swiper .swiper-button-prev.swiper-button-disabled,
.swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0 !important
}

.swiper .swiper-button-prev.swiper-button-disabled:focus,
.swiper .swiper-button-next.swiper-button-disabled:focus {
  opacity: 0 !important
}

.swiper .swiper-button-prev {
  left: 1rem;
  transform: rotate(180deg)
}

html[dir=rtl] .swiper .swiper-button-prev {
  right: 1rem;
  left: auto;
  transform: scale(-1) rotate(180deg)
}

.swiper .swiper-button-next {
  right: 1rem
}

html[dir=rtl] .swiper .swiper-button-next {
  left: 1rem;
  right: auto;
  transform: scale(-1)
}

.swiper .swiper-button-prev:focus,
.swiper .swiper-button-next:focus {
  opacity: 1 !important;
  background-color: var(--gi-functional-blue-400)
}

@media(min-width: 992px) {

  .swiper:hover .swiper-button-prev,
  .swiper:hover .swiper-button-next,
  .swiper:focus-within .swiper-button-prev,
  .swiper:focus-within .swiper-button-next {
    opacity: .64;
    transition: opacity .1s ease-in-out, background-color .1s ease-in-out
  }

  .swiper:hover .swiper-button-prev:hover,
  .swiper:hover .swiper-button-next:hover,
  .swiper:focus-within .swiper-button-prev:hover,
  .swiper:focus-within .swiper-button-next:hover {
    opacity: 1;
    background-color: var(--gi-functional-blue-400)
  }

  .swiper:hover .swiper-button-prev:focus-visible,
  .swiper:hover .swiper-button-next:focus-visible,
  .swiper:focus-within .swiper-button-prev:focus-visible,
  .swiper:focus-within .swiper-button-next:focus-visible {
    opacity: 1;
    background-color: var(--gi-functional-blue-400);
    outline: .125rem solid var(--gi-functional-blue-400);
    outline-offset: .125rem
  }
}

.swiper .swiper-pagination {
  line-height: 0;
  bottom: 0;
  min-height: 1rem;
  padding-block: .25rem
}

.swiper .swiper-pagination-bullet {
  width: .75rem;
  height: .75rem;
  background-color: var(--gi-gray-900-alpha-32);
  border: .0625rem solid rgba(0, 0, 0, 0);
  opacity: 1
}

.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gi-gray-900);
  border-color: var(--gi-gray-900)
}

.swiper .swiper-pagination-bullet:focus-visible {
  outline: .125rem solid var(--gi-functional-blue-400);
  outline-offset: .125rem
}

.card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--gi-white);
  border-radius: .75rem;
  word-wrap: break-word;
  white-space: normal;
  box-shadow: 0 0 2.19455px rgba(0, 0, 0, .06), 0 2.19455px 3.65758px -0.731515px rgba(0, 0, 0, .05), 0 4.38909px 7.31515px rgba(0, 0, 0, .035), 0 .731515px 13.1673px rgba(0, 0, 0, .03)
}

.card:hover {
  box-shadow: 0 12px 17px 2px rgba(0, 0, 0, .1), 0 5px 22px 4px rgba(0, 0, 0, .12), 0 7px 8px 0 rgba(0, 0, 0, .14)
}

.card-article:hover {
  box-shadow: 0 12px 17px 2px rgba(0, 0, 0, .1), 0 5px 22px 4px rgba(0, 0, 0, .12), 0 7px 8px 0 rgba(0, 0, 0, .14)
}

.card .hdl {
  font-family: var(--gi-font-bold)
}

.card .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.card .card-image img {
  background-color: var(--gi-gray-900-alpha-04);
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  object-fit: cover
}

@media(max-width: 768px) {
  .card-slider-section {
    overflow: hidden
  }
}

@media(max-width: 768px) {
  .card-slider.swiper {
    overflow: visible
  }
}

@media(min-width: 768px) {
  .card-slider.swiper {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
}

@media(min-width: 992px) {
  .card-slider.swiper {
    margin-top: -2rem
  }
}

.card-slider .swiper-slide {
  height: auto
}

@media(max-width: 768px) {
  .card-slider .swiper-slide {
    max-width: 11.5rem
  }
}

@media(min-width: 992px) {
  .card-slider .swiper-slide {
    padding-top: 2rem
  }
}

@media(max-width: 768px) {
  .card-slider.card-slider-bigger-mobile .swiper-slide {
    max-width: 14.5rem
  }
}

@media(min-width: 768px) {
  .card-highlight .swiper-wrapper {
    display: block
  }
}

@media(max-width: 767px) {
  .card-highlight .swiper-slide {
    max-width: 14.1875rem
  }
}

.card-highlight .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 0 !important
}

.card-highlight .swiper-pagination .swiper-pagination-bullet {
  width: 2rem;
  height: .1875rem;
  margin: 0 !important;
  background-color: var(--gi-gray-900-alpha-16);
  border-radius: 0;
  opacity: 1
}

.card-highlight .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gi-gray-900)
}

.modal-custom {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  position: fixed;
  inset-inline-start: 0;
  top: 0;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s cubic-bezier(0.75, 0.1, 0.175, 1), visibility .8s cubic-bezier(0.75, 0.1, 0.175, 1)
}

.modal-custom .modal-background {
  width: 100%;
  height: 100%;
  background-color: var(--gi-gray-900-alpha-56);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s cubic-bezier(0.75, 0.1, 0.175, 1), visibility .5s cubic-bezier(0.75, 0.1, 0.175, 1)
}

.modal-custom .modal-content {
  margin: 0 auto;
  width: 100%;
  max-width: 32rem;
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh)*100);
  overflow-y: auto;
  position: relative;
  z-index: 1;
  border-radius: .75rem .75rem 0 0
}

@media(min-width: 768px) {
  .modal-custom .modal-content {
    border-radius: .75rem
  }
}

@media(min-width: 1200px) {
  .modal-custom .modal-content {
    max-width: 41rem;
    transform: translateY(-5%)
  }
}

@media(min-width: 768px) {
  .modal-custom .modal-content.modal-calendar {
    max-width: 24.5rem
  }
}

.modal-custom .modal-content .close-btn {
  position: absolute;
  top: .8125rem;
  inset-inline-end: .3125rem
}

.modal-custom .modal-content .close-btn:hover .kicker,
.modal-custom .modal-content .close-btn:focus .kicker {
  text-decoration: underline
}

.modal-custom .modal-content .close-btn:hover .icon-wrapper,
.modal-custom .modal-content .close-btn:focus .icon-wrapper {
  background-color: var(--gi-blue-200-alpha-32);
  border-radius: 50%
}

.modal-custom .modal-content .close-btn .icon {
  margin-inline-start: 0
}

.modal-custom .modal-content .icon-wrapper {
  width: 2rem;
  height: 2rem
}

.modal-custom.modal-slide-in .modal-content {
  max-width: 23.4375rem !important;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  transform: translateX(-100%);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1.4375rem;
  border-bottom-right-radius: 1.4375rem;
  transition: transform .7225s cubic-bezier(0.2, 1, 0.25, 1)
}

.modal-custom.modal-slide-in.modal-open .modal-content {
  transform: translateX(0)
}

.modal-custom.modal-open {
  opacity: 1;
  visibility: visible
}

.modal-custom.modal-open .modal-background {
  opacity: 1;
  visibility: visible;
  transition: opacity .8s cubic-bezier(0.75, 0.1, 0.175, 1), visibility .8s cubic-bezier(0.75, 0.1, 0.175, 1)
}

.custom-tooltip {
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

html[dir=rtl] .custom-tooltip {
  transform: translate(50%, -50%)
}

.modal-filter {
  overflow: hidden
}

.modal-filter .filter-footer {
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  border-top: .0625rem solid var(--gi-gray-900-alpha-16)
}

.modal-filter .modal-content {
  height: calc(100vh - 7.5rem);
  overflow: hidden
}

.modal-filter .modal-content .close-btn {
  height: 2rem;
  background: linear-gradient(180deg, rgb(255, 255, 255) 34%, rgba(255, 255, 255, 0.66) 77%, rgba(255, 255, 255, 0) 100%);
  inset-inline-end: .625rem;
  top: .625rem
}

.modal-filter .modal-inner {
  overflow-y: auto;
  height: calc(100vh - 7.5rem)
}

.modal-filter .btn-apply-filter {
  width: calc(100% - 40px);
  position: absolute;
  inset-inline-start: 1.25rem;
  bottom: 1.25rem;
  z-index: 1
}

.modal-sub {
  width: 100%;
  height: 100%;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  z-index: 2;
  transition: transform .3s ease;
  transform: translateX(100%);
  visibility: hidden
}

.modal-sub.modal-sub-open {
  transform: translateX(0);
  visibility: visible
}

.modal-sub .modal-sub-content {
  height: calc(100% - 6.875rem);
  overflow-y: auto
}

.distributor .page-title {
  grid-area: pageTitle
}

.distributor .text-wrapper {
  grid-area: text
}

.distributor .infotext-teaser-image {
  grid-area: image
}

.grid-custom {
  display: flex;
  flex-direction: column
}

@media(min-width: 992px) {
  .grid-custom.mw-1228 {
    max-width: 832px !important
  }
}

.topmaincontent-image .grid-custom {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: 2rem;
  grid-template-areas: "pageTitle" "image"
}

@media(min-width: 768px) {
  .topmaincontent-image .grid-custom.mw-1228 {
    max-width: 720px !important
  }
}

@media(min-width: 992px) {
  .topmaincontent-image .grid-custom.mw-1228 {
    max-width: 944px !important
  }
}

@media(min-width: 1200px) {
  .topmaincontent-image .grid-custom.mw-1228 {
    max-width: 1152px !important
  }
}

@media(min-width: 1366px) {
  .topmaincontent-image .grid-custom.mw-1228 {
    max-width: 1248px !important
  }
}

@media(min-width: 768px) {
  .topmaincontent-image .grid-custom {
    grid-template-areas: "pageTitle image";
    grid-template-columns: 1fr 20.5rem
  }
}

@media(min-width: 991px) {
  .topmaincontent-image .grid-custom {
    grid-template-columns: 1fr 27.5rem
  }
}

@media(min-width: 1200px) {
  .topmaincontent-image .grid-custom {
    grid-column-gap: 4.5rem;
    grid-template-columns: 1fr 34rem
  }
}

@media(min-width: 1366px) {
  .topmaincontent-image .grid-custom {
    grid-template-columns: 1fr 37rem
  }
}

.topmaincontent-image.topmaincontent-text .grid-custom {
  grid-template-areas: "pageTitle" "image" "text"
}

@media(min-width: 768px) {
  .topmaincontent-image.topmaincontent-text .grid-custom {
    grid-template-areas: "pageTitle pageTitle" "text image"
  }
}

@media(min-width: 1200px) {
  .topmaincontent-image.topmaincontent-text .grid-custom {
    grid-template-areas: "pageTitle image" "text image";
    grid-template-rows: auto 1fr
  }
}

@media(min-width: 768px) {
  .topmaincontent-image:not(.topmaincontent-text) .page-title {
    padding-top: 3rem
  }
}

.offcanvas {
  position: fixed;
  bottom: 1rem;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  color: var(--gi-gray-900);
  padding: 1.25rem 1rem;
  border-radius: .75rem;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, .06), 0px 8px 10px -5px rgba(0, 0, 0, .05), 0px 16px 24px 2px rgba(0, 0, 0, .035), 0px 6px 30px 5px rgba(0, 0, 0, .03);
  visibility: hidden;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}

@media(min-width: 576px) {
  .offcanvas {
    width: 100%;
    max-width: 34rem
  }
}

@media(min-width: 768px) {
  .offcanvas {
    max-width: 45rem;
    padding: 1.5rem 2.75rem 1.5rem 2rem
  }
}

@media(min-width: 992px) {
  .offcanvas {
    max-width: 59rem;
    padding: 1.5rem 3rem 1.5rem 2.5rem
  }
}

@media(min-width: 1200px) {
  .offcanvas {
    max-width: 72rem
  }
}

@media(min-width: 1400px) {
  .offcanvas {
    max-width: 81rem
  }
}

.offcanvas.bg-green {
  background: linear-gradient(0deg, rgba(111, 200, 11, 0.16), rgba(111, 200, 11, 0.16)), var(--gi-white)
}

.offcanvas.bg-green .offcanvas-image {
  color: var(--gi-green-400)
}

.offcanvas.bg-green .btn-primary {
  background-color: var(--gi-green-400)
}

.offcanvas.bg-blue {
  background: linear-gradient(0deg, rgba(90, 200, 245, 0.16), rgba(90, 200, 245, 0.16)), var(--gi-white)
}

.offcanvas.bg-blue .offcanvas-image {
  color: var(--gi-functional-blue-400)
}

.offcanvas.bg-blue .btn-primary {
  background-color: var(--gi-functional-blue-400);
  color: var(--gi-white)
}

@media(min-width: 768px) {
  .offcanvas-wrapper {
    display: flex;
    align-items: center;
    gap: 2.5rem
  }
}

@media(min-width: 992px) {
  .offcanvas-wrapper {
    gap: 3rem
  }
}

.offcanvas-header {
  flex-grow: 1
}

@media(min-width: 992px) {
  .offcanvas-header {
    order: 2
  }
}

.offcanvas-body {
  flex-grow: 1;
  overflow-y: auto
}

.offcanvas-bottom {
  bottom: 1rem;
  left: 1.25rem;
  right: 1.25rem;
  transform: translateY(100%)
}

@media(min-width: 576px) {
  .offcanvas-bottom {
    bottom: 1.25rem;
    left: 50%;
    right: auto;
    transform: translate(-50%, 100%)
  }
}

@media(min-width: 1200px) {
  .offcanvas-bottom {
    bottom: 2rem
  }
}

.offcanvas-title {
  font-size: 1.5rem;
  line-height: 1.3333333333
}

@media(min-width: 1200px) {
  .offcanvas-title {
    font-size: 1.75rem;
    line-height: 1.2857142857
  }
}

.offcanvas-text {
  font-size: .875rem;
  line-height: 1.4285714286;
  margin-bottom: 1.5rem
}

@media(min-width: 768px) {
  .offcanvas-text {
    margin-bottom: 0
  }
}

@media(min-width: 1200px) {
  .offcanvas-text {
    font-size: 1rem;
    line-height: 1.5
  }
}

.offcanvas-image {
  display: none
}

@media(min-width: 992px) {
  .offcanvas-image {
    display: block;
    order: 1
  }
}

.offcanvas-image svg {
  width: 3.5rem;
  height: 3.5rem
}

@media(min-width: 1200px) {
  .offcanvas-image svg {
    width: 4.5rem;
    height: 4.5rem
  }
}

.offcanvas-cta {
  display: flex;
  justify-content: center;
  flex-shrink: 0
}

@media(min-width: 992px) {
  .offcanvas-cta {
    order: 3
  }
}

@media(min-width: 1200px) {
  .offcanvas-cta .btn-primary {
    min-width: 17.5rem
  }
}

.offcanvas .btn-close {
  position: absolute;
  top: .75rem;
  right: .75rem
}

.offcanvas .btn-close .icon {
  font-size: 1.5rem;
  color: var(--gi-gray-900)
}

.offcanvas.show {
  transform: none
}

@media(min-width: 576px) {
  .offcanvas.show {
    transform: translate(-50%, 0)
  }
}

.biography-item {
  border: none;
  border-bottom: .0625rem solid var(--gi-gray-900-alpha-16)
}

.biography-item:last-child {
  border-bottom: none
}

.biography-headline-wrapper {
  flex: 1
}

.biography-avatar {
  width: 3.5rem;
  height: 3.5rem
}

@media(min-width: 768px) {
  .biography-avatar {
    width: 6rem;
    height: 6rem
  }
}

.biography-avatar .image-wrapper {
  height: 100%
}

.biography-avatar img {
  object-fit: cover;
  height: 3.5rem;
  width: 3.5rem;
  max-width: none
}

@media(min-width: 768px) {
  .biography-avatar img {
    height: 6rem;
    width: 6rem
  }
}

.biography-socials svg.link-icon.icon {
  display: block
}

.biography-socials .link:before {
  display: none
}

.biography .ck-editor-content a {
  color: var(--gi-functional-blue-400)
}

.biography .accordion-button {
  border-radius: .75rem !important
}

.biography .accordion-button:hover {
  background-color: var(--gi-gray-900-alpha-04) !important
}

.biography .accordion-button:after {
  display: none
}

.biography .accordion-toggle-icon {
  position: absolute;
  inset-inline-end: 1rem;
  top: 50%;
  transform: translate(0, -50%)
}

.has-accordion .person-container-outer {
  padding-block: .5rem !important
}

a[href*="//"]:not([href*="goethe.de"]):not([class]),
a.image-copyright-link[href*="//"]:not([href*="goethe.de"]),
a[href*="//"][href*="recruiter.goethe.de"]:not([class]),
a[href*="//"][href*="gap-online.goethe.de"]:not([class]) {
  position: relative;
  padding-inline-end: calc(1.9475655431ex + .25ch)
}

.som-item a[href*="//"]:not([href*="goethe.de"]):not([class]),
[class*=partner-] a[href*="//"]:not([href*="goethe.de"]):not([class]),
[class*=social-media-] a[href*="//"]:not([href*="goethe.de"]):not([class]),
.som-item a.image-copyright-link[href*="//"]:not([href*="goethe.de"]),
[class*=partner-] a.image-copyright-link[href*="//"]:not([href*="goethe.de"]),
[class*=social-media-] a.image-copyright-link[href*="//"]:not([href*="goethe.de"]),
.som-item a[href*="//"][href*="recruiter.goethe.de"]:not([class]),
[class*=partner-] a[href*="//"][href*="recruiter.goethe.de"]:not([class]),
[class*=social-media-] a[href*="//"][href*="recruiter.goethe.de"]:not([class]),
.som-item a[href*="//"][href*="gap-online.goethe.de"]:not([class]),
[class*=partner-] a[href*="//"][href*="gap-online.goethe.de"]:not([class]),
[class*=social-media-] a[href*="//"][href*="gap-online.goethe.de"]:not([class]) {
  padding-inline-end: 0
}

a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1498 7.39694L12.1498 5.89955H6.18592C5.53122 5.89955 5.00049 6.43029 5.00049 7.08498L5.00049 18.1906C5.00049 18.8453 5.53122 19.376 6.18592 19.376H17.2915C17.9462 19.376 18.4769 18.8453 18.4769 18.1906V12.6378H16.9796V17.8786H6.49787L6.49787 7.39694L12.1498 7.39694Z' fill='%23006EC9'/%3E%3Cpath d='M19.9655 4.65898L20.0005 11.4858L17.2915 8.77679L10.7229 15.3454L9.27832 13.9008L15.8469 7.33221L13.1387 4.62402L19.9655 4.65898Z' fill='%23006EC9'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1498 7.39694L12.1498 5.89955H6.18592C5.53122 5.89955 5.00049 6.43029 5.00049 7.08498L5.00049 18.1906C5.00049 18.8453 5.53122 19.376 6.18592 19.376H17.2915C17.9462 19.376 18.4769 18.8453 18.4769 18.1906V12.6378H16.9796V17.8786H6.49787L6.49787 7.39694L12.1498 7.39694Z' fill='%23006EC9'/%3E%3Cpath d='M19.9655 4.65898L20.0005 11.4858L17.2915 8.77679L10.7229 15.3454L9.27832 13.9008L15.8469 7.33221L13.1387 4.62402L19.9655 4.65898Z' fill='%23006EC9'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  padding-inline-start: 1.9475655431ex;
  margin-inline-start: .25ch;
  display: inline-block;
  height: 1.9475655431ex;
  width: auto;
  position: absolute
}

html[dir=rtl] a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
html[dir=rtl] a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
html[dir=rtl] a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
html[dir=rtl] a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after {
  transform: scaleX(-1)
}

.som-item a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
[class*=partner-] a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
[class*=social-media-] a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
.som-item a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
[class*=partner-] a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
[class*=social-media-] a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
.som-item a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
[class*=partner-] a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
[class*=social-media-] a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
.som-item a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after,
[class*=partner-] a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after,
[class*=social-media-] a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after {
  content: none
}

.list-item a[href*="//"]:not([href*="goethe.de"]):not([class])::after,
.list-item a.image-copyright-link[href*="//"]:not([href*="goethe.de"])::after,
.list-item a[href*="//"][href*="recruiter.goethe.de"]:not([class])::after,
.list-item a[href*="//"][href*="gap-online.goethe.de"]:not([class])::after {
  transform: translate(0)
}

a[href*="//"]:not([href*="goethe.de"]) [class*=-text],
a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text],
a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
a[href*="//"][href*="recruiter.goethe.de"] [class*=-text],
a[href*="//"][href*="gap-online.goethe.de"] [class*=-text] {
  position: relative;
  padding-inline-end: calc(1.9475655431ex + .25ch)
}

.biography-socials a[href*="//"]:not([href*="goethe.de"]) [class*=-text],
[class*=social-media-] a[href*="//"]:not([href*="goethe.de"]) [class*=-text],
.biography-socials a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
[class*=social-media-] a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
.biography-socials a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
[class*=social-media-] a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
.biography-socials a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text],
[class*=social-media-] a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text],
.biography-socials a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
[class*=social-media-] a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text],
.biography-socials a[href*="//"][href*="recruiter.goethe.de"] [class*=-text],
[class*=social-media-] a[href*="//"][href*="recruiter.goethe.de"] [class*=-text],
.biography-socials a[href*="//"][href*="gap-online.goethe.de"] [class*=-text],
[class*=social-media-] a[href*="//"][href*="gap-online.goethe.de"] [class*=-text] {
  padding-inline-end: 0
}

a[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
a[href*="//"][href*="recruiter.goethe.de"] [class*=-text]::after,
a[href*="//"][href*="gap-online.goethe.de"] [class*=-text]::after {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1498 7.39694L12.1498 5.89955H6.18592C5.53122 5.89955 5.00049 6.43029 5.00049 7.08498L5.00049 18.1906C5.00049 18.8453 5.53122 19.376 6.18592 19.376H17.2915C17.9462 19.376 18.4769 18.8453 18.4769 18.1906V12.6378H16.9796V17.8786H6.49787L6.49787 7.39694L12.1498 7.39694Z' fill='%23006EC9'/%3E%3Cpath d='M19.9655 4.65898L20.0005 11.4858L17.2915 8.77679L10.7229 15.3454L9.27832 13.9008L15.8469 7.33221L13.1387 4.62402L19.9655 4.65898Z' fill='%23006EC9'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1498 7.39694L12.1498 5.89955H6.18592C5.53122 5.89955 5.00049 6.43029 5.00049 7.08498L5.00049 18.1906C5.00049 18.8453 5.53122 19.376 6.18592 19.376H17.2915C17.9462 19.376 18.4769 18.8453 18.4769 18.1906V12.6378H16.9796V17.8786H6.49787L6.49787 7.39694L12.1498 7.39694Z' fill='%23006EC9'/%3E%3Cpath d='M19.9655 4.65898L20.0005 11.4858L17.2915 8.77679L10.7229 15.3454L9.27832 13.9008L15.8469 7.33221L13.1387 4.62402L19.9655 4.65898Z' fill='%23006EC9'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  padding-inline-start: 1.9475655431ex;
  margin-inline-start: .25ch;
  display: inline-block;
  height: 1.9475655431ex;
  width: auto;
  position: absolute
}

html[dir=rtl] a[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
html[dir=rtl] a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
html[dir=rtl] a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
html[dir=rtl] a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
html[dir=rtl] a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
html[dir=rtl] a[href*="//"][href*="recruiter.goethe.de"] [class*=-text]::after,
html[dir=rtl] a[href*="//"][href*="gap-online.goethe.de"] [class*=-text]::after {
  transform: scaleX(-1)
}

.biography-socials a[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
[class*=social-media-] a[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
.biography-socials a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
[class*=social-media-] a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
.biography-socials a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
[class*=social-media-] a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
.biography-socials a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
[class*=social-media-] a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
.biography-socials a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
[class*=social-media-] a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]::after,
.biography-socials a[href*="//"][href*="recruiter.goethe.de"] [class*=-text]::after,
[class*=social-media-] a[href*="//"][href*="recruiter.goethe.de"] [class*=-text]::after,
.biography-socials a[href*="//"][href*="gap-online.goethe.de"] [class*=-text]::after,
[class*=social-media-] a[href*="//"][href*="gap-online.goethe.de"] [class*=-text]::after {
  content: none
}

a[href*="//"]:not([href*="goethe.de"]) [class*=-text]+.icon,
a.stretched-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]+.icon,
a.link[href*="//"]:not([href*="goethe.de"]) [class*=-text]+.icon,
a.btn[href*="//"]:not([href*="goethe.de"]) [class*=-text]+.icon,
a.accordion-link[href*="//"]:not([href*="goethe.de"]) [class*=-text]+.icon,
a[href*="//"][href*="recruiter.goethe.de"] [class*=-text]+.icon,
a[href*="//"][href*="gap-online.goethe.de"] [class*=-text]+.icon {
  display: none
}

a[href*="//"][href*="akamaized.net"] [class*=-text] {
  padding-inline-end: 0
}

a[href*="//"][href*="akamaized.net"] [class*=-text]::after {
  content: none
}

a[href*="//"][href*="akamaized.net"]::after {
  content: none
}

@media(min-width: 768px) {
  .partner-container {
    max-width: 75% !important
  }
}

@media(min-width: 1200px) {
  .partner-container {
    max-width: 64.875rem !important
  }
}

.partner-list img {
  display: inline-block;
  background: none
}

@media(max-width: 767px) {
  .partner-list .enlarge-item {
    width: 100%
  }
}

.partner-list .enlarge-item img {
  max-width: 11rem;
  max-height: 3.5rem
}

@media(min-width: 768px) {
  .partner-list .enlarge-item img {
    max-width: 14.25rem;
    max-height: 4rem
  }
}

@media(min-width: 1200px) {
  .partner-list .enlarge-item img {
    max-width: 20rem;
    max-height: 6rem
  }
}

.partner-list li:not(.enlarge-item) img {
  max-width: 6rem;
  max-height: 5rem
}

@media(min-width: 768px) {
  .partner-list li:not(.enlarge-item) img {
    max-width: 7.5rem;
    max-height: 4.5rem
  }
}

@media(min-width: 1200px) {
  .partner-list li:not(.enlarge-item) img {
    max-width: 10.5rem;
    max-height: 7rem
  }
}

.anchor-navigation-section {
  width: 100%;
  background-color: var(--gi-white);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 100;
  transition: all .25s cubic-bezier(0.22, 0.44, 0, 1)
}

@media(max-width: 991px) {
  .anchor-navigation-section {
    box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .1)
  }
}

.anchor-navigation-section.sticky-anchor-nav {
  position: fixed;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .1);
  will-change: transform
}

@media(max-width: 991px) {
  .anchor-navigation-section.sticky-anchor-nav {
    top: var(--gi-page-header-height, 0);
    transform: translate3d(0, calc(-1 * var(--gi-page-header-height, 0)), 0)
  }
}

.anchor-navigation-section.sticky-anchor-nav .anchor-navigation-wrapper {
  padding: 0 1.25rem;
  border-bottom: none
}

@media(max-width: 991px) {
  .sticky-header-min .anchor-navigation-section.sticky-anchor-nav {
    transform: translate3d(0, 0, 0)
  }
}

@media(min-width: 992px) {
  .anchor-navigation-wrapper {
    border-bottom: .0625rem solid var(--gi-gray-900-alpha-32)
  }
}

.anchor-navigation-list-sticky {
  display: flex;
  margin-bottom: 0
}

.anchor-navigation-list-sticky li {
  padding: 0 .5rem
}

@media(min-width: 992px) {
  .anchor-navigation-list-sticky li {
    padding: 0 .75rem
  }
}

.anchor-navigation-list-sticky li a {
  display: block;
  padding-bottom: .75rem;
  font-size: .875rem;
  line-height: 1.4285714286;
  white-space: nowrap;
  text-decoration: none;
  position: relative
}

@media(min-width: 1200px) {
  .anchor-navigation-list-sticky li a {
    font-size: 1.125rem;
    line-height: 1.5555555556
  }
}

.anchor-navigation-list-sticky li a:after {
  content: "";
  position: absolute;
  bottom: -0.125rem;
  inset-inline-start: 0;
  width: 100%;
  height: .125rem
}

@media(min-width: 992px) {
  .anchor-navigation-list-sticky li a:after {
    height: .25rem
  }
}

@media(min-width: 1200px) {
  .anchor-navigation-list-sticky li a:after {
    bottom: 0
  }
}

@media(hover: hover)and (min-width: 1024px) {
  .anchor-navigation-list-sticky li a:hover {
    color: var(--gi-gray-900)
  }

  .anchor-navigation-list-sticky li a:hover:after {
    background-color: var(--gi-functional-blue-400)
  }
}

.anchor-navigation-list-sticky li a.active {
  color: var(--gi-gray-900);
  z-index: 2
}

.anchor-navigation-list-sticky li a.active:after {
  background-color: var(--gi-functional-blue-400)
}

.anchor-navigation-container {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.anchor-navigation-container::-webkit-scrollbar {
  display: none
}

.anchor-navigation-container.dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing
}

.anchor-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-54%);
  cursor: pointer
}

@media(min-width: 768px) {
  .anchor-arrow {
    width: 2rem;
    height: 2rem
  }
}

.anchor-arrow:before {
  content: "";
  width: 1.25rem;
  height: 2.1875rem;
  background-color: var(--gi-white);
  position: absolute;
  top: -0.1875rem;
  z-index: 0
}

@media(min-width: 768px) {
  .anchor-arrow:before {
    width: 2rem
  }
}

.anchor-arrow:after {
  content: "";
  width: 3.25rem;
  height: 2.1875rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 25%, #FFF 90.19%);
  position: absolute;
  top: -0.1875rem;
  z-index: 0
}

.anchor-arrow.anchor-prev {
  inset-inline-start: .25rem
}

.anchor-arrow.anchor-prev:before {
  inset-inline-start: -0.25rem
}

@media(min-width: 768px) {
  .anchor-arrow.anchor-prev:before {
    inset-inline-start: 0
  }
}

.anchor-arrow.anchor-prev:after {
  inset-inline-start: .75rem;
  transform: rotate(180deg)
}

@media(min-width: 768px) {
  .anchor-arrow.anchor-prev:after {
    inset-inline-start: 1.8125rem
  }
}

[dir=rtl] .anchor-arrow.anchor-prev:after {
  transform: rotate(0deg)
}

.anchor-arrow.anchor-next {
  inset-inline-end: .25rem
}

.anchor-arrow.anchor-next:before {
  inset-inline-start: .25rem
}

@media(min-width: 768px) {
  .anchor-arrow.anchor-next:before {
    inset-inline-start: 0
  }
}

.anchor-arrow.anchor-next:after {
  inset-inline-end: .75rem
}

@media(min-width: 768px) {
  .anchor-arrow.anchor-next:after {
    inset-inline-end: 1.8125rem
  }
}

[dir=rtl] .anchor-arrow.anchor-next:after {
  transform: scale(-1)
}

.anchor-arrow svg {
  width: 1.5rem;
  height: 1.5rem;
  padding: .25rem;
  border-radius: .1875rem;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .anchor-arrow svg {
    width: 2rem;
    height: 2rem;
    padding: .375rem
  }
}

[dir=rtl] .anchor-arrow svg {
  transform: scale(-1)
}

@media(hover: hover)and (min-width: 1024px) {
  .anchor-arrow:hover svg {
    background: #f0f0f0
  }
}

.anchor-navigation-spacer+a+.anchor-section {
  padding-top: .25rem
}

.no-teaser-text-above>.item-has-teaser-text:first-child {
  padding-top: 1.25rem
}

@media(min-width: 768px) {
  .no-teaser-text-above>.item-has-teaser-text:first-child {
    padding-top: 1.75rem
  }
}

@media(min-width: 1200px) {
  .no-teaser-text-above>.item-has-teaser-text:first-child {
    padding-top: 2.5rem
  }
}

.social-media-teaser-item-wrapper:has(.item-no-teaser-text) {
  gap: 1rem 0
}

@media(min-width: 1200px) {
  .social-media-teaser-item-wrapper:has(.item-no-teaser-text) {
    gap: 2rem 0
  }
}

.uc-embedding-container {
  width: 100% !important
}

.embedded-main-content svg:not([class]) {
  width: 100%;
  height: auto
}

.audio-subobject {
  margin-block: 2.5rem
}

.audio-subobject .file-link-headline {
  margin-block-start: 1.5rem !important
}

.audio-subobject .audio {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 1.75rem;
  direction: ltr
}

.audio-control-button,
.audio-player-slider-button {
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, .03), 0px 8px 10px 1px rgba(0, 0, 0, .04), 0px 5px 5px -3px rgba(0, 0, 0, .05), 0px 0px 3px 0px rgba(0, 0, 0, .06);
  border-radius: 50%;
  background-color: var(--gi-purple-400);
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  display: block
}

.audio-control-button:hover,
.audio-player-slider-button:hover {
  background-color: #8c196c
}

.audio-control-button:active,
.audio-player-slider-button:active {
  background-color: #962d79
}

.audio-control-button:focus-visible,
.audio-player-slider-button:focus-visible {
  outline: .09375rem solid var(--gi-gray-900);
  outline-offset: .09375rem
}

.audio-control-button {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.audio-control-button-icon-container {
  width: 2rem;
  height: 2rem;
  display: inline-block
}

.audio-control-button-icon-container[data-state-playing=true] .audio-control-button-icon-play {
  display: none
}

.audio-control-button-icon-container[data-state-playing=false] .audio-control-button-icon-pause {
  display: none
}

.audio-control-button svg {
  width: 100%;
  height: 100%;
  fill: var(--gi-white)
}

.audio-player-slider-button {
  width: 1.0625rem;
  height: 1.0625rem
}

.audio-player-slider-state-default,
.audio-player-slider-state-load,
.audio-player-slider-state-play,
.audio-player-slider-state-hover {
  border-radius: 50rem;
  position: absolute;
  height: 100%
}

.audio-player-slider-state-default {
  background-color: var(--gi-gray-900-alpha-16);
  z-index: 1;
  width: 100%;
  height: .25rem;
  transition: height .2s ease-in-out
}

.audio-player-slider-state-default:hover {
  height: .5rem;
  transform-origin: center
}

.audio-player-slider-state-load {
  background-color: var(--gi-gray-900-alpha-16);
  z-index: 2
}

.audio-player-slider-state-play {
  background-color: #c55ba7;
  z-index: 3
}

.audio-player-slider-state-hover {
  background-color: var(--gi-gray-900-alpha-16);
  z-index: 4
}

.audio-player-container {
  width: 100%
}

.audio-player-inner {
  position: relative
}

.audio-player-time-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .75rem;
  color: var(--gi-gray-900-alpha-72);
  line-height: 1;
  position: absolute;
  width: 100%;
  top: -1.5625rem;
  left: 0
}

.audio-player-time-container p {
  margin: 0
}

.audio-player-slider-container {
  cursor: pointer
}

.audio-player-slider-inner {
  display: flex;
  align-items: center
}

.audio-player-slider-button-container {
  position: absolute;
  z-index: 10;
  left: -0.53125rem
}

.audio-credits-container {
  text-align: right;
  padding-left: 4.5rem;
  position: relative;
  top: -0.75rem
}

.audio-credits-text {
  font-size: .75rem;
  line-height: 1.5;
  color: var(--gi-gray-900-alpha-72)
}

.audio-copyright-spacer {
  margin-inline: .25ch
}

.ck-infotext .audio-subobject .file-list-headline {
  margin-block-start: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.3333333333
}

@media(min-width: 1200px) {
  .ck-infotext .audio-subobject .file-list-headline {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.ck-infotext .audio-subobject .file-list {
  margin-block-start: 1.25rem
}

@media(min-width: 1200px) {
  .ck-infotext .audio-subobject .file-list {
    margin-block-start: 1.5rem
  }
}

.btn-subobject .btn-wrapper {
  text-align: center;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem
}

a.btn-primary {
  background-color: var(--gi-green-400);
  color: var(--gi-gray-900) !important
}

a.btn-primary:hover {
  background-color: #a7cc26 !important
}

a.btn-primary:active {
  background-color: #afd13a !important
}

a.btn-tertiary {
  border: .0625rem solid var(--gi-gray-900);
  background-color: rgba(0, 0, 0, 0);
  color: var(--gi-gray-900) !important
}

a.btn-tertiary:hover {
  background-color: var(--gi-gray-900-alpha-06) !important
}

a.btn-tertiary:active {
  background-color: rgba(14, 32, 41, .12) !important
}

.file-link-wrapper {
  margin-block: 1.25rem
}

.file-link {
  display: flex;
  align-items: start;
  gap: 0 .5rem;
  font-family: var(--gi-font-medium);
  color: var(--gi-functional-blue-400)
}

.file-link:hover,
.file-link:focus {
  color: #0058a1
}

.career-infotext .file-link {
  color: var(--gi-blue-700)
}

.career-infotext .file-link:hover,
.career-infotext .file-link:focus {
  color: #002e54
}

.file-link[class*=-icon]:before {
  content: "";
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  position: relative;
  top: -0.0625rem
}

.file-link-headline {
  margin-block: 1.25rem;
  font-family: var(--gi-font-news)
}

.file-list .file-link-headline {
  margin-block-start: .5rem
}

.file-link-headline.h4 {
  color: var(--gi-gray-900);
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: var(--gi-font-bold)
}

.file-link-headline.h5 {
  color: var(--gi-gray-900);
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-family: var(--gi-font-bold)
}

.file-link-text {
  margin-inline-end: .5ch
}

.file-link-format {
  display: inline-block
}

.file-icon-type-pdf:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%23E10F05'/%3E%3Cpath opacity='0.54' d='M17.4232 7L19.9617 7L14.9617 2L14.9617 4.53846C14.9617 5.89793 16.0637 7 17.4232 7Z' fill='white'/%3E%3Cpath d='M9.96636 15.6918C9.96636 14.8068 9.57136 14.4268 8.61136 14.4268H7.39136V18.1768H8.17636V16.9168H8.61136C9.58636 16.9168 9.96636 16.4918 9.96636 15.6918ZM9.15636 15.6868C9.15636 16.1668 8.99136 16.2668 8.61136 16.2668H8.17636V15.1068H8.60636C9.01136 15.1068 9.15636 15.2318 9.15636 15.6868Z' fill='white'/%3E%3Cpath d='M13.6532 16.2818C13.6532 14.9468 13.1982 14.4268 12.0982 14.4268H10.8382V18.1768H12.1132C13.1432 18.1768 13.6532 17.6618 13.6532 16.2818ZM12.8282 16.2768C12.8282 17.2868 12.6232 17.4568 12.1032 17.4568H11.6232V15.1518H12.1032C12.6382 15.1518 12.8282 15.3418 12.8282 16.2768Z' fill='white'/%3E%3Cpath d='M16.8281 15.1618L16.8181 14.4268H14.5781V18.1768H15.3631V16.6918H16.5781L16.5881 15.9968H15.3631V15.1618H16.8281Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-doc:before,
.file-icon-type-docx:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%23006EC9'/%3E%3Cpath opacity='0.54' d='M17.4232 7L19.9617 7L14.9617 2L14.9617 4.53846C14.9617 5.89793 16.0637 7 17.4232 7Z' fill='white'/%3E%3Cpath d='M9.97027 16.2813C9.97027 14.9463 9.51527 14.4263 8.41527 14.4263H7.15527V18.1763H8.43027C9.46027 18.1763 9.97027 17.6613 9.97027 16.2813ZM9.14527 16.2763C9.14527 17.2863 8.94027 17.4563 8.42027 17.4563H7.94027V15.1513H8.42027C8.95527 15.1513 9.14527 15.3413 9.14527 16.2763Z' fill='white'/%3E%3Cpath d='M13.7801 16.3013C13.7801 14.9163 13.3401 14.3663 12.2751 14.3663C11.2101 14.3663 10.7701 14.9163 10.7701 16.3013C10.7701 17.6863 11.2301 18.2413 12.2751 18.2413C13.3401 18.2413 13.7801 17.7163 13.7801 16.3013ZM12.9551 16.3013C12.9551 17.2913 12.7851 17.5163 12.2801 17.5163C11.7701 17.5163 11.5951 17.2963 11.5951 16.3013C11.5951 15.3113 11.7701 15.0963 12.2751 15.0963C12.7851 15.0963 12.9551 15.3063 12.9551 16.3013Z' fill='white'/%3E%3Cpath d='M16.9483 14.5113C16.7583 14.4263 16.4283 14.3613 16.1633 14.3613C15.0683 14.3613 14.5783 14.9913 14.5783 16.2763C14.5783 17.6413 15.0733 18.2413 16.1183 18.2413C16.4133 18.2413 16.7383 18.1663 16.9583 18.0563L16.8783 17.3913C16.6933 17.4763 16.4783 17.5313 16.2333 17.5313C15.6183 17.5313 15.4033 17.2563 15.4033 16.2763C15.4033 15.3563 15.6083 15.0913 16.2183 15.0913C16.4633 15.0913 16.6983 15.1413 16.8683 15.2063L16.9483 14.5113Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-xls:before,
.file-icon-type-xlsx:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%23479B0F'/%3E%3Cpath opacity='0.54' d='M17.4232 7L19.9617 7L14.9617 2L14.9617 4.53846C14.9617 5.89793 16.0637 7 17.4232 7Z' fill='white'/%3E%3Cpath d='M10.4482 14.4262H9.55822L9.12822 15.3712L8.97322 15.7412H8.95822L8.79822 15.3712L8.36822 14.4262H7.44822L8.37822 16.2362L7.42822 18.1762H8.32822L8.79822 17.0962L8.95322 16.7212H8.96822L9.12322 17.0962L9.60322 18.1762H10.4882L9.51822 16.2162L10.4482 14.4262Z' fill='white'/%3E%3Cpath d='M12.0905 17.4462V14.4262H11.3005V18.1762H13.4505L13.4705 17.4462H12.0905Z' fill='white'/%3E%3Cpath d='M16.4538 17.0662C16.4538 15.8362 14.8938 16.0562 14.8938 15.4562C14.8938 15.2462 15.0138 15.0862 15.4388 15.0862C15.6938 15.0862 15.9638 15.1362 16.2438 15.2312L16.3338 14.5512C16.0738 14.4312 15.7288 14.3662 15.3888 14.3662C14.5238 14.3662 14.1388 14.8562 14.1388 15.4912C14.1388 16.7162 15.6988 16.5012 15.6988 17.1162C15.6988 17.3912 15.5338 17.5362 15.1588 17.5362C14.8238 17.5362 14.5188 17.4412 14.2288 17.2862L14.1238 17.9762C14.4138 18.1462 14.7838 18.2412 15.1738 18.2412C15.9838 18.2412 16.4538 17.8012 16.4538 17.0662Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-mp3:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%230E2029' fill-opacity='0.64'/%3E%3Cpath opacity='0.54' d='M15.2078 7L19.9617 7L14.9617 2L14.9617 6.75385C14.9617 6.88979 15.0719 7 15.2078 7Z' fill='white'/%3E%3Cpath d='M6.74878 14.6504H7.61878L8.38878 16.8154L8.51878 17.1954H8.53378L8.65878 16.8154L9.43378 14.6504H10.3088V18.4004H9.58878V16.5154L9.59878 16.1104L9.58378 16.1054L9.45378 16.4904L8.77378 18.4004H8.24878L7.57378 16.4954L7.44378 16.1104L7.43378 16.1154L7.43878 16.5204V18.4004H6.74878V14.6504Z' fill='white'/%3E%3Cpath d='M13.9328 15.9154C13.9328 16.7154 13.5528 17.1404 12.5778 17.1404H12.1428V18.4004H11.3578V14.6504H12.5778C13.5378 14.6504 13.9328 15.0304 13.9328 15.9154ZM13.1228 15.9104C13.1228 15.4554 12.9778 15.3304 12.5728 15.3304H12.1428V16.4904H12.5778C12.9578 16.4904 13.1228 16.3904 13.1228 15.9104Z' fill='white'/%3E%3Cpath d='M17.1746 17.2754C17.1746 17.9854 16.7496 18.4454 15.8196 18.4454C15.3946 18.4454 15.0446 18.3354 14.7896 18.1854L14.9296 17.5654C15.1946 17.7054 15.4646 17.7854 15.7846 17.7854C16.2196 17.7854 16.4196 17.5854 16.4196 17.2504C16.4196 16.9354 16.2296 16.7404 15.5096 16.7404V16.1754C16.1946 16.1754 16.3746 16.0004 16.3746 15.6854C16.3746 15.4304 16.1946 15.2954 15.8196 15.2954C15.4846 15.2954 15.1996 15.4154 14.9596 15.6104L14.7846 14.9904C15.0446 14.7704 15.4446 14.6104 15.8796 14.6104C16.6446 14.6104 17.0946 14.9854 17.0946 15.6304C17.0946 16.0004 16.9196 16.2754 16.6096 16.4304V16.4404C16.9746 16.5804 17.1746 16.8504 17.1746 17.2754Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-mp4:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%230E2029' fill-opacity='0.64'/%3E%3Cpath opacity='0.54' d='M15.2078 7L19.9617 7L14.9617 2L14.9617 6.75385C14.9617 6.88979 15.0719 7 15.2078 7Z' fill='white'/%3E%3Cpath d='M6.78662 14.6504H7.65662L8.42662 16.8154L8.55662 17.1954H8.57162L8.69662 16.8154L9.47162 14.6504H10.3466V18.4004H9.62662V16.5154L9.63662 16.1104L9.62162 16.1054L9.49162 16.4904L8.81162 18.4004H8.28662L7.61162 16.4954L7.48162 16.1104L7.47162 16.1154L7.47662 16.5204V18.4004H6.78662V14.6504Z' fill='white'/%3E%3Cpath d='M13.9706 15.9154C13.9706 16.7154 13.5906 17.1404 12.6156 17.1404H12.1806V18.4004H11.3956V14.6504H12.6156C13.5756 14.6504 13.9706 15.0304 13.9706 15.9154ZM13.1606 15.9104C13.1606 15.4554 13.0156 15.3304 12.6106 15.3304H12.1806V16.4904H12.6156C12.9956 16.4904 13.1606 16.3904 13.1606 15.9104Z' fill='white'/%3E%3Cpath d='M17.3125 17.6804H16.9775V18.4004H16.2675V17.6804H14.7525L14.6875 17.1704L16.0525 14.6504H16.9775V17.0154H17.3275L17.3125 17.6804ZM16.2875 17.0154L16.3225 15.7954L16.3425 15.3904L16.3325 15.3854L16.1475 15.7504L15.4875 17.0154H16.2875Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-eps:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19244 2C4.5127 2 3.96167 2.55104 3.96167 3.23077V20.7692C3.96167 21.449 4.5127 22 5.19244 22H18.7309C19.4106 22 19.9617 21.449 19.9617 20.7692V7L14.9617 2H5.19244Z' fill='%230E2029' fill-opacity='0.64'/%3E%3Cpath opacity='0.54' d='M15.2078 7L19.9617 7L14.9617 2L14.9617 6.75385C14.9617 6.88979 15.0719 7 15.2078 7Z' fill='white'/%3E%3Cpath d='M8.42855 17.6908H9.97355L9.95355 18.4008H7.64355V14.6508H9.88355L9.89855 15.3708H8.42855V16.1408H9.66355V16.8008H8.42855V17.6908Z' fill='white'/%3E%3Cpath d='M13.4213 15.9158C13.4213 16.7158 13.0413 17.1408 12.0663 17.1408H11.6313V18.4008H10.8463V14.6508H12.0663C13.0263 14.6508 13.4213 15.0308 13.4213 15.9158ZM12.6113 15.9108C12.6113 15.4558 12.4663 15.3308 12.0613 15.3308H11.6313V16.4908H12.0663C12.4463 16.4908 12.6113 16.3908 12.6113 15.9108Z' fill='white'/%3E%3Cpath d='M16.4732 17.2908C16.4732 18.0258 16.0032 18.4658 15.1932 18.4658C14.8032 18.4658 14.4332 18.3708 14.1432 18.2008L14.2482 17.5108C14.5382 17.6658 14.8432 17.7608 15.1782 17.7608C15.5532 17.7608 15.7182 17.6158 15.7182 17.3408C15.7182 16.7258 14.1582 16.9408 14.1582 15.7158C14.1582 15.0808 14.5432 14.5908 15.4082 14.5908C15.7482 14.5908 16.0932 14.6558 16.3532 14.7758L16.2632 15.4558C15.9832 15.3608 15.7132 15.3108 15.4582 15.3108C15.0332 15.3108 14.9132 15.4708 14.9132 15.6808C14.9132 16.2808 16.4732 16.0608 16.4732 17.2908Z' fill='white'/%3E%3C/svg%3E%0A")
}

.file-icon-type-generic:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23077 2C4.55103 2 4 2.55104 4 3.23077V20.7692C4 21.449 4.55103 22 5.23077 22H18.7692C19.449 22 20 21.449 20 20.7692V7L15 2H5.23077Z' fill='%230E2029' fill-opacity='0.64'/%3E%3Cpath opacity='0.54' d='M17.4615 7L20 7L15 2L15 4.53846C15 5.89793 16.1021 7 17.4615 7Z' fill='white'/%3E%3C/svg%3E%0A")
}

@media(min-width: 1200px) {
  .file-link {
    gap: 0 .75rem
  }

  .file-link[class*=-icon]:before {
    width: 1.75rem;
    height: 1.75rem
  }

  .file-link-headline.h4 {
    font-size: 1.5rem;
    line-height: 1.3333333333
  }

  .file-link-headline.h5 {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.file-list {
  font-family: var(--gi-font-medium);
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .75rem 0
}

.file-list.file-list-standard {
  margin-top: .75rem
}

.banner-container .file-list {
  margin-top: 1rem
}

.accordion-body-inner .file-list {
  margin-top: 1.25rem
}

.banner-container .file-list-headline {
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--gi-gray-900);
  margin-bottom: 1rem;
  margin-top: 2rem
}

.file-list-text-container-above {
  margin-bottom: 2rem
}

.banner-container .file-list-text-container-above {
  margin-bottom: 1rem
}

.file-list-text-container-below {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem
}

.banner-container .file-list-text-container-below {
  margin-bottom: 1rem
}

.file-list .file-link-wrapper {
  margin-top: 0;
  margin-bottom: 0
}

.file-list-item-wrapper:has(.file-description)+.file-list-item-wrapper:has(.file-link-headline) {
  margin-top: -1.25rem
}

@media(min-width: 1200px) {
  .file-list {
    margin-bottom: 2rem
  }

  .banner-container .file-list {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
  }

  .banner-container .file-list-headline {
    font-size: 1.5rem;
    line-height: 1.3333333333
  }

  .banner-container .file-list-text-container-above {
    margin-bottom: 1.25rem
  }

  .file-list-text-container-below {
    margin-top: 2rem
  }

  .banner-container .file-list-text-container-below {
    margin-top: 1.25rem
  }
}

.image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: inline-block;
  background: var(--gi-gray-900-alpha-06);
  color: var(--gi-gray-900-alpha-72);
  font-family: var(--gi-font-news);
  vertical-align: middle
}

.image-subobject.image-subobject {
  margin-block: 2.5rem
}

.image-wrapper .image-copyright {
  inset-block-end: .5rem;
  inset-inline: 1rem;
  color: var(--gi-white);
  font-family: var(--gi-font-sans-serif);
  font-size: .625rem;
  line-height: 1.2;
  position: absolute;
  text-align: right;
  text-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .59);
  z-index: 10
}

html[dir=rtl] .image-wrapper .image-copyright {
  text-align: left;
  text-shadow: -0.0625rem .0625rem .0625rem rgba(0, 0, 0, .59)
}

.image-wrapper .image-copyright-link {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: .0625rem
}

.image-wrapper .image-copyright-link:hover,
.image-wrapper .image-copyright-link:focus {
  color: #fff !important
}

.image-portrait-width .image-wrapper {
  width: 63.11%;
  margin-inline: auto
}

.image-portrait-small-width .image-wrapper {
  min-width: 9.25rem;
  width: 42%;
  margin-inline: auto
}

.image-full-width .image-wrapper {
  margin-inline: -1rem
}

.image-figure {
  margin-block: 0
}

.image-portrait-width .image-figure {
  width: 63.11%;
  margin-inline: auto
}

.image-portrait-small-width .image-figure {
  min-width: 9.25rem;
  width: 42%;
  margin-inline: auto
}

.image-full-width .image-figure {
  margin-inline: -1rem
}

.image-figcaption {
  margin-top: 1.5rem;
  font-size: .875rem;
  line-height: 1.4285714286;
  color: var(--gi-gray-900-alpha-64)
}

.image-figcaption .image-copyright-link {
  color: var(--gi-functional-blue-400)
}

.image-figcaption .image-copyright-link:hover,
.image-figcaption .image-copyright-link:focus {
  color: #0058a1
}

.image-full-width .image-figcaption {
  max-width: 50rem;
  margin-inline: 1rem
}

.image-copyright-spacer {
  margin-inline: .25ch
}

.image-caption-wrapper {
  font-size: inherit;
  line-height: inherit
}

.image-caption-wrapper .image-copyright {
  font-size: inherit
}

@media(min-width: 576px) {

  .image-portrait-width .image-wrapper,
  .image-portrait-width .image-figure {
    width: 17.875rem
  }

  .image-portrait-small-width .image-wrapper,
  .image-portrait-small-width .image-figure {
    width: 9.25rem
  }

  .image-full-width .image-wrapper,
  .image-full-width .image-figure {
    margin-inline: calc((var(--vw, 1vw)*100 - 512px)*-1/2)
  }

  .image-full-width .image-figcaption {
    margin-inline: auto;
    max-width: 32rem
  }
}

@media(min-width: 768px) {

  .image-portrait-width .image-wrapper,
  .image-portrait-width .image-figure {
    width: 24rem
  }

  .image-portrait-small-width .image-wrapper,
  .image-portrait-small-width .image-figure {
    width: 12rem
  }

  .image-full-width .image-wrapper,
  .image-full-width .image-figure {
    margin-inline: calc((var(--vw, 1vw)*100 - 688px)*-1/2)
  }

  .image-full-width .image-figcaption {
    max-width: 43rem
  }
}

@media(min-width: 992px) {
  .image-subobject.image-subobject {
    margin-block: 3rem
  }

  .image-wrapper,
  .image-figure {
    margin-block: 0
  }

  .image-portrait-width .image-wrapper,
  .image-portrait-width .image-figure {
    width: 28rem
  }

  .col-lg-9 .image-portrait-width .image-wrapper,
  .col-lg-9 .image-portrait-width .image-figure {
    width: 20.75rem
  }

  .event-calendar-infotext-container .image-portrait-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-width .image-figure {
    width: 31.875rem
  }

  .image-portrait-small-width .image-wrapper,
  .image-portrait-small-width .image-figure {
    width: 14rem
  }

  .col-lg-9 .image-portrait-small-width .image-wrapper,
  .col-lg-9 .image-portrait-small-width .image-figure {
    width: 10.375rem
  }

  .event-calendar-infotext-container .image-portrait-small-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-small-width .image-figure {
    width: 16rem
  }

  .image-full-width .image-wrapper,
  .image-full-width .image-figure {
    margin-inline: calc((var(--vw, 1vw)*100 - 800px)*-1/2)
  }

  .event-calendar-infotext-container .image-full-width .image-wrapper,
  .event-calendar-infotext-container .image-full-width .image-figure {
    margin-inline: calc((var(--vw, 1vw)*100 - 912px)*-1/2)
  }

  .image-full-width .image-figcaption {
    max-width: 50rem
  }

  .event-calendar-infotext-container .image-full-width .image-figcaption {
    max-width: 57rem
  }
}

@media(min-width: 1200px) {
  .image-subobject.image-subobject {
    margin-block: 4rem
  }

  .image-wrapper,
  .image-figure {
    margin-block: 0
  }

  .event-calendar-infotext-container .image-portrait-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-width .image-figure {
    width: 25.75rem
  }

  .event-calendar-infotext-container .image-portrait-small-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-small-width .image-figure {
    width: 12.875rem
  }

  .event-calendar-infotext-container .image-full-width .image-wrapper,
  .event-calendar-infotext-container .image-full-width .image-figure {
    margin-inline: 0
  }

  .event-calendar-infotext-container .image-full-width .image-figcaption {
    max-width: 50rem
  }
}

@media(min-width: 1366px) {

  .event-calendar-infotext-container .image-portrait-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-width .image-figure {
    width: 28rem
  }

  .event-calendar-infotext-container .image-portrait-small-width .image-wrapper,
  .event-calendar-infotext-container .image-portrait-small-width .image-figure {
    width: 14rem
  }
}

@media(min-width: 1600px) {

  .image-full-width .image-wrapper,
  .image-full-width .image-figure {
    margin-inline: calc(-25rem + var(--scrollbar-width)/2);
    width: calc(100rem - var(--scrollbar-width))
  }

  .event-calendar-infotext-container .image-full-width .image-wrapper,
  .event-calendar-infotext-container .image-full-width .image-figure {
    margin-inline: 0;
    width: 50rem
  }
}

.image-gallery-wrapper {
  margin-block: 2.5rem
}

.image-gallery-wrapper .image-container-wrapper .image-wrapper,
.image-gallery-wrapper .image-container-wrapper .image-figure {
  margin-block: 0
}

.image-gallery-items-wrapper-outer {
  padding-bottom: 2.5rem
}

.info-box-subobject {
  background-color: var(--gi-gray-900-alpha-06);
  padding: 1rem;
  margin-block: 2.5rem
}

@media(min-width: 768px) {
  .info-box-subobject {
    padding: 1.5rem
  }
}

@media(min-width: 992px) {
  .info-box-subobject {
    margin-block: 3rem
  }
}

@media(min-width: 1200px) {
  .info-box-subobject {
    padding: 2rem;
    margin-block: 4rem
  }
}

.info-box-subobject .cke-h3 {
  margin-top: 0 !important
}

.ck-infotext .info-box-content>*:last-child {
  margin-bottom: 0
}

.link {
  display: flex;
  align-items: start;
  gap: 0 .5rem;
  font-family: var(--gi-font-medium);
  color: var(--gi-functional-blue-400)
}

.link:hover,
.link:focus {
  color: #0058a1
}

.career-infotext .link {
  color: var(--gi-blue-700)
}

.career-infotext .link:hover,
.career-infotext .link:focus {
  color: #002e54
}

.link:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='icon' d='M22 11.9996L16.7896 6.80371L16.0983 7.49308L20.177 11.5598L2 11.5611V12.5367L20.078 12.5364L16.0983 16.5061L16.7896 17.1955L22 11.9996Z' fill='%23006EC9'/%3E%3C/svg%3E");
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  position: relative;
  top: -0.0625rem
}

html[dir=rtl] .link:before {
  transform: scale(-1)
}

.link:hover:before,
.link:focus:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='icon' d='M22 11.9996L16.7896 6.80371L16.0983 7.49308L20.177 11.5598L2 11.5611V12.5367L20.078 12.5364L16.0983 16.5061L16.7896 17.1955L22 11.9996Z' fill='%230058a1'/%3E%3C/svg%3E")
}

.link-wrapper,
.link-headline {
  margin-block: 1.25rem
}

.link-list .link-headline {
  margin-block-start: .5rem
}

.link-list-item-wrapper:first-child .link-headline {
  margin-block-start: 0
}

p.link-headline {
  font-family: var(--gi-font-news)
}

@media(min-width: 1200px) {
  .link {
    gap: 0 .75rem
  }

  .link:before {
    position: relative;
    width: 1.75rem;
    height: 1.75rem
  }
}

svg.link-icon.icon {
  display: none
}

.link-list {
  font-family: var(--gi-font-medium);
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .75rem 0
}

.banner-container .link-list {
  margin-top: 1rem
}

.accordion-body-inner .link-list {
  margin-top: 1.25rem
}

.banner-container .link-list-headline {
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--gi-gray-900);
  margin-bottom: 1rem;
  margin-top: 2rem
}

.link-list-text-container-above {
  margin-bottom: 2rem
}

.banner-container .link-list-text-container-above {
  margin-bottom: 1rem
}

.link-list-text-container-below {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem
}

.banner-container .link-list-text-container-below {
  margin-bottom: 1rem
}

.link-list .link-wrapper {
  margin-top: 0;
  margin-bottom: 0
}

@media(min-width: 1200px) {
  .link-list {
    margin-bottom: 2rem
  }

  .banner-container .link-list {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
  }

  .banner-container .link-list-headline {
    font-size: 1.5rem;
    line-height: 1.3333333333
  }

  .banner-container .link-list-text-container-above {
    margin-bottom: 1.25rem
  }

  .link-list-text-container-below {
    margin-top: 2rem
  }

  .banner-container .link-list-text-container-below {
    margin-top: 1.25rem
  }
}

.quote-subobject {
  margin-block: 3rem
}

@media(min-width: 992px) {
  .quote-subobject {
    margin-block: 4rem
  }
}

@media(min-width: 1200px) {
  .quote-subobject {
    margin-block: 6rem
  }
}

@media(min-width: 992px) {
  .quote-subobject .quote-container-wrapper {
    padding-inline: 5rem;
    margin-top: 2rem
  }
}

.quote-subobject .quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-block: .0625rem solid var(--gi-gray-900-alpha-32);
  padding-inline: .5rem
}

@media(min-width: 992px) {
  .quote-subobject .quote-container {
    border-block: 0;
    padding-inline: 0
  }
}

.quote-subobject .quote-wrapper {
  padding-inline: .5rem;
  margin-top: 2.5rem;
  margin-bottom: 3rem
}

@media(min-width: 992px) {
  .quote-subobject .quote-wrapper {
    padding: 0;
    margin: 0
  }
}

.quote-subobject .quote-content {
  color: var(--gi-gray-900);
  font-family: var(--gi-font-regular);
  font-size: 1.25rem;
  line-height: 1.6;
  margin-top: 4rem;
  margin-bottom: 0;
  position: relative
}

@media(min-width: 992px) {
  .quote-subobject .quote-content {
    margin-top: 0
  }
}

@media(min-width: 1200px) {
  .quote-subobject .quote-content {
    font-size: 1.5rem;
    line-height: 1.5
  }
}

.quote-subobject .quote-content::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='41.015'%3E%3Cpath d='M39.914 2.465C38.514.819 36.367 0 33.454 0s-5 .788-6.267 2.372a9.571 9.571 0 0 0-1.9 6.167 8.044 8.044 0 0 0 1.813 5.132 7.612 7.612 0 0 0 4.458 2.851l-4.942 23.543 3.987.95a83.317 83.317 0 0 0 3.897-8.167q1.993-4.742 3.609-9.3t2.75-8.546A24.017 24.017 0 0 0 42 8.925a9.673 9.673 0 0 0-2.086-6.46ZM8.167 0Q3.8 0 1.9 2.371A9.572 9.572 0 0 0 0 8.539a8.05 8.05 0 0 0 1.808 5.132 7.615 7.615 0 0 0 4.459 2.851L1.329 40.065l4 .95a85.537 85.537 0 0 0 3.887-8.167q1.993-4.742 3.608-9.3t2.759-8.546a24.28 24.28 0 0 0 1.135-6.073 9.673 9.673 0 0 0-2.086-6.46Q12.53-.004 8.167 0Z' fill='%23a0c814'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset-block-start: -4rem;
  inset-inline-start: -0.5rem;
  width: 2.625rem;
  height: 2.5625rem
}

@media(min-width: 992px) {
  .quote-subobject .quote-content::before {
    inset-block-start: -2rem;
    inset-inline-start: -3.25rem
  }
}

.quote-subobject .quote-caption {
  color: var(--gi-gray-900);
  font-family: var(--gi-font-regular);
  font-size: 1.125rem;
  line-height: 1.5555555556;
  margin-top: .75rem
}

@media(min-width: 992px) {
  .quote-subobject .quote-caption {
    margin-top: 1rem
  }
}

@media(min-width: 1200px) {
  .quote-subobject .quote-caption {
    font-size: 1.25rem;
    line-height: 1.6
  }
}

.video-subobject {
  margin-block: 2.5rem
}

@media(min-width: 992px) {
  .video-subobject {
    margin-block: 3rem
  }
}

@media(min-width: 1200px) {
  .video-subobject {
    margin-block: 4rem
  }
}

.video-subobject .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
  opacity: .32
}

.video-cloud-upload-caption-wrapper {
  margin-block-start: 1.5rem;
  font-size: .875rem;
  line-height: 1.4285714286;
  color: var(--gi-gray-900-alpha-64)
}

.video-cloud-upload-caption-wrapper.no-caption {
  text-align: right
}

html[dir=rtl] .video-cloud-upload-caption-wrapper.no-caption {
  text-align: left
}

.video-cloud-upload-caption-wrapper .video-cloud-upload-copyright {
  font-size: inherit;
  line-height: inherit
}

.video-cloud-upload-copyright-spacer {
  margin-inline: .25ch
}

/*# sourceMappingURL=styles.gimin.css.map */