/* Breakpoints */
.quiz__buttons .quiz__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) {
  .quiz__buttons .quiz__button {
    /* UI/XL-LG/Button_label_medium_light */
    font-size: 16px;
  }
}
.quiz-component {
  margin-block: var(--s-12);
}
.quiz__container {
  display: grid;
  grid-column-end: span 12;
  display: grid;
  grid-column-gap: var(--grid-gutter);
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (min-width: 1126px) {
  .quiz__container {
    grid-column-end: span 10;
    grid-column-start: 2;
    display: grid;
    grid-column-gap: var(--grid-gutter);
    grid-template-columns: repeat(10, 1fr);
  }
}
.quiz__title {
  color: var(--petrol8-petrol3);
  grid-column-end: span 12;
  margin-bottom: var(--s-7);
  width: -moz-fit-content;
  width: fit-content;
}
.quiz__title:focus-visible {
  outline: none;
  position: relative;
}
.quiz__title:focus-visible::after {
  border-radius: var(--CornerRadius-R-4);
  border: var(--Outline-2, 2px) solid var(--petrol8-grau1);
  bottom: -4px;
  content: "";
  display: block;
  left: -6px;
  position: absolute;
  right: -6px;
  top: -4px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
@media screen and (max-width: 750px) {
  .quiz__title {
    padding-left: var(--s-5);
    padding-right: var(--s-5);
  }
  .quiz__title:focus-visible::after {
    left: 6px;
    right: 6px;
  }
}
@media screen and (min-width: 751px) {
  .quiz__title {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1126px) {
  .quiz__title {
    grid-column-end: span 8;
  }
}
.quiz__questions {
  background-color: var(--petrol1-petrol10);
  display: flex;
  flex-direction: column;
  grid-column-end: span 12;
}
@media screen and (min-width: 751px) {
  .quiz__questions {
    display: grid;
    grid-column-gap: var(--grid-gutter);
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1126px) {
  .quiz__questions {
    border-radius: var(--CornerRadius-R-20);
    grid-column-end: span 10;
    display: grid;
    grid-column-gap: var(--grid-gutter);
    grid-template-columns: repeat(10, 1fr);
  }
}
.quiz__questions .newpar {
  grid-column-end: span 12;
}
@media screen and (min-width: 1126px) {
  .quiz__questions .newpar {
    grid-column-end: span 10;
  }
}
.quiz__buttons {
  display: flex;
  grid-column-end: 12;
  grid-column-start: 2;
  margin-bottom: var(--s-10);
  margin-top: var(--s-10);
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  .quiz__buttons {
    padding-left: var(--s-5);
    padding-right: var(--s-5);
  }
}
@media screen and (min-width: 1126px) {
  .quiz__buttons {
    grid-column-end: 10;
  }
}
.quiz__buttons .quiz__button {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 56px;
  max-width: -moz-max-content;
  max-width: max-content;
  outline: none;
  position: relative;
  color: white;
  border: none;
  z-index: 1;
  --position: 0;
  padding: var(--s-4) var(--s-7);
}
@media screen and (min-width: 751px) {
  .quiz__buttons .quiz__button {
    padding: var(--s-5) 32px;
  }
}
.quiz__buttons .quiz__button:hover {
  --position: -2px;
}
.quiz__buttons .quiz__button:disabled {
  color: var(--grau7-grau2);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.quiz__buttons .quiz__button:disabled::before {
  border: 1px solid var(--grau2-petrol9);
  background-color: var(--grau2-petrol9);
}
.quiz__buttons .quiz__button::before {
  content: "";
  position: absolute;
  inset: var(--position);
  background-color: var(--petrol8-petrol3);
  border: 1px solid var(--petrol8-petrol3);
  border-radius: 100px;
  transition: inset 0.15s ease-out;
  z-index: -1;
}
.quiz__buttons .quiz__button:focus-visible::before {
  outline: 2px solid var(--petrol8-weiss);
  outline-offset: 3px;
}
.quiz__buttons .quiz__button .button__label {
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .quiz.grid {
    width: 100%;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9xdWl6L3F1aXouYnVuZGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEI7RUFDRSxvQ0FBb0M7RUFDcEMsZUFBZTtFQUNmLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsY0FBYyxFQUFFLFNBQVM7QUFDM0I7QUFDQTtFQUNFO0lBQ0UsdUNBQXVDO0lBQ3ZDLGVBQWU7RUFDakI7QUFDRjtBQUVBO0VBQ0UseUJBQXlCO0FBQzNCO0FBRUE7RUFDRSxhQUFhO0VBQ2Isd0JBQXdCO0VBQ3hCLGFBQWE7RUFDYixtQ0FBbUM7RUFDbkMsc0NBQXNDO0FBQ3hDO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixvQkFBb0I7SUFDcEIsYUFBYTtJQUNiLG1DQUFtQztJQUNuQyxzQ0FBc0M7RUFDeEM7QUFDRjtBQUNBO0VBQ0UsNkJBQTZCO0VBQzdCLHdCQUF3QjtFQUN4Qix5QkFBeUI7RUFDekIsdUJBQWtCO0VBQWxCLGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0UsYUFBYTtFQUNiLGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0Usc0NBQXNDO0VBQ3RDLHdEQUF3RDtFQUN4RCxZQUFZO0VBQ1osV0FBVztFQUNYLGNBQWM7RUFDZCxVQUFVO0VBQ1Ysa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxTQUFTO0VBQ1Qsd0JBQXdCO0VBQ3hCLHNFQUFzRTtBQUN4RTtBQUNBO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIseUJBQXlCO0VBQzNCO0VBQ0E7SUFDRSxTQUFTO0lBQ1QsVUFBVTtFQUNaO0FBQ0Y7QUFDQTtFQUNFO0lBQ0Usd0JBQXdCO0lBQ3hCLG9CQUFvQjtFQUN0QjtBQUNGO0FBQ0E7RUFDRTtJQUNFLHVCQUF1QjtFQUN6QjtBQUNGO0FBQ0E7RUFDRSx5Q0FBeUM7RUFDekMsYUFBYTtFQUNiLHNCQUFzQjtFQUN0Qix3QkFBd0I7QUFDMUI7QUFDQTtFQUNFO0lBQ0UsYUFBYTtJQUNiLG1DQUFtQztJQUNuQyxzQ0FBc0M7RUFDeEM7QUFDRjtBQUNBO0VBQ0U7SUFDRSx1Q0FBdUM7SUFDdkMsd0JBQXdCO0lBQ3hCLGFBQWE7SUFDYixtQ0FBbUM7SUFDbkMsc0NBQXNDO0VBQ3hDO0FBQ0Y7QUFDQTtFQUNFLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0U7SUFDRSx3QkFBd0I7RUFDMUI7QUFDRjtBQUNBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixvQkFBb0I7RUFDcEIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2Qix5QkFBeUI7QUFDM0I7QUFDQTtFQUNFO0lBQ0Usd0JBQXdCO0lBQ3hCLHlCQUF5QjtFQUMzQjtBQUNGO0FBQ0E7RUFDRTtJQUNFLG1CQUFtQjtFQUNyQjtBQUNGO0FBQ0E7RUFDRSxlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsZ0JBQWdCO0VBQ2hCLDJCQUFzQjtFQUF0QixzQkFBc0I7RUFDdEIsYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osWUFBWTtFQUNaLFVBQVU7RUFDVixhQUFhO0VBQ2IsOEJBQThCO0FBQ2hDO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtFQUMxQjtBQUNGO0FBQ0E7RUFDRSxnQkFBZ0I7QUFDbEI7QUFDQTtFQUNFLHlCQUF5QjtFQUN6QixvQkFBb0I7RUFDcEIseUJBQWlCO0tBQWpCLHNCQUFpQjtVQUFqQixpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLHNDQUFzQztFQUN0QyxzQ0FBc0M7QUFDeEM7QUFDQTtFQUNFLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLHdDQUF3QztFQUN4Qyx3Q0FBd0M7RUFDeEMsb0JBQW9CO0VBQ3BCLGdDQUFnQztFQUNoQyxXQUFXO0FBQ2I7QUFDQTtFQUNFLHVDQUF1QztFQUN2QyxtQkFBbUI7QUFDckI7QUFDQTtFQUNFLFVBQVU7QUFDWjtBQUNBO0VBQ0U7SUFDRSxXQUFXO0VBQ2I7QUFDRiIsImZpbGUiOiIuLi8uLi91aS5hcHBzL3NyYy9tYWluL2pjcl9yb290L2FwcHMvcGZjaC9jbGllbnRsaWJzL2NvbXBvbmVudHMvcXVpei9xdWl6LmJ1bmRsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBCcmVha3BvaW50cyAqL1xuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbiB7XG4gIC8qIFVJL1NNL0J1dHRvbl9sYWJlbF9tZWRpdW1fbGlnaHQgKi9cbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxOyAvKiAxNHB4ICovXG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAucXVpel9fYnV0dG9ucyAucXVpel9fYnV0dG9uIHtcbiAgICAvKiBVSS9YTC1MRy9CdXR0b25fbGFiZWxfbWVkaXVtX2xpZ2h0ICovXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICB9XG59XG5cbi5xdWl6LWNvbXBvbmVudCB7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0tcy0xMik7XG59XG5cbi5xdWl6X19jb250YWluZXIge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTI7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtY29sdW1uLWdhcDogdmFyKC0tZ3JpZC1ndXR0ZXIpO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAucXVpel9fY29udGFpbmVyIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDI7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWNvbHVtbi1nYXA6IHZhcigtLWdyaWQtZ3V0dGVyKTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMCwgMWZyKTtcbiAgfVxufVxuLnF1aXpfX3RpdGxlIHtcbiAgY29sb3I6IHZhcigtLXBldHJvbDgtcGV0cm9sMyk7XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tcy03KTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xufVxuLnF1aXpfX3RpdGxlOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucXVpel9fdGl0bGU6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi00KTtcbiAgYm9yZGVyOiB2YXIoLS1PdXRsaW5lLTIsIDJweCkgc29saWQgdmFyKC0tcGV0cm9sOC1ncmF1MSk7XG4gIGJvdHRvbTogLTRweDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IC02cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC02cHg7XG4gIHRvcDogLTRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICBhbmltYXRpb246IGZvcndhcmRzIGFwcGVhciAxMDBtcyBjdWJpYy1iZXppZXIoMC4xNiwgMC42NjUsIDAuNjEsIDAuOTMpO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzUwcHgpIHtcbiAgLnF1aXpfX3RpdGxlIHtcbiAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLXMtNSk7XG4gICAgcGFkZGluZy1yaWdodDogdmFyKC0tcy01KTtcbiAgfVxuICAucXVpel9fdGl0bGU6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICAgIGxlZnQ6IDZweDtcbiAgICByaWdodDogNnB4O1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAucXVpel9fdGl0bGUge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMDtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMjtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5xdWl6X190aXRsZSB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDg7XG4gIH1cbn1cbi5xdWl6X19xdWVzdGlvbnMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wZXRyb2wxLXBldHJvbDEwKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEyO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLnF1aXpfX3F1ZXN0aW9ucyB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWNvbHVtbi1nYXA6IHZhcigtLWdyaWQtZ3V0dGVyKTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5xdWl6X19xdWVzdGlvbnMge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTIwKTtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWNvbHVtbi1nYXA6IHZhcigtLWdyaWQtZ3V0dGVyKTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMCwgMWZyKTtcbiAgfVxufVxuLnF1aXpfX3F1ZXN0aW9ucyAubmV3cGFyIHtcbiAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEyO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5xdWl6X19xdWVzdGlvbnMgLm5ld3BhciB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEwO1xuICB9XG59XG4ucXVpel9fYnV0dG9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtY29sdW1uLWVuZDogMTI7XG4gIGdyaWQtY29sdW1uLXN0YXJ0OiAyO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zLTEwKTtcbiAgbWFyZ2luLXRvcDogdmFyKC0tcy0xMCk7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NTBweCkge1xuICAucXVpel9fYnV0dG9ucyB7XG4gICAgcGFkZGluZy1sZWZ0OiB2YXIoLS1zLTUpO1xuICAgIHBhZGRpbmctcmlnaHQ6IHZhcigtLXMtNSk7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAucXVpel9fYnV0dG9ucyB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiAxMDtcbiAgfVxufVxuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC1oZWlnaHQ6IDU2cHg7XG4gIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHdoaXRlO1xuICBib3JkZXI6IG5vbmU7XG4gIHotaW5kZXg6IDE7XG4gIC0tcG9zaXRpb246IDA7XG4gIHBhZGRpbmc6IHZhcigtLXMtNCkgdmFyKC0tcy03KTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5xdWl6X19idXR0b25zIC5xdWl6X19idXR0b24ge1xuICAgIHBhZGRpbmc6IHZhcigtLXMtNSkgMzJweDtcbiAgfVxufVxuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbjpob3ZlciB7XG4gIC0tcG9zaXRpb246IC0ycHg7XG59XG4ucXVpel9fYnV0dG9ucyAucXVpel9fYnV0dG9uOmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyYXU3LWdyYXUyKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbjpkaXNhYmxlZDo6YmVmb3JlIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZ3JhdTItcGV0cm9sOSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyYXUyLXBldHJvbDkpO1xufVxuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbjo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogdmFyKC0tcG9zaXRpb24pO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wZXRyb2w4LXBldHJvbDMpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wZXRyb2w4LXBldHJvbDMpO1xuICBib3JkZXItcmFkaXVzOiAxMDBweDtcbiAgdHJhbnNpdGlvbjogaW5zZXQgMC4xNXMgZWFzZS1vdXQ7XG4gIHotaW5kZXg6IC0xO1xufVxuLnF1aXpfX2J1dHRvbnMgLnF1aXpfX2J1dHRvbjpmb2N1cy12aXNpYmxlOjpiZWZvcmUge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tcGV0cm9sOC13ZWlzcyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAzcHg7XG59XG4ucXVpel9fYnV0dG9ucyAucXVpel9fYnV0dG9uIC5idXR0b25fX2xhYmVsIHtcbiAgei1pbmRleDogMTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc1MHB4KSB7XG4gIC5xdWl6LmdyaWQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG59Il19 */