/* Ergänzungen für Sitzungs- und Vorgangsseiten.
   Die Grundgestaltung steht in bss.css; hier wird sie nur fortgesetzt.
   Alle Farben und Maße stammen aus den dortigen Variablen. */

.kopf-wege { display: flex; gap: 1.1rem; align-items: baseline; }
.kopf-wege a { font-size: .9rem; }

.rueckweg { margin: 0 0 1.6rem; font-size: .9rem; }
.rueckweg a::before { content: "\2190\00a0"; }

.oben { font-family: var(--sans); font-size: .8rem; letter-spacing: .06em;
        text-transform: uppercase; color: var(--tinte-leise);
        margin: 0 0 .5rem; }
.fakten { color: var(--tinte-leise); font-size: .92rem; margin: .3rem 0 0; }
.uebersicht { font-family: var(--sans); color: var(--tinte-leise);
              font-size: .9rem; margin: .8rem 0 0;
              padding-bottom: 1.2rem; border-bottom: 1px solid var(--linie-fein); }

.teil { margin: 2.6rem 0; max-width: var(--spalte); }
.teil h2 { font-family: var(--sans); font-size: .82rem; letter-spacing: .07em;
           text-transform: uppercase; color: var(--tinte-leise);
           margin: 0 0 .9rem; padding-bottom: .4rem;
           border-bottom: 1px solid var(--linie); }
.teil h3 { font-size: 1rem; margin: 1.4rem 0 .5rem; }

.wortlaut { margin: 0 0 .9rem; line-height: 1.68; }
.quelle { font-family: var(--sans); color: var(--tinte-leise);
          font-size: .85rem; line-height: 1.55; margin: .7rem 0 0; }
.fehlt { font-family: var(--sans); color: var(--tinte-leise); font-size: .92rem;
         background: var(--papier-tief); border-left: 2px solid var(--linie);
         padding: .8rem 1rem; margin: 0; line-height: 1.55; }

.beschlussteile { margin: 0 0 .9rem; padding-left: 1.4rem; }
.beschlussteile li { margin-bottom: .6rem; line-height: 1.62; }

/* Ausgänge: Grün für entschieden, Ocker für offen — wie im Bestand */
.ausgang { display: inline-block; font-family: var(--sans); font-size: .78rem;
           letter-spacing: .03em; padding: .18rem .5rem; border-radius: 2px;
           white-space: nowrap; border: 1px solid transparent; }
.ausgang-ja      { color: var(--belegt); background: var(--markiert);
                   border-color: #cfe0d9; }
.ausgang-nein    { color: var(--tinte); background: var(--papier-tief);
                   border-color: var(--linie); }
.ausgang-offen   { color: var(--offen); background: #f4eddf;
                   border-color: #e4d5b5; }
.ausgang-neutral { color: var(--tinte-leise); background: var(--papier-tief);
                   border-color: var(--linie-fein); }

.ergebniszeile { margin: 0 0 .7rem; }
.ergebniszeile .ausgang { margin-right: .5rem; }
.verfahren { font-family: var(--sans); color: var(--tinte-leise);
             font-size: .88rem; margin: .5rem 0 0; }

.weg { width: 100%; border-collapse: collapse; font-family: var(--sans);
       font-size: .89rem; }
.weg td { padding: .45rem .7rem .45rem 0;
          border-bottom: 1px solid var(--linie-fein); vertical-align: top; }
.weg tr:last-child td { border-bottom: 0; }
.weg td:first-child { white-space: nowrap; color: var(--tinte-leise);
                      width: 6.2rem; }
.weg td:nth-child(3) { white-space: nowrap; color: var(--tinte); width: 5rem; }

.aenderungen { list-style: none; padding: 0; margin: 0; }
.aenderungen li { padding: .6rem 0; border-bottom: 1px solid var(--linie-fein);
                  line-height: 1.6; }
.aenderungen li:last-child { border-bottom: 0; }
.art { display: inline-block; font-family: var(--sans); font-size: .75rem;
       letter-spacing: .03em; margin-right: .55rem; padding: .12rem .45rem;
       border-radius: 2px; white-space: nowrap; }
.art-redaktionell { color: var(--belegt); background: var(--markiert); }
.art-gestrichen   { color: var(--tinte-leise); background: var(--papier-tief);
                    text-decoration: line-through; }
.art-ergaenzt     { color: var(--offen); background: #f4eddf; }

.positionen { padding-left: 1.5rem; }
.positionen li { margin-bottom: 1.3rem; }
.pos-kopf { display: flex; gap: .8rem; align-items: baseline;
            justify-content: space-between; flex-wrap: wrap; }
.pos-nr { font-family: var(--sans); font-weight: 600; font-size: .9rem; }
.pos-steller { font-family: var(--sans); color: var(--tinte-leise);
               font-size: .86rem; margin: .15rem 0 .35rem; }

.dateien { list-style: none; padding: 0; margin: 0 0 1rem;
           font-family: var(--sans); }
.dateien li { display: flex; gap: .8rem; padding: .4rem 0;
              border-bottom: 1px solid var(--linie-fein); font-size: .89rem; }
.dateien li:last-child { border-bottom: 0; }
.rolle { flex: 0 0 7.4rem; color: var(--tinte-leise); font-size: .82rem; }

.raus { font-family: var(--sans); font-size: .92rem; }

/* Bänder auf der Sitzungsseite */
.band-nr { flex: 0 0 2.4rem; font-family: var(--serif); font-weight: 600;
           color: var(--tinte-leise); font-size: 1.05rem; line-height: 1.3; }
.band-klein { font-family: var(--sans); color: var(--tinte-leise);
              font-size: .84rem; }
.band-still { opacity: .55; }
.band-still > div { display: flex; gap: .9rem; align-items: baseline;
                    padding: .75rem 0; }

.stand-ja      { color: var(--belegt); }
.stand-nein    { color: var(--tinte); }
.stand-offen   { color: var(--offen); }
.stand-neutral { color: var(--tinte-leise); }

.weiter { display: flex; flex-wrap: wrap; gap: 1.4rem; margin: 3rem 0 0;
          padding-top: 1.1rem; border-top: 1px solid var(--linie);
          font-family: var(--sans); font-size: .9rem; }

#sucheform { display: flex; gap: .7rem; flex-wrap: wrap; align-items: center; }
/* Auswahl nach Antragsteller auf der Suchseite */
.steller { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0 0; }
.steller button { font-family: var(--sans); font-size: .88rem;
                  padding: .35rem .7rem; background: #fff;
                  border: 1px solid var(--linie); border-radius: 2px;
                  color: var(--tinte); cursor: pointer; }
.steller button:hover { border-color: var(--belegt); background: var(--markiert); }
.zahl-klein { color: var(--tinte-leise); font-size: .82rem; margin-left: .2rem; }

#wort { flex: 1 1 18rem; padding: .62rem .75rem; font: inherit;
        font-family: var(--sans); color: var(--tinte);
        border: 1px solid var(--linie); border-radius: 2px; background: #fff; }
#wort:focus { outline: 2px solid var(--belegt); outline-offset: 1px; }

/* Vermerk, wo die Auswertung unsicher ist. Kein Alarm, aber sichtbar:
   Wer die Seite liest, soll wissen, woran er ist. */
.ungesichert {
  margin: 1.6rem 0 2rem;
  padding: 1rem 1.2rem;
  background: var(--papier-tief);
  border-left: 3px solid var(--offen);
  font-family: var(--sans);
  font-size: .93rem;
  line-height: 1.55;
}
.ungesichert p { margin: 0 0 .6rem; }
.ungesichert ul { margin: 0 0 .6rem; padding-left: 1.3rem; }
.ungesichert li { margin-bottom: .25rem; }
.ungesichert .quelle { margin: 0; }

/* Der Ausgang als schmale Kante links am Band.
   Die Farbe trägt keine eigene Aussage: Sie wiederholt, was rechts
   im Band ohnehin als Wort steht. Wer keine Farben unterscheiden
   kann, verliert dadurch nichts. */
.kante { position: relative; padding-left: 1rem; }
.kante::before {
  content: ""; position: absolute; left: 0; top: .45rem; bottom: .45rem;
  width: 3px; border-radius: 1px; background: var(--linie);
}
.kante-ja::before      { background: var(--belegt); }
.kante-nein::before    { background: var(--tinte); opacity: .45; }
.kante-offen::before   { background: var(--offen); }
.kante-neutral::before { background: var(--linie); }

@media (max-width: 34rem) {
  .rolle { flex-basis: 100%; }
  .dateien li { display: block; }
  .weg td:first-child { width: auto; }
  .kopf-wege { gap: .8rem; }
}