<div class="c-footer">
<div class="c-footer__container">
<div class="c-footer__row">
<div class="c-footer__left">
<div class="c-logo">
<img class="c-logo__img" src="/assets/img/logo.svg">
</div>
<div class="c-misc-menu">
<ul class="c-misc-menu__list">
<li class="c-misc-menu__item"><a class="c-misc-menu__link" href="#">Kontakt</a></li>
<li class="c-misc-menu__item"><a class="c-misc-menu__link" href="#">Impressum</a></li>
<li class="c-misc-menu__item"><a class="c-misc-menu__link" href="#">Datenschtz</a></li>
<li class="c-misc-menu__item"><a class="c-misc-menu__link" href="#">AGB</a></li>
</ul>
</div>
</div>
<div class="c-footer__right">
<div class="c-meta-menu">
<section class="c-meta-menu__section">
<a href="#" class="c-meta-menu__link">
<h3 class="c-meta-menu__section-title u-h6">Vermarktung</h3>
</a>
<nav>
<ul class="c-meta-menu__list o-list-bare">
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Private Kunden</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Gewerbliche <br/>Kunden</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Digitale Werbung</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Mediadaten</a>
</li>
</ul>
</nav>
</section>
<section class="c-meta-menu__section">
<a href="#" class="c-meta-menu__link">
<h3 class="c-meta-menu__section-title u-h6">Verlag</h3>
</a>
<nav>
<ul class="c-meta-menu__list o-list-bare">
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Ausbildung</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Jobs</a>
</li>
</ul>
</nav>
</section>
<section class="c-meta-menu__section">
<a href="#" class="c-meta-menu__link">
<h3 class="c-meta-menu__section-title u-h6">Services</h3>
</a>
<nav>
<ul class="c-meta-menu__list o-list-bare">
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Alexa-Skill</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Leserreisen</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Push-Nachrichten</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Tägliche Rätsel</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Veranstaltungen</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">WhatsApp-Newsletter</a>
</li>
<li class="c-meta-menu__item">
<a href="#" class="c-meta-menu__link">Archiv</a>
</li>
</ul>
</nav>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="c-bottom-bar">
<div class="c-bottom-bar__container">
<div class="c-bottom-bar__row">
<div class="c-bottom-bar__left">
<a class="c-button c-button--ghost c-button--shrink u-uppercase" href="#">
Nach oben
</a>
</div>
<div class="c-bottom-bar__center">
© 2019 Gebrüder Gerstenberg GmbH & Co. KG
</div>
<div class="c-bottom-bar__right">
<div class="c-social-menu c-social-menu">
<ul class="c-social-menu__list">
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--facebook" href="#"></a>
</li>
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--whatsapp" href="#"></a>
</li>
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--mail" href="#"></a>
</li>
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--twitter" href="#"></a>
</li>
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--instagram" href="#"></a>
</li>
<li class="c-social-menu__item">
<a class="c-social-menu__link c-social-menu__link--youtube" href="#"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="c-footer">
<div class="c-footer__container">
<div class="c-footer__row">
<div class="c-footer__left">
{% render '@logo' %}
{% render '@misc-menu' %}
</div>
<div class="c-footer__right">
{% render '@meta-menu' %}
</div>
</div>
</div>
</div>
{% render '@bottom-bar' %}
{
"additionalClasses": ""
}
.c-footer {
background-color: white;
margin-top: rem-calc(30);
&__container {
@include xy-grid-container();
padding: rem-calc(40 0);
}
&__row {
@include xy-grid();
align-items: center;
justify-content: space-between;
}
&__left {
text-align: center;
}
&__left,
&__right {
@include xy-cell();
align-content: center;
justify-content: center;
}
&__right {
display: none;
}
@include breakpoint(large) {
&__left {
justify-content: flex-start;
@include xy-cell(40%);
}
&__right {
display: block;
justify-content: flex-end;
@include xy-cell(50%);
}
}
}
There are no notes for this item.