Footer

<footer class="o-footer">

    <div class="footer__row footer__row--membership">
        <div class="footer__row__content">

            <div class="o-teaser teaser--footer">

                <div class="teaser__content">

                    <div class="teaser__text">
                        Ausgezeichneter Service, beste Leistungen und flexible Wahltarife: Werden Sie BARMER Mitglied.

                    </div>

                    <div class="teaser__button-wrapper">
                        <a class="a-btn btn--conversion" href="" title="">
                            Zum Antragsformular
                        </a>

                    </div>

                </div>

            </div>

            <div class="o-teaser teaser--footer">

                <div class="teaser__content">

                    <div class="teaser__text">
                        Zufrieden mit uns?
                        Weiter empfehlen und Prämie erhalten.

                    </div>

                    <div class="teaser__button-wrapper">
                        <a class="a-btn btn--secondary" href="" title="">
                            Jetzt Prämie sichern
                        </a>

                    </div>

                </div>

            </div>

        </div>
    </div>

    <nav class="footer__row footer__row--navigation">
        <div class="footer__row__content">
            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        Über uns
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Die Barmer
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Verwaltungsrat
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Vorstand
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Leistungserbringer
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Partner
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        Portale
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Presse
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Politik
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Karriere
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Mitgliedermagazin
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Firmenkunden
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Institut für Gesundheitssystemforschung
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        International
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Deutsch
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            English
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        Barrierefreiheit
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Barriere melden
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Leichte Sprache
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Gebärdensprache
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Erklärung zur Barrierefreiheit
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        International
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Deutsch
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            English
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--navigation">

                <h4 class="list__headline">
                    <a href="http://zdf.de" class="a-link ">
                        Barrierefreiheit
                    </a>

                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Barriere melden
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Leichte Sprache
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Gebärdensprache
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Erklärung zur Barrierefreiheit
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--socialmedia">

                <h4 class="list__headline">
                    Die Barmer auf:
                </h4>

                <ul class="a-list-basic list--social-icon">
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--facebook" aria-hidden="true"></i>
                        </a>

                    </li>
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--twitter" aria-hidden="true"></i>
                        </a>

                    </li>
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--instagram" aria-hidden="true"></i>
                        </a>

                    </li>
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--youtube" aria-hidden="true"></i>
                        </a>

                    </li>
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--linkedin" aria-hidden="true"></i>
                        </a>

                    </li>
                    <li class="list__item ">
                        <a class="a-btn btn--socialmedia" href="#" title="">
                            <i class="a-icon icon--xing" aria-hidden="true"></i>
                        </a>

                    </li>
                </ul>

            </div>

        </div>
    </nav>

    <div class="footer__row footer__row--metainfo">
        <div class="footer__row__content">
            <div class="footer__column footer__column--copyright">
                <ul class="a-list-basic ">
                    <li class="list__item ">
                        © Barmer 2020.
                    </li>
                    <li class="list__item ">
                        Alle Rechte vorbehalten.
                    </li>
                </ul>

            </div>
            <div class="footer__column footer__column--metanav">
                <ul class="a-list-basic ">
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Impressum
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Nutzungsbedingungen
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Datenschutz
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            Fragen zum Online-Angebot
                        </a>

                    </li>
                    <li class="list__item ">
                        <a href="https://www.barmer.de/" class="a-link link--with-icon-left">
                            <i class="a-icon icon--leaf" aria-hidden="true"></i>&nbsp;<span class="link__inner">CO2-neutrale Website</span>
                        </a>

                    </li>
                </ul>

            </div>
        </div>
    </div>

</footer>
<footer class="o-footer">
  {{#switches.isReduced}}
    {{#switches.hasAdditional}}
      <div class="footer__additional">
        {{render (stringToPartial partials.additional.includedItemType) partials.additional.item merge=true }}
      </div>
    {{/switches.hasAdditional}}
  {{/switches.isReduced}}

  {{^ switches.isReduced }}
    <div class="footer__row footer__row--membership">
      <div class="footer__row__content">
        {{ render '@teaser--footer' partials.teaserForm merge=true }}
        {{ render '@teaser--footer' partials.teaserPrime merge=true }}
      </div>
    </div>


    <nav class="footer__row footer__row--navigation">
      <div class="footer__row__content">
        {{ render '@list--navigation' partials.aboutUs merge=true }}
        {{ render '@list--navigation' partials.portal merge=true }}
        {{ render '@list--navigation' partials.international merge=true }}
        {{ render '@list--navigation' partials.accessibility merge=true }}
        {{ render '@list--navigation' partials.international merge=true }}
        {{ render '@list--navigation' partials.accessibility merge=true }}

        {{ render '@list--social-media' merge=true }}
      </div>
    </nav>
  {{/switches.isReduced}}

  <div class="footer__row footer__row--metainfo">
    <div class="footer__row__content">
    <div class="footer__column footer__column--copyright">
      {{ render '@list-basic' partials.copyright merge=true }}
      </div>
      <div class="footer__column footer__column--metanav">
      {{ render '@list-basic--linklist' partials.metanav merge=true }}
      </div>
    </div>
  </div>

</footer>
{
  "switches": {},
  "viewtypes": {},
  "content": {},
  "partials": {
    "teaserForm": {
      "switches": {},
      "viewtypes": {},
      "content": {},
      "partials": {
        "teaserText": {
          "content": {
            "text": "Ausgezeichneter Service, beste Leistungen und flexible Wahltarife: Werden Sie BARMER Mitglied."
          }
        },
        "button": {
          "switches": {},
          "viewtypes": {
            "specifier": "btn--conversion"
          },
          "content": {
            "label": "Zum Antragsformular"
          }
        }
      }
    },
    "teaserPrime": {
      "switches": {
        "isLinkable": false,
        "hasTeaserImage": false,
        "hasTeaserContentWrapper": true
      },
      "viewtypes": {},
      "content": {},
      "partials": {
        "teaserText": {
          "content": {
            "text": "Zufrieden mit uns?\nWeiter empfehlen und Prämie erhalten."
          }
        },
        "button": {
          "switches": {},
          "viewtypes": {
            "specifier": "btn--secondary"
          },
          "content": {
            "label": "Jetzt Prämie sichern"
          }
        }
      }
    },
    "aboutUs": {
      "partials": {
        "headline": {
          "content": {
            "text": "Über uns"
          }
        },
        "list": {
          "switches": {},
          "content": {},
          "partials": {
            "listitems": [
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Die Barmer"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Verwaltungsrat"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Vorstand"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Leistungserbringer"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Partner"
                    }
                  }
                }
              }
            ]
          }
        }
      }
    },
    "portal": {
      "partials": {
        "headline": {
          "content": {
            "text": "Portale"
          }
        },
        "list": {
          "content": {},
          "partials": {
            "listitems": [
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Presse"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Politik"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Karriere"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Mitgliedermagazin"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Firmenkunden"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Institut für Gesundheitssystemforschung"
                    }
                  }
                }
              }
            ]
          }
        }
      }
    },
    "international": {
      "partials": {
        "headline": {
          "content": {
            "text": "International"
          }
        },
        "list": {
          "content": {},
          "partials": {
            "listitems": [
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Deutsch"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "English"
                    }
                  }
                }
              }
            ]
          }
        }
      }
    },
    "accessibility": {
      "partials": {
        "headline": {
          "content": {
            "text": "Barrierefreiheit"
          }
        },
        "list": {
          "content": {},
          "partials": {
            "listitems": [
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Barriere melden"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Leichte Sprache"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Gebärdensprache"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "type": "link",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Erklärung zur Barrierefreiheit"
                    }
                  }
                }
              }
            ]
          }
        }
      }
    },
    "copyright": {
      "content": {},
      "partials": {
        "listitems": [
          {
            "switches": {
              "hasTextContent": true
            },
            "content": {
              "text": "© Barmer 2020."
            }
          },
          {
            "switches": {
              "hasTextContent": true
            },
            "content": {
              "text": "Alle Rechte vorbehalten."
            }
          }
        ]
      }
    },
    "metanav": {
      "partials": {
        "listitems": [
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "Impressum"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "Nutzungsbedingungen"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "Datenschutz"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "Fragen zum Online-Angebot"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link--with-icon-left",
            "partials": {
              "item": {
                "switches": {},
                "viewtypes": {
                  "specifier": "link--with-icon-left"
                },
                "content": {
                  "text": "CO2-neutrale Website",
                  "url": "https://www.barmer.de/"
                },
                "partials": {
                  "iconType": "icon--leaf"
                }
              }
            }
          }
        ]
      }
    }
  }
}

No notes defined.