/* Foliobutler (Default) – exakt wie fb.otremba.info/beta:
   Farben, Abstaende und Schrift aus dem Original-CSS uebernommen.
   Palette: dunkel #343a40, gold #b48636, hellbeige #f7f1ec,
   Zeilenstreifen #ecd6c5, Kauf #75a361, Verkauf #d83941,
   Linien #dee2e6, Text #212529, Logo-Kupfer #C88B58. */
@import url("../base.css");
:root {
  --bg: #ffffff; --card: #ffffff; --topbar-bg: #343a40;
  --text: #212529; --accent: #b48636; --accent2: #343a40;
  --accent-text: #ffffff;
  --radius: 4px; --rand: 1px solid #dee2e6; --feld-bg: #ffffff;
  --schatten: none;
  --zeile-alt: #ecd6c5;                      /* beige Streifen (Original) */
  --schieber-fuellung: #C88B58;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
/* Seite: weiss; goldene Kante ueber dem grossen anthrazitfarbenen Header,
   Inhalt zentriert mit Luft links und rechts (wie das Original) */
body { border-top: none; color: #212529; line-height: 1.5; }
.topbar { border-top: 8px solid #C88B58; border-bottom: none;
  background: #343a40; gap: 1.6rem; margin-bottom: 3rem;
  padding: 1.5rem max(1.2rem, calc((100% - 1140px) / 2));
  flex-wrap: nowrap; }
@media (max-width: 900px) { .topbar { flex-wrap: wrap; } }
.logo-bild { height: 52px; width: auto; display: block; }
main { max-width: 1140px; margin-left: auto; margin-right: auto;
  padding: 0 1.2rem; }
.brand { color: #ffffff; }
.topbar .tabs a, .topbar .tabs .tab-knopf { color: hsla(0, 0%, 100%, .5); border-radius: 0;
  padding: .5rem .8rem; }
.topbar .tabs a.aktiv, .topbar .tabs a:hover, .topbar .tabs .tab-knopf:hover { background: none;
  color: hsla(0, 0%, 100%, .95); box-shadow: none; }
/* hellbeige Karten wie im Original; Tabellenzellen darin weiss */
.karte { border: none; box-shadow: none; background: #f7f1ec;
  padding: 1.25rem 1.5rem; }
.tabelle th, .tabelle td { background: #ffffff; }
h1, h2, h3 { font-weight: 700; color: #212529; }
/* Tabellen exakt wie das Original (Bootstrap-Masse + eigene Streifen) */
.tabelle { border-collapse: collapse; }
.tabelle th, .tabelle td { padding: .75rem; border-bottom: none;
  border-top: 1px solid #dee2e6; vertical-align: middle; }
.tabelle thead th { border-top: none; border-bottom: 2px solid #dee2e6;
  color: #212529; font-weight: 700; }
.tabelle tbody tr:nth-child(odd) th,
.tabelle tbody tr:nth-child(odd) td { background: var(--zeile-alt); }
.tabelle tr.order-buy td { background: #75a361 !important; }
.tabelle tr.order-sell td { background: #d83941 !important; }
.tabelle tr.order-disk td { background: #e8c667 !important; color: #3b3117; }
/* Knoepfe: btn-dark (#343a40) und Gold-Akzent (#b48636) */
.knopf { background: #343a40; border-color: #343a40; border-radius: 4px;
  padding: .55rem 1.6rem; }
.knopf:hover { background: #23272b; }
.knopf.aktivieren { background: #b48636; border-color: #b48636;
  color: #ffffff; }
.knopf.aktivieren:hover { background: #9c7026; }
.knopf.leise { border-radius: 4px; }
.schieber .segment.a { background: #C88B58; }
.schieber .segment.b { background: #cfcdc9; }