/* Breakpoints */
.quiz-component {
  margin-block: var(--s-12, 64px);
}
.quiz__container {
  display: grid;
  grid-column-end: span 12;
  display: grid;
  grid-column-gap: var(--grid-gutter, 16px);
  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, 16px);
    grid-template-columns: repeat(10, 1fr);
  }
}
.quiz__title {
  color: var(--typeface-petrol8-petrol3, #004B5A);
  grid-column-end: span 12;
  margin-bottom: var(--s-7, 32px);
  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, 4px);
  border: var(--FlyingFocus-Outline-2, 2px) solid var(--flying-focus-petrol8-grau1, #004B5A);
  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, 16px);
    padding-right: var(--s-5, 16px);
  }
  .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(--container-petrol1-petrol10, #00292E);
  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, 16px);
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1126px) {
  .quiz__questions {
    border-radius: var(--CornerRadius-R-20, 20px);
    grid-column-end: span 10;
    display: grid;
    grid-column-gap: var(--grid-gutter, 16px);
    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, 48px);
  margin-top: var(--s-10, 48px);
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  .quiz__buttons {
    padding-left: var(--s-5, 16px);
    padding-right: var(--s-5, 16px);
  }
}
@media screen and (min-width: 1126px) {
  .quiz__buttons {
    grid-column-end: 10;
  }
}
@media screen and (max-width: 900px) {
  .quiz.grid {
    width: 100%;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9xdWl6L3F1aXouYnVuZGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEI7RUFDRSwrQkFBK0I7QUFDakM7QUFFQTtFQUNFLGFBQWE7RUFDYix3QkFBd0I7RUFDeEIsYUFBYTtFQUNiLHlDQUF5QztFQUN6QyxzQ0FBc0M7QUFDeEM7QUFDQTtFQUNFO0lBQ0Usd0JBQXdCO0lBQ3hCLG9CQUFvQjtJQUNwQixhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLHNDQUFzQztFQUN4QztBQUNGO0FBQ0E7RUFDRSwrQ0FBK0M7RUFDL0Msd0JBQXdCO0VBQ3hCLCtCQUErQjtFQUMvQix1QkFBa0I7RUFBbEIsa0JBQWtCO0FBQ3BCO0FBQ0E7RUFDRSxhQUFhO0VBQ2Isa0JBQWtCO0FBQ3BCO0FBQ0E7RUFDRSwyQ0FBMkM7RUFDM0MsMEZBQTBGO0VBQzFGLFlBQVk7RUFDWixXQUFXO0VBQ1gsY0FBYztFQUNkLFVBQVU7RUFDVixrQkFBa0I7RUFDbEIsV0FBVztFQUNYLFNBQVM7RUFDVCx3QkFBd0I7RUFDeEIsc0VBQXNFO0FBQ3hFO0FBQ0E7RUFDRTtJQUNFLDhCQUE4QjtJQUM5QiwrQkFBK0I7RUFDakM7RUFDQTtJQUNFLFNBQVM7SUFDVCxVQUFVO0VBQ1o7QUFDRjtBQUNBO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsdUJBQXVCO0VBQ3pCO0FBQ0Y7QUFDQTtFQUNFLDREQUE0RDtFQUM1RCxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0U7SUFDRSxhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLHNDQUFzQztFQUN4QztBQUNGO0FBQ0E7RUFDRTtJQUNFLDZDQUE2QztJQUM3Qyx3QkFBd0I7SUFDeEIsYUFBYTtJQUNiLHlDQUF5QztJQUN6QyxzQ0FBc0M7RUFDeEM7QUFDRjtBQUNBO0VBQ0Usd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtFQUMxQjtBQUNGO0FBQ0E7RUFDRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLG9CQUFvQjtFQUNwQixnQ0FBZ0M7RUFDaEMsNkJBQTZCO0VBQzdCLHlCQUF5QjtBQUMzQjtBQUNBO0VBQ0U7SUFDRSw4QkFBOEI7SUFDOUIsK0JBQStCO0VBQ2pDO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsV0FBVztFQUNiO0FBQ0YiLCJmaWxlIjoiLi4vLi4vdWkuYXBwcy9zcmMvbWFpbi9qY3Jfcm9vdC9hcHBzL3BmY2gvY2xpZW50bGlicy9jb21wb25lbnRzL3F1aXovcXVpei5idW5kbGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogQnJlYWtwb2ludHMgKi9cbi5xdWl6LWNvbXBvbmVudCB7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0tcy0xMiwgNjRweCk7XG59XG5cbi5xdWl6X19jb250YWluZXIge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTI7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtY29sdW1uLWdhcDogdmFyKC0tZ3JpZC1ndXR0ZXIsIDE2cHgpO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAucXVpel9fY29udGFpbmVyIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDI7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWNvbHVtbi1nYXA6IHZhcigtLWdyaWQtZ3V0dGVyLCAxNnB4KTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMCwgMWZyKTtcbiAgfVxufVxuLnF1aXpfX3RpdGxlIHtcbiAgY29sb3I6IHZhcigtLXR5cGVmYWNlLXBldHJvbDgtcGV0cm9sMywgIzAwNEI1QSk7XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tcy03LCAzMnB4KTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xufVxuLnF1aXpfX3RpdGxlOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucXVpel9fdGl0bGU6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi00LCA0cHgpO1xuICBib3JkZXI6IHZhcigtLUZseWluZ0ZvY3VzLU91dGxpbmUtMiwgMnB4KSBzb2xpZCB2YXIoLS1mbHlpbmctZm9jdXMtcGV0cm9sOC1ncmF1MSwgIzAwNEI1QSk7XG4gIGJvdHRvbTogLTRweDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IC02cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC02cHg7XG4gIHRvcDogLTRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICBhbmltYXRpb246IGZvcndhcmRzIGFwcGVhciAxMDBtcyBjdWJpYy1iZXppZXIoMC4xNiwgMC42NjUsIDAuNjEsIDAuOTMpO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzUwcHgpIHtcbiAgLnF1aXpfX3RpdGxlIHtcbiAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLXMtNSwgMTZweCk7XG4gICAgcGFkZGluZy1yaWdodDogdmFyKC0tcy01LCAxNnB4KTtcbiAgfVxuICAucXVpel9fdGl0bGU6Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICAgIGxlZnQ6IDZweDtcbiAgICByaWdodDogNnB4O1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAucXVpel9fdGl0bGUge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMDtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMjtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5xdWl6X190aXRsZSB7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDg7XG4gIH1cbn1cbi5xdWl6X19xdWVzdGlvbnMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb250YWluZXItcGV0cm9sMS1wZXRyb2wxMCwgIzAwMjkyRSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5xdWl6X19xdWVzdGlvbnMge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiB2YXIoLS1ncmlkLWd1dHRlciwgMTZweCk7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMTIsIDFmcik7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAucXVpel9fcXVlc3Rpb25zIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi0yMCwgMjBweCk7XG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDEwO1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiB2YXIoLS1ncmlkLWd1dHRlciwgMTZweCk7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMTAsIDFmcik7XG4gIH1cbn1cbi5xdWl6X19xdWVzdGlvbnMgLm5ld3BhciB7XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAucXVpel9fcXVlc3Rpb25zIC5uZXdwYXIge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMDtcbiAgfVxufVxuLnF1aXpfX2J1dHRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWNvbHVtbi1lbmQ6IDEyO1xuICBncmlkLWNvbHVtbi1zdGFydDogMjtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tcy0xMCwgNDhweCk7XG4gIG1hcmdpbi10b3A6IHZhcigtLXMtMTAsIDQ4cHgpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzUwcHgpIHtcbiAgLnF1aXpfX2J1dHRvbnMge1xuICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcy01LCAxNnB4KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiB2YXIoLS1zLTUsIDE2cHgpO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMTI2cHgpIHtcbiAgLnF1aXpfX2J1dHRvbnMge1xuICAgIGdyaWQtY29sdW1uLWVuZDogMTA7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDkwMHB4KSB7XG4gIC5xdWl6LmdyaWQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG59Il19 */