/* Breakpoints */
.buttonrich__text-subtitle {
  /* SM/P_16_light */
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .buttonrich__text-subtitle {
    /* MD/LG/XL/P_18_light */
    font-size: 18px;
  }
}
.buttonrich__info-text {
  /* 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) {
  .buttonrich__info-text {
    /* UI/XL-LG/Button_label_medium_light */
    font-size: 16px;
  }
}
.buttonrich-component {
  margin: var(--s-9) 0;
}
.buttonrich {
  display: flex;
  flex-direction: column;
  gap: var(--s-7, 32px);
  grid-column-end: span 12;
}
@media screen and (min-width: 751px) {
  .buttonrich {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1126px) {
  .buttonrich {
    grid-column-end: span 8;
    grid-column-start: 3;
  }
}
.buttonrich__top-container {
  align-items: flex-start;
  border-radius: var(--corner-radius-r-20, 20px);
  cursor: pointer;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--s-7, 32px);
  justify-content: center;
  padding: var(--s-7, 32px) var(--s-6, 24px);
  transition: background-color 300ms linear;
}
.buttonrich__top-container:focus-visible {
  outline: none;
  position: relative;
}
.buttonrich__top-container:focus-visible::after {
  border-radius: var(--CornerRadius-R-4, 4px);
  border: var(--FlyingFocus-Outline-2, 2px) solid var(--flying-focus-petrol8-grau1, #004B5A);
  bottom: -5px;
  content: "";
  display: block;
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
.buttonrich__top-container:focus-visible::after {
  border-radius: calc(var(--CornerRadius-R-20, 20px) + 5px);
}
.buttonrich__top-container.petrol {
  background: var(--petrol);
}
.buttonrich__top-container.petrol .buttonrich__text-title,
.buttonrich__top-container.petrol .buttonrich__text-subtitle {
  color: var(--typeface-weiss-grau1, #F8F8F8);
}
.buttonrich__top-container.petrol:hover {
  background: var(--petrol9, #00373D);
}
.buttonrich__top-container.yellow {
  background-color: var(--postfinancegelb);
}
.buttonrich__top-container.yellow .buttonrich__text-title,
.buttonrich__top-container.yellow .buttonrich__text-subtitle {
  color: var(--petrol);
}
.buttonrich__text {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
}
.buttonrich__text-title {
  margin-right: var(--s-6, 24px);
}
.buttonrich__info {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.buttonrich__info-text {
  color: var(--typeface-petrol8-petrol3, #A6D8D9);
}
.buttonrich__info-button {
  height: 24px;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b25yaWNoL2J1dHRvbnJpY2guYnVuZGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEI7RUFDRSxrQkFBa0I7RUFDbEIsZUFBZTtFQUNmLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLG9DQUFvQztFQUNwQyxlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixjQUFjLEVBQUUsU0FBUztBQUMzQjtBQUNBO0VBQ0U7SUFDRSx1Q0FBdUM7SUFDdkMsZUFBZTtFQUNqQjtBQUNGO0FBRUE7RUFDRSxvQkFBb0I7QUFDdEI7QUFFQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtFQUN0QjtBQUNGO0FBQ0E7RUFDRSx1QkFBdUI7RUFDdkIsOENBQThDO0VBQzlDLGVBQWU7RUFDZixhQUFhO0VBQ2IsV0FBVztFQUNYLHNCQUFzQjtFQUN0QixxQkFBcUI7RUFDckIsdUJBQXVCO0VBQ3ZCLDBDQUEwQztFQUMxQyx5Q0FBeUM7QUFDM0M7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLDJDQUEyQztFQUMzQywwRkFBMEY7RUFDMUYsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEU7QUFDQTtFQUNFLHlEQUF5RDtBQUMzRDtBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBQ0E7O0VBRUUsMkNBQTJDO0FBQzdDO0FBQ0E7RUFDRSxtQ0FBbUM7QUFDckM7QUFDQTtFQUNFLHdDQUF3QztBQUMxQztBQUNBOztFQUVFLG9CQUFvQjtBQUN0QjtBQUNBO0VBQ0UscUJBQXFCO0VBQ3JCLGFBQWE7RUFDYixlQUFlO0FBQ2pCO0FBQ0E7RUFDRSw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2IseUJBQXlCO0FBQzNCO0FBQ0E7RUFDRSwrQ0FBK0M7QUFDakQ7QUFDQTtFQUNFLFlBQVk7QUFDZCIsImZpbGUiOiIuLi8uLi91aS5hcHBzL3NyYy9tYWluL2pjcl9yb290L2FwcHMvcGZjaC9jbGllbnRsaWJzL2NvbXBvbmVudHMvYnV0dG9ucmljaC9idXR0b25yaWNoLmJ1bmRsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBCcmVha3BvaW50cyAqL1xuLmJ1dHRvbnJpY2hfX3RleHQtc3VidGl0bGUge1xuICAvKiBTTS9QXzE2X2xpZ2h0ICovXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMTYwJTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b25yaWNoX190ZXh0LXN1YnRpdGxlIHtcbiAgICAvKiBNRC9MRy9YTC9QXzE4X2xpZ2h0ICovXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICB9XG59XG5cbi5idXR0b25yaWNoX19pbmZvLXRleHQge1xuICAvKiBVSS9TTS9CdXR0b25fbGFiZWxfbWVkaXVtX2xpZ2h0ICovXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMTsgLyogMTRweCAqL1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbnJpY2hfX2luZm8tdGV4dCB7XG4gICAgLyogVUkvWEwtTEcvQnV0dG9uX2xhYmVsX21lZGl1bV9saWdodCAqL1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxufVxuXG4uYnV0dG9ucmljaC1jb21wb25lbnQge1xuICBtYXJnaW46IHZhcigtLXMtOSkgMDtcbn1cblxuLmJ1dHRvbnJpY2gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IHZhcigtLXMtNywgMzJweCk7XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b25yaWNoIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDI7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAuYnV0dG9ucmljaCB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDg7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDM7XG4gIH1cbn1cbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyIHtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWNvcm5lci1yYWRpdXMtci0yMCwgMjBweCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMSAwIDA7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tcy03LCAzMnB4KTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IHZhcigtLXMtNywgMzJweCkgdmFyKC0tcy02LCAyNHB4KTtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAzMDBtcyBsaW5lYXI7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lcjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXI6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi00LCA0cHgpO1xuICBib3JkZXI6IHZhcigtLUZseWluZ0ZvY3VzLU91dGxpbmUtMiwgMnB4KSBzb2xpZCB2YXIoLS1mbHlpbmctZm9jdXMtcGV0cm9sOC1ncmF1MSwgIzAwNEI1QSk7XG4gIGJvdHRvbTogLTVweDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IC01cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC01cHg7XG4gIHRvcDogLTVweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICBhbmltYXRpb246IGZvcndhcmRzIGFwcGVhciAxMDBtcyBjdWJpYy1iZXppZXIoMC4xNiwgMC42NjUsIDAuNjEsIDAuOTMpO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXI6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLUNvcm5lclJhZGl1cy1SLTIwLCAyMHB4KSArIDVweCk7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lci5wZXRyb2wge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIucGV0cm9sIC5idXR0b25yaWNoX190ZXh0LXRpdGxlLFxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIucGV0cm9sIC5idXR0b25yaWNoX190ZXh0LXN1YnRpdGxlIHtcbiAgY29sb3I6IHZhcigtLXR5cGVmYWNlLXdlaXNzLWdyYXUxLCAjRjhGOEY4KTtcbn1cbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyLnBldHJvbDpob3ZlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXBldHJvbDksICMwMDM3M0QpO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIueWVsbG93IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcG9zdGZpbmFuY2VnZWxiKTtcbn1cbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyLnllbGxvdyAuYnV0dG9ucmljaF9fdGV4dC10aXRsZSxcbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyLnllbGxvdyAuYnV0dG9ucmljaF9fdGV4dC1zdWJ0aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbnJpY2hfX3RleHQge1xuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cbi5idXR0b25yaWNoX190ZXh0LXRpdGxlIHtcbiAgbWFyZ2luLXJpZ2h0OiB2YXIoLS1zLTYsIDI0cHgpO1xufVxuLmJ1dHRvbnJpY2hfX2luZm8ge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuLmJ1dHRvbnJpY2hfX2luZm8tdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS10eXBlZmFjZS1wZXRyb2w4LXBldHJvbDMsICNBNkQ4RDkpO1xufVxuLmJ1dHRvbnJpY2hfX2luZm8tYnV0dG9uIHtcbiAgaGVpZ2h0OiAyNHB4O1xufSJdfQ== */