/*** Allianz One Breakpoints and Mixins ***/
.link {
  cursor: pointer;
  display: inline-flex;
  max-width: 100%;
  color: var(--link-primary-color-resting);
  font-weight: var(--link-m-text-font-weight);
  text-transform: initial;
  letter-spacing: var(--link-m-text-letter-spacing);
  line-height: var(--link-m-text-line-height);
  position: relative;
  transition: color 0.2s ease, box-shadow 0.2s ease;
  vertical-align: top;
  z-index: 1;
  border-radius: var(--semantic-border-radius-surface-s);
  outline: 0;
}
.link .link-label {
  text-decoration: var(--link-text-decoration-resting);
}
.link.plain .link-label {
  text-decoration: none;
}
.link.link--m {
  font-weight: var(--link-m-text-font-weight);
  line-height: var(--link-m-text-line-height);
  font-size: var(--link-m-text-font-size);
  letter-spacing: var(--link-m-text-letter-spacing);
}
.link.link--m .link__icon::before {
  font-size: var(--link-m-icon-size);
}
.link.link--s {
  font-weight: var(--link-s-text-font-weight);
  line-height: var(--link-s-text-line-height);
  font-size: var(--link-s-text-font-size);
  letter-spacing: var(--link-s-text-letter-spacing);
}
.link.link--s .link__icon::before {
  font-size: var(--link-s-icon-size);
}
.link.link--primary {
  color: var(--link-primary-color-resting);
}
.link.link--primary:hover {
  color: var(--link-primary-color-hover);
}
.link.link--primary:active {
  color: var(--link-primary-color-active);
}
.link.link--primary:disabled, .link.link--primary[aria-disabled] {
  color: var(--link-primary-color-disabled);
}
.link.link--secondary {
  color: var(--link-secondary-color-resting);
}
.link.link--secondary:hover {
  color: var(--link-secondary-color-hover);
}
.link.link--secondary:active {
  color: var(--link-secondary-color-active);
}
.link.link--secondary:disabled, .link.link--secondary[aria-disabled] {
  color: var(--link-secondary-color-disabled);
}
.link:hover, .link.link-overview--hover {
  color: var(--link-primary-color-hover);
}
.link:active, .link.link-overview--pressed {
  color: var(--link-primary-color-active);
}
.link.link--capitalize {
  text-transform: capitalize;
}
.link.link--ignore-case {
  text-transform: none;
}
.link:focus-visible {
  transition: color 0.2s ease, outline 0.2s ease;
  border-radius: 4px;
  outline: var(--semantic-border-width-focus) solid var(--semantic-color-border-focus);
  outline-offset: 2px;
}
.link .link__icon {
  vertical-align: top;
  line-height: inherit;
  float: left;
  display: inherit;
}
.link .link__icon::before {
  line-height: inherit;
  margin: 0 var(--link-gap) 0 0;
  font-size: var(--link-m-icon-size);
  display: inline-block;
  font-weight: initial;
}
.link.link--icon-right {
  text-align: right;
}
.link.link--icon-right .link__icon {
  float: right;
}
.link.link--icon-right .link__icon::before {
  margin: 0 0 0 var(--link-gap);
}
.link .link__text {
  display: flex;
  flex-direction: column;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.link--center {
  text-align: center;
  display: inline-block;
}
.link--center .link__icon {
  vertical-align: top;
  display: inline-block;
  float: none;
}
.link--center .link__text {
  display: inline;
}

.link--text {
  vertical-align: baseline;
  font-weight: var(--link-m-text-font-weight);
  text-transform: none;
  letter-spacing: normal;
  border-radius: var(--semantic-border-radius-surface-m);
}
.link--text:focus-visible {
  padding: 0;
}

.link.link--inverted,
.theme--inverted .link {
  color: var(--link-primary-inverse-color-resting);
}
.link.link--inverted:hover, .link.link--inverted.link-overview-inverted--hover,
.theme--inverted .link:hover,
.theme--inverted .link.link-overview-inverted--hover {
  color: var(--link-primary-inverse-color-hover);
}
.link.link--inverted:active, .link.link--inverted.link-overview-inverted--pressed,
.theme--inverted .link:active,
.theme--inverted .link.link-overview-inverted--pressed {
  color: var(--link-primary-inverse-color-active);
}
.link.link--inverted:disabled, .link.link--inverted[aria-disabled],
.theme--inverted .link:disabled,
.theme--inverted .link[aria-disabled] {
  color: var(--link-primary-inverse-color-disabled);
}
.link.link--inverted.link--primary,
.theme--inverted .link.link--primary {
  color: var(--link-primary-inverse-color-resting);
}
.link.link--inverted.link--primary:hover,
.theme--inverted .link.link--primary:hover {
  color: var(--link-primary-inverse-color-hover);
}
.link.link--inverted.link--primary:active,
.theme--inverted .link.link--primary:active {
  color: var(--link-primary-inverse-color-active);
}
.link.link--inverted.link--primary:disabled, .link.link--inverted.link--primary[aria-disabled],
.theme--inverted .link.link--primary:disabled,
.theme--inverted .link.link--primary[aria-disabled] {
  color: var(--link-primary-inverse-color-disabled);
}
.link.link--inverted.link--secondary,
.theme--inverted .link.link--secondary {
  color: var(--link-secondary-inverse-color-resting);
}
.link.link--inverted.link--secondary:hover,
.theme--inverted .link.link--secondary:hover {
  color: var(--link-secondary-inverse-color-hover);
}
.link.link--inverted.link--secondary:active,
.theme--inverted .link.link--secondary:active {
  color: var(--link-secondary-inverse-color-active);
}
.link.link--inverted.link--secondary:disabled, .link.link--inverted.link--secondary[aria-disabled],
.theme--inverted .link.link--secondary:disabled,
.theme--inverted .link.link--secondary[aria-disabled] {
  color: var(--link-secondary-inverse-color-disabled);
}

.link:disabled,
.link[aria-disabled] {
  cursor: not-allowed;
  color: var(--link-primary-inverse-color-disabled);
  position: relative;
}
.link:disabled:focus,
.link[aria-disabled]:focus {
  outline: none;
  box-shadow: none;
}

one-link {
  min-height: 24px;
  height: auto;
  display: block;
}
one-link[data-inline=true] {
  display: initial;
}