<header class="stage-faq">
  <div class="stage-faq__background stage-faq__background--kss-mint-10"></div>
  <div class="stage-faq__content-wrap">
    <div class="stage-faq__content">
      <div class="stage-faq__content-inner">
        <h1 class="headline headline--1 stage-faq__headline">Wie können wir helfen?</h1>
        <div class="stage-faq__anchors">
          <div class="stage-faq__anchors-inner"><a class="stage-faq__anchor" href="#rechner"><svg class="icon icon--rechner stage-faq__anchor-icon" viewBox="0 0 200 200">
                <use xlink:href="#icon-rechner"></use>
              </svg>
              <div class="stage-faq__anchor-text">Rechner &amp; Spenden</div>
            </a><a class="stage-faq__anchor" href="#kompensation"><svg class="icon icon--klimaschutz-2 stage-faq__anchor-icon" viewBox="0 0 200 200">
                <use xlink:href="#icon-klimaschutz-2"></use>
              </svg>
              <div class="stage-faq__anchor-text">Kompensation</div>
            </a><a class="stage-faq__anchor" href="#projekte"><svg class="icon icon--klimaschutz-2 stage-faq__anchor-icon" viewBox="0 0 200 200">
                <use xlink:href="#icon-klimaschutz-2"></use>
              </svg>
              <div class="stage-faq__anchor-text">Klimaschutzprojekte</div>
            </a><a class="stage-faq__anchor" href="#stiftung"><svg class="icon icon--info stage-faq__anchor-icon" viewBox="0 0 200 200">
                <use xlink:href="#icon-info"></use>
              </svg>
              <div class="stage-faq__anchor-text">Stiftung</div>
            </a><a class="stage-faq__anchor" href="#kompensationsrechner"><svg class="icon icon--klimaschutz-2 stage-faq__anchor-icon" viewBox="0 0 200 200">
                <use xlink:href="#icon-klimaschutz-2"></use>
              </svg>
              <div class="stage-faq__anchor-text">Klimawandel &amp; Klimaschutz</div>
            </a></div>
        </div>
      </div>
    </div>
  </div>
</header>

{
  "headline": {
    "size": 1,
    "level": 1,
    "text": "Wie können wir helfen?\n"
  },
  "picture": null,
  "backgroundColor": "kss-mint-10",
  "anchors": [
    {
      "icon": "rechner",
      "text": "Rechner & Spenden",
      "href": "#rechner"
    },
    {
      "icon": "klimaschutz-2",
      "text": "Kompensation",
      "href": "#kompensation"
    },
    {
      "icon": "klimaschutz-2",
      "text": "Klimaschutzprojekte",
      "href": "#projekte"
    },
    {
      "icon": "info",
      "text": "Stiftung",
      "href": "#stiftung"
    },
    {
      "icon": "klimaschutz-2",
      "text": "Klimawandel & Klimaschutz",
      "href": "#kompensationsrechner"
    }
  ]
}