<div class="quiz js-quiz quiz--green">
  <div class="quiz__kicker">Quiz</div>
  <div class="quiz__question">
    <div class="text">
      <p><b>Frage Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie.</b></p>
    </div>
  </div>
  <div class="quiz__answers">
    <div class="quiz__answer" data-correct="false">
      <div class="quiz__answer-text">Antwort A</div>
      <div class="quiz__answer-detail">
        <div class="text text--small">
          <p>Optional: Detailbeschreibung</p>
        </div>
      </div>
      <div class="quiz__answer-explanation">
        <div class="text text--small">
          <p>Erklärung hier. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue <a class="link" href="#">optionaler Link</a></p>
        </div>
      </div>
    </div>
    <div class="quiz__answer" data-correct="true">
      <div class="quiz__answer-text">Antwort B</div>
      <div class="quiz__answer-explanation">
        <div class="text text--small">
          <p>Erklärung hier. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue <a class="link" href="#">optionaler Link</a></p>
        </div>
      </div>
    </div>
    <div class="quiz__answer" data-correct="false">
      <div class="quiz__answer-text">Antwort C</div>
      <div class="quiz__answer-explanation">
        <div class="text text--small">
          <p>Erklärung hier.</p>
        </div>
      </div>
    </div>
    <div class="quiz__answer" data-correct="false">
      <div class="quiz__answer-text">Antwort D</div>
      <div class="quiz__answer-explanation">
        <div class="text text--small">
          <p>Erklärung hier.</p>
        </div>
      </div>
    </div>
  </div>
</div>

{
  "backgroundColor": "green",
  "kicker": "Quiz",
  "question": {
    "content": [
      "p #[b Frage Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie.]\n"
    ]
  },
  "answers": [
    {
      "answerText": "Antwort A",
      "answerCorrect": null,
      "answerDetail": {
        "content": [
          "p Optional: Detailbeschreibung\n"
        ]
      },
      "answerExplanation": {
        "content": [
          "p Erklärung hier. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue #[a(href=\"#\", class=\"link\") optionaler Link]\n"
        ]
      }
    },
    {
      "answerText": "Antwort B",
      "answerCorrect": true,
      "answerDetail": null,
      "answerExplanation": {
        "content": [
          "p Erklärung hier. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue #[a(href=\"#\", class=\"link\") optionaler Link]\n"
        ]
      }
    },
    {
      "answerText": "Antwort C",
      "answerCorrect": null,
      "answerDetail": null,
      "answerExplanation": {
        "content": [
          "p Erklärung hier.\n"
        ]
      }
    },
    {
      "answerText": "Antwort D",
      "answerCorrect": null,
      "answerDetail": null,
      "answerExplanation": {
        "content": [
          "p Erklärung hier.\n"
        ]
      }
    }
  ]
}