{{^customContent}}
  <div class="c-flyoutNavigation">

    <div class="c-flyoutNavigation__close">
     <button>
        <img src="/SiteGlobals/Frontend/Images/icons/layer_close_blue.svg?__blob=normal&amp;v=3" alt="Schließen"/>
     </button>
   </div>

    <div class="c-breadcrumb c-breadcrumb--flyout">
      <ol class="row align-middle">


        {{#home}}
          <li class="columns shrink c-breadcrumb__li c-breadcrumb__li--flyout">
            {{#isActive}}
              <strong><img src="/SiteGlobals/Frontend/Images/icons/home-b.svg?__blob=normal&amp;v=3" alt="Startseite"/></strong>
            {{/isActive}}
            {{^isActive}}
              <a href="{{href}}"><img src="/SiteGlobals/Frontend/Images/icons/home-b.svg?__blob=normal&amp;v=3" alt="Startseite"/></a>
            {{/isActive}}

          </li>
        {{/home}}

        {{#parentNodes}}

          <li class="columns shrink c-breadcrumb__li c-breadcrumb__li--flyout">
            <a href="{{href}}" class="flyout-link" data-nn="{{nn}}" data-direction="rightoutside">{{{title}}}</a>
         </li>

        {{/parentNodes}}

        {{#activeNode}}
          <li class="columns shrink c-breadcrumb__li c-breadcrumb__li--flyout">
            <span>{{{title}}}</span>
         </li>
        {{/activeNode}}

      </ol>
   </div>

    <div class="slideWrapper">
      <div class="slideContainer">

        <ul class="row large-up-3 c-flyoutNavigation__ulNavList">
          {{#overviewLink}}
              <li class="column">
                {{#isActive}}
                  <strong class="c-flyoutNavigation__linkbox c-flyoutNavigation__linkbox--active c-flyoutNavigation__linkbox--overview">im Überblick</strong>
                {{/isActive}}

                {{^isActive}}
                  <a href="{{href}}" class="c-flyoutNavigation__linkbox c-flyoutNavigation__linkbox--overview">im Überblick</a>
                {{/isActive}}
              </li>
          {{/overviewLink}}


          {{#childNodes}}

            {{#hasChilds}}
              <li class="column">

                <a href="{{href}}" class="flyout-link c-flyoutNavigation__linkbox" data-nn="{{nn}}" data-direction="leftoutside">{{{title}}} <img
                        src="/SiteGlobals/Frontend/Images/icons/link_pfeil_schwarz.svg?__blob=normal&amp;v=2"
                        alt="Untermenü"/></a>

             </li>
            {{/hasChilds}}


            {{^hasChilds}}
              <li class="column">


                {{#isActive}}
                  <strong class="c-flyoutNavigation__linkbox c-flyoutNavigation__linkbox--active">{{{title}}}</strong>
                {{/isActive}}

                {{^isActive}}
                  <a href="{{href}}" class="c-flyoutNavigation__linkbox">{{{title}}}</a>
                {{/isActive}}

              </li>
            {{/hasChilds}}
          {{/childNodes}}
        </ul>
     </div>
   </div>
 </div>
{{/customContent}}
{{#customContent}}
  <div class="c-flyoutNavigation c-flyoutNavigation--nogradient">

    <div class="c-flyoutNavigation__close">
     <button>
        <img src="/SiteGlobals/Frontend/Images/icons/layer_close_blue.svg?__blob=normal&amp;v=3" alt="Schließen"/>
     </button>
   </div>

    {{{customContent}}}

  </div>
{{/customContent}}