:root {
    --reaser-color-main: rgba(79,70,229, .75);
    --reaser-color-href: rgba(79,70,229, .75);
    --reaser-color-sbar: #838fa2;
    --reaser-color-ssbar: #e5e7eb;
    --reaser-color-sub: #838fa2;
    --reaser-color-border: #e5e7eb;
}
.wdns-readme-parser A { color:var(--reaser-color-href) !important; }
.wdns-readme-parser .rp-header { padding-bottom:1rem; }
.wdns-readme-parser .rp-nav    { z-index:1; position:relative; margin:0 7px; }
.wdns-readme-parser .rp-tab    { padding:1em; font-size:1em; text-transform:uppercase; color:#000; background:transparent; margin-right:1px; border:0; border-bottom: 1px solid var(--reaser-color-border); }
.wdns-readme-parser .rp-tab.active { background:transparent; color:var(--reaser-color-href); border-color:var(--reaser-color-href); }
.wdns-readme-parser .rp-container  { display:flex; flex-direction:row; }
.wdns-readme-parser .rp-content    { 
    position:relative; width:70%; min-height:0; min-height:450px; overflow-y:auto; flex-grow:1; margin-bottom:.25rem; background:transparent; 
    border:1px solid var(--reaser-color-border); margin-top:-1px; border-radius:5px;
}
.wdns-readme-parser .rp-content UL,
.wdns-readme-parser .rp-content OL { padding-left:2em; margin-bottom:1em; }
.wdns-readme-parser .rp-content .content-container        { display:none; position:absolute; top:0; bottom:auto; opacity:0; padding:1rem; }
.wdns-readme-parser .rp-content .content-container.active { z-index:1; display:block; opacity:1;
    animation:rp-fade-in 1s; 
    -moz-animation:rp-fade-in 1s;    /* Für Firefox */
    -webkit-animation:rp-fade-in 1s; /* Für Safari und Chrome */
    -o-animation:rp-fade-in 1s;      /* Für Opera */    
}
@keyframes rp-fade-in { from { opacity:0; } to { opacity:1; } }
@-o-keyframes rp-fade-in { from { opacity:0; } to { opacity:1; } }      /* Für Opera */
@-moz-keyframes rp-fade-in { from { opacity:0; } to { opacity:1; } }    /* Für Firefox */
@-webkit-keyframes rp-fade-in { from { opacity:0; } to { opacity:1; } } /* Für Safari und Chrome */
.wdns-readme-parser .rp-content .content-container H4  { font-size: 1.4rem; line-height: 1; padding: 1.25rem 0 .5rem 0; color:#000; }
.wdns-readme-parser .rp-content .content-container PRE { line-height:1; color:#c7254e; font-size:.85rem; }
.wdns-readme-parser .rp-meta { width:30%; padding-left:1rem; }
.wdns-readme-parser .rp-meta TABLE TD,
.wdns-readme-parser .rp-meta TABLE TH { padding:.25rem; border-bottom:1px dotted var(--reaser-color-border); line-break:auto; font-weight:normal; }
.wdns-readme-parser .rp-meta TABLE TR TD:first-child { white-space: nowrap; }
.wdns-readme-parser .rp-meta TABLE TD { font-size:92%; color:var(--reaser-color-sub); }
.wdns-readme-parser .rp-content { scrollbar-width:thin; scrollbar-color:var(--reaser-color-sbar) var(--reaser-color-ssbar); }
.wdns-readme-parser .rp-content::-webkit-scrollbar       { width:8px; }
.wdns-readme-parser .rp-content::-webkit-scrollbar-track { background: #cccccc; /* color of the tracking area */ }
.wdns-readme-parser .rp-content::-webkit-scrollbar-thumb { 
  background-color:var(--reaser-color-sbar);  /* color of the scroll thumb */
  border-radius: 20px;                        /* roundness of the scroll thumb */
  border: 1px solid var(--reaser-color-sub);  /* creates padding around scroll thumb */
}
.wdns-readme-parser .rp-promo { padding:.5rem 0 2rem 0; line-height:1.1; color:var(--reaser-color-sub); }

@media( max-width:768px ){
    .wdns-readme-parser .rp-container { display:block; }
    .wdns-readme-parser .rp-content { width:100%; }
    .wdns-readme-parser .rp-meta { width:100%; }
}