.hi-live-departures{margin:2rem 0;padding:1.15rem;border:1px solid #d9dfe5;border-radius:16px;background:#fff}.hi-live-departures__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hi-live-departures__head h2{margin:.1rem 0 0}.hi-live-departures__eyebrow{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hi-live-departures__source{font-size:.75rem;color:#5d6670}.hi-live-departures__controls{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.6fr) auto;gap:.75rem;align-items:end}.hi-live-departures__controls label{display:grid;gap:.3rem;font-size:.82rem;font-weight:700}.hi-live-departures__controls input,.hi-live-departures__controls select,.hi-live-departures__refresh{min-height:42px;border:1px solid #bcc5ce;border-radius:9px;background:#fff;padding:.55rem .7rem;font:inherit}.hi-live-departures__refresh{cursor:pointer;font-weight:700}.hi-live-departures__refresh:disabled{opacity:.55;cursor:wait}.hi-live-departures__status{min-height:1.4em;margin:.8rem 0;color:#5d6670;font-size:.86rem}.hi-live-departures__table{display:grid;border-top:1px solid #e2e6ea}.hi-live-departures__row{display:grid;grid-template-columns:86px 76px minmax(160px,1fr) minmax(130px,auto);gap:.65rem;align-items:center;padding:.72rem .25rem;border-bottom:1px solid #e2e6ea}.hi-live-departures__time{display:flex;align-items:baseline;gap:.4rem}.hi-live-departures__time strong{font-size:1.1rem}.hi-live-departures__scheduled{font-size:.75rem;color:#7a828a;text-decoration:line-through}.hi-live-departures__line{display:inline-flex;justify-content:center;min-width:3rem;padding:.22rem .45rem;border:1px solid currentColor;border-radius:7px;font-weight:800}.hi-live-departures__destination{font-weight:650}.hi-live-departures__meta{display:flex;justify-content:flex-end;gap:.4rem;flex-wrap:wrap;font-size:.75rem}.hi-live-departures__meta span{padding:.2rem .42rem;border-radius:999px;background:#eef2f5}.hi-live-departures__delay,.hi-live-departures__cancelled{font-weight:800}.hi-live-departures__row.is-cancelled .hi-live-departures__destination{text-decoration:line-through}.hi-live-departures--setup,.hi-live-departures--unavailable{background:#f7f8fa}@media(max-width:760px){.hi-live-departures__head{display:block}.hi-live-departures__source{display:block;margin-top:.35rem}.hi-live-departures__controls{grid-template-columns:1fr}.hi-live-departures__row{grid-template-columns:70px 60px 1fr}.hi-live-departures__meta{grid-column:2/-1;justify-content:flex-start}.hi-live-departures__destination{overflow-wrap:anywhere}}

/* 0.5.696 – Live-Busfahrplan kompakt im Heidenheim.info-CI. */
.hi-live-departures{
	width:min(100%,860px);
	margin:1.15rem auto 1.4rem;
	padding:.9rem 1rem;
	border:1px solid #d9e3e4;
	border-top:4px solid #0B7A75;
	border-radius:16px;
	background:#fff;
	box-shadow:0 6px 20px rgba(18,49,72,.06);
	color:#123148;
}
.hi-live-departures__head{gap:.8rem;margin-bottom:.72rem;overflow:visible}
.hi-live-departures__head>div{min-width:0;overflow:visible;padding-top:.08rem}
.hi-live-departures__head h2{
	margin:.08rem 0 0!important;
	padding:.08em 0 .04em!important;
	font-size:clamp(1.25rem,2.6vw,1.65rem)!important;
	line-height:1.18!important;
	letter-spacing:-.015em;
	color:#123148;
	overflow:visible!important;
	text-wrap:balance;
}
.hi-live-departures__eyebrow{color:#0B7A75;font-size:.68rem}
.hi-live-departures__source{font-size:.68rem;color:#65747b}
.hi-live-departures__source a{color:#075E5A;font-weight:700}
.hi-live-departures__controls{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.4fr) auto;gap:.55rem}
.hi-live-departures__controls label{gap:.22rem;font-size:.76rem;color:#123148}
.hi-live-departures__controls input,
.hi-live-departures__controls select,
.hi-live-departures__refresh{min-height:38px;padding:.42rem .62rem;border-radius:10px;font-size:.86rem}
.hi-live-departures__controls input:focus,
.hi-live-departures__controls select:focus{outline:2px solid rgba(11,122,117,.28);outline-offset:1px;border-color:#0B7A75}
.hi-live-departures__refresh{border-color:#0B7A75;background:#0B7A75;color:#fff;font-weight:800}
.hi-live-departures__refresh:hover{background:#075E5A}
.hi-live-departures__status{min-height:1.2em;margin:.55rem 0;font-size:.78rem;color:#65747b}
.hi-live-departures__row{grid-template-columns:72px 64px minmax(140px,1fr) minmax(110px,auto);gap:.5rem;padding:.52rem .15rem}
.hi-live-departures__time strong{font-size:.96rem;color:#123148}
.hi-live-departures__scheduled{font-size:.7rem}
.hi-live-departures__line{min-width:2.7rem;padding:.18rem .38rem;border-color:#0B7A75;border-radius:7px;color:#075E5A;font-size:.8rem}
.hi-live-departures__destination{font-size:.86rem;color:#123148}
.hi-live-departures__meta{gap:.3rem;font-size:.68rem}
.hi-live-departures__meta span{padding:.16rem .36rem;background:#F4F7F8;color:#52626d}
.hi-live-departures__realtime{background:#e8f5f2!important;color:#075E5A!important}
.hi-live-departures__delay{background:#fff4d6!important;color:#7a5700!important}
@media(max-width:760px){
	.hi-live-departures{width:100%;margin:.8rem 0 1rem;padding:.78rem .75rem;border-radius:14px}
	.hi-live-departures__head{display:block}
	.hi-live-departures__source{display:block;margin-top:.25rem}
	.hi-live-departures__controls{grid-template-columns:1fr;gap:.45rem}
	.hi-live-departures__row{grid-template-columns:62px 52px 1fr;gap:.4rem;padding:.48rem .1rem}
	.hi-live-departures__meta{grid-column:2/-1;justify-content:flex-start}
}


/* 0.5.697 – Abstand zum Sticky-Header, klarer Ladehinweis und kompaktere Darstellung. */
.hi-live-departures{
	margin-top:3.25rem;
}
.hi-live-departures__head{
	padding-top:.15rem;
}
.hi-live-departures__head h2{
	padding-top:.16em!important;
	line-height:1.24!important;
}
.hi-live-departures__status{
	transition:background-color .15s ease,color .15s ease,padding .15s ease;
}
.hi-live-departures.is-loading .hi-live-departures__status{
	display:flex;
	align-items:center;
	gap:.5rem;
	min-height:34px;
	margin:.55rem 0 .45rem;
	padding:.42rem .62rem;
	border:1px solid #cfe5e2;
	border-radius:9px;
	background:#eef8f6;
	color:#075E5A;
	font-weight:800;
}
.hi-live-departures.is-loading .hi-live-departures__status::before{
	content:'';
	width:.8rem;
	height:.8rem;
	flex:0 0 .8rem;
	border:2px solid rgba(11,122,117,.25);
	border-top-color:#0B7A75;
	border-radius:50%;
	animation:hi-live-spin .75s linear infinite;
}
.hi-live-departures.is-loading .hi-live-departures__board{opacity:.45}
@keyframes hi-live-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
	.hi-live-departures{margin-top:2.25rem}
}


/* 0.5.698 – Busfahrplan weiter verdichtet; Kopfbereich sicher unter Sticky-Header. */
.hi-live-departures{
	padding-top:2.15rem!important;
}
.hi-live-departures__head h2{
	font-size:clamp(1.08rem,2vw,1.38rem)!important;
	line-height:1.18!important;
}
.hi-live-departures__eyebrow,.hi-live-departures__source{font-size:.61rem!important}
.hi-live-departures__controls label{font-size:.68rem!important}
.hi-live-departures__controls input,
.hi-live-departures__controls select,
.hi-live-departures__refresh{min-height:34px!important;padding:.34rem .52rem!important;font-size:.76rem!important}
.hi-live-departures__status{font-size:.69rem!important;margin:.42rem 0!important}
.hi-live-departures__row{grid-template-columns:64px 56px minmax(130px,1fr) minmax(100px,auto)!important;padding:.42rem .12rem!important}
.hi-live-departures__time strong{font-size:.84rem!important}
.hi-live-departures__line{font-size:.71rem!important;min-width:2.4rem!important;padding:.14rem .3rem!important}
.hi-live-departures__destination{font-size:.76rem!important}
.hi-live-departures__meta{font-size:.60rem!important}
@media(max-width:760px){.hi-live-departures{padding-top:1.8rem!important}}