body{
		font-family: Verdana, Arial, Sans-Serif;
		background-color: black;
		margin: 0px;
		overflow: hidden;
		}
	
	.text{	
		width: auto; 
		font-size: calc(5px + 0.6vw);
		text-transform: uppercase;
		color: #ddd;
		line-height: calc(1.1em + 0.7vw);
		word-spacing: 0.5em;
		}

	.fa-phone{
		margin-left:10px; 
		text-decoration: none !important;
		}


	 a, a:hover, a:visited, a:link, a:active{
		color: #ddd;
		text-decoration: none;
		}
		
	.container{
		margin-top: 0px;
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;	
		}	
		
	#pattern{
		width: 100%; 
		height: 100%;		
		background-size: 100%; 
		background-position: top; 
		margin-left: 0px;
		margin-right:0px;
		border:0px solid blue;
		background: transparent url(pattern.png) repeat top left;
		position:absolute; 	
		z-index:5;
		}
			
	#dummy{
		width: auto; 
		height: 100%;	
		background-size: 100%; 
		background-position: top; 
		margin-left: 0px;
		margin-right:0px;
		border:0px solid blue;
		background-repeat:no-repeat;	 
		background-color: black; 
		/* background: url(../images/1a.jpg); 	*/
		}
			
	/* [ON BIG SCREEN] */
	/* Wrapper */
	#page-nav {
		width: 100%;
		opacity: 1;
		/* If you want the navigation bar to stick on top 
		position: sticky;*/
		top: 0; 	
		transition: all 0.5s;
		}

	/* Hide Hamburger */
	#page-nav label, #hamburger {
		display: none;
		}

	/* Menu Items */
	#page-nav ul {
		list-style-type: none; 
		margin: 0;
		padding: 0; 
		}
		
	#page-nav ul li {
		display: inline-block;
		padding: 8px;
		box-sizing: border-box;
		}

	/* Show Hamburger */
	#page-nav label {
		display: inline-block;
		color: #ddd;
		/* background: #ddd; hintergrund hamburger */
		font-style: normal;
		font-size: 2.2em;
		padding: 10px 10px 10px 10px;
		float:right;
		}

	/* Break down menu items into vertical */
	#page-nav ul li {
		display: block;
		}
	#page-nav ul li {
		border-top: 1px dotted #ddd;    
		}

	/* Toggle show/hide menu on checkbox click */
	#page-nav ul {
		display: none;
		}

	#page-nav input:checked ~ ul {
		display: block;
		}	

	#page-nav ul li:hover ul {
		display: block; 
		margin-top: 8px; 
		}

	.sub{    	
		font-size: calc(5px + 0.6vw);
		line-height: calc(0.7em + 0.7vw);
		word-spacing: 0.5em;
		}


			
	/* Media Queries  */
	@media screen and (max-width:820px) {
	.fa-phone{
		color:#ddd;	
		display: inline;
		}

	.text{		
		font-size: calc(8px + 1vw);		
		}
	
		.sub{    	
		font-size: calc(6px + 0.6vw);
		}		
	}