footer

// src/components/template-components/footer/footer.twig

<footer class="Footer is-dark">
	<div class="u-container">
		<div class="Footer-container">
			{# Navigation Menus #}
			<div class="Footer-menus">
				{# Services Menu (Karriere, Redaktion, etc.) #}
				{% if menu_services %}
					{{ menu_services }}
				{% endif %}

				{# Info/Legal Menu (Kontakt, Impressum, Datenschutz) #}
				{% if menu_info %}
					{{ menu_info }}
				{% endif %}
			</div>

			{# Social Media Links #}
			<div class="Footer-social">
				{%- for link in social_links -%}
					{% include "@elements/button/button.twig" with {
						url: link.url,
						label: link.label,
						icon: link.icon,
						icon_only: true,
						modifiers: ['quaternary', 'inverted'],
						classes: ['Footer-socialButton'],
						target: '_blank'
					} only %}
				{%- endfor -%}
			</div>

			{# Beck Logo #}
			<div class="Footer-logo">
				<img class="Footer-logoImg" src="{{ asset_path() }}/svg/logo-footer.svg" alt="Beck Verlag" width="74" height="67">
			</div>

			{# Copyright #}
			<p class="Footer-copyright">{{ copyright_text|raw }}</p>
		</div>
	</div>
</footer>