<section class="glossary">
  <div class="glossary__items">
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--A"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>A</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/aardvark">Aardvark</a></li>
        <li class="glossary__term"><a class="link" href="/aardwolf">Aardwolf</a></li>
        <li class="glossary__term"><a class="link" href="/abyssinian">Abyssinian</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--B"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>B</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/baboon">Baboon</a></li>
        <li class="glossary__term"><a class="link" href="/badger">Badger</a></li>
        <li class="glossary__term"><a class="link" href="/balinese">Balinese</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--C"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>C</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/capybara">Capybara</a></li>
        <li class="glossary__term"><a class="link" href="/caracal">Caracal</a></li>
        <li class="glossary__term"><a class="link" href="/cheetah">Cheetah</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--D"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>D</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/dove">Dove</a></li>
        <li class="glossary__term"><a class="link" href="/dragonfly">Dragonfly</a></li>
        <li class="glossary__term"><a class="link" href="/duck">Duck</a></li>
        <li class="glossary__term"><a class="link" href="/deer">Deer</a></li>
        <li class="glossary__term"><a class="link" href="/dolphin">Dolphin</a></li>
        <li class="glossary__term"><a class="link" href="/donkey">Donkey</a></li>
        <li class="glossary__term"><a class="link" href="/dovekie">Dovekie</a></li>
        <li class="glossary__term"><a class="link" href="/dugong">Dugong</a></li>
        <li class="glossary__term"><a class="link" href="/dunnock">Dunnock</a></li>
        <li class="glossary__term"><a class="link" href="/dusky-dolphin">Dusky Dolphin with a name that is a bit longer</a></li>
        <div class="u-collapse" aria-expanded="false" id="glossary-collapse--D">
          <li class="glossary__term"><a class="link" href="/dachshund">Dachshund</a></li>
          <li class="glossary__term"><a class="link" href="/dalmatian">Dalmatian</a></li>
          <li class="glossary__term"><a class="link" href="/dingo">Dingo</a></li>
          <li class="glossary__term"><a class="link" href="/deer">Deer</a></li>
          <li class="glossary__term"><a class="link" href="/dolphin">Dolphin</a></li>
          <li class="glossary__term"><a class="link" href="/donkey">Donkey</a></li>
          <li class="glossary__term"><a class="link" href="/dovekie">Dovekie</a></li>
          <li class="glossary__term"><a class="link" href="/dugong">Dugong</a></li>
          <li class="glossary__term"><a class="link" href="/dunnock">Dunnock</a></li>
          <li class="glossary__term"><a class="link" href="/dusky-dolphin">Dusky Dolphin</a></li>
        </div><button class="glossary__collapse" type="button" aria-controls="glossary-collapse--D">
          <div class="glossary__collapse-icon--opened"><svg class="icon icon--plus" viewBox="0 0 200 200">
              <use xlink:href="#icon-plus"></use>
            </svg><span>Alle anzeigen</span></div>
          <div class="glossary__collapse-icon--closed"><svg class="icon icon--minus" viewBox="0 0 200 200">
              <use xlink:href="#icon-minus"></use>
            </svg><span>Weniger anzeigen</span></div>
        </button>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--E"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>E</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/eagle">Eagle</a></li>
        <li class="glossary__term"><a class="link" href="/elephant">Elephant</a></li>
        <li class="glossary__term"><a class="link" href="/emu">Emu</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--F"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>F</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/falcon">Falcon</a></li>
        <li class="glossary__term"><a class="link" href="/flamingo">Flamingo</a></li>
        <li class="glossary__term"><a class="link" href="/fox">Fox</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--G"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>G</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/gazelle">Gazelle</a></li>
        <li class="glossary__term"><a class="link" href="/giraffe">Giraffe</a></li>
        <li class="glossary__term"><a class="link" href="/gorilla">Gorilla</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--H"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>H</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/hedgehog">Hedgehog</a></li>
        <li class="glossary__term"><a class="link" href="/hippopotamus">Hippopotamus</a></li>
        <li class="glossary__term"><a class="link" href="/hummingbird">Hummingbird</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--I"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>I</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/iguana">Iguana</a></li>
        <li class="glossary__term"><a class="link" href="/impala">Impala</a></li>
        <li class="glossary__term"><a class="link" href="/indri">Indri</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--J"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>J</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/jackal">Jackal</a></li>
        <li class="glossary__term"><a class="link" href="/jaguar">Jaguar</a></li>
        <li class="glossary__term"><a class="link" href="/jellyfish">Jellyfish</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--K"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>K</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/kangaroo">Kangaroo</a></li>
        <li class="glossary__term"><a class="link" href="/koala">Koala</a></li>
        <li class="glossary__term"><a class="link" href="/komodo-dragon">Komodo Dragon</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--L"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>L</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/lemur">Lemur</a></li>
        <li class="glossary__term"><a class="link" href="/lion">Lion</a></li>
        <li class="glossary__term"><a class="link" href="/llama">Llama</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--M"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>M</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/macaw">Macaw</a></li>
        <li class="glossary__term"><a class="link" href="/manatee">Manatee</a></li>
        <li class="glossary__term"><a class="link" href="/meerkat">Meerkat</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--N"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>N</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/narwhal">Narwhal</a></li>
        <li class="glossary__term"><a class="link" href="/newt">Newt</a></li>
        <li class="glossary__term"><a class="link" href="/nightingale">Nightingale</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--O"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>O</span></h2>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--P"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>P</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/panda">Panda</a></li>
        <li class="glossary__term"><a class="link" href="/peacock">Peacock</a></li>
        <li class="glossary__term"><a class="link" href="/penguin">Penguin</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--Q"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>Q</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/quail">Quail</a></li>
        <li class="glossary__term"><a class="link" href="/quokka">Quokka</a></li>
        <li class="glossary__term"><a class="link" href="/quoll">Quoll</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--R"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>R</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/rabbit">Rabbit</a></li>
        <li class="glossary__term"><a class="link" href="/raccoon">Raccoon</a></li>
        <li class="glossary__term"><a class="link" href="/rhinoceros">Rhinoceros</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--S"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>S</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/salamander">Salamander</a></li>
        <li class="glossary__term"><a class="link" href="/seahorse">Seahorse</a></li>
        <li class="glossary__term"><a class="link" href="/sloth">Sloth</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--T"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>T</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/tiger">Tiger</a></li>
        <li class="glossary__term"><a class="link" href="/toucan">Toucan</a></li>
        <li class="glossary__term"><a class="link" href="/turtle">Turtle</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--U"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>U</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/uakari">Uakari</a></li>
        <li class="glossary__term"><a class="link" href="/uguisu">Uguisu</a></li>
        <li class="glossary__term"><a class="link" href="/umbrellabird">Umbrellabird</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--V"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>V</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/vicuna">Vicuña</a></li>
        <li class="glossary__term"><a class="link" href="/vulture">Vulture</a></li>
        <li class="glossary__term"><a class="link" href="/vervet-monkey">Vervet Monkey</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--W"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>W</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/wallaby">Wallaby</a></li>
        <li class="glossary__term"><a class="link" href="/walrus">Walrus</a></li>
        <li class="glossary__term"><a class="link" href="/warthog">Warthog</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--X"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>X</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/x-ray-tetra">X-Ray Tetra</a></li>
        <li class="glossary__term"><a class="link" href="/xerus">Xerus</a></li>
        <li class="glossary__term"><a class="link" href="/xenops">Xenops</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--Y"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>Y</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/yak">Yak</a></li>
        <li class="glossary__term"><a class="link" href="/yellowhammer">Yellowhammer</a></li>
        <li class="glossary__term"><a class="link" href="/yorkshire-terrier">Yorkshire Terrier</a></li>
      </ul>
    </div>
    <div class="glossary__item">
      <h2 class="headline headline--2 glossary__letter" id="glossary--Z"><span class="u-hidden-visually">Begriffe mit dem Buchstaben {' '}</span><span>Z</span></h2>
      <ul class="glossary__terms">
        <li class="glossary__term"><a class="link" href="/zebra">Zebra</a></li>
        <li class="glossary__term"><a class="link" href="/zebu">Zebu</a></li>
        <li class="glossary__term"><a class="link" href="/zonkey">Zonkey</a></li>
      </ul>
    </div>
  </div>
</section>

{
  "items": [
    {
      "letter": "A",
      "links": [
        {
          "text": "Aardvark",
          "link": "/aardvark"
        },
        {
          "text": "Aardwolf",
          "link": "/aardwolf"
        },
        {
          "text": "Abyssinian",
          "link": "/abyssinian"
        }
      ]
    },
    {
      "letter": "B",
      "links": [
        {
          "text": "Baboon",
          "link": "/baboon"
        },
        {
          "text": "Badger",
          "link": "/badger"
        },
        {
          "text": "Balinese",
          "link": "/balinese"
        }
      ]
    },
    {
      "letter": "C",
      "links": [
        {
          "text": "Capybara",
          "link": "/capybara"
        },
        {
          "text": "Caracal",
          "link": "/caracal"
        },
        {
          "text": "Cheetah",
          "link": "/cheetah"
        }
      ]
    },
    {
      "letter": "D",
      "links": [
        {
          "text": "Dove",
          "link": "/dove"
        },
        {
          "text": "Dragonfly",
          "link": "/dragonfly"
        },
        {
          "text": "Duck",
          "link": "/duck"
        },
        {
          "text": "Deer",
          "link": "/deer"
        },
        {
          "text": "Dolphin",
          "link": "/dolphin"
        },
        {
          "text": "Donkey",
          "link": "/donkey"
        },
        {
          "text": "Dovekie",
          "link": "/dovekie"
        },
        {
          "text": "Dugong",
          "link": "/dugong"
        },
        {
          "text": "Dunnock",
          "link": "/dunnock"
        },
        {
          "text": "Dusky Dolphin with a name that is a bit longer",
          "link": "/dusky-dolphin"
        },
        {
          "text": "Dachshund",
          "link": "/dachshund"
        },
        {
          "text": "Dalmatian",
          "link": "/dalmatian"
        },
        {
          "text": "Dingo",
          "link": "/dingo"
        },
        {
          "text": "Deer",
          "link": "/deer"
        },
        {
          "text": "Dolphin",
          "link": "/dolphin"
        },
        {
          "text": "Donkey",
          "link": "/donkey"
        },
        {
          "text": "Dovekie",
          "link": "/dovekie"
        },
        {
          "text": "Dugong",
          "link": "/dugong"
        },
        {
          "text": "Dunnock",
          "link": "/dunnock"
        },
        {
          "text": "Dusky Dolphin",
          "link": "/dusky-dolphin"
        }
      ]
    },
    {
      "letter": "E",
      "links": [
        {
          "text": "Eagle",
          "link": "/eagle"
        },
        {
          "text": "Elephant",
          "link": "/elephant"
        },
        {
          "text": "Emu",
          "link": "/emu"
        }
      ]
    },
    {
      "letter": "F",
      "links": [
        {
          "text": "Falcon",
          "link": "/falcon"
        },
        {
          "text": "Flamingo",
          "link": "/flamingo"
        },
        {
          "text": "Fox",
          "link": "/fox"
        }
      ]
    },
    {
      "letter": "G",
      "links": [
        {
          "text": "Gazelle",
          "link": "/gazelle"
        },
        {
          "text": "Giraffe",
          "link": "/giraffe"
        },
        {
          "text": "Gorilla",
          "link": "/gorilla"
        }
      ]
    },
    {
      "letter": "H",
      "links": [
        {
          "text": "Hedgehog",
          "link": "/hedgehog"
        },
        {
          "text": "Hippopotamus",
          "link": "/hippopotamus"
        },
        {
          "text": "Hummingbird",
          "link": "/hummingbird"
        }
      ]
    },
    {
      "letter": "I",
      "links": [
        {
          "text": "Iguana",
          "link": "/iguana"
        },
        {
          "text": "Impala",
          "link": "/impala"
        },
        {
          "text": "Indri",
          "link": "/indri"
        }
      ]
    },
    {
      "letter": "J",
      "links": [
        {
          "text": "Jackal",
          "link": "/jackal"
        },
        {
          "text": "Jaguar",
          "link": "/jaguar"
        },
        {
          "text": "Jellyfish",
          "link": "/jellyfish"
        }
      ]
    },
    {
      "letter": "K",
      "links": [
        {
          "text": "Kangaroo",
          "link": "/kangaroo"
        },
        {
          "text": "Koala",
          "link": "/koala"
        },
        {
          "text": "Komodo Dragon",
          "link": "/komodo-dragon"
        }
      ]
    },
    {
      "letter": "L",
      "links": [
        {
          "text": "Lemur",
          "link": "/lemur"
        },
        {
          "text": "Lion",
          "link": "/lion"
        },
        {
          "text": "Llama",
          "link": "/llama"
        }
      ]
    },
    {
      "letter": "M",
      "links": [
        {
          "text": "Macaw",
          "link": "/macaw"
        },
        {
          "text": "Manatee",
          "link": "/manatee"
        },
        {
          "text": "Meerkat",
          "link": "/meerkat"
        }
      ]
    },
    {
      "letter": "N",
      "links": [
        {
          "text": "Narwhal",
          "link": "/narwhal"
        },
        {
          "text": "Newt",
          "link": "/newt"
        },
        {
          "text": "Nightingale",
          "link": "/nightingale"
        }
      ]
    },
    {
      "letter": "O"
    },
    {
      "letter": "P",
      "links": [
        {
          "text": "Panda",
          "link": "/panda"
        },
        {
          "text": "Peacock",
          "link": "/peacock"
        },
        {
          "text": "Penguin",
          "link": "/penguin"
        }
      ]
    },
    {
      "letter": "Q",
      "links": [
        {
          "text": "Quail",
          "link": "/quail"
        },
        {
          "text": "Quokka",
          "link": "/quokka"
        },
        {
          "text": "Quoll",
          "link": "/quoll"
        }
      ]
    },
    {
      "letter": "R",
      "links": [
        {
          "text": "Rabbit",
          "link": "/rabbit"
        },
        {
          "text": "Raccoon",
          "link": "/raccoon"
        },
        {
          "text": "Rhinoceros",
          "link": "/rhinoceros"
        }
      ]
    },
    {
      "letter": "S",
      "links": [
        {
          "text": "Salamander",
          "link": "/salamander"
        },
        {
          "text": "Seahorse",
          "link": "/seahorse"
        },
        {
          "text": "Sloth",
          "link": "/sloth"
        }
      ]
    },
    {
      "letter": "T",
      "links": [
        {
          "text": "Tiger",
          "link": "/tiger"
        },
        {
          "text": "Toucan",
          "link": "/toucan"
        },
        {
          "text": "Turtle",
          "link": "/turtle"
        }
      ]
    },
    {
      "letter": "U",
      "links": [
        {
          "text": "Uakari",
          "link": "/uakari"
        },
        {
          "text": "Uguisu",
          "link": "/uguisu"
        },
        {
          "text": "Umbrellabird",
          "link": "/umbrellabird"
        }
      ]
    },
    {
      "letter": "V",
      "links": [
        {
          "text": "Vicuña",
          "link": "/vicuna"
        },
        {
          "text": "Vulture",
          "link": "/vulture"
        },
        {
          "text": "Vervet Monkey",
          "link": "/vervet-monkey"
        }
      ]
    },
    {
      "letter": "W",
      "links": [
        {
          "text": "Wallaby",
          "link": "/wallaby"
        },
        {
          "text": "Walrus",
          "link": "/walrus"
        },
        {
          "text": "Warthog",
          "link": "/warthog"
        }
      ]
    },
    {
      "letter": "X",
      "links": [
        {
          "text": "X-Ray Tetra",
          "link": "/x-ray-tetra"
        },
        {
          "text": "Xerus",
          "link": "/xerus"
        },
        {
          "text": "Xenops",
          "link": "/xenops"
        }
      ]
    },
    {
      "letter": "Y",
      "links": [
        {
          "text": "Yak",
          "link": "/yak"
        },
        {
          "text": "Yellowhammer",
          "link": "/yellowhammer"
        },
        {
          "text": "Yorkshire Terrier",
          "link": "/yorkshire-terrier"
        }
      ]
    },
    {
      "letter": "Z",
      "links": [
        {
          "text": "Zebra",
          "link": "/zebra"
        },
        {
          "text": "Zebu",
          "link": "/zebu"
        },
        {
          "text": "Zonkey",
          "link": "/zonkey"
        }
      ]
    }
  ]
}