@charset "utf-8";
/* CSS Document */


body {
	/*Größe:*/
		height: 100vh;
		width: 100vw;
		overflow: hidden;
	
	/*Layout:*/
		background-color: #353A3F;
		background-image: url("../Pictures/reagenzien.jpg");
			background-repeat: no-repeat;
			background-size: cover;
	
	/*Schrift:*/
		/*font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}


h1 {
	/*Schrift:*/
		color: white;
}


.menu{
	/*Layout:*/
		display: none;
		padding-left: 10px;
	
	/*Positionierung:*/
		z-index: 8;
	
	/*Schrift:*/
		color: white;
}


.menu_item {
	
	/*Positionierung:*/
		z-index: 10;
	
	/*Schrift:*/
		font-weight: bold;
	
	/*Weiteres:*/
		cursor: pointer;
}


.menu_subitem {
	/*Sonstige:*/
		cursor: pointer;
}


#bottomline {
	/*Layout:*/
		background-color: #353A3F;
	
	/*Position:*/
		position: absolute;
			bottom: 0;
			right: 0;
	
	/*Schrift:*/
		color: white;
}


#sidebar:hover .menu {
	display: block;
}



#sidebar {
	/*Größe:*/
		height: 100vh;
		width: 3vw;
	
	/*Layout:*/
		background-color: #353A3F;
	
	/*Position:*/
		position: absolute;
			left: 0;
			top: 0;
	
	/*Schrift:*/
}

#sidebar:hover {
	/*Größe:*/
		height: 100vh;
		width: 20vw;
	
	/*Layout:*/
		background-color: #353A3F;
	
	/*Position:*/
		position: absolute;
			left: 0;
			top: 0;
	
	/*Schrift:*/
}


#sidebar:hover #menu {
	display: none;
}


#unterrand {
	/*Größe:*/
		height: 20vh;
		width: 80vw;
	
	/*Layout:*/
		background-color: #353A3F;
			opacity: 0.8;
	
	/*Position:*/
		position: absolute;
			bottom: 5vh;
			right: 0;
		z-index: 5;
			
	/*Schrift*/
}

/**/

#Fachbereiche:hover > #Themen{
	display: block;
	
}


#onlineSchrift {
	transform: rotate(335deg); 
	font-family: 'Segoe Script', 'Comic Sans MS', cursive; 
	color: red;
	position: absolute; 
	bottom: 2vh; 
	right: 22vw; 
	font-size: 7vh;
	
	z-index: 30;
}


#Themen{
	display: none;
	padding-left: 20px;
}


#Themen:hover {
	display: block;
}




a {
	/*Layout:*/
	
	/*Schrift:*/
		color: white;
		text-decoration: none;
}


input {
	/*Größe:*/
	
	/*Layout:*/
		border: none;
		border-bottom: solid thin grey;
}


/* RESPONSIVE WEB DESIGN*/

@media screen and (max-width: 1000px){
	
	h2 {
		font-size: 33px;
	}
	
	.menu_item {
		/*Text:*/
			font-size: 1.8rem;
	}
	
	.menu_subitem {
		/*Text:*/
			font-size: 1.5rem;
	}		
	
	#Themen {
		/*Layout:*/
			display: block;
	}
	

	#onlineSchrift {
		
		/*Schrift:*/
			font-size: 7vh;
	
		/*Position:*/
			transform: rotate(0deg);
			position: absolute; 
				bottom: 0vh; 
				right: 22vw; 
	}
	
	
	#sidebar {
	/*Größe:*/
		height: 100vh;
		width: 10vw;
	
	/*Layout:*/
		background-color: #353A3F;
	
	/*Position:*/
		position: absolute;
			left: 0;
			top: 0;
	
	/*Schrift:*/
}
	
	#sidebar:hover {
	/*Größe:*/
		height: 100vh;
		width: 95vw;
	
	/*Layout:*/
		background-color: #353A3F;
	
	/*Position:*/
		position: absolute;
			left: 0;
			top: 0;
	
	/*Schrift:*/
}
}