*{padding:0; margin:0;}
		body,h1,h2,h3,h4,h5,h6 {
			font-family: "Lato", sans-serif;
		}
		/* hyphens */
	   *{
	   	-moz-hyphens: auto;
	   -o-hyphens: auto;
	   -webkit-hyphens: auto;
	   -ms-hyphens: auto;
	   hyphens: auto; 
   		}
		body, html {
			height: 100%;
			color: #777;
			line-height: 1.8;
		}
		
	

		/* ==================================== Create a Parallax Effect ================================== */
		.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5,.bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11 {
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			min-height: 25vw;
			opacity: 0.6;
			/*min-height: 400px;*/
		}
		.bgimg-1 {
			background-image: url("w3images/1.jpg");	
		}
		.bgimg-2 {
			background-image: url("w3images/2.jpg");
		}
		.bgimg-3 {
			background-image: url("w3images/3.jpg");	
		}
		.bgimg-4 {
			background-image: url("w3images/4.jpg");
		}
		.bgimg-5 {
			background-image: url("w3images/5.jpg");	
		}
		.bgimg-6 {
			background-image: url("w3images/6.jpg");
		}
		.bgimg-7 {
			background-image: url("w3images/7.jpg");
		}
		.bgimg-8 {
			background-image: url("w3images/8.jpg");
		}
		.bgimg-9 {
			background-image: url("w3images/9.jpg");
		}
		.bgimg-10 {
			background-image: url("w3images/10.jpg");
		}
		.bgimg-11 {
			background-image: url("w3images/11.jpg");
		}
		
		

		.w3-wide {letter-spacing: .1em;}
		.w3-hover-opacity {cursor: pointer;}

		/* ======================== Turn off parallax scrolling for tablets and phones ================= */
		
		@media only screen and (max-device-width: 1024px) {
			.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11 {
				background-attachment: scroll;
				
			}
		}
		
		w3-btn:hover{
			background-color:#fff; 
			box-shadow:0 0px 0px 0 rgba(0,0,0,0.0),0 0px 0px 0 rgba(0,0,0,0)}
		w3-dropdown-content:hover, w3-dropdown-content:active, w3-dropdown-content:focus, w3-button:hover{
			background-color:#fff; 
			box-shadow:0 0px 0px 0 rgba(0,0,0,0.0),0 0px 0px 0 rgba(0,0,0,0)}



		/* ==================================== C A R O U S E L ======================================== */
		
		.mySlides {
			width: 100vw;
			min-height: 850px;
			position: absolute;
			z-index: -1;
			opacity: 1;
			transition: opacity .5s ease;
		}
		.slideshow-container {
			/*height:66.7vw;*/
			height:56.25vw;
			width: 100%;		
		}
		.carousel_overlay {
			/*height:66.7vw;*/
			height:56.25vw;
			position: absolute;
			width: 100%;	
		}
		@-webkit-keyframes fade {
			from {opacity: 0.1} 
			to {opacity: 1}
		}
		@keyframes fade {
			from {opacity: 0.1} 
			to {opacity: 1}
		}


		/* ================================ hinzugefügt ================================ */
		/* ACHTUNG! Bei Angase von opacity:0.9; Untermenus funktionieren nicht!
		.w3-bar{
			color: #fff;
			background-color:  #000;
			opacity: 0.9;
		}*/
		.hglogo-1{
			background-color:  #000066;
		}
		.hglogo-2{
			background-color:  #000066;
			opacity: .5;
		}
		
		/* eingefügt wegen IE !!!!!!!!!!! */
		
		.w3-col p{
			padding-right:16px;
		}
		.man-bar-item {
		background-color:#fff;
		color:#666;
		padding:1px 0;
		border-bottom:#EAEAEA solid 1px;
		}
		/* PRELOAD IMAGES
 -------------------------------------------------- */
		div#preloaded-images {
			position: absolute;
			overflow: hidden;
			left: -9999px;
			top: -9999px;
			height: 1px;
			width: 1px;
		}