.doj-orange-box {
  border: 2px solid orange;
  padding: 5px;
  border-radius: 8px;
  width: fit-content;
  margin: 0.5rem 0.3rem
}

.doj-lblue-box {
  border: 2px solid #006b6b;
  padding: 5px;
  border-radius: 8px;
  width: fit-content;
  margin: 0.5rem 0.3rem
}


.doj-blue-box {
  border: 2px solid #0077b6;
  padding: 4px;
  border-radius: 8px;
  width: fit-content;
  margin: 0.5rem 0.3rem
}


.doj-text-red {
  color: red;
}

.doj-text-blue {
  color: #0077b6;
}

.doj-text-green {
  color: green;
}

.doj-text-purple {
  color: purple;
}

.doj-text-orange {
  color: #cc8400;
}


.doj-text-comment {
  color: #708090;
}


/* --Diese Box immitiert eine Quelltext-Box-- */
/* --Wird verwendet um spezifische Farbgebung im Code zu ermöglichen-- */
.doj-custom-codebox {
  background-color: #f5f5f5;
  border-left: 4px solid #0077b6;
  padding: 1.5em; /* --Innenabstand-- */
  
  font-family: PTMono;
  color: black;
  font-size: 1em;

  white-space: pre;
  overflow-x: auto; 
  box-sizing: border-box;
  position: relative;
  margin: 1.5rem 0 !important;
  text-align: left;
  max-width: none;
  line-height: 1.5;
  padding-top: 0.1em;
  padding-bottom: 0.1em; 
  
}