@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:125px;
height:40px;
width:100%;
background-color:#0ebc05;
min-width:1000px;
}
#aussen {
position:relative;
width:912px;
margin:-10 auto;
border-left:1px solid #2ffc25;
border-right:1px solid #2ffc25;
border-bottom:1px solid #2ffc25;
min-width:912px;
max-width:912px;
z-index:10;
background:#00060f;
}
#logo{
position:relative;
top:7px;
background-color:#000916;
width:100%;
height:120px;
margin-bottom:7px;
}

.firework {
	font-size:27px; color:#2ffc25; font-family:gadugib;
}

.feuerwerk_ethno {
	font-family:Ethnocentric; font-size:47px;
}
.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:30px;
}
#logoschrift {
position:relative;
top:17px;
margin-left:20px;
color:white;
font-family:Gadugi;
min-width:1000px;
max-width:912px;
}
#navi {
position:relative;
width:100%;
height:40px;
background-color:#0ebc05;
border:0px solid grey;
min-width:912px;
display:block;
z-index:10;
}

#activate-nav {
	display:none;
}
#menu-icon {
	display:none;
}
.banner { position:relative ; margin:0 3 13 0px ; border-bottom:1px solid #FFF; height:440px; width:912px; }
.ueberschrift {padding:0 0 0 37px; height:52px; width:850px; }

.unterschrift_index{
	margin:0 0 0 137px; color:#2ae725; font-size:20px; font-family:Gadugi;"
}

#footer { color:#FFF; margin-top:20px; margin-bottom:7px;  margin-left:230px; font-family:Gadugi; min-width:912px; max-width:912px;}
#footer a { color:#FFF; text-decoration:none;}

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

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


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:284px; width:400px;}
.vorschau {margin-left:10px; margin-bottom:10px; border:5px solid #FFF; border-radius:3px; height:120px; width:190px;}

#footer {max-width:912px;}

.referenzen {
	margin-left:45px;
}
.referenzen1 {
	margin-left:135px;
}
.referenzen_youtube {
	position:absolute; top:900px; right:150px;
	height:170px;
	width:250px;
}
.referenzen2 {
	margin-left:175px;
}
.referenzen_worldclub {
	position:absolute; top:1152px; right:509px;
	height:360px;
	width:220px;
}
.referenzen_youtube2 {
	position:absolute; top:1485px; right:495px;
	height:170px;
	width:250px;
}
.referenzen_hals {
	width:500px; 
	height:350px; 
	margin-left:217px; 
	border:8px solid #FFF;
}
.referenzen_schrift {
	text-align:center; font-weight:bold; font-size:20px;
}

.kontakt_bild1{
	position:absolute; left:230px; top:800px;
}
.kontakt_bild2 {
	position:absolute; left:230px; top:1000px;
}

.impressum {
	margin-top:-625px; margin-left:250px; padding-right:20px; margin-right:15px;
}
.impressum_linie {
	width:1px; color:#0ebc05; background-color:white; height:450px; position:absolute; top:250px; left:245px;
}

.leistungen_h2 {
	margin-left:240px; margin-top:-90px;
}
.leistungen_text {
	margin-left:210px; margin-top:px; margin-right:150px;
}
.leistungen_bild:hover {filter: brightness(1.5);  transition: ease-in-out 0.5s;}
.leistungen_bild {margin-left:50px; -webkit-transition: all 0.5s ease;

transition: all 0.5s ease;}
.linie_leistung {
	width:80%; height:1px; margin-top:100px; margin-bottom:40px;
}
.leistung_a {
	color:white;
}
.bild_leih {margin-left:5%; margin-bottom:10%;}

.leih_text{
	margin-left:0px; margin-top:px; margin-right:150px;
}