/*
 * Footer 2026 (UX-Bloecke footer-2026 und footer-2026-leiste).
 * Entwurf: Miro "Vorschlag Footer neu".
 */

/* Fuenf Spalten werden zwischen 850px (Flatsome-Tablet) und 1200px zu eng:
   dort die vier Linkspalten 2 x 2, die Kontaktspalte darunter in voller Breite. */
@media (min-width: 850px) and (max-width: 1199px) {
	.boc-footer__nav > .col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.boc-footer__nav > .col.boc-footer__kontakt {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* Buttons nicht ueber die volle Breite ziehen, wenn die Kontaktspalte allein steht (Tablet);
   auf Handy und Desktop ist die Spalte ohnehin schmaler. */
.boc-footer__kontakt > .col-inner {
	max-width: 360px;
	margin-left: 0;
}

/* "Alle ... ->"-Links in Dunkelblau wie im Entwurf (Flatsome faerbt Footer-Links hell). */
.boc-footer__nav p a {
	color: var(--fs-color-primary);
}

.boc-footer__menu .ux-menu-link__link {
	padding-top: 6px;
	padding-bottom: 6px;
}
/* "Alle ... ->" im gleichen Takt wie die Menuepunkte darueber (6px Polster, 28px Zeile). */
.boc-footer__menu + .text p {
	padding-top: 6px;
	line-height: 28px;
}

/* Untere Leiste: so flach wie im Entwurf; Flatsome gibt dem Widget-Bereich eigenen Abstand. */
.footer-2:has(.boc-footer-bar) {
	padding: 12px 0;
}
.footer-2:has(.boc-footer-bar) .widget {
	margin-bottom: 0;
}
.boc-footer-bar .social-icons {
	white-space: nowrap;
}
.boc-footer-bar .social-icons a {
	margin-bottom: 0;
}

/* Untere Leiste: Links in Textfarbe mit Abstand, wie im Entwurf. */
.boc-footer-bar__links a {
	color: #4b4a4a;
	margin-left: 1.5em;
}
.boc-footer-bar__links a:hover {
	color: var(--fs-color-primary);
}
.boc-footer-bar__links p > :first-child {
	margin-left: 0;
}
.boc-footer-bar p {
	margin-bottom: 0;
}
/* Drei Stufen: unter 700px gestapelt und mittig; 700-1099px Icons links, Links rechts,
   Copyright mittig darunter; ab 1100px alles in einer Zeile. Flatsome-Spalten haben 30px
   Polster unten und kennen kein align__sm, daher hier. */
@media (max-width: 699px) {
	.boc-footer-bar .row > .col {
		flex-basis: 100%;
		max-width: 100%;
		padding-bottom: 10px;
	}
	.boc-footer-bar .col-inner,
	.boc-footer-bar .col-inner p {
		text-align: center;
	}
}
@media (min-width: 700px) {
	.boc-footer-bar .col {
		padding-bottom: 0;
	}
	.boc-footer-bar p {
		white-space: nowrap;
	}
}
@media (min-width: 700px) and (max-width: 1099px) {
	.boc-footer-bar .row > .col {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.boc-footer-bar .row > .col:last-child {
		flex: 1 1 0;
	}
	.boc-footer-bar .row > .col:nth-child(2) {
		order: 3;
		flex-basis: 100%;
		max-width: 100%;
		padding-top: 8px;
	}
}