<div class="textbox textbox--dgb-blue-light">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": null,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-blue-light"
}

<div class="textbox t-dark textbox--dgb-blue">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": true,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-blue"
}

<div class="textbox textbox--dgb-green-light">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": null,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-green-light"
}

<div class="textbox t-dark textbox--dgb-green">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": true,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-green"
}

<div class="textbox textbox--dgb-red">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": null,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-red"
}

<div class="textbox textbox--dgb-yellow">
  <div class="text">
    <h3 class="headline headline--4">This is a level 3 headline</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et <a class="link link--internal" href="#">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Hier weiterlesen</span></a>
  </div>
</div>

{
  "dark": null,
  "text": {
    "content": [
      "+include('@headline--headline-4', {\n  text: 'This is a level 3 headline',\n  level: 3\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='#') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@icon-link--left', {\n  text: 'Hier weiterlesen',\n  link: '#',\n  left: true,\n  icon: 'arrow-right'\n})\n"
    ]
  },
  "background": "dgb-yellow"
}