@font-face{ font-family:Gadugi; src:url(../schriftarten/gadugi.ttf)}
@font-face{ font-family:gadugib; src:url(../schriftarten/gadugib.ttf)}
@font-face{ font-family:Ethnocentric; src:url(../schriftarten/ethnocen.ttf)}



body {
background-color:#00060f;
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}
  #fixiert {
    position: absolute;
    top:12.2em; left:2.3em;
    width: 13%;
    background-color: #00060f;
    border: 1px solid #2ffc25;
	z-index:0;
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
#fest {color:white; list-style-type:none; margin-left:-40px; font-family:Gadugi; font-size:16px; text-align:center;}


#linie {
position:absolute;
left:0px;
top:68px;
height:55px;
width:100%;
background-color:#0ebc05;
min-width:0px;
}
#aussen {
position:relative;
width:100%;
margin:-10 auto;
border-left:1px solid #2ffc25;
border-right:1px solid #2ffc25;
border-bottom:1px solid #2ffc25;
min-width:auto;
z-index:10;
background:#00060f;
}
#logo{
position:relative;
top:3px;
background-color:#000916;
width:;
height:60px;
margin-bottom:10px;
}
.firework {
	font-size:5vw; color:#2ffc25; font-family:gadugib;
}

.feuerwerk_ethno {
	font-family:Ethnocentric; font-size:4.7vw;
}

#logoschrift {
position:relative;
font-size: 3vw;
top:9px;
margin-left:9px;
color:white;
font-family:Gadugi;
min-width:auto;
max-width:auto;
}
#navi {
position:relative;
width:100%;
height:auto;
background-color:#0ebc05;
border:0px solid grey;
min-width:auto;
z-index:10;
}

#activate-nav {
	display:block;
	visibility:hidden;
	margin-top:0px;
	margin-bottom:-10px;
	transform: scale(.1);
}
#menu-icon {
	display:block;
	padding-bottom:17px;
	padding-top:14px;
}

.banner { position:relative ; margin:0 3 13 0px ; border-bottom:1px solid #FFF; width:100%; height:auto;}
.ueberschrift {padding:0 0 0 7%; height:4%; width:86%; }

.unterschrift_index{
	margin:0 0 0 9.5%; color:#2ae725; font-size:2.5vw; font-family:Gadugi;"
}

#footer {color:#FFF; margin-top:20px; margin-bottom:7px; margin-left:16%; margin-right:16%; font-size:2.2vw; font-family:Gadugi; min-width:auto; max-width:auto;}
#footer a { color:#FFF; text-decoration:none;}

h1 {
color:#FFF;
padding-left:20px;
font-family:gadugib;
font-size:7.5vw;
}
h2 {
color:#FFF;
padding-left:20px;
font-family:gadugib;
}

.unterpunkt {
position:relative ; margin:0 3 3 0px ; border-bottom:1px solid #FFF;  
height:27%; width:100%;
}

.vimeo {
padding:0px; margin:0px; margin-top:8px; margin-left:15px;
}

.youtube {
	padding:0px; margin:0px; margin-top:8px; margin-left:15px;
}

.facebook {
	padding:0px; margin:0px; margin-top:8px; margin-left:5px;
}
.social {
	position:relative;
	float:left;
	padding:5px 30px 15px 5px;
}


p {
color:white;
font-family:Gadugi;
padding-left:20px;
padding-bottom:20px;
max-width:912px;
}
.liste {color:#2ae725; font-family:gadugib; padding-left:0px; font-size:20px; margin-bottom:30px;}

.anker {color:white; text-decoration:none; font-weight:bold; margin-right:15px; }
a.anker:hover{color:#2ae725;}

table {
color:white;
font-family:gadugi;
border:0px solid #FFF;
margin-left:20px;
padding-bottom:60px;
}
.galerie{margin-left:10px; margin-bottom:10px; border:5px solid #FFF; border-radius:3px; height:39%; width:90%;}
.vorschau {margin-left:10px; margin-bottom:10px; border:5px solid #FFF; border-radius:3px; height:23%; width:60%;}

#footer {max-width:912px;}

.referenzen {
	height:auto;
	width:80%;
	margin-left:10%;
}
.referenzen1 {
	height:auto;
	width:80%;
	margin-left:10%;
}
.referenzen_youtube {
	position:relative; top:0px; right:0px; margin-top:-32%; margin-left:55%;
	height:20%;
	width:35%;
}
.referenzen2 {
	height:auto;
	width:80%;
	margin-left:10%;
}
.referenzen_worldclub {
	position:relative; top:-80px; right:0px; margin-top:-40%; margin-left:12%;
	height:21%;
	width:28%;
}
.referenzen_youtube2 {
	position:relative; top:0px; right:0px; margin-top:-24%; margin-left:-32%;
	height:13%;
	width:33%;
}
.referenzen_hals {
	height:auto;
	width:80%;
	margin-left:10%;
	border:3px solid #FFF;
}
.referenzen_schrift {
	text-align:center; font-weight:bold; font-size:20px;
	margin-left:-5%;
}

.kontakt_bild1 {
	position:relative;
	top:0;
	left:0;
	margin-top:20px;
	height:auto;
	width:60%;
	
}
.kontakt_bild2 {
	position:relative;
	top:0;
	left:0;
	margin-top:20px;
	height:auto;
	width:60%;
	
}
.impressum {
	margin-top:25px; margin-left:0px; padding-right:20px; text-align:justify;
}
.impressum_linie {
	width:0px; color:#000; background-color:white; height:0px; position:absolute; top:250px; left:100px;
}

.leistungen_h2 {
	margin-left:-5%; margin-top:10px; text-align:center;
}
.leistungen_text {
	margin-left:0px; margin-top:10px; text-align:justify; margin-right:25px;
}

.feuerwerke_text {margin-right:25px;}

.linie_leistung {
	width:80%; height:1px; margin-top:40px; margin-bottom:40px;
}
.leistungen_bild {margin-left:22%; -webkit-transition: all 0.5s ease;

transition: all 0.5s ease;}

}
.bild_leih {margin-left:5%; margin-bottom:10%;}

.leih_text{
	margin-left:0px; margin-top:px; margin-right:25px; text-align:justify;
}