/*
 * lamitie-gotha.de: Darstellung für schmale Bildschirme (Auftrag tk 02.11.2026, "MIT RESPONSIVE"). Muster tabarzersv.de/via-solutions.de.
 * Die alte Seite hat ein absolut positioniertes Layout mit festen Breiten (#hgbody 1150 px: Menü links 279 px, Inhalt rechts 775 px,
 * Inhalt beginnt 175 + 195 px unter dem Kopf). Ab 1150 px gilt unverändert das Original-CSS aus fileadmin/css (1:1);
 * diese Regeln greifen nur darunter: Kopf, Menü und Inhalt untereinander, Hauptmenü per Knopf, Bilder/Tabellen auf Breite.
 */
.lmg-mobil {
	display: none;
}

@media (max-width: 1149px) {
	html, body {
		font-size: 14px;
	}

	/* ---------- Gerüst: absolute Positionen und feste Breiten aufheben ---------- */
	#hg,
	#hgbody,
	#oben,
	#inhalt {
		position: static;
		width: auto;
		height: auto;
	}
	#hg {
		background-size: auto;
	}

	/* ---------- Kopf: Datum links, Funktionsmenü rechts, im gelben Kopfstreifen ---------- */
	/* Kopf so hoch wie alt (125 px), damit das Logo im Hintergrundbild hg_body_04.jpg (2500 x 2000) frei bleibt */
	#oben {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 0 10px;
		min-height: 125px;
		box-sizing: border-box;
	}
	#oben_links,
	#oben_rechts {
		float: none;
		width: auto;
		height: auto;
	}
	div#datum {
		padding: 8px 0 0 0;
		height: auto;
	}
	div#funktion {
		padding: 8px 0 0 0;
	}

	/* ---------- Hauptmenü per Knopf ---------- */
	.lmg-menue-knopf {
		display: block;
		margin: 10px 10px 0 10px;
		padding: 8px 12px;
		background: #AF0917;
		color: #ffffff;
		font-size: 1.2em;
		font-weight: bold;
		cursor: pointer;
	}
	.lmg-menue-knopf::before {
		content: "\2630\00a0\00a0";
	}
	#links {
		display: none;
		float: none;
		width: auto;
		margin: 0 10px;
		background: #7E0007;
	}
	#lmg-menue-schalter:checked ~ #links {
		display: block;
	}
	#links .subNav li a,
	#links .subNav-cur,
	#links li.subNav-act a,
	#links #subNav2 li a,
	#links .subNav2-cur {
		margin: 0;
		padding: 9px 12px;
		background: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		font-size: 1.1em;
	}
	#links .subNav-cur,
	#links li.subNav-act > a,
	#links .subNav2-cur {
		background: #fde57b;
		color: #7E0007;
	}
	#links #subNav2 li a,
	#links .subNav2-cur {
		padding-left: 30px;
	}

	/* ---------- Inhalt ---------- */
	/* Inhalt auf heller Fläche: die Hintergrundgrafiken (rote Menüfläche, Fotos) liegen schmal sonst unter dem Text */
	#rechts {
		float: none;
		width: auto;
		margin: 15px 10px 10px 10px;
		background: rgba(255, 255, 255, 0.93);
		border: 1px solid #87B3A9;
	}
	#content1,
	#rechts_bottom {
		background: none;
	}
	#rechts_top,
	#content1,
	#rechts_bottom {
		float: none;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#content1 {
		min-height: 0;
		overflow: hidden;
	}
	h2 {
		margin-left: 0;
	}
	#content1 h3,
	#content1 h4 {
		width: auto;
		margin-left: 0;
	}
	#content1 img {
		max-width: 100%;
		height: auto;
	}
	#content1 .csc-textpic-imagewrap {
		margin-left: 0;
		max-width: 100%;
	}
	#content1 .csc-textpic-intext-right .csc-textpic-imagewrap,
	#content1 .csc-textpic-intext-left .csc-textpic-imagewrap,
	#content1 .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		max-width: 45%;
	}
	#content1 .csc-textpic-intext-right-nowrap-162 .csc-textpic-text {
		margin-right: 0;
	}
	#content1 .csc-textpic-imagerow,
	#content1 .csc-textpic-center-outer,
	#content1 .csc-textpic-center-inner {
		max-width: 100%;
	}
	#content1 .csc-textpic-center .csc-textpic-center-outer,
	#content1 .csc-textpic-center .csc-textpic-center-inner {
		float: none;
		right: 0;
	}
	/* Bildreihen (Galerien): Spalten umbrechen statt über den Rand laufen */
	#content1 .csc-textpic-imagerow {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	#content1 .csc-textpic-imagecolumn {
		float: none;
		margin-right: 0;
		max-width: 100%;
	}
	#content1 table {
		max-width: 100%;
	}
	#content1 iframe {
		max-width: 100%;
	}
	#rechts_bottom {
		height: auto;
		padding-bottom: 10px;
	}
	#druck {
		float: none;
		margin: 5px 0 0 0;
		height: auto;
	}
	#copy {
		float: none;
		height: auto;
		margin: 5px 0 0 0;
	}
	.formhandler_form .form-group > label {
		float: none;
		width: auto;
		display: block;
	}
	.formhandler_form .form-group .input {
		margin-left: 0;
	}
	.formhandler_form input[type="text"],
	.formhandler_form input[type="email"],
	.formhandler_form textarea {
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 599px) {
	/* Kopfbild verkleinern (Logo „L'amitié“ + Untertitel sonst breiter als der Bildschirm) */
	html, body {
		background-size: 1500px auto;
	}
	#oben {
		min-height: 80px;
	}
	/* Galerie-Kacheln (alt Rahmen "Unsichtbar"/"Einrücken 66/33" = 48 % links) untereinander */
	.csc-frame-invisible,
	.csc-frame-indent6633,
	.cboxleft {
		float: none;
		width: auto;
	}
	#content1 .csc-textpic-intext-right .csc-textpic-imagewrap,
	#content1 .csc-textpic-intext-left .csc-textpic-imagewrap,
	#content1 .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		float: none;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
}