@import "stylesheet.css";

body{
	color: #1C153F;
	
	background: #F5F3F5;
}

#header{
	background: #1C153F;
} 

#header_mobile{
	background: #1C153F;
}

.title{
	color: #F5F3F5;
}

#MenueButton{
	color: #F5F3F5;
}

#sidebar{
    border-right: 1px solid #1C153F;
	box-shadow: 0px 3px 3px #1C153F;
}

#sidebar2{
    border-left: 1px solid #1C153F;
	box-shadow: 0px 3px 3px #1C153F;
}

#sidebar_mobile{
	background: #F5F3F5;
	
	box-shadow: 0px 6px 15px #1C153F;
}

.closeButton{
	color: #000000;
}

.closeButton:hover{
	color: F5F3F5;
}

.Kachel{
	border: 1px #1C153F solid;
	box-shadow: 1px 1px 2px #1C153F;
}

.nav_kachel{
	border-left: 5px #1C153F solid;
}
 
.nav_kachel:hover{
	border-left: 5px #91171F solid;
}

@media ( max-width: 720px ) {
    #sidebar{
        display: none;
    }
	
	#sidebar2{
        display: none;
    }
	
	#header{
		display: none;
	}
	
	#header_mobile{
		display: block;
	}
}

/*
	Farbschema
	- 13293D	Yankees Blue		(dunkel)
	- 006494	Sea Blue
	- 247BA0	Lapis Lazuli
	- 1B98E0	Bright Cerulean
	- E8F1F2	Anti-Flash White	(hell)
*/