/* 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;
  gap: var(--s-3, 8px);
}
.buttonrich__info-text {
  color: var(--typeface-petrol8-petrol3, #A6D8D9);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b25yaWNoL2J1dHRvbnJpY2guYnVuZGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEI7RUFDRSxrQkFBa0I7RUFDbEIsZUFBZTtFQUNmLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLG9DQUFvQztFQUNwQyxlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixjQUFjLEVBQUUsU0FBUztBQUMzQjtBQUNBO0VBQ0U7SUFDRSx1Q0FBdUM7SUFDdkMsZUFBZTtFQUNqQjtBQUNGO0FBRUE7RUFDRSxvQkFBb0I7QUFDdEI7QUFFQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtFQUN0QjtBQUNGO0FBQ0E7RUFDRSx1QkFBdUI7RUFDdkIsOENBQThDO0VBQzlDLGVBQWU7RUFDZixhQUFhO0VBQ2IsV0FBVztFQUNYLHNCQUFzQjtFQUN0QixxQkFBcUI7RUFDckIsdUJBQXVCO0VBQ3ZCLDBDQUEwQztFQUMxQyx5Q0FBeUM7QUFDM0M7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLDJDQUEyQztFQUMzQywwRkFBMEY7RUFDMUYsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEU7QUFDQTtFQUNFLHlEQUF5RDtBQUMzRDtBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBQ0E7O0VBRUUsMkNBQTJDO0FBQzdDO0FBQ0E7RUFDRSxtQ0FBbUM7QUFDckM7QUFDQTtFQUNFLHdDQUF3QztBQUMxQztBQUNBOztFQUVFLG9CQUFvQjtBQUN0QjtBQUNBO0VBQ0UscUJBQXFCO0VBQ3JCLGFBQWE7RUFDYixlQUFlO0FBQ2pCO0FBQ0E7RUFDRSw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2IseUJBQXlCO0VBQ3pCLG9CQUFvQjtBQUN0QjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEIiwiZmlsZSI6Ii4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b25yaWNoL2J1dHRvbnJpY2guYnVuZGxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJyZWFrcG9pbnRzICovXG4uYnV0dG9ucmljaF9fdGV4dC1zdWJ0aXRsZSB7XG4gIC8qIFNNL1BfMTZfbGlnaHQgKi9cbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxNjAlO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbnJpY2hfX3RleHQtc3VidGl0bGUge1xuICAgIC8qIE1EL0xHL1hML1BfMThfbGlnaHQgKi9cbiAgICBmb250LXNpemU6IDE4cHg7XG4gIH1cbn1cblxuLmJ1dHRvbnJpY2hfX2luZm8tdGV4dCB7XG4gIC8qIFVJL1NNL0J1dHRvbl9sYWJlbF9tZWRpdW1fbGlnaHQgKi9cbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxOyAvKiAxNHB4ICovXG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9ucmljaF9faW5mby10ZXh0IHtcbiAgICAvKiBVSS9YTC1MRy9CdXR0b25fbGFiZWxfbWVkaXVtX2xpZ2h0ICovXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICB9XG59XG5cbi5idXR0b25yaWNoLWNvbXBvbmVudCB7XG4gIG1hcmdpbjogdmFyKC0tcy05KSAwO1xufVxuXG4uYnV0dG9ucmljaCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tcy03LCAzMnB4KTtcbiAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEyO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbnJpY2gge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMDtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMjtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5idXR0b25yaWNoIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gODtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMztcbiAgfVxufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tY29ybmVyLXJhZGl1cy1yLTIwLCAyMHB4KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxIDAgMDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiB2YXIoLS1zLTcsIDMycHgpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogdmFyKC0tcy03LCAzMnB4KSB2YXIoLS1zLTYsIDI0cHgpO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDMwMG1zIGxpbmVhcjtcbn1cbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lcjpmb2N1cy12aXNpYmxlOjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTQsIDRweCk7XG4gIGJvcmRlcjogdmFyKC0tRmx5aW5nRm9jdXMtT3V0bGluZS0yLCAycHgpIHNvbGlkIHZhcigtLWZseWluZy1mb2N1cy1wZXRyb2w4LWdyYXUxLCAjMDA0QjVBKTtcbiAgYm90dG9tOiAtNXB4O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGVmdDogLTVweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogLTVweDtcbiAgdG9wOiAtNXB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gIGFuaW1hdGlvbjogZm9yd2FyZHMgYXBwZWFyIDEwMG1zIGN1YmljLWJlemllcigwLjE2LCAwLjY2NSwgMC42MSwgMC45Myk7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lcjpmb2N1cy12aXNpYmxlOjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tQ29ybmVyUmFkaXVzLVItMjAsIDIwcHgpICsgNXB4KTtcbn1cbi5idXR0b25yaWNoX190b3AtY29udGFpbmVyLnBldHJvbCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXBldHJvbCk7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lci5wZXRyb2wgLmJ1dHRvbnJpY2hfX3RleHQtdGl0bGUsXG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lci5wZXRyb2wgLmJ1dHRvbnJpY2hfX3RleHQtc3VidGl0bGUge1xuICBjb2xvcjogdmFyKC0tdHlwZWZhY2Utd2Vpc3MtZ3JhdTEsICNGOEY4RjgpO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIucGV0cm9sOmhvdmVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tcGV0cm9sOSwgIzAwMzczRCk7XG59XG4uYnV0dG9ucmljaF9fdG9wLWNvbnRhaW5lci55ZWxsb3cge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wb3N0ZmluYW5jZWdlbGIpO1xufVxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIueWVsbG93IC5idXR0b25yaWNoX190ZXh0LXRpdGxlLFxuLmJ1dHRvbnJpY2hfX3RvcC1jb250YWluZXIueWVsbG93IC5idXR0b25yaWNoX190ZXh0LXN1YnRpdGxlIHtcbiAgY29sb3I6IHZhcigtLXBldHJvbCk7XG59XG4uYnV0dG9ucmljaF9fdGV4dCB7XG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xufVxuLmJ1dHRvbnJpY2hfX3RleHQtdGl0bGUge1xuICBtYXJnaW4tcmlnaHQ6IHZhcigtLXMtNiwgMjRweCk7XG59XG4uYnV0dG9ucmljaF9faW5mbyB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIGdhcDogdmFyKC0tcy0zLCA4cHgpO1xufVxuLmJ1dHRvbnJpY2hfX2luZm8tdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS10eXBlZmFjZS1wZXRyb2w4LXBldHJvbDMsICNBNkQ4RDkpO1xufSJdfQ== */