/* ==========================================================================
   Luipold Bau – statische Version: Anpassungen (Stand 2026-10-19)
   Wird nach Theme-CSS und Inline-Customizer-CSS geladen.
   Logo-Grün: #bcc500 (aus logo1_luipoldbau.jpg ausgelesen)
   ========================================================================== */

:root {
	--lb-green: #bcc500;
	--lb-green-dark: #a3ab00;
	--lb-white: #ffffff;
}

/* ---------- Header: Topbar (hellgrau auf dunkelgrau -> weiß) ---------- */
.topbar,
.topbar a,
.topbar .tagline,
.topbar .widget-icon-box .title,
.topbar .widget-icon-box .subtitle,
.topbar .fa,
.topbar .widget-icon-box .fa,
.topbar .widget-social-icons a {
	color: var(--lb-white);
}
.topbar .widget-icon-box:hover .fa,
.topbar a.icon-box:hover .title {
	color: var(--lb-green);
}

/* Header: Untermenü der Hauptnavigation (Desktop #999 auf #434343 -> weiß) */
@media (min-width: 992px) {
	.main-navigation > li > .sub-menu li a {
		color: var(--lb-white);
	}
}

/* ---------- Footer: Text -> weiß ---------- */
.main-footer,
.main-footer p,
.main-footer .textwidget,
.main-footer .widget_nav_menu ul > li > a,
.bottom-footer p {
	color: var(--lb-white);
}
.footer .widget_nav_menu ul li::before {
	color: rgba(255, 255, 255, 0.5);
}

/* Footer: Links (bisher Blau #0084c3) -> Logo-Grün */
.main-footer .textwidget a,
.main-footer p a,
.bottom-footer a,
.w-footer .icon-box .fa {
	color: var(--lb-green);
}
.main-footer .textwidget a:hover,
.main-footer .textwidget a:focus,
.main-footer p a:hover,
.main-footer p a:focus,
.main-footer .widget_nav_menu ul > li > a:hover,
.main-footer .widget_nav_menu ul > li > a:focus,
.bottom-footer a:hover,
.bottom-footer a:focus {
	color: var(--lb-green);
	text-decoration: underline;
}
/* fehlerhafte background-image: url('index.html') aus dem Customizer neutralisieren */
.main-footer {
	background-image: none !important;
}

/* ---------- Startseite: Textabsatz "Über Luipold-Bau" volle Breite ---------- */
#pgc-11-3-0 {
	width: 100% !important;
	margin-right: 0 !important;
}

/* ---------- Kontaktseite: Adresse links, Karte rechts ---------- */
#pg-227-0 > .panel-grid-cell { margin-right: 30px; }
#pg-227-0 > .panel-grid-cell:last-child { margin-right: 0; }
#pgc-227-0-1 { width: calc(40% - 15px) !important; }
#pgc-227-0-2 { width: calc(60% - 15px) !important; }
@media (max-width: 780px) {
	#pg-227-0 > .panel-grid-cell { width: 100% !important; margin-right: 0; }
	#pgc-227-0-1 { margin-bottom: 30px; }
}

/* ---------- Google Maps 2-Klick-Lösung ---------- */
.maps-optin {
	position: relative;
	width: 100%;
	min-height: 380px;
	background: #f2f2f2 url('/wp-content/themes/the-landscaper/the-landscaper/assets/images/texture_1.png');
	border: 1px solid #e3e3e3;
}
.maps-optin__placeholder {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 380px;
	padding: 30px;
	text-align: center;
	color: #555555;
}
.maps-optin__placeholder .fa {
	font-size: 40px;
	color: var(--lb-green);
	margin-bottom: 15px;
}
.maps-optin__title {
	margin: 0 0 10px;
	font-family: "Roboto Slab", serif;
	font-size: 20px;
	color: #333333;
}
.maps-optin__text {
	max-width: 460px;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.6;
}
.maps-optin__btn { margin-bottom: 15px; }
.maps-optin__ext { font-size: 13px; }
.maps-optin iframe {
	display: block;
	width: 100%;
	height: 380px;
	border: 0;
}

/* Kontaktseite: Überschriften "Kontaktdaten" und "Anfahrt" als h2, gleich groß, gleiche Höhe */
#pl-227 .lb-contact-title {
	font-size: 28px;
	margin: 0 0 20px 0;
}
/* Abstand = Rahmen (6px) + Innenabstand (30px) der Kontaktdaten-Box */
#pl-227 .lb-contact-title--map {
	margin-top: 36px;
}
@media (max-width: 780px) {
	#pl-227 .lb-contact-title--map { margin-top: 0; }
}