/* ---------------------------------------------------------------------------
 * langenberg-anpassungen.css — Änderungen gegenüber der alten Seite.
 *
 * Lädt als letzte Datei (nach der Theme-Basis und langenberg-basis.css),
 * gewinnt also bei gleicher Spezifität. Jede Regel mit Datum und Grund.
 * --------------------------------------------------------------------------- */


/* Kopfzeile: Telefon und E-Mail auf allen Geräten zeigen (30.10.2026,
 * Wunsch Bianka). Das Theme blendete auf Tablets (768–1035px) das Telefon aus
 * (files/cto_layout/css/styles.css), der Theme Designer bis 767px die E-Mail
 * (langenberg-basis.css). */
#top .mod_top_phone,
#top .mod_top_mail {
	display: block;
}

@media only screen and (max-width: 767px) {
	/* Beide nebeneinander, bei zu wenig Platz untereinander — zentriert. */
	#top .inside {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 20px;
	}

	#top .mod_top_phone,
	#top .mod_top_mail {
		float: none;
		margin: 0;
	}

	#top .mod_top_phone i {
		margin-left: 0;
	}

	#top .inside > hr.clear {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	/* Kompakter, damit die zwei Zeilen nicht zu viel Bildschirm belegen
	 * (28px je Zeile statt 40px — als Tippfläche weiterhin ausreichend). */
	#top .mod_top_phone,
	#top .mod_top_mail {
		line-height: 28px;
	}

	#top .inside {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

/* Kopfbilder mobil nicht mehr vom Header verdeckt (30.10.2026, Hinweis
 * Bianka). Das Theme setzt den Header bis 767px auf position: fixed und rückt
 * den Inhalt pauschal 70px ein (#contentwrapper, styles.css) — der Header war
 * aber schon auf der alten Seite 110px hoch, verdeckt waren also 40px des
 * Kopfbilds; mit der zweizeiligen Kopfzeile wären es noch mehr. Jetzt fließt
 * der Header mit (sticky): Er nimmt genau seinen eigenen Platz ein, egal wie
 * hoch er ist, und bleibt beim Scrollen trotzdem oben stehen. */
@media only screen and (max-width: 767px) {
	#fix-wrapper {
		position: sticky !important;
		top: 0;
		z-index: 100;
	}

	#contentwrapper {
		padding-top: 0;
	}
}

/* Tabellen: Zebrastreifen und "table-clean" ohne die Zeilen-/Spaltenklassen
 * (30.10.2026). Contao 4.9 vergab an jede Zeile row_0/odd/even und an jede
 * Zelle col_first …; Contao 5 tut das nicht mehr. Die Theme-Regeln aus
 * framework.css hingen genau daran — auf "Über uns" und "Kontakt" (Bürozeiten)
 * fehlten dadurch die Streifen. Gleiche Werte, nur über die Position. */
.ce_table.table-striped tbody tr:nth-child(odd) td,
.ce_table .table-striped tbody tr:nth-child(odd) td {
	background: rgba(200,200,200,0.3);
}

.ce_table.table-striped-dark tbody tr:nth-child(odd) td,
.ce_table .table-striped-dark tbody tr:nth-child(odd) td {
	background: rgb(64,64,64);
}

.ce_table.table-clean td:first-child,
.ce_table.table-clean th:first-child,
.ce_table .table-clean td:first-child,
.ce_table .table-clean th:first-child {
	padding-left: 0;
}

/* Kopfzeile: bis 400px nur das Telefon (30.10.2026, Wunsch Bianka) — sonst
 * stehen Telefon und E-Mail untereinander und die Kopfzeile wird zu hoch.
 * Ab 401px passen beide in eine Zeile (gemessen mit referenz/skripte/mobilshot.py). */
@media only screen and (max-width: 400px) {
	#top .mod_top_mail {
		display: none;
	}
}