<style>

@font-face {
	font-family:"Traffic 06";src:url("../inc/font/TRAFFIC6.eot?") format("eot"),url("../inc/font/TRAFFIC6.woff") format("woff"),url("../inc/font/TRAFFIC6.ttf") format("truetype"),url("../inc/font/TRAFFIC6.svg#traffic06") format("svg");
	font-weight:normal;font-style:normal;
}

body,h1,h2,h3,h4,h5,h6 {font-family: "Traffic 06", sans-serif !important;}
a, a:hover {text-decoration:none !important;}

body, html {
    height: 100%;
    color: #777;
    line-height: 1.8;
	font-weight:normal;
	font-family:"Traffic 06";
	font-style:normal;
	margin:0;
	padding:0;
}


html {
	background-image: url("img/background.png") !important;
	
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
.fr-blue {background-color:#444;}
.fr-menubutton {}
/* WARUM 
img {margin-bottom: -8px;}
*/
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
       min-height: 100%;
}

.w3-wide {letter-spacing: 10px;}
.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 {
        background-attachment: scroll;
    }
	
	
	}




.location p {
    margin: 0 0 21px !important;
}

table.location, table.location td {
	padding-left:0px !important;
	
}

ol,ul {
	list-style:none;
}
a svg:hover #logobg { 
			  fill: #000;
			}
a svg:hover #logo { 
			  fill: #fff;
			}			
			
a svg #logo { 
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}			
			
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.item {
  position: relative;
 /*  margin: 2%; */
  overflow: hidden; /* dann zoom effekt */
 max-width: 100%;

}			
			
			
			

img.pnghovergal{
opacity: 1; 
filter: alpha(opacity=100);

object-fit: cover;
}

img.pnghovergal:hover {
opacity: 0.9; 
filter: alpha(opacity=90);
}

			

.item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}			
	

@media only screen and (min-device-width: 1024px) {
	/* Link um den Flyer bzw. Foto */	
	.item .wk-aimg {
		height: 201px; max-height: 201px;	
	}	
	/* Abstand nur wenn spalte neben drann */
	.location {
		padding-right:100px;
	}
	.wk-topmargin {
		margin-top:105px;		
	}
	.wk-topmargin-foto {
		margin-top:54px;		
	}
}

@media only screen and (max-device-width: 800px) {
	
	.wk-topmargin {
		margin-top:25px;		
	}
}
		
			
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
			
.wk-scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}
.wk-scroll svg {
	width:35px;
	display:block;
}


.bounce {
  -moz-animation: bounce 1s infinite;
  -webkit-animation: bounce s infinite;
  animation: bounce 1s infinite;
}
			
/* COUNTDOWN */

/* Eventname */

@media only screen and (max-device-width: 800px) {
	
	.countdown h3 {
				font-size: 25px !important;
	}
	
	.countdown h6 {
			font-size: 18px !important;
	}
	
	.counter-wrapper li {
		margin-right: 20px  !important;
	}
	.counter-wrapper ul{
		    float: left!important;
	}
	
}

.countdown h3 {
	font-size: 35px;
	margin-top:0px;
	color: #fff300;
	font-weight: bold;
	margin-bottom:0px;
}

.countdown a, .countdown a:hover {
	color: inherit;
}

/* Date */
.countdown h6 {
	font-size: 20px;
	margin-top:0px;
	color: #fff;
}


/* DATUM */
.counter-wrapper ul {
text-align: left; 
padding: 0 !important;
}
		
.counter-wrapper li {
	display: inline-block;
    color: #fff;
    /*font-family: 'Oswald';*/
    line-height: 1;
    margin-right: 30px;
    text-align: left;
}	
.counter-wrapper ul li .count {
    font-size: 28px;
}		

.counter-wrapper ul li .count-text {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff300;
	font-weight: bold;
}

#navDemo a { line-height:35px;}		

.wk-fotos-location img {width:100%;}

/* Share buttons im footer zentrieren */
.addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m {
    float: none !important;
}


			
</style>