/* ----------------------------------*/
/* Markdowns -Textformatierung       */
/* --------------------------------  */

.markdown-body {
padding:5px;
}

.markdown-body p {
font-style:normal;                                                 
font-weight:normal;                                               
color:#000000;                                                   
margin: 10px;
font-size: 120%;
}
.markdown-body strong {
  font-weight: bold;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
  vertical-align: top;
 }

.markdown-body h1 {
  font-size: 180%;
}

.markdown-body h1,
.markdown-body h2 {
  font-weight: bold;
}

.markdown-body h2 {
  font-size: 150%;
}

.markdown-body h3 {
   font-size: 140%;
}

.markdown-body h3,
.markdown-body h4 {
  font-weight: bold;
}

.markdown-body h4 {
  font-size: 130%;
}

.markdown-body h5 {
 font-size: 120%;
}

.markdown-body h5,
.markdown-body h6 {
  font-weight: bold;
}

.markdown-body h6 {
  font-size: 110%;
}

.markdown-body ul {
  margin-left: 20px;
  font-size: 130%;
}

/* ----------------------------------*/
/* Markdowns - Linkformatierung      */
/* --------------------------------  */
.markdown-body a {
  background-color: initial;
}

.markdown-body a {
  color: #00008B;
  font-size: 120%;
  text-decoration: none;
  font-weight: bold;
}

.markdown-body a:hover {
  text-decoration: underline;
}

/* ----------------------------------*/
/* Markdowns -Tabellenformatierung   */
/* --------------------------------  */

.markdown-body table {
  /* Remove spacing between table cells (from Normalize.css) */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
}

.markdown-body table th {
  color: #000;
  background-color: #e0e0e0;
  background-color:rgba(145,184,179,1);
  font-style: italic;
  padding: 2px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 110%;
  word-wrap: break-word;
  white-space: normal;
}

.markdown-body table td,
.markdown-body table th {
  border-left: 1px solid #cbcbcb; /*  inner column border */
  border-width: 0 0 0 1px;
  margin: 0;
  overflow: visible; /*to make ths where the title is really long work*/
  padding: 0.5em 1em; /* cell padding */
  max-width: 180px;
}

.markdown-body table td {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cbcbcb;
  text-align: center;
}

/* ----------------------------------*/
/* Bildformatierung                  */
/* --------------------------------  */

.markdown-body img {
  border-style: none;
  max-width:600px;
  float:left;
  margin:10px;
}

/* Image rechtsbündig                    */
img[src$='#img-right'] {
  float:right;
}
/* Image linksbündig                    */
img[src$='#img-left'] {
  float:left;
}
/* kein Float                    */
img[src$='#img'] {
  float:none;
}
/* kleines Bild, kein Float                    */
img[src$='#img-small'] {
  max-width:400px;
  float:none;
}
/* kleines Bild                    */
img[src$='#img-small-left'] {
  max-width:400px;
}
/* kleines Bild rechtsbündig       */
img[src$='#img-small-right'] {
  float:right;
  max-width:400px;
}
/* großes Bild kein Float             */
img[src$='#img-big'] {
  max-width:800px;
  float:none;
}
/* großes Bild linksbündig             */
img[src$='#img-big-left'] {
  max-width:800px;
}
/* großes Bild rechtsbündig       */
img[src$='#img-big-right'] {
  float:right;
  max-width:800px;
}
/* Noch kleineres Bild für das Logo       */
img[src$='#img-small-logo'] {
  position:relative;
  float:left;
  max-width:275px;
  margin-top:-28px;
  margin-left:10px;
  padding:0;
  z-index:5;
}

/* ----------------------------------*/
/* Markdowns - Sonstiges             */
/* --------------------------------  */

.markdown-body hr {
  color: black !important;
  box-shadow: 0.5px 0.5px grey, 1px 1px grey, 1.5px 1.5px grey; ! Festlegung des Text-Shadows (Schatten);
}

.markdown-body pre,
.markdown-body code {
  border-radius: 3px !important;
  font-family: monospace, "IBM Plex Mono", monospace;
  font-size: 20px;
}

.markdown-body code {
  background-color: #e0ffff;
  /* user-select: none;  */
}

.markdown-body .language-js {
 user-select: auto;  
}

.markdown-body blockquote {
  border-left: 10px solid yellow;
  padding-left: 20px;
  font-size:95%;
}