/* fg-lmg.de – Anpassungen an bootstrap_package, angelehnt an das alte Bootstrap-3-Template */
@font-face { font-family: Lato; font-style: normal; font-weight: 300; font-display: swap; src: url('../Fonts/lato-v14-latin-300.woff2') format('woff2'); }
@font-face { font-family: Lato; font-style: normal; font-weight: 400; font-display: swap; src: url('../Fonts/lato-v14-latin-regular.woff2') format('woff2'); }
@font-face { font-family: Lato; font-style: normal; font-weight: 700; font-display: swap; src: url('../Fonts/lato-v14-latin-700.woff2') format('woff2'); }

/* Navigationsleiste hell wie bisher */
.bp-page-header.navbar-default { background: #f8f8f8; border-bottom: 1px solid #e7e7e7; }
.navbar-brand-text span { font-size: 1.25rem; color: #777; }

/* Hero: Seitenbild als Hintergrund, Ueberschrift weiss */
.fglmg-hero {
	position: relative;
	background-color: #5a6b7b;
	background-size: cover;
	background-position: center;
	color: #fff;
}
.fglmg-hero::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .25); }
.fglmg-hero > .container { position: relative; padding-top: 2rem; padding-bottom: 2rem; min-height: 196px; display: flex; flex-direction: column; justify-content: center; }
.fglmg-hero .frame { padding: 0; margin: 0; background: transparent; }
.fglmg-hero h1, .fglmg-hero .h1, .fglmg-hero h2, .fglmg-hero p { color: #fff; margin: 0; }
.fglmg-hero h1 { font-size: 3.75rem; font-weight: 400; }
.fglmg-hero h1 img { vertical-align: baseline; }
.fglmg-hero a { color: #fff; }

/* Startseite: grosses Hero-Bild mit Logo */
.page-4 .fglmg-hero > .container { min-height: 70vh; text-align: center; align-items: center; }
.page-4 .fglmg-hero .lead { font-size: 2rem; }
.page-4 .fglmg-hero .gallery-row { justify-content: center; }
.page-4 .fglmg-hero .gallery-item { flex: 0 0 auto; width: auto; }
.page-4 .fglmg-hero .gallery-item img { width: auto; max-width: min(300px, 70vw); height: auto; }

@media (max-width: 767px) {
	.fglmg-hero h1 { font-size: 2.25rem; }
	.page-4 .fglmg-hero > .container { min-height: 45vh; }
}

/* Footer hellgrau wie bisher */
.bp-page-footer .footer-section-content { background: #f7f7f7; color: #333; }
.bp-page-footer .footer-section-content :is(h1, h2, h3, h4, h5, h6, p, li, span) { color: #333; }
.bp-page-footer .footer-section-content a { color: #337ab7; }
.bp-page-footer .footer-section-content ul { list-style: none; padding-left: 0; }