/* Footer (Core: renderFooterSpalten) im bisherigen Design von hintertuxerhof.at – 21.10.2026
   Entspricht den früheren Regeln footerInnen / footerLogo / column / footerHeadline / footerNav aus styles.css + styles_mobile.css */
footer .footer-spalten__inner {width: 100%}
footer .footer-grid {z-index: 20; display: grid; justify-content: space-between; padding: 80px 10px; grid-template-columns: repeat(auto-fill, 300px); width: var(--content-breite); max-width: 100%; margin: 0 auto}
footer .footer-brand {width: 100%; margin-bottom: 50px; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 50px}
footer .footer-brand__logo {width: 100%; height: auto}
footer .footer-social {display: flex; gap: 20px; margin: 30px 0 0; padding: 0; list-style: none}
footer .footer-social li {list-style-type: none}
footer .footer-social a {display: inline}
footer .footer-social img {height: 45px; width: auto}
footer .footer-col {padding-top: 150px}
footer .footer-col__heading {font: inherit; font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 40px; text-transform: none; letter-spacing: normal; color: inherit}
footer .footer-col ul {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px}
footer .footer-col li {line-height: 24px; list-style-type: none}
footer .footer-col a, footer .footer-col .footer-contact-link {text-decoration: none; color: var(--text); line-height: 24px}
footer .footer-col--kontakt ul {gap: 0}
footer .footer-col--kontakt li:first-child {margin-bottom: 20px}
footer .footer-col--kontakt .footer-contact-link {display: block}
footer .footer-col--kontakt .footer-contact-link svg {display: none}
footer .footer-newsletter {padding-bottom: 30px}
footer .footer-bottom {width: var(--content-breite); max-width: 100%; margin: 0 auto; padding: 0 10px 30px}

@media (max-width: 1024px) {
	footer .footer-grid {gap: 30px; padding: 60px 40px}
	footer .footer-col, footer .footer-brand {padding-top: 0}
}
@media (max-width: 800px) {
	footer .footer-brand {margin-bottom: 20px}
	footer .footer-social img {height: 30px; margin-top: 5px}
	footer .footer-grid {grid-template-columns: 1fr}
}
@media (max-width: 500px) {
	footer .footer-grid {padding: 40px 10px; padding-bottom: 70px}
	footer .footer-social {justify-content: center}
}