/* Lage-Leiste der Feuerwehr Ludesch */
.lage { --l-gruen: #2e8b47; --l-gelb: #f2c500; --l-orange: #ef7d22; --l-rot: #d42a2f; --l-grau: #9aa0a8;
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 0; }
.lage-kachel { display: flex; flex-direction: column; gap: 2px; text-decoration: none; color: #1a1d22; background: #fff; border: 1px solid #e4e6ea; border-left: 6px solid var(--l-grau); border-radius: 14px; padding: 14px 16px; min-width: 0; }
a.lage-kachel:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .08); color: #1a1d22; }
.lage-kopf { display: flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #626873; }
.lage-ampel { width: 12px; height: 12px; border-radius: 50%; background: var(--l-grau); flex: none; }
.lage-kachel b { font-size: 1.35rem; line-height: 1.2; margin-top: 2px; }
.lage-text { color: #4b5563; font-size: .92rem; }
.lage-quelle { color: #8a909b; font-size: .76rem; margin-top: 4px; }
.lage-kachel.lage-gruen { border-left-color: var(--l-gruen); } .lage-kachel.lage-gruen .lage-ampel { background: var(--l-gruen); }
.lage-kachel.lage-gelb { border-left-color: var(--l-gelb); } .lage-kachel.lage-gelb .lage-ampel { background: var(--l-gelb); }
.lage-kachel.lage-orange { border-left-color: var(--l-orange); background: #fff4ea; } .lage-kachel.lage-orange .lage-ampel { background: var(--l-orange); }
.lage-kachel.lage-rot { border-left-color: var(--l-rot); background: #fdecec; } .lage-kachel.lage-rot .lage-ampel { background: var(--l-rot); animation: lage-puls 1.6s infinite; }
.lage-wetter { border-left-color: #3d6fb4; }
.lage-lwz { grid-column: 1 / -1; justify-self: start; font-weight: 700; color: #d42a2f; text-decoration: none; font-size: .95rem; }
.lage-lwz:hover { text-decoration: underline; }
.lage.lage-orange, .lage.lage-rot { background: #fff; }
@keyframes lage-puls { 0% { box-shadow: 0 0 0 0 rgba(212, 42, 47, .6); } 70% { box-shadow: 0 0 0 8px rgba(212, 42, 47, 0); } 100% { box-shadow: 0 0 0 0 rgba(212, 42, 47, 0); } }
@media (max-width: 800px) { .lage { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .lage-ampel { animation: none !important; } }
.lage-vorschau { font-size: .86rem; color: #3d6fb4; font-weight: 600; }