/* Breakpoints */
.button {
  /* UI/SM/Button_label_medium_light */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1; /* 14px */
}
@media screen and (min-width: 751px) {
  .button {
    /* UI/XL-LG/Button_label_medium_light */
    font-size: 16px;
  }
}
.button-component {
  margin-bottom: var(--s-12, 16px);
  margin-top: var(--s-8, 16px);
}
.button-component + .button-component {
  margin-top: 0;
}
.button-component:has(+ .button-component) {
  margin-bottom: var(--s-5);
}
.button {
  align-items: center;
  background-color: var(--postfinancegelb);
  border-radius: var(--CornerRadius-R-100, 100px);
  border: none;
  color: var(--petrol);
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-height: 56px;
  max-width: -moz-max-content;
  max-width: max-content;
  outline-offset: -3px;
  outline: 3px solid var(--postfinancegelb);
  padding: var(--s-4, 12px) var(--s-7, 24px);
  position: relative;
  transition: outline-offset 0.15s ease-out, transform 0.1s ease-in-out;
  grid-column-end: span 12;
}
@media screen and (min-width: 751px) {
  .button {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1126px) {
  .button {
    grid-column-end: span 8;
    grid-column-start: 3;
  }
}
@media screen and (min-width: 751px) {
  .button {
    padding: var(--s-5, 16px) 32px;
  }
}
.button:focus-visible {
  outline: none;
  position: relative;
}
.button:focus-visible::after {
  border-radius: var(--CornerRadius-R-4, 4px);
  border: var(--FlyingFocus-Outline-2, 2px) solid var(--flying-focus-petrol8-petrol3, #004B5A);
  bottom: -4px;
  content: "";
  display: block;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
.button:hover {
  cursor: pointer;
  outline-offset: -1px;
  color: var(--petrol);
}
.button:hover .button__icon {
  animation: buttonicontotop 300ms ease-in-out;
}
.button:hover::before {
  background-color: inherit;
}
.button:not(:hover) .button__icon {
  animation: buttonicontobottom 300ms ease-in-out;
}
.button:disabled, .button--disabled {
  background-color: var(--container-grau2-petrol9, #E6E6E6);
  border: 1px solid var(--supporting-colors-grau5-grau4, #999);
  color: var(--supporting-colors-grau7-grau2, #666);
  cursor: not-allowed;
  outline: none !important;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button:disabled::before, .button--disabled::before {
  display: none;
}
.button--petrol {
  background-color: var(--petrol);
  color: var(--typeface-weiss-grau1, #FFF);
  outline: 3px solid var(--petrol);
}
.button--petrol:hover {
  color: var(--typeface-weiss-grau1, #FFF);
}
.button--white {
  background-color: var(--weiss);
  outline: 3px solid var(--weiss);
}
@media (prefers-color-scheme: light) {
  .button--white {
    outline: 1px solid var(--petrol) !important;
    outline-offset: -1px;
  }
}
@media (prefers-color-scheme: light) {
  .button--white:hover {
    outline-offset: 1px;
  }
}
.button--grey {
  background-color: var(--button-grau1-petrol10-default-fuhlung, #F8F8F8);
  outline: 1px solid var(--button-grau7-petrol8);
}
.button--reverse {
  flex-direction: row-reverse;
}
.button--full-width {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 751px) {
  .button--full-width {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.button::before {
  background-color: transparent;
  border-radius: var(--CornerRadius-R-100, 100px);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}
.button:focus-visible::after {
  border-radius: var(--CornerRadius-R-100, 100px);
}
.button__label {
  padding-block: var(--s-2, 4px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button__label + svg {
  margin-left: var(--s-3, 8px);
}
.button__icon-wrapper {
  overflow: hidden;
  height: 16px;
  width: 16px;
}
.button__icon-wrapper + span {
  margin-left: var(--s-3, 8px);
}
.button__icon {
  stroke: currentColor;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmJ1bmRsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCO0VBQ0Usb0NBQW9DO0VBQ3BDLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGNBQWMsRUFBRSxTQUFTO0FBQzNCO0FBQ0E7RUFDRTtJQUNFLHVDQUF1QztJQUN2QyxlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLGdDQUFnQztFQUNoQyw0QkFBNEI7QUFDOUI7QUFDQTtFQUNFLGFBQWE7QUFDZjtBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsd0NBQXdDO0VBQ3hDLCtDQUErQztFQUMvQyxZQUFZO0VBQ1osb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtFQUNoQiwyQkFBc0I7RUFBdEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQix5Q0FBeUM7RUFDekMsMENBQTBDO0VBQzFDLGtCQUFrQjtFQUNsQixxRUFBcUU7RUFDckUsd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsOEJBQThCO0VBQ2hDO0FBQ0Y7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLDJDQUEyQztFQUMzQyw0RkFBNEY7RUFDNUYsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEU7QUFDQTtFQUNFLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsb0JBQW9CO0FBQ3RCO0FBQ0E7RUFDRSw0Q0FBNEM7QUFDOUM7QUFDQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEO0FBQ0E7RUFDRSx5REFBeUQ7RUFDekQsNERBQTREO0VBQzVELGlEQUFpRDtFQUNqRCxtQkFBbUI7RUFDbkIsd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQix5QkFBaUI7S0FBakIsc0JBQWlCO1VBQWpCLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSwrQkFBK0I7RUFDL0Isd0NBQXdDO0VBQ3hDLGdDQUFnQztBQUNsQztBQUNBO0VBQ0Usd0NBQXdDO0FBQzFDO0FBQ0E7RUFDRSw4QkFBOEI7RUFDOUIsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRTtJQUNFLDJDQUEyQztJQUMzQyxvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSxtQkFBbUI7RUFDckI7QUFDRjtBQUNBO0VBQ0UsdUVBQXVFO0VBQ3ZFLDhDQUE4QztBQUNoRDtBQUNBO0VBQ0UsMkJBQTJCO0FBQzdCO0FBQ0E7RUFDRSxlQUFlO0VBQ2YsV0FBVztBQUNiO0FBQ0E7RUFDRTtJQUNFLDJCQUFzQjtJQUF0QixzQkFBc0I7RUFDeEI7QUFDRjtBQUNBO0VBQ0UsNkJBQTZCO0VBQzdCLCtDQUErQztFQUMvQyxXQUFXO0VBQ1gsUUFBUTtFQUNSLGtCQUFrQjtFQUNsQixXQUFXO0FBQ2I7QUFDQTtFQUNFLCtDQUErQztBQUNqRDtBQUNBO0VBQ0UsOEJBQThCO0VBQzlCLHlCQUFpQjtLQUFqQixzQkFBaUI7VUFBakIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSw0QkFBNEI7QUFDOUI7QUFDQTtFQUNFLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osV0FBVztBQUNiO0FBQ0E7RUFDRSw0QkFBNEI7QUFDOUI7QUFDQTtFQUNFLG9CQUFvQjtBQUN0QiIsImZpbGUiOiIuLi8uLi91aS5hcHBzL3NyYy9tYWluL2pjcl9yb290L2FwcHMvcGZjaC9jbGllbnRsaWJzL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5idW5kbGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogQnJlYWtwb2ludHMgKi9cbi5idXR0b24ge1xuICAvKiBVSS9TTS9CdXR0b25fbGFiZWxfbWVkaXVtX2xpZ2h0ICovXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMTsgLyogMTRweCAqL1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbiB7XG4gICAgLyogVUkvWEwtTEcvQnV0dG9uX2xhYmVsX21lZGl1bV9saWdodCAqL1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxufVxuXG4uYnV0dG9uLWNvbXBvbmVudCB7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLXMtMTIsIDE2cHgpO1xuICBtYXJnaW4tdG9wOiB2YXIoLS1zLTgsIDE2cHgpO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgKyAuYnV0dG9uLWNvbXBvbmVudCB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4uYnV0dG9uLWNvbXBvbmVudDpoYXMoKyAuYnV0dG9uLWNvbXBvbmVudCkge1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zLTUpO1xufVxuXG4uYnV0dG9uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcG9zdGZpbmFuY2VnZWxiKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwLCAxMDBweCk7XG4gIGJvcmRlcjogbm9uZTtcbiAgY29sb3I6IHZhcigtLXBldHJvbCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC1oZWlnaHQ6IDU2cHg7XG4gIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0tcG9zdGZpbmFuY2VnZWxiKTtcbiAgcGFkZGluZzogdmFyKC0tcy00LCAxMnB4KSB2YXIoLS1zLTcsIDI0cHgpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb246IG91dGxpbmUtb2Zmc2V0IDAuMTVzIGVhc2Utb3V0LCB0cmFuc2Zvcm0gMC4xcyBlYXNlLWluLW91dDtcbiAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEyO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbiB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEwO1xuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAyO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMTI2cHgpIHtcbiAgLmJ1dHRvbiB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDg7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDM7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24ge1xuICAgIHBhZGRpbmc6IHZhcigtLXMtNSwgMTZweCkgMzJweDtcbiAgfVxufVxuLmJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmJ1dHRvbjpmb2N1cy12aXNpYmxlOjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTQsIDRweCk7XG4gIGJvcmRlcjogdmFyKC0tRmx5aW5nRm9jdXMtT3V0bGluZS0yLCAycHgpIHNvbGlkIHZhcigtLWZseWluZy1mb2N1cy1wZXRyb2w4LXBldHJvbDMsICMwMDRCNUEpO1xuICBib3R0b206IC00cHg7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiAtNHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAtNHB4O1xuICB0b3A6IC00cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgYW5pbWF0aW9uOiBmb3J3YXJkcyBhcHBlYXIgMTAwbXMgY3ViaWMtYmV6aWVyKDAuMTYsIDAuNjY1LCAwLjYxLCAwLjkzKTtcbn1cbi5idXR0b246aG92ZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBjb2xvcjogdmFyKC0tcGV0cm9sKTtcbn1cbi5idXR0b246aG92ZXIgLmJ1dHRvbl9faWNvbiB7XG4gIGFuaW1hdGlvbjogYnV0dG9uaWNvbnRvdG9wIDMwMG1zIGVhc2UtaW4tb3V0O1xufVxuLmJ1dHRvbjpob3Zlcjo6YmVmb3JlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbn1cbi5idXR0b246bm90KDpob3ZlcikgLmJ1dHRvbl9faWNvbiB7XG4gIGFuaW1hdGlvbjogYnV0dG9uaWNvbnRvYm90dG9tIDMwMG1zIGVhc2UtaW4tb3V0O1xufVxuLmJ1dHRvbjpkaXNhYmxlZCwgLmJ1dHRvbi0tZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb250YWluZXItZ3JhdTItcGV0cm9sOSwgI0U2RTZFNik7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXN1cHBvcnRpbmctY29sb3JzLWdyYXU1LWdyYXU0LCAjOTk5KTtcbiAgY29sb3I6IHZhcigtLXN1cHBvcnRpbmctY29sb3JzLWdyYXU3LWdyYXUyLCAjNjY2KTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4uYnV0dG9uOmRpc2FibGVkOjpiZWZvcmUsIC5idXR0b24tLWRpc2FibGVkOjpiZWZvcmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmJ1dHRvbi0tcGV0cm9sIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGV0cm9sKTtcbiAgY29sb3I6IHZhcigtLXR5cGVmYWNlLXdlaXNzLWdyYXUxLCAjRkZGKTtcbiAgb3V0bGluZTogM3B4IHNvbGlkIHZhcigtLXBldHJvbCk7XG59XG4uYnV0dG9uLS1wZXRyb2w6aG92ZXIge1xuICBjb2xvcjogdmFyKC0tdHlwZWZhY2Utd2Vpc3MtZ3JhdTEsICNGRkYpO1xufVxuLmJ1dHRvbi0td2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13ZWlzcyk7XG4gIG91dGxpbmU6IDNweCBzb2xpZCB2YXIoLS13ZWlzcyk7XG59XG5AbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkge1xuICAuYnV0dG9uLS13aGl0ZSB7XG4gICAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLXBldHJvbCkgIWltcG9ydGFudDtcbiAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgfVxufVxuQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogbGlnaHQpIHtcbiAgLmJ1dHRvbi0td2hpdGU6aG92ZXIge1xuICAgIG91dGxpbmUtb2Zmc2V0OiAxcHg7XG4gIH1cbn1cbi5idXR0b24tLWdyZXkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tZ3JhdTEtcGV0cm9sMTAtZGVmYXVsdC1mdWhsdW5nLCAjRjhGOEY4KTtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLWJ1dHRvbi1ncmF1Ny1wZXRyb2w4KTtcbn1cbi5idXR0b24tLXJldmVyc2Uge1xuICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG59XG4uYnV0dG9uLS1mdWxsLXdpZHRoIHtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24tLWZ1bGwtd2lkdGgge1xuICAgIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIH1cbn1cbi5idXR0b246OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi0xMDAsIDEwMHB4KTtcbiAgY29udGVudDogXCJcIjtcbiAgaW5zZXQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG59XG4uYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwLCAxMDBweCk7XG59XG4uYnV0dG9uX19sYWJlbCB7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXMtMiwgNHB4KTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4uYnV0dG9uX19sYWJlbCArIHN2ZyB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS1zLTMsIDhweCk7XG59XG4uYnV0dG9uX19pY29uLXdyYXBwZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xufVxuLmJ1dHRvbl9faWNvbi13cmFwcGVyICsgc3BhbiB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS1zLTMsIDhweCk7XG59XG4uYnV0dG9uX19pY29uIHtcbiAgc3Ryb2tlOiBjdXJyZW50Q29sb3I7XG59Il19 */