/* Handy-Optimierung (<= 680 px), 2026-09-20. */
@media (max-width: 680px) {
	/* Footer: statt sechs untereinander gestapelter Spalten zwei Spalten
	 * (Kontakt und Social volle Breite). Spart ca. 280 px Scrollweg. */
	.elementor-element-914a826 > .elementor-container {
		flex-wrap: wrap;
	}
	.elementor-element-914a826 > .elementor-container > .elementor-column {
		width: 50% !important;
	}
	.elementor-element-914a826 > .elementor-container > .elementor-column:first-child,
	.elementor-element-914a826 > .elementor-container > .elementor-column:last-child {
		width: 100% !important;
	}
	/* Social-Icons: alle 7 in einer Reihe (2 Widgets sonst 4 + 3 versetzt), 40 px Tippfläche. */
	footer .elementor-column[data-id="28eb222"] > .elementor-widget-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		gap: 8px;
		padding: 0 15px;
	}
	footer .elementor-column[data-id="28eb222"] > .elementor-widget-wrap::before {
		content: "Folgen Sie uns";
		display: block;
		width: 100%;
		font: 500 20px/24px "Nunito Sans", sans-serif;
		color: #464646;
	}
	footer .elementor-column[data-id="28eb222"] .elementor-widget-social-icons,
	footer .elementor-column[data-id="28eb222"] .elementor-social-icons-wrapper { display: contents; }
	footer .elementor-column[data-id="28eb222"] .elementor-grid-item { margin: 0; }
	footer .elementor-column[data-id="28eb222"] a.elementor-icon.elementor-social-icon {
		width: 40px !important;
		height: 40px !important;
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 17px !important;
	}
	footer .elementor-column[data-id="28eb222"] a.elementor-icon svg { width: 17px !important; height: 17px !important; }
	/* Kontaktdaten: Adresse, Telefon, E-Mail in einer Zeile (bei 345 px Platz). */
	footer .elementor-column[data-id="d3a711d"] .elementor-icon-list-text { white-space: nowrap; }
	/* Startseite „Unsere Container-Services im Überblick": Kacheln waren ~465 px hoch, weil die
	 * (auf dem Handy unsichtbare, opacity 0) Beschreibung 270 px Höhe reservierte. Auf dem Handy
	 * ohne Beschreibung, Kachel 170 px, Titel unten. */
	.wgl-service-1 .wgl-service_description { display: none !important; }
	.wgl-service-1 .wgl-service_title { min-height: 0 !important; height: auto !important; margin-bottom: 0 !important; }
	.wgl-service-1 .wgl-service_content-wrap { min-height: 170px; display: flex !important; align-items: flex-end; }
	.wgl-service-1 .wgl-service_content { width: 100%; }
	/* Tippflächen der Footer-Links mind. ~40 px hoch. */
	.elementor-element-914a826 .hover_links a {
		display: inline-block;
		padding: 9px 0;
	}
}

/* Handy-Menü: Antippen des Menütexts öffnet die Seite (wie am Computer, z. B. „Kaufen" ->
 * Shop); nur der Pfeil rechts klappt das Untermenü auf/zu. Das Theme legt den Umschalter
 * sonst über die ganze Zeile (width:100%) und blockiert den Link. Punkte ohne echtes Ziel
 * (href="#", z. B. „Services") behalten die volle Breite, sonst wären sie tot. */
.mobile_nav_wrapper .primary-nav .menu-item-has-children > a .button_switcher {
	width: 64px;
	height: 48px;
}
.mobile_nav_wrapper .primary-nav .menu-item-has-children > a[href="#"] .button_switcher {
	width: 100%;
}