/* ESA Style – Feinschliff. Ergänzt das Theme, ersetzt es nicht. */

/* ---------------------------------------------- Obere Info-Leiste ------- */
/* Das Theme setzt den drei Spalten feste Breiten über Selektoren wie
   .header-topline .row-flex .col-left – die sind spezifischer als eine
   Regel auf > div. Deshalb hier jede Spalte einzeln benennen und die
   layoutkritischen Eigenschaften absichern. */

@media (min-width:992px){

	.header-topline .container,
	.header-topline > .container{
		max-width:none !important;
		width:auto !important;
		padding-left:28px !important;
		/* Rechts Platz lassen für den absolut gesetzten Termin-Button. */
		padding-right:215px !important;
	}

	.header-topline .row-flex,
	.header-topline .container .row-flex{
		display:flex !important;
		flex-wrap:nowrap !important;
		align-items:center !important;
		justify-content:space-between !important;
		gap:34px;
		margin:0 !important;
		min-height:44px;
	}

	.header-topline .row-flex .col-left,
	.header-topline .row-flex .col-center,
	.header-topline .row-flex .col-right{
		width:auto !important;
		max-width:none !important;
		flex:0 0 auto !important;
		float:none !important;
		padding:0 !important;
		margin:0 !important;
		white-space:nowrap !important;
		display:flex !important;
		align-items:center;
		gap:9px;
		font-size:14px;
		line-height:1.4;
		text-align:left !important;
	}

	.header-topline .row-flex .col-center{
		margin-left:auto !important;
		margin-right:auto !important;
	}

	.header-topline .row-flex .col-left .icon,
	.header-topline .row-flex .col-center .icon,
	.header-topline .row-flex .col-right .icon{
		flex:none;
		margin:0 !important;
		opacity:.75;
	}

	.header-topline .row-flex .header-phone{
		font-weight:600;
		letter-spacing:.01em;
	}

	.header-topline .row-flex .header-phone:hover,
	.header-topline .row-flex .header-phone:focus{
		text-decoration:underline;
		text-underline-offset:3px;
	}

	/* Ab hier wird es eng. Die Adresse ist die verzichtbarste Angabe –
	   sie steht im Seitenfuß, auf der Kontaktseite und im Impressum. */
	@media (max-width:1240px){
		.header-topline .row-flex .col-right{display:none !important}
		.header-topline .row-flex .col-center{margin-right:0 !important}
		.header-topline .row-flex{gap:24px}
	}

	@media (max-width:1080px){
		.header-topline .row-flex .col-left,
		.header-topline .row-flex .col-center{font-size:13px}
		.header-topline .row-flex{gap:18px}
	}
}

/* Unter 992px bleibt alles unangetastet – dort zeigt das Theme
   ohnehin seine eigene Mobil-Leiste mit Adresse, Telefon und Zeiten. */