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

.markdown-body {
padding:0px;
font-size:13pt;
font-family: 'Open Sans', sans-serif;
color: rgba(255,255,255,0.6); 
}

.markdown-body p {
font-family: 'Open Sans', sans-serif;
font-style:normal;                                                 
font-weight:normal;                                               
color:#000000;
color: rgba(255,255,255,0.6);                                                   
margin-top: 5px;
margin-bottom: 10px;
}

/* Links                  */
.markdown-body a {
  background-color: initial;
  color: #00008B;
  color: rgba(255, 255, 255,0.8);
  color: rgba(205,131,250,0.8);
  font-size: 105%;
  text-decoration: underline;
  font-weight: bold;
}

/* Footer-Color für Links               */
a[href$='#footer-color'] {
  color: rgba(255,255,255,0.8);
}

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

.markdown-body img {
  border-style: none;
  width:100%;
  max-width:600px;
  margin:10px;
 border-bottom: 1px inset rgba(237,0,228,1);
  border-left: 1px inset rgba(237,0,228,1);
  border-right: 2px inset rgba(255,255,255,0.6);
  border-top: 2px inset rgba(255,255,255,0.6);
}

/* Image rechtsbündig                    */
img[src$='#img-right'] {
  float:right;
}
/* Image linksbündig                    */
img[src$='#img-left'] {
  float:left;
}

/* kein Float                    */
img[src$='#img-no-float'] {
  float:none;
}

/* kleines Bild                    */
img[src$='#img-small'] {
  max-width:300px;
  float:right;
}
/* Noch kleineres Bild für Blog       */
img[src$='#img-blog'] {
  max-width:150px;
}

video.responsive-video {
  max-width: 600px;
  height: auto;
}

.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: 20px;
  margin-bottom: 15px;
  margin-left: 3px;
  margin-right: 3px;
  line-height:25px;
  font-weight: bold;
  color: rgba(255,255,255,0.8);
}

.markdown-body h1 {
  font-size: 150%;
   /* -----Schwarzer Textschatten------------------------------------------------------ */  
  text-shadow: 2px 2px 1px rgb(68, 68, 69);
  color: rgba(237,0,228,0.8);
  color: rgba(205,131,250,0.9);
 }

.markdown-body h2 {
  font-size: 130%;
  color: rgba(205,41,144,0.8);
  color: rgba(205,131,250,0.9);
}

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

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

.markdown-body h5 {
 font-size: 105%;
 margin-top: 10px;
 margin-bottom: 10px;
}

.markdown-body h6 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 100%;
}

.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: 105%;
  font-style:italic;
  padding-left:30px;
}

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

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

.markdown-body ul {
  margin-left: 20px;
}
.markdown-body li {
  margin-top: 10px;
}

.markdown-body blockquote {
  border-left: 10px solid yellow;
  padding-left: 20px;
  font-size:95%;
}
.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;
  font-style: italic;
  padding: 2px 0;
  text-align: center;
  vertical-align: bottom;
  font-size: 110%;
}

.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 */
}

.markdown-body table td {
  color: #000;
  background-color: rgba(255, 255, 255,0.3);
  border-bottom: 1px solid #cbcbcb;
}

/* -----kleiner Full-HD----------------------------------------------------------------------------------- */
 @media only screen and (max-width: 1600px) {
 
  .markdown-body img {
  max-width:400px;
}
   
}


/* -----Tabletes----------------------------------------------------------------------------------- */
 @media only screen and (max-width: 820px) {
video.responsive-video {
  max-width: 300px;
}
 .markdown-body img {
  max-width:350px;
}
.markdown-body p {
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 90%;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-right: 30px;
  line-height:20px;
}

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

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

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

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

.markdown-body h5 {
 font-size: 95%;
 margin-top: 10px;
 margin-bottom: 10px;
}

.markdown-body h6 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90%;
}
/* Anpassungen für den Blog    */
img[src$='#img-blog'] {
  max-width:100px;
}
.post {
  padding: 5px;
  margin: 5px;
  border-radius: 1px;
}
}
/* -----Smartphones----------------------------------------------------------------------------------- */
 @media only screen and (max-width: 479px) {

.markdown-body {
margin-right: 10px;
}

.markdown-body p {
margin-top: 2px;
}

.markdown-body img {
  max-width:290px;
  height:auto;
}
}