@font-face {
  font-family: "Allianz Neo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://base-components.cdn.allianz.com/fonts/allianz-neo/AllianzNeoW04-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Allianz Neo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://base-components.cdn.allianz.com/fonts/allianz-neo/AllianzNeoW04-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Allianz Neo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://base-components.cdn.allianz.com/fonts/allianz-neo/AllianzNeoW04-Bold.woff2") format("woff2");
}
html body {
  font-family: "Allianz Neo", Arial, sans-serif;
}
html body input:-webkit-autofill::first-line {
  font-family: "Allianz Neo", Arial, sans-serif;
}

/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

#overlay {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  transition: opacity 0.1s;
  opacity: 1;
}
#overlay.loaded {
  opacity: 0;
  pointer-events: none;
}

body {
  color: var(--semantic-color-on-surface-primary-resting);
  background-color: var(--semantic-color-surface-default-resting);
  font-weight: var(--semantic-text-body-m-font-weight);
  font-size: var(--semantic-text-body-m-font-size);
  line-height: var(--semantic-text-body-m-line-height);
  margin: 0;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 703px) {
  body {
    margin-bottom: 40px;
  }
}
body main.footer--fixed {
  padding-bottom: 128px;
}

a {
  text-decoration: none;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-2xl {
  margin-top: var(--semantic-spacing-static-1200) !important;
}

.margin-top-1xl {
  margin-top: var(--core-dimension-1000) !important;
}

.margin-top-xl {
  margin-top: var(--semantic-spacing-static-800) !important;
}

.margin-top-l {
  margin-top: var(--semantic-spacing-static-600) !important;
}

.margin-top-md {
  margin-top: var(--margin-xl) !important;
}

.margin-top-m {
  margin-top: var(--semantic-spacing-static-400) !important;
}

.margin-top-s {
  margin-top: var(--semantic-spacing-static-300) !important;
}

.margin-top-xs {
  margin-top: var(--semantic-spacing-static-200) !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-xs {
  margin-bottom: var(--semantic-spacing-static-100) !important;
}

.margin-bottom-s {
  margin-bottom: var(--semantic-spacing-static-300) !important;
}

.margin-bottom-xl {
  margin-bottom: var(--semantic-spacing-static-800) !important;
}

.pull-bottom {
  align-self: flex-end;
}

.pull-right {
  text-align: right;
}

ul li, ol li {
  margin-left: 32px;
}

@media (max-width: 703px) {
  .hidden--mobile {
    display: none !important;
  }
}
@media (min-width: 704px) and (max-width: 991px) {
  .hidden--tablet {
    display: none !important;
  }
}
main {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.grid.fluid-width {
  width: auto;
}
@media (min-width: 1472px) {
  .grid.fluid-width {
    width: 100%;
  }
}

/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
.grid, .subgrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--core-grid-column-gap-xs);
  margin: 0 var(--core-grid-inset-xs);
  width: -webkit-fill-available;
  width: -moz-available;
  /* If the value for width is greater than the value for max-width, 
     then max-width overrides width */
  max-width: var(--core-grid-max-width);
}
.grid > *, .subgrid > * {
  grid-column: span 12;
}
@media (min-width: 704px) {
  .grid, .subgrid {
    gap: var(--core-grid-column-gap-m);
    margin: 0 var(--core-grid-inset-m);
  }
}
@media (min-width: 992px) {
  .grid, .subgrid {
    gap: var(--core-grid-column-gap-l);
    margin: 0 var(--core-grid-inset-l);
  }
}

.subgrid {
  grid-template-columns: subgrid;
}

.grid--no-gap, .subgrid {
  gap: 0;
}

.grid--no-margin, .subgrid {
  margin: 0;
}

@media (max-width: 703px) {
  .grid--no-gap-small {
    gap: 0;
  }
  .grid--no-margin-small {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .grid--no-gap-medium {
    gap: 0;
  }
  .grid--no-margin-medium {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .grid--no-gap-large {
    gap: 0;
  }
  .grid--no-margin-large {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .grid--no-gap-xlarge {
    gap: 0;
  }
  .grid--no-margin-xlarge {
    margin: 0;
  }
}
.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

@media (min-width: 1280px) {
  .col-xlarge-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-10 {
    grid-column: span 10;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-11 {
    grid-column: span 11;
  }
}
@media (min-width: 1280px) {
  .col-xlarge-12 {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .col-large-1 {
    grid-column: span 1;
  }
}
@media (min-width: 992px) {
  .col-large-2 {
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .col-large-3 {
    grid-column: span 3;
  }
}
@media (min-width: 992px) {
  .col-large-4 {
    grid-column: span 4;
  }
}
@media (min-width: 992px) {
  .col-large-5 {
    grid-column: span 5;
  }
}
@media (min-width: 992px) {
  .col-large-6 {
    grid-column: span 6;
  }
}
@media (min-width: 992px) {
  .col-large-7 {
    grid-column: span 7;
  }
}
@media (min-width: 992px) {
  .col-large-8 {
    grid-column: span 8;
  }
}
@media (min-width: 992px) {
  .col-large-9 {
    grid-column: span 9;
  }
}
@media (min-width: 992px) {
  .col-large-10 {
    grid-column: span 10;
  }
}
@media (min-width: 992px) {
  .col-large-11 {
    grid-column: span 11;
  }
}
@media (min-width: 992px) {
  .col-large-12 {
    grid-column: span 12;
  }
}
@media (max-width: 991px) {
  .col-medium-1 {
    grid-column: span 1;
  }
}
@media (max-width: 991px) {
  .col-medium-2 {
    grid-column: span 2;
  }
}
@media (max-width: 991px) {
  .col-medium-3 {
    grid-column: span 3;
  }
}
@media (max-width: 991px) {
  .col-medium-4 {
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .col-medium-5 {
    grid-column: span 5;
  }
}
@media (max-width: 991px) {
  .col-medium-6 {
    grid-column: span 6;
  }
}
@media (max-width: 991px) {
  .col-medium-7 {
    grid-column: span 7;
  }
}
@media (max-width: 991px) {
  .col-medium-8 {
    grid-column: span 8;
  }
}
@media (max-width: 991px) {
  .col-medium-9 {
    grid-column: span 9;
  }
}
@media (max-width: 991px) {
  .col-medium-10 {
    grid-column: span 10;
  }
}
@media (max-width: 991px) {
  .col-medium-11 {
    grid-column: span 11;
  }
}
@media (max-width: 991px) {
  .col-medium-12 {
    grid-column: span 12;
  }
}
@media (max-width: 703px) {
  .col-small-1 {
    grid-column: span 1;
  }
}
@media (max-width: 703px) {
  .col-small-2 {
    grid-column: span 2;
  }
}
@media (max-width: 703px) {
  .col-small-3 {
    grid-column: span 3;
  }
}
@media (max-width: 703px) {
  .col-small-4 {
    grid-column: span 4;
  }
}
@media (max-width: 703px) {
  .col-small-5 {
    grid-column: span 5;
  }
}
@media (max-width: 703px) {
  .col-small-6 {
    grid-column: span 6;
  }
}
@media (max-width: 703px) {
  .col-small-7 {
    grid-column: span 7;
  }
}
@media (max-width: 703px) {
  .col-small-8 {
    grid-column: span 8;
  }
}
@media (max-width: 703px) {
  .col-small-9 {
    grid-column: span 9;
  }
}
@media (max-width: 703px) {
  .col-small-10 {
    grid-column: span 10;
  }
}
@media (max-width: 703px) {
  .col-small-11 {
    grid-column: span 11;
  }
}
@media (max-width: 703px) {
  .col-small-12 {
    grid-column: span 12;
  }
}
.grid--start {
  justify-items: start;
}

.grid--center {
  justify-items: center;
}

.grid--end {
  justify-items: end;
}

.grid--stretch {
  justify-items: stretch;
}

.grid--top {
  align-items: start;
}

.grid--middle {
  align-items: center;
}

.grid--bottom {
  align-items: end;
}

.grid--baseline {
  align-items: baseline;
}

.grid-item--start {
  justify-self: start;
}
.grid-item--center {
  justify-self: center;
}
.grid-item--end {
  justify-self: end;
}
.grid-item--stretch {
  justify-self: stretch;
}
.grid-item--top {
  align-self: start;
}
.grid-item--middle {
  align-self: center;
}
.grid-item--bottom {
  align-self: end;
}
.grid-item--baseline {
  align-self: baseline;
}

.grid-item--order-1 {
  order: 1;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-1 {
    order: 1;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-1 {
    order: 1;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-1 {
    order: 1;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-1 {
    order: 1;
  }
}
.grid-item--order-2 {
  order: 2;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-2 {
    order: 2;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-2 {
    order: 2;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-2 {
    order: 2;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-2 {
    order: 2;
  }
}
.grid-item--order-3 {
  order: 3;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-3 {
    order: 3;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-3 {
    order: 3;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-3 {
    order: 3;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-3 {
    order: 3;
  }
}
.grid-item--order-4 {
  order: 4;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-4 {
    order: 4;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-4 {
    order: 4;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-4 {
    order: 4;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-4 {
    order: 4;
  }
}
.grid-item--order-5 {
  order: 5;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-5 {
    order: 5;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-5 {
    order: 5;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-5 {
    order: 5;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-5 {
    order: 5;
  }
}
.grid-item--order-6 {
  order: 6;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-6 {
    order: 6;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-6 {
    order: 6;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-6 {
    order: 6;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-6 {
    order: 6;
  }
}
.grid-item--order-7 {
  order: 7;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-7 {
    order: 7;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-7 {
    order: 7;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-7 {
    order: 7;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-7 {
    order: 7;
  }
}
.grid-item--order-8 {
  order: 8;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-8 {
    order: 8;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-8 {
    order: 8;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-8 {
    order: 8;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-8 {
    order: 8;
  }
}
.grid-item--order-9 {
  order: 9;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-9 {
    order: 9;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-9 {
    order: 9;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-9 {
    order: 9;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-9 {
    order: 9;
  }
}
.grid-item--order-10 {
  order: 10;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-10 {
    order: 10;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-10 {
    order: 10;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-10 {
    order: 10;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-10 {
    order: 10;
  }
}
.grid-item--order-11 {
  order: 11;
}

@media (min-width: 1280px) {
  .grid-item--order-xlarge-11 {
    order: 11;
  }
}
@media (min-width: 992px) {
  .grid-item--order-large-11 {
    order: 11;
  }
}
@media (max-width: 991px) {
  .grid-item--order-medium-11 {
    order: 11;
  }
}
@media (max-width: 703px) {
  .grid-item--order-small-11 {
    order: 11;
  }
}
.grid-item--offset-1 {
  grid-column-start: 2;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-1 {
    grid-column-start: 2;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-1 {
    grid-column-start: 2;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-1 {
    grid-column-start: 2;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-1 {
    grid-column-start: 2;
  }
}
.grid-item--offset-2 {
  grid-column-start: 3;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-2 {
    grid-column-start: 3;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-2 {
    grid-column-start: 3;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-2 {
    grid-column-start: 3;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-2 {
    grid-column-start: 3;
  }
}
.grid-item--offset-3 {
  grid-column-start: 4;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-3 {
    grid-column-start: 4;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-3 {
    grid-column-start: 4;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-3 {
    grid-column-start: 4;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-3 {
    grid-column-start: 4;
  }
}
.grid-item--offset-4 {
  grid-column-start: 5;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-4 {
    grid-column-start: 5;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-4 {
    grid-column-start: 5;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-4 {
    grid-column-start: 5;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-4 {
    grid-column-start: 5;
  }
}
.grid-item--offset-5 {
  grid-column-start: 6;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-5 {
    grid-column-start: 6;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-5 {
    grid-column-start: 6;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-5 {
    grid-column-start: 6;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-5 {
    grid-column-start: 6;
  }
}
.grid-item--offset-6 {
  grid-column-start: 7;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-6 {
    grid-column-start: 7;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-6 {
    grid-column-start: 7;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-6 {
    grid-column-start: 7;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-6 {
    grid-column-start: 7;
  }
}
.grid-item--offset-7 {
  grid-column-start: 8;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-7 {
    grid-column-start: 8;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-7 {
    grid-column-start: 8;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-7 {
    grid-column-start: 8;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-7 {
    grid-column-start: 8;
  }
}
.grid-item--offset-8 {
  grid-column-start: 9;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-8 {
    grid-column-start: 9;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-8 {
    grid-column-start: 9;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-8 {
    grid-column-start: 9;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-8 {
    grid-column-start: 9;
  }
}
.grid-item--offset-9 {
  grid-column-start: 10;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-9 {
    grid-column-start: 10;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-9 {
    grid-column-start: 10;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-9 {
    grid-column-start: 10;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-9 {
    grid-column-start: 10;
  }
}
.grid-item--offset-10 {
  grid-column-start: 11;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-10 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-10 {
    grid-column-start: 11;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-10 {
    grid-column-start: 11;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-10 {
    grid-column-start: 11;
  }
}
.grid-item--offset-11 {
  grid-column-start: 12;
}

@media (min-width: 1280px) {
  .grid-item--offset-xlarge-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  .grid-item--offset-large-11 {
    grid-column-start: 12;
  }
}
@media (max-width: 991px) {
  .grid-item--offset-medium-11 {
    grid-column-start: 12;
  }
}
@media (max-width: 703px) {
  .grid-item--offset-small-11 {
    grid-column-start: 12;
  }
}
.grid--gutter-s {
  gap: var(--core-grid-column-gap-s);
}

@media (min-width: 1280px) {
  .grid--gutter-xlarge-s {
    gap: var(--core-grid-column-gap-s);
  }
}
@media (min-width: 992px) {
  .grid--gutter-large-s {
    gap: var(--core-grid-column-gap-s);
  }
}
@media (max-width: 991px) {
  .grid--gutter-medium-s {
    gap: var(--core-grid-column-gap-s);
  }
}
@media (max-width: 703px) {
  .grid--gutter-small-s {
    gap: var(--core-grid-column-gap-s);
  }
}
.grid--gutter-m {
  gap: var(--core-grid-column-gap-m);
}

@media (min-width: 1280px) {
  .grid--gutter-xlarge-m {
    gap: var(--core-grid-column-gap-m);
  }
}
@media (min-width: 992px) {
  .grid--gutter-large-m {
    gap: var(--core-grid-column-gap-m);
  }
}
@media (max-width: 991px) {
  .grid--gutter-medium-m {
    gap: var(--core-grid-column-gap-m);
  }
}
@media (max-width: 703px) {
  .grid--gutter-small-m {
    gap: var(--core-grid-column-gap-m);
  }
}
/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
.margin-0 {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-s {
  margin-bottom: var(--semantic-spacing-static-100);
}

.margin-bottom-m {
  margin-bottom: var(--semantic-spacing-static-200);
}

.margin-bottom-l {
  margin-bottom: var(--semantic-spacing-static-300);
}

.margin-bottom-xl {
  margin-bottom: var(--semantic-spacing-static-400);
}

.margin-bottom-2xl {
  margin-bottom: var(--semantic-spacing-static-600);
}

.margin-left-0 {
  margin-left: 0;
}

.margin-right-0 {
  margin-right: 0;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

table,
th,
td,
tr {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input,
button {
  font: inherit;
}

a {
  color: inherit;
}

figure {
  margin: 0;
  padding: 0;
}

small {
  font-size: inherit;
}

em,
address {
  font-style: normal;
}

i {
  font-style: normal;
}

ul,
ol {
  padding: 0;
  margin: 16px 0 12px 0;
}

@font-face {
  font-family: "Allianz Icons";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://base-components.cdn.allianz.com/fonts/allianz-icons/Allianz-Icons.woff2") format("woff2");
}
.icon:before,
.button__icon:before {
  font-family: "Allianz Icons";
}

code.hljs {
  display: block;
  line-height: 16px;
  font-size: 10pt;
  padding: 16px !important;
  background-color: var(--semantic-color-information-subtle-orange);
  color: var(--semantic-color-on-surface-primary-resting);
  border-radius: var(--semantic-border-radius-surface-m);
  width: 100%;
  scrollbar-width: thin;
  -moz-tab-size: 4;
  tab-size: 4;
  overflow-x: auto;
  margin-bottom: 24px;
}

code.hljs .hljs-string {
  color: var(--semantic-color-on-surface-primary-resting);
}