@charset "utf-8";

/*
============================================================================================
ETIKETTENPOOL STYLESHEET

VERSION: 1.1
DATUM: 2025-11-02
ÄNDERUNGEN:
- Footer und Fußmenü wurden nach standard.css konsolidiert
- Projektspezifische Footer-Farben als CSS-Variablen definiert

!! HINWEIS
!! Vermeide Systemfarben wie ThreedDarkShadow/AppWorkspace, da sie in modernen Browsern
!! inkonsistent oder gar nicht unterstützt werden. Nutze stattdessen Hex-/RGB-Werte.
============================================================================================
*/

/* ==========================================================================
   0. Farb-Variablen (Custom Properties)
   ========================================================================== */
:root {
  --color-bg-default:    #eaeaea;
  --color-text-default:  #000000;
  --color-heading:       #3366CC;
  --color-link:          #003366;
  --color-highlight:     #FFFFB7;
  --color-muted:         #B0B0B0;
  --color-sidebar-1:     #FEF5D6;
  --color-sidebar-2:     #FFFFFF;
  --color-row-odd:       #f0f0f0;  /* statt AppWorkspace */
  --color-row-even:      #d3d3d3;  /* statt ThreedLightShadow */
  --color-table-head-bg: #F0BF6D;
  --color-table-head-fg: #84002B;
  
  /* Footer-Farben: Überschreibt standard.css für dieses Projekt */
  --color-footer-bg:     #547E9D;
  --color-fussmenue-bg:  #547E9D;
}

/* ==========================================================================
   1. Body & Grundformatierung
   ========================================================================== */
body {
  background-color: var(--color-bg-default);
  color:            var(--color-text-default);
  margin:           3px;            /* statt 0,2cm */
  font-family:      serif;          /* bleibt wie gewünscht */
}

/* ==========================================================================
   2. Überschriften
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  color:          var(--color-heading);
  font-family:    serif;
}

/* ==========================================================================
   3. Links
   ========================================================================== */
a {
  color:            var(--color-link);
  text-decoration:  none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  font-style: italic;
}

/* ==========================================================================
   4. Listen-Abstände
   ========================================================================== */
ol, ul {
  margin: 0.2em 0;
}

/* ==========================================================================
   5. Tabellen-Grundformat
   ========================================================================== */
table {
  width:            100%;
  border:           none;              /* border: inherit entfernt */
  border-collapse:  collapse;
}

/* ==========================================================================
   6. Tabellenzellen & Kopfzeilen
   ========================================================================== */
td {
  /* border: thin; */                   /* unvollständige Angabe, daher entfernt */
}
th.left,
th.center {
  border: none;
  text-align: left;                    /* center wird unten überschrieben */
}
th.center {
  text-align: center;
}
td.linke_spalte {
  /* background-color: var(--color-sidebar-1); */ /* aktivieren, wenn gewünscht */
  margin: 1%;
  vertical-align: top;
  width: 20%;
}

/* Tabellenköpfe */
.tabellenkopf {
  background-color: var(--color-table-head-bg);
  color:            var(--color-table-head-fg);
}

/* ==========================================================================
   7. Zeilen-Hintergründe (odd/even)
   ========================================================================== */
tr.row-1 {
  background-color: var(--color-row-odd);
}
tr.row-2 {
  background-color: var(--color-row-even);
}
tr.formular,
tr.index,
tr.tabelle {
  border: none;
}

/* ==========================================================================
   8. Spezielle Zellen
   ========================================================================== */
td.grau {
  background-color: #E1E1E1;
  color:            #4B4B4B;
}
td.rt_25 {
  text-align: right;
  vertical-align: top;
  width: 25%;
}

/* ==========================================================================
   9. Utility-Klassen & Textgrößen
   ========================================================================== */
.abgeblendet {
  color: var(--color-muted);
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.smaller {
  font-size: smaller;
}
.smallest {
  font-size: xx-small;
}
.indextitel {
  font-size: 1.1em;
  margin: 0.6em 0 0;
}
.fett {
  font-weight: bolder;
}

/* ==========================================================================
   10. Sidebar-Farben
   ========================================================================== */
.col1 {
  background-color: var(--color-sidebar-1);
}
.col2 {
  background-color: var(--color-sidebar-2);
}

/* ==========================================================================
   11. Copyright
   HINWEIS: Footer-Styles kommen aus standard.css
   ========================================================================== */
.copyright {
  font-size:   xx-small;
  text-align:  center;
}

/* ==========================================================================
   12. Tooltip & GIF-Fallback
   ========================================================================== */
.tooltip {
  color: var(--color-highlight);
}
#ohne-gif {
  background-image: url(images/blank.gif);
}

/* ==========================================================================
   13. „Stiller Link" & Domaintitel
   ========================================================================== */
.domaintitel,
.domainuntertitel {
  color:     var(--color-muted);
  font-size: smaller;
}
.domaintitel {
  font-weight: bolder;
}