/* Eigene Klassen, die Tailwind ergänzen (Farben: Marine #1f3a5f, Gold #c9a24d). */
.navlink { padding: .3rem .5rem; border-radius: .25rem; color: rgb(255 255 255 / .85); background: none; border: 0; cursor: pointer; font: inherit; }
.navlink:hover { background: rgb(255 255 255 / .1); color: #fff; }
.navlink.aktiv { background: #c9a24d; color: #1f3a5f; }
.navlink.bald { color: rgb(255 255 255 / .4); cursor: default; }
.feld { display: block; width: 100%; margin-top: .25rem; padding: .5rem .75rem; border: 1px solid #d6d3d1; border-radius: .25rem; background: #fff; }
.feld:focus { outline: 2px solid #c9a24d; outline-offset: 0; }
.karte { background: #fff; border: 1px solid #e7e5e4; border-radius: .5rem; padding: 1.25rem; }
.knopf { background: #1f3a5f; color: #fff; border-radius: .25rem; padding: .45rem .9rem; font-size: .875rem; border: 0; cursor: pointer; }
.knopf:hover { background: #2b4d7a; }
.knopf-zweit { border: 1px solid #d6d3d1; border-radius: .25rem; padding: .45rem .9rem; font-size: .875rem; background: #fff; cursor: pointer; }
.link { color: #1f3a5f; text-decoration: underline; background: none; border: 0; cursor: pointer; font: inherit; }
.link-klein { color: #1f3a5f; text-decoration: underline; font-size: .75rem; line-height: 1rem; background: none; border: 0; cursor: pointer; }
.tabelle { width: 100%; border-collapse: collapse; background: #fff; font-size: .875rem; }
.tabelle th { text-align: left; font-weight: 600; color: #1f3a5f; border-bottom: 2px solid #c9a24d; padding: .4rem .6rem; }
.tabelle td { border-bottom: 1px solid #f0efed; padding: .35rem .6rem; vertical-align: top; }
.tabelle .zahl { text-align: right; font-variant-numeric: tabular-nums; }
.ampel { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; vertical-align: middle; }
.ampel-gruen { background: #3f9d5a; } .ampel-gelb { background: #d99a2b; } .ampel-rot { background: #c0392b; } .ampel-grau { background: #a8a29e; }
.meldung { border-radius: .25rem; padding: .5rem .75rem; font-size: .875rem; border: 1px solid; }
.meldung-success { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.meldung-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.meldung-warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.meldung-info { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; }
/* Marktlage */
.ampel-rand { border-left: 7px solid #a8a29e; }
.ampel-rand-ok { border-left-color: #3f9d5a; } .ampel-rand-warn { border-left-color: #d99a2b; } .ampel-rand-alert { border-left-color: #c0392b; }
.balken { height: 7px; border-radius: 4px; margin-top: 2px; position: relative; background: linear-gradient(90deg, #c0392b 0%, #d99a2b 50%, #3f9d5a 100%); }
.balken .marke { position: absolute; top: -3px; width: 3px; height: 13px; background: #1f3a5f; border-radius: 2px; transform: translateX(-1px); }