/* noto-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v42-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v42-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v42-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v42-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v42-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v42-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/noto-sans-v42-latin_latin-ext-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}


html * {
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 0.2rem;
}



.glyph {
  height: 30px;
  width: auto;
  vertical-align: middle;
   max-width: 10000px;
    border: 0;  /* for older IE browsers that draw borders around images */
}



.badge-slot {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #cfd8dc;
  background: #eef3f7;
  font-size: 0.85rem;
  margin-right: 0.25rem;
}

.table-tight td, .table-tight th {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

details.bigtable > summary {
  cursor: pointer;
  font-weight: 600;
  margin: 0.25rem 0;
}

details.bigtable table { margin-top: 0.5rem; }

h1 a, h2 a, h3 a {
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  text-decoration: underline;
}




.tableFixHead { 
  overflow: auto;
  max-height: calc(100% - 60px); }
.tableFixHead thead th {
  position: sticky;
  top: 0;
  z-index: 2; }
.tableFixHead table { 
  border-collapse: collapse;
  width: 100%; }
.tableFixHead th, .tableFixHead td { 
  padding: 8px 16px; }


/* Just common table stuff. Really. */
/* table  { border-collapse: collapse; width: 100%; } */
/* th, td { padding: 8px 16px; } */
/* th     { background:#eee; } */


/* Invert glyph PNGs in dark mode (Quarto/Bootstrap variants) */
html[data-bs-theme="dark"] img.glyph,
html[data-theme="dark"] img.glyph,
body.quarto-dark img.glyph,
.quarto-dark img.glyph {
  filter: invert(1) brightness(1.25) contrast(1.1) !important;
}

:root {
  --base-scale: 1;
}

/* scale everything relative to base */
body {
  font-size: calc(1rem * var(--base-scale));
}

table {
  font-size: calc(0.95rem * var(--base-scale));
}

.glyph {
  height: calc(30px * var(--base-scale));
}

.badge-slot {
  font-size: calc(0.85rem * var(--base-scale));
}

/* optional smooth transition */
body, table, .glyph {
  transition: all 0.15s ease;
}

/* zoom control styling */
.zoom-controls {
  margin-bottom: 1rem;
}

.zoom-controls button {
  padding: 4px 10px;
  margin-right: 6px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}

/* Zoom buttons: light mode defaults */
.zoom-controls button,
.zoom-btn {
  background: #f3f5f7;
  color: #111;
  border: 1px solid #cfd8dc;
}

/* Zoom buttons: dark mode (Quarto/Bootstrap variants) */
html[data-bs-theme="dark"] .zoom-controls button,
html[data-bs-theme="dark"] .zoom-btn,
html[data-theme="dark"] .zoom-controls button,
html[data-theme="dark"] .zoom-btn,
body.quarto-dark .zoom-controls button,
body.quarto-dark .zoom-btn,
.quarto-dark .zoom-controls button,
.quarto-dark .zoom-btn {
  background: #2b2f33 !important;
  color: #f1f3f5 !important;
  border-color: #5c636a !important;
}

.nav-buttons {
  margin-bottom: 1rem;
}

.nav-buttons a,
.nav-buttons button {
  padding: 6px 12px;
  margin-right: 8px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
}

.btn-home {
  background: #666;
  color: #fff;
}

.btn-back {
  background: #999;
  color: #fff;
}

html[data-theme="dark"] .btn-home {
  background: #444;
}

html[data-theme="dark"] .btn-back {
  background: #666;
}



.badge-slot {
  padding: 0.15rem 0.45rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none;
  color: #111;
  background: #e9ecef;
}

/* per-type colors */
.badge-gottheit { color: #f59f00; } /* orange */
.badge-gaben    { color: #51cf66;  } /* green */
.badge-person   { color: #74c0fc; } /* blue */
.badge-k-nig   { color: #c20000;  } /* red */
.badge-datum   { color: #8219bf;  } /* lila */
.badge-w-rtliche-rede { color: #ad139e;  } /* pink */