/*
 * Edlere dunkle Flächen (13.10.2026, Wahl B+D). Geladen über inc/hintergrund.php nach allen anderen Stilen.
 * Seitenköpfe: Flurkarte (läuft nach links unter dem Text aus) über Tiefe & Licht – fünf Fassungen, je Seite fest eine
 * (body-Klasse ib-flur-N aus inc/hintergrund.php, Grafiken aus tools/hintergrund_flurkarten.py, 14.10.2026).
 * Dunkle Bänder: nur Tiefe & Licht. Fußzeile: Höhenlinien über Tiefe & Licht.
 * Kleine dunkle Kästen (Kennzahlen, Kurzfassung, Karten) bleiben bewusst glatt.
 */

/* Seitenköpfe */

body .bw-kopf,
body .ls-hero,
body .gw-hero,
body .kt-hero,
body .lp-hero {
	background-color: #2B3137;
	background-image: url("../img/grafik/hintergrund-flurkarte-1.svg?v=20261014"), url("../img/grafik/hintergrund-tiefe.svg?v=20261014");
	background-size: cover, cover;
	background-position: right center, center;
	background-repeat: no-repeat;
}

/* Weitere Flurkarten je Seite (keine CSS-Variable: relative url() darin lösen Browser unterschiedlich auf) */
body.ib-flur-2 .bw-kopf,
body.ib-flur-2 .ls-hero,
body.ib-flur-2 .gw-hero,
body.ib-flur-2 .kt-hero,
body.ib-flur-2 .lp-hero { background-image: url("../img/grafik/hintergrund-flurkarte-2.svg?v=20261014"), url("../img/grafik/hintergrund-tiefe.svg?v=20261014"); }
body.ib-flur-3 .bw-kopf,
body.ib-flur-3 .ls-hero,
body.ib-flur-3 .gw-hero,
body.ib-flur-3 .kt-hero,
body.ib-flur-3 .lp-hero { background-image: url("../img/grafik/hintergrund-flurkarte-3.svg?v=20261014"), url("../img/grafik/hintergrund-tiefe.svg?v=20261014"); }
body.ib-flur-4 .bw-kopf,
body.ib-flur-4 .ls-hero,
body.ib-flur-4 .gw-hero,
body.ib-flur-4 .kt-hero,
body.ib-flur-4 .lp-hero { background-image: url("../img/grafik/hintergrund-flurkarte-4.svg?v=20261014"), url("../img/grafik/hintergrund-tiefe.svg?v=20261014"); }
body.ib-flur-5 .bw-kopf,
body.ib-flur-5 .ls-hero,
body.ib-flur-5 .gw-hero,
body.ib-flur-5 .kt-hero,
body.ib-flur-5 .lp-hero { background-image: url("../img/grafik/hintergrund-flurkarte-5.svg?v=20261014"), url("../img/grafik/hintergrund-tiefe.svg?v=20261014"); }

/* Das bisherige Goldlicht dieser Köpfe liefert jetzt die Tiefe-Ebene – sonst läge es doppelt. */
body .ls-hero::before,
body .gw-hero::before,
body .kt-hero::before,
body .lp-hero::before { opacity: 0; }

/* Dunkle Bänder: Verlauf und ein Hauch Goldlicht, ohne gerade Linien (René 14.10.2026). Unten genau der Ton, mit dem die
   Fußzeile beginnt – steht ein Band als Letztes auf der Seite, gehen beide nahtlos ineinander über. */
body .home-section--dark,
body .ob-band,
body .partner-teaser,
body .lp-section--dark,
body .su-partner,
body .bw-wissen {
	background-color: #2B3137;
	background-image: radial-gradient(60rem 28rem at 92% 0%, rgba(205, 167, 58, 0.1), rgba(205, 167, 58, 0) 62%), linear-gradient(180deg, #31373F 0%, #2B3137 100%);
	background-size: auto, auto;
	background-repeat: no-repeat;
}

/* Kontaktteil mit Foto (Startseite, Referenzen, Standort, Gewerbe) steht immer direkt über der Fußzeile: glatt. */
body .home-kontakt {
	background-image: none;
	background-color: #2B3137;
}

/* Fußzeile: Höhenlinien über einem Verlauf ohne gerade Linien; beginnt im Schiefer-Ton der Bänder und wird nach unten
   tiefer. Eine goldene Haarlinie in Inhaltsbreite gliedert statt einer Kante (14.10.2026, zuerst auf der Startseite). */
body .site-footer {
	background-color: #2B3137;
	background-image: url("../img/grafik/hintergrund-hoehenlinien-fuss.svg"), linear-gradient(180deg, #2B3137 0%, #262B31 55%, #1F2429 100%);
	background-size: cover, auto;
	background-position: right bottom, 0 0;
	background-repeat: no-repeat;
}
body .site-footer__top {
	background: linear-gradient(rgba(205, 167, 58, 0.24), rgba(205, 167, 58, 0.24)) center top / calc(100% - 2 * var(--immobra-gutter)) 1px no-repeat;
}
/* Endet die Seite mit einer dunklen Fläche, schließt die Fußzeile ohne hellen Spalt an. */
body .site-main:has(.home-kontakt, .ob-band:last-child, .lp-section--dark:last-child) + .site-footer { margin-top: 0; }

/* Handy: Der Text nimmt die ganze Breite ein, die Flurkarte läge direkt darunter – dort nur Tiefe & Licht. */
@media (max-width: 699px) {
	/* body[class]: gleich stark wie body.ib-flur-N, steht später – gewinnt also */
	body[class] .bw-kopf,
	body[class] .ls-hero,
	body[class] .gw-hero,
	body[class] .kt-hero,
	body[class] .lp-hero {
		background-image: url("../img/grafik/hintergrund-tiefe.svg?v=20261014");
		/* Rechter Rand der Grafik in voller Höhe: Licht und Goldlinie bleiben in der Ecke oben rechts, nicht in der Überschrift. */
		background-size: auto 100%;
		background-position: right top;
	}
}