/* cd_slider */

@font-face {
  font-family: 'Brisk';
  src: url(zBrisk.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  src: url(zLeagueSpartanVariable.ttf) format('truetype');
}

*	{
	box-sizing: border-box;
}

body	{
	margin: 0;
	background-color: rgb(70,88,105);
	background-image: url(../_img/back_slider.jpg);
	background-size: auto 1740px; 
	text-align: center;
}
a	{
	background-color: rgba(33,33,33,0.04);
	border: 1px solid rgba(88,88,88,0.1);
	color: rgba(255,255,255,0.9);
	text-decoration: none;
	transition: all .2s;
}
a.site	{
	font-family: Brisk, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: rgba(192,192,192,0.9);
}
a.link	{
	color: rgba(128,128,128,0.9);
}
a.from	{
	color: rgba(200,200,200,0.9);
}
a.here	{
	color: rgba(255,255,255,0.9);
}
a.button  {
	border-radius: 30%;
	font-family: Spartan, sans-serif;
	font-weight: 900;
	font-size: 2.0em;
	color: rgba(255,255,255,0.6);
	padding-left: 0.6em; 	padding-right: 0.6em;
	padding-top: 0.01em; 	padding-bottom: 0.31em;
	background: rgba(230,230,230,0.2);
}

a:hover		{
		color: rgba(80,80,80,1.0);
		background-color: rgba(205,205,205,0.9);
}
a:active	{
		color: rgba(255,255,255,1.0);
		background-color: rgba(255,255,255,0.7);
}

nav	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(19,17,104,0.8);
	z-index: +1;
}
h1	{
	margin: 1%;
	font-family: Spartan, sans-serif;
	font-size: 1.3em;
	font-weight: 500;
	color: rgba(80,80,80,0.8);
	line-height: 100%;
}
h1 a	{
	margin-left: .2em;
	margin-right: .2em;
	padding-top: .01em;
	padding-bottom: .1em;
	padding-left: .3em;
 	padding-right: .3em;
	border-radius: .1em;
}
main	{
	display: block;
	margin-left: 8%;
	margin-right: 8%;
	margin-top: 6%;
}

.flex_artic {
	display: flex;
	margin: 0 auto;
	margin-top: calc(10em - 14%);
	align-content: center;
	justify-content: center;
	flex-direction: column;
}

.flex_sect {
	width: 100%;
	border: 1px solid rgba(128,128,128,0.2);
	margin-top: 2.1em;
	padding: .8em;
	background: rgba(230,230,230,0.2);
 	box-shadow: 5px 4px 10px 0 rgba(0,0,0,0.8);
}
.flex_button {
	align-self: center;
}

.wrap	{flex-wrap: wrap;}

.scale	{width: 100%;}

.flex_about {
	max-width:42em;
	border: 1px solid rgba(128,128,128,0.2);
	margin: 2em;
	padding: .8em;
	background: rgba(230,230,230,0.2);
 	box-shadow: 5px 4px 10px 0 rgba(0,0,0,0.8);
}

img	{
	display:block;
}
figure	{
	position: relative;
}
figcaption {
	position: relative;
	width: 100%;
	background: rgba(60,60,60,0.999);
	color: rgba(230,230,230,0.9);
	padding: .3em;
	font-family: Spartan, sans-serif;
	font-size: 1em;
	font-weight: 400;
}

.pdf {
	background-image: url(../_img/grafik_layout_pdf.jpg);
}

iframe	{
	width: 98%;
	height: 39em;
	border: none;
}

/* -----------------------------Viewport */
@media (min-width: 45.7em)
	{	
	.flex_artic {
		flex-direction: row;
		flex-wrap: nowrap;
		}
	.flex_sect {
		max-width: 57.3%;
		}
	main	{
		margin-left: 1%;
		margin-right: 1%;
		}
	}

footer	{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1.5em;
	padding-top: .1em;
	background-color: rgba(19,17,104,0.8);
	font-family: Spartan, sans-serif;
	font-size: .95em;
	font-weight: 500;
	z-index: +1;
}
footer a {
	padding-top: 0;
	padding-bottom: .15em;
	padding-left: .4em;
 	padding-right: .4em;
	border-radius: .1em;
}