@charset "UTF-8";
@import url('normalize.css');


html	{
	box-sizing: border-box;	
	}

*, *::before, *::after	{
	box-sizing: inherit;
	}
	
body	{
	background-color: #5e5e5e;
	}

h1	{
	
	}
	
ul	{
	padding: 0 1rem 0 1rem;
	}
	
nav	{
	border: 0px solid #75d5ff;
	}
	
.img-bg	{
	background-image: url('../bg_img/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	}
	
.logo	{
	float: right;
	padding-right: 4em;
	}
		
.nav-ul {
	background-color: #75d5ff;
	margin:0;
	border-radius: 15px;
	}
	
.nav-ul a:hover, .nav-ul a:focus {
   background-color:#011892; /* Mitternacht */
   color:#c0c0c0; /* Ocean */
   border-radius: 8px;
	}
	
.nav-li {
	list-style: none;
	margin-left: 0;
	border-bottom: 1px solid black;
	}
	
.nav-st	{
	position: -webkit-sticky;
	position: sticky;
	top: 3em;
	z-index: 10;
	}
	
.nav-li-a {
	padding: 0.6em 2rem;
    display: block; 
	}

.blau	{	
	color:rgb(70,87,235);	
	}
	
.link	{
	padding: 1rem;
	margin: 2rem;
	color: rgb(0,150,255);
	width: 280px;
	height: 2rem;
	background-color: rgb(255,38,0, 0.2);
	border-radius: 6px/6px;
}

.header {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;	
	text-align: center;
	padding: 1em;
	background-color:#73fdff;
	box-shadow: 0px 10px 10px rgb(94,94,94, 0.5);
	z-index: 8;
	}

/* .wrapper {
   	background-color:rgb(255,255,255, 0.3); /* transparent */
			}
					
/* main	{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 90%;
	padding: 2rem;
	background-color: rgb(255, 47, 164);
	} */
	
/* article	{
	width: 400px;
	padding: 10px;
	border: 0px solid black;
	background-color: rgb(255, 47, 148, 0.0);
	box-shadow: 5px 5px 5px rgb(169,169,169);
	}
	
.article	{
	position: -webkit-sticky;
	margin: 1rem;
	background-color: rgb(234,234,234);
	border-radius: 25px;
	z-index: 1;
	} */

.aside	{
	position: -webkit-sticky;
	position: sticky;
	display: table-cell;
	padding: 0 1rem 0 1rem;
	margin-top: 3rem;
	background-color: rgb(234,234,234);
	border-radius: 25px;
	box-shadow: 5px 5px 5px rgb(169,169,169);
	z-index: 2;
	}
	
.white	{
	padding: 20px;
	background-color: rgb(234,234,234);	
	border-radius: 20px;
	box-shadow: 8px 8px 8px rgb(192,192,192);
	}
	
.soon	{
		position-left: -300px;
		height: 300px;
	}	

	/* ______________Brackpoint___________________ */
	
media screen and (min-width: 680px)	{

.main_bg	{
	background-image: url('../bg_img/sn1024.png');
	background-attachment: fixed;
	}
	
.nav_st	{
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
	box-shadow: 0px 20px 20px rgb(70,87,235, 0.5);
	box-shadow: 0px 10px 10px rgb(66,66,66, 0.5);
	z-index: 11;
	}
	
.nav-ul {
    padding: 0 2rem;
    overflow: hidden;	
	}
  
.nav-li {
	float: left;
	display: inline-block;
	border: none;
	width: auto; 
	}
.nav-li-a {
	padding: 0.7em 1.2rem;
	display: inline-block;
    }