@keyframes attention {
    from {transform: translateX(0%);}
    to   {transform: translateX(20%);}
}
.attention {
    animation-name:             attention;
    animation-duration:         0.2s;
    animation-iteration-count:  12;
    animation-direction:        alternate;
    animation-timing-function:  ease-in;
  	animation-delay: 			0.5s;
}

pre {
    background-color:   #eeeeee     !important;
    padding-top:        7px         !important;
    padding-bottom:     7px         !important;
    padding-left:       15px        !important;
    padding-right:      15px        !important;
    border-radius:      5px         !important;
}
blockquote {
    padding: 			10px 20px;
    margin: 			0 0 20px 20px;
    border-left: 		10px solid SteelBlue;
    font-style: 		italic;
}
.main-bg {
	background-color: 	SteelBlue;
}

.bg-success {
    -background-color: MediumSeaGreen !important;
    background-color: #195472 !important;
}

.btn-success {
    background-color: MediumSeaGreen !important;
    border-color: mediumseagreen !important;
}

.btn-primary {
    background-color: SteelBlue !important;
    border-color: SteelBlue !important;
}

hr {
    border-top: 		10px solid MediumSeaGreen;
    opacity: 1;
}

.hr-blue {
    border-top: 		10px solid SteelBlue;
    opacity: 			1;
}

_h2 {
  font-size:            1.2em;
}

a {
    text-decoration:    none        !important;
  	color: 				SteelBlue 	!important;
}
_article h2 {
    margin-top:         1.5em !important;
  	margin-bottom:      1.5em !important;
    font-size:          1.6em !important;
    font-weight:        bold;
    border-bottom:      1px solid #cccccc;
}

article .toc-heading {
    margin-top:         1.5em;
  	margin-bottom:      1.5em;
    font-size:          1.6em;
    font-weight:        bold;
    border-bottom:      1px solid #cccccc;
}

/* Sorgt dafuer, das Bilder im Beitrag zentriert und 'img-fluid' sind */
article img {
    display:            block; 
    margin:             auto;
    max-width:          98%;
    height:             auto;
    _background-color:   #4c5e70;
    _background-color:   CadetBlue;
    border-radius:      5px;
    box-shadow: 0px 0px 5px #aaa;
}
/* Bildunterschriften unter einem Code-Block */
article pre + p em {
    display:            block;
    font-size:          0.8em !important;
    color:              var(--txt-light);
    margin-left:        10px;
    margin-top:         -15px;
}
/* Bildunterschriften unter dem Foto ohne Leerzeile mit Stern-Bildunterstrift-Stern markiert */
article img + em {
    display:            block;
    font-size:          0.7em !important;
    color:              var(--txt-light);
    margin-left:        15px;
}
.active {
  font-weight: bold;
}