/*
 * TOPIX Webdoku
 * Alle Regeln sind auf .webdoc beschränkt, damit Kopf, Navigation und Fußzeile
 * der TOPIX-Webseite unberührt bleiben. Seiten-spezifische Regeln hängen zusätzlich
 * an der Wrapper-Klasse des jeweiligen Templates (.webdoc-index, .webdoc-liste, ...).
 * Wird beim Erzeugen in den Asset-Snapshot kopiert (TPXDoc_SnapshotFrame).
 */

/* Gemeinsam */
.webdoc svg.svg-tpx {
  fill: #0c0c5a;
}
.webdoc svg.svg-tpx:hover {
  fill: #00aadc;
}
.webdoc .cursor-pointer {
  cursor: pointer;
}

/* Bild-Zoom (Overlay) */
.webdoc .zoom-img {
  cursor: zoom-in;
}
.webdoc #zoom-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.webdoc #zoom-overlay img {
  max-width: 90%;
  max-height: 90%;
  cursor: zoom-out;
}

/* Startseite (index.html.tmpl) */
.webdoc .webdoc-index a {
  color: inherit;
  text-decoration: none;
}
.webdoc .webdoc-index a:hover {
  text-decoration: underline;
}
.webdoc .webdoc-index .systemgrafik {
  max-width: 600px;
  margin: auto;
}

/* Kurzanleitungs-Listen (liste.html.tmpl) */
.webdoc .webdoc-liste li a {
  color: inherit;
  text-decoration: none;
}
.webdoc .webdoc-liste li a:hover {
  text-decoration: underline;
}

/* Kurzdoku (kurzdoku.html.tmpl) */
.webdoc .webdoc-kurzdoku p.subscript {
  font-size: small;
  margin-top: 5px;
}
.webdoc .webdoc-kurzdoku img {
  max-width: 100%;
}
.webdoc .webdoc-kurzdoku .imgbox {
  margin-bottom: 15px;
}
.webdoc .webdoc-kurzdoku .imgcontainer {
  float: left;
  margin-right: 20px;
  max-width: 50%;
}
.webdoc .webdoc-kurzdoku video.video {
  max-width: 80%;
  height: auto;
  margin: 0.5em;
}

/* Versionshistorie (versionshistorie.html.tmpl) */
.webdoc .webdoc-versionshistorie h2 {
  margin-top: 1.5em;
}
.webdoc .webdoc-versionshistorie p {
  margin-top: 0;
  margin-bottom: 0;
}
.webdoc .webdoc-versionshistorie p.title {
  font-size: large;
  font-weight: 600;
}
.webdoc .webdoc-versionshistorie p.content {
  font-size: 1em;
  white-space: pre-line;
}
.webdoc .webdoc-versionshistorie p.subscript {
  font-size: small;
}
.webdoc .webdoc-versionshistorie div.category_item {
  margin-bottom: 2em;
}
.webdoc .webdoc-versionshistorie img.icon {
  height: 0.8em;
  margin-right: 0.5em;
  vertical-align: middle;
  margin-bottom: 0.2em;
}
.webdoc .webdoc-versionshistorie img.icon.aenderung {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAASCAMAAACTrCvAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFAKqk////VcO/kdTSzerpALeyALGssd/e8/r52u/vN7255/X0gM/MotrYa8nFv+XjrIzVFwAAAcdJREFUeNq8ldm26yAIQJk0GjP8/99ewDHpGV7Ouqw2JQhuBLUA/0HiEV/KH4ugwMF8uEKmAATmAFFfmMmdArvo2DTWH3ddw/z3lruqKoho3+QK60MHCJHsYVIugK6Lu5txN42hua5hAGf14Qa4UQgT4q6Ke24TkKWo4XgCihnLB6CH+UuWjNRrZOOS1LsNai4dUC0p9tygTbtpPm9ADws6vdcurm1ga4DVFXPRXBaABR9vgL8+ADPsNPhLEC+dpgJQP2EF7Iin6UxEoQHUJ75WMMJyTXWVS91nusHmWgBgpafRN33jzZgvwAhz8y4qA3Bi7u62kA3T9RMAa0dfgBHWa1hL4pIxiXY5N4DW5FgAEWt1R4mKaN/DB6CHOT1oUwcgYpNYAXbiFsBhEz2b7G2BZA+r7/4IEz1SLdXZgo351k43s69vAPLYgHMXZVuu2GGwHfsM41ns0QLsm6WZZQL0+NmuIE+CuQFOW676bsRekTUs6KG9L7onoHj1dcWlexIuVwXmOE4yNoB3MyY3WTvWMKtpd673mKduV4aWoi1MJqBwhA9A9Jhd2q30CFPn7ODt13t2133z8w0eKHz9F0DfDPy5/BNgAPFTCsEauDmoAAAAAElFTkSuQmCC");
}
.webdoc .webdoc-versionshistorie img.icon.neu {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAASCAMAAACTrCvAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFAGDZ////nbXrbZTj0tz1jqroIW7b9Pb86e763eX3f5/mxdPzWYjgucnwQnzew9TdkAAAAKhJREFUeNrklNsOAyEIRBlQWff2/59boLaxz8WkSSdRDA8cAYXoD3Qzs1tmIeGQUOX68n0tAeDRACZGiKmg0PClALbVAE9hAJ7OZMDhKawEsKcwAGJq2QDZLN7UA0kHVFtLAaS4ysoSWWTtc5MPdNtbHqApPl6RHW4ir1wSIKofAB8VlU6gy67xA3MAnsK7ycU/QmhPA8TlJ0C7zGpdOWWbnL8w7B8CDACcMAMTr1uYVwAAAABJRU5ErkJggg==");
}
.webdoc .webdoc-versionshistorie img.icon.korrektur {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAASCAMAAACTrCvAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFe3t7////4eHhpaWlv7+/+Pj4hoaG6enpkJCQt7e3rq6um5ub0NDQ8PDwyMjI2dnZugF/CwAAAbRJREFUeNrcVMlixSAIBHezvPz/3xYGMaZ97aG9lUMy0ZFBlhD9B+upyzOlVIhaCkHfRFEW0v5ALcG6gob1rSdfMy/iJlLRE71NgcBBVJgveWYWy+qNYbUsKBoKCiLRybwH9jV4UXJy3rEKlMy50K7UygqFeYYTrImeAkl9fSdQg4TaF4EXPi8ELydfxiyV84IscE2agJb5vBNAnwQi7VlT4oymMVDTXSycxlStBT0EDv/4RsAXbCtwlppsklQUirmZ24sr3UgOphhjA8A1fxAopxNkK+MCFu8IUJghSYY3utGoATxkv8B7gSOdiHkw1OIXAbU++6nTQ4DZM/BWwHvRBQ7QRQAjgFRp77Bm6EZrivL1Yw1qnSm0mqJkERkhbSljppGigdYi9+ZXGJ5RLiqzBteIdjCMnsEtaDCUdjYs0KOLyNtoCKAzdF6jbXu0zgBdQr/iVnESbsPsomBddOh/wTz4FYaADGmNG4YjDgevVWBXuozTHHK4nckCGkX2gRhVCDNVsM0F6joHti/Ne2j5k1dLy73d6JNA5HHQHNnZ7hnUkMqbX2uJ+69/y385+2v7EGAAb5ILRWlvyCkAAAAASUVORK5CYII=");
}
.webdoc .webdoc-versionshistorie img.picture {
  max-width: 45%;
  margin: 0.5em;
}
.webdoc .webdoc-versionshistorie video.video {
  max-width: 45%;
  height: auto;
  margin: 0.5em;
}