/*
 * quelltext.css
 * - https://werner-zenk.de
 */

@charset "UTF-8";

.highlightTitle {
  margin: 25px -2px 0 2px;
  background-color: #d3e4f1;
  padding: 10px 10px 5px 10px;
  clear: both;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: inherit !important;
  border-bottom-right-radius: inherit !important;
  user-select: none;
}

.highlightBorder {
  background-color: #f5f5f5;
  margin: 0 0 10px 2px;
  overflow: Auto;
  min-height: 50px;
  min-width: 100%;
  max-width: 50px;
  max-height: fit-content;
  resize: vertical;
}

.highlightNumber {
  background-color: #e9e9e9;
  font-family: Verdana, Arial, Sans-Serif !important;
  font-size: 0.85rem;
  text-align: Center;
  margin-right: 5px;
  padding: 0 3px 0 3px;
  display: Inline-Block;
  float: Left;
  cursor: Default;
}

.highlightNumber code {
  background-color: Transparent;
  font-family: Verdana, Arial, Sans-Serif !important;
  font-size: 0.85rem;
  color: #000000;
  line-height: 17px;
  user-select: none;
}

/* Zweistellige Zahlen */
.highlightLineNumbers {
  font-family: Verdana, Arial, Sans-Serif !important;
  font-size: 0.85rem;
  color: #ffffff;
  background-color: #555555;
  padding: 0px 1px 0px 1px;
  border-radius: 200px;
}

/* Einstellige Zahlen */
.highlightLineNumbers2 {
  font-family: Verdana, Arial, Sans-Serif !important;
  color: #ffffff;
  background-color: #555555;
  padding: 0px 5px 0px 5px;
  border-radius: 100px;
}

span.highlightWort {
  color: #000000;
  border-radius: 0.1rem;
}

.highlightCode {
  font-family: Verdana, Arial, Sans-Serif !important;
  font-size: 0.85rem;
  line-height: 17px;
  color: white!important;
  font-variant-numeric: slashed-zero;
  white-space: Nowrap;
  overflow: Auto;
  -moz-hyphens: None;
  -webkit-hyphens: None;
  -ms-hyphens: None;
}

.highlightCode code {
  color: White;
}

.highlightCode code {
  background-color: Transparent;
}

/* Tag und Nachtmodus */
label.tagnacht {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1rem !important;
  color: #888888;
  transition: color 0.3s;
  vertical-align: baseline;
}

label.tagnacht:hover {
  color: #000000;
  cursor: pointer;
}

.highlightTagNachtKlasse {
  background-color: rgb(25, 25, 25);
}

.highlightTagNachtCheckbox {
  display: none;
}

.highlightTagNachtSchrift {
  color: #E5E5E5 !important;
}

.highlightText {
  font-family: Arial, Sans-Serif;
  font-size: 1rem;
  cursor: Help;
  font-weight: Bold;
}

.highlightText em {
  font-weight: Normal;
  user-select: text;
  cursor: text;
}

span.highlightText::before {
  content: Url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAAAAACh9dvTAAAAAnRSTlMAAHaTzTgAAAA2SURBVHjavYyxDQAwDMJ4lv9PoA2VkjJ2qTcbCYANilE5UKbcgerdIXyH8fP55PrhNwQTZMACdtiCRjQZnvYAAAAASUVORK5CYII=");
  vertical-align: Middle;
}

span.highlightTools {
 float: right;
}

a.highlightTool {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 0.9rem;
  color: #4d95cc;
  cursor: Pointer;
}

div.highlightCode ::selection {
  color: #FFFFFF;
  background-color: #3385bb;
}

span.toggleCopy {
  position: Absolute;
  left: 10%;
  display: Block;
  margin-top: 50px;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 0.83rem;
  background-color: #FFFFFF;
  padding: 5px;
  border: Solid 3px #7CB6DC;
  border-radius: 0.5rem;
  box-shadow: 0px 15px 10px 1px #AAAAAA;
  z-index: 1000;
  cursor: Default;
  user-select: none;
}