@keyframes attention {
    from{  transform: rotateY(0deg)   }
    to  {  transform: rotateY(360deg) }
}
/*from {filter: blur(0px); color: black;}
    to   {filter: blur(2px); color: RED;}
}*/
.att {
    animation-name:             attention;
    animation-duration:         10s;
    animation-iteration-count:  2;
    _animation-direction:        alternate;
    _animation-timing-function:  ease-in;
	animation-timing-function:  linear;
  	animation-delay: 			0.5s;
}

/* --- auf dem home.tpl der Tab --- */
.tab {
  	box-shadow: 0px -10px 10px rgba(50,50,50,0.1);
}

/* ============================================================================================= */
/* Hintergrundfarben                                                                             */
/* ============================================================================================= */
.bg-primary {
  	_background-color: #3b9ab4 !important;
	_background-color: #668891 !important;
	background-color: SteelBlue !important;
}
.bg-warning {
  background-color: #ffae39 !important;
  _background-color: #ffbe49 !important;
}
.bg-dark {
	background-color: #003847 !important;
}
/* ============================================================================================= */


.text-dark {
	color: #002b36 !important;
}

/* ============================================================================================= */
/* Meta-Text                                                                                     */
/* ============================================================================================= */
.text-meta {
	color: #109698 !important;
}
._text-secondary {
	color: #109698 !important;
}
/* ============================================================================================= */


a {
    text-decoration: none !important;
    _color: #668891 !important;
	color: SteelBlue !important;
}
.btn-warning {
	background-color: #ffae39 !important;
	border: 1px solid #ffae39 !important;
}
.btn-primary {
	_background-color: #668891 !important;
	_border: 1px solid #668891 !important;
	background-color: SteelBlue !important;
	border: 1px solid SteelBlue !important;
}
.btn-outline-primary {
	border: 1px solid #668891 !important;
	color: #668891 !important;
}
.btn-outline-primary:hover {
	color: #aaaaaa !important;
	background-color: #002b36;
}


/* --- Radius deaktivieren --- */
.badge {
    border-radius: 0px !important;
}


blockquote {
  	border-left: 10px solid #555555;
  	padding-left: 1em;
  	font-weight: lighter;
  	background-color: #668891;
	color: #ffffff;
  	padding-top: 1em;
  	padding-bottom: 1em;
  	padding-right: 1em;
  	margin-top: 1.5em;
  	margin-bottom: 1.5em;
}

/* --- Section: Arcticle --- */
article p {
  	text-align: justify;
}
article h2 {
  	border-left: 	1px dotted Gray;
	margin-bottom: 	0.9em;
  	padding-left: 	0.8em;
  	padding-top: 	0.8em;
  	padding-bottom: 0.8em;
	opacity: 		0.4;
}
article h3 {
  	border-left: 	1px dotted Gray;
	margin-bottom: 	0.9em;
  	padding-left: 	0.8em;
  	padding-top: 	0.8em;
  	padding-bottom: 0.8em;
	opacity: 		0.4;
}
/* --- Section: Arcticle --- */

/* ============================================================================================= */
/* Pre und Code im Text                                                                          */
/* ============================================================================================= */
pre {
  	_background-color: #073642;
	background-color: #eeeeee;
  	padding: 		2em;
  	border-left: 	10px solid #668891;
  	font-size: 		0.9em !important;
	_box-shadow: 	0 1rem 3rem rgba(0,0,0,0.175);
	border-radius: 5px;
}
/* --- Hervorhebung von Befehlen im Text --- */
p code {
  	background-color:	#004052;
	padding-top:        0.2em;
	padding-bottom:     0.3em;
	padding-left:       0.3em;
	padding-right:      0.3em;
  	_border: 			1px solid #004052;
  	border-radius: 		4px;
	color: 				#8aacb5 !important;
	box-shadow:         2px 3px 10px rgba(0,0,0,0.1);
}


/* --- Bilder im Beitrag zentrieren --- */
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 {*/
article pre + em {
    display:            block;
    font-size:          0.8em !important;
    color:              #e37932;
    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:              #e37932;
    margin-left:        15px;
}
/* --- Hintergrundbild (SVG) --- */
.background-image-a {
    background:             url('/img/bg-events.svg'); 
    background-size:        cover; 
    background-position:    center;
}
/* --- Hintergrundbild (SVG) --- */
.background-image-b {
    background:             url('/img/bg-members.svg'); 
    background-size:        cover; 
    background-position:    center;
}


/* ============================================================================================= */
/* Chartist                                                                                      */
/* ============================================================================================= */
/* --- Definition für Chartist --- */
.ct-point              {stroke-width: 6px !important; stroke-linecap: round;}

/* Points */
.ct-series-a .ct-point {stroke: LightGray !important;}
.ct-series-b .ct-point {stroke: SteelBlue !important;}

/* Area-Fills */
.ct-series-a .ct-area {fill: Gray !important;}
.ct-series-b .ct-area {fill: SteelBlue !important;}

/* Graphs */
.ct-series-a .ct-line {stroke-width: 1px !important; stroke: LIGHTGRAY !important;}
.ct-series-b .ct-line {stroke-width: 2px !important; stroke: SteelBlue !important;}
.ct-series-c .ct-line {stroke-width: 1px !important;}

/* Grid */
.ct-grid              {stroke: #777777;}
.ct-label             {color: #aaaaaa;}
/* ============================================================================================= */


/* ============================================================================================= */
/* Text-Links                                                                                    */
/* ============================================================================================= */
/* --- Textlink Inline --*/
.link-inline {
  	border: 			1px solid #3b9ab4;
	padding-left: 		0.3em;
	padding-right: 		0.3em;
	border-radius: 		4px;
	background-color: 	#3b9ab4;
  	font-size: 			0.9em;
	color:				#ffffff !important;
  	_box-shadow: 		0px 0px 5px rgba(0,0,0,0.1);
}
.link-inline::after {
  	content: 			'';
	top: 				-0.45em;
	font-size: 			0.9em;
	position: 			relative;
	padding-left: 		0.2em;
	color: 				#ffffff;
}

/* --- Textlinks --- */
.link {
	background-color:	rgba(235,235,235,0.3);
  	padding: 			1em;
	padding-right:      1.1em;
  	color: 				#000000 !important;
  	display: 			inline-block;
  	margin:				0.3em;
  	border-bottom:		2px solid #3b9ab4;
  	margin-bottom:		2em;
}
.link::before {
  content: 				'» ';
}
._link::after {
  	content: 			'';
	margin-left: 		0.5em;
	top: 				-0.75em;
	font-size:			smaller;
	position: 			relative;
}
/* --- Textlinks --- */

.yellow-to-transparent {
	background: linear-gradient(180deg, #ffae39, rgba(255,255,255,0.4)) !important;
	_background: linear-gradient(180deg, rgba(255,174,57,0.8), rgba(255,255,255,0.4)) !important;
}