/*
@import url(https://fonts.guugleapis.com/css?family=Raleway:400,300,700);
@import url(https://fonts.guugleapis.com/css?family=Allerta);

@import url(https://fonts.guugleapis.com/css?family=Martel+Sans);
@import url(https://fonts.guugleapis.com/css?family=Marcellus+SC);
@import url(https://fonts.guugleapis.com/css?family=Mate+SC);
@import url(https://fonts.guugleapis.com/css?family=Noto+Sans);*/ /* font-family: 'Noto Sans', sans-serif; */
/*@import url(https://fonts.guugleapis.com/css?family=PT+Sans);*/
/* Headlines:

@import url(https://fonts.guugleapis.com/css?family=Anton);
@import url(https://fonts.guugleapis.com/css?family=Neuton:400,700,800 rel=stylesheet type=text/css);
@import url(https://fonts.guugleapis.com/css?family=Averia+Sans+Libre:400,700,300);
@import url(https://fonts.guugleapis.com/css?family=Special+Elite);
*/

/* latin-ext */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/fonts/1Ptgg87LROyAm3K9-C8QSw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/fonts/1Ptgg87LROyAm3Kz-C8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Averia Sans Libre';
  font-style: normal;
  font-weight: 300;
  src: url(../assets/fonts/ga6SaxZG_G5OvCf_rt7FH3B6BHLMEd3lMJcXL5I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Averia Sans Libre';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/fonts/ga6XaxZG_G5OvCf_rt7FH3B6BHLMEdVOEoI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Averia Sans Libre';
  font-style: normal;
  font-weight: 700;
  src: url(../assets/fonts/ga6SaxZG_G5OvCf_rt7FH3B6BHLMEd31N5cXL5I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
padding-top: 70px; 
position: relative;

font-size: 17px;    
font-family: 'Averia Sans Libre', sans-serif;
/*font-family: 'Neuton', serif;*/
line-height:1.68;
font-weight: 300;
color: #ccc; /* #737373 */
background-color: #000;
/*overflow-y: scroll;
overflow-x: hidden!important;*/
overflow-y:scroll; /* damit haben alle Seoiten eine Scrollbar */
}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* for ie: */
#bg {position:absolute; z-index:-1;}

h1,
h2,
h3,
h4,
h5,
h6{
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Passion One', sans-serif;*/
font-family: 'Anton', sans-serif;
line-height: 1;
/*font-weight: 600;*/
color: #f0f0f0; /*#414141*/
text-transform: uppercase;
}

p{
margin-bottom: 22px;
}

h3 {
    font-size: 22px;
}

.sf-menu>li>a {
/*font: 400 14px/40px 'Allerta', sans-serif;*/
/*padding: 0px 17px;*/
color: #fff;
position: relative;
text-transform: uppercase;
font-weight: 300;
padding: 14px;
}


.navbar {
		/*background-image: none;*/
		background-image: url(../pics/bg/bg-top-n2.png);
		/*background-image: url(../pics/bg/bg-rig-50x51.png);*/
		background-repeat:repeat-x;
}

/*@link-color:#606;*/



.navbar-default{
		background-color: #141414; /* #000 */
		border-color:#444;
}
.navbar-default .navbar-brand {color:#ddd;} /*#aaa*/

.navbar-default .navbar-nav>li>a {color: #ddd;} /*#aaa*/
.navbar-default .navbar-nav>li>a:hover {color: #222;} /*#ddd*/

.navbar-fixed-top { /*DER ABT: hinzugefügt am 30.10.2018*/
	border-width: 0;
}

.navbar-default li:hover{
    color: #fff;
    background-color:#31353d; /*E73C1F oder C40300;  #610B13;#31353d*/
    }
.navbar-default li:active{
    background-color:#610B13; /*  C40300; #610B13;*/
    }

.goto_events {
	color: #f0f0f0;
	text-shadow: 2px 2px #000000;
	/*font-weight: bold;*/
	font-size:2.8em;
    /*bottom: 5%;*/
    display: block;
    /*height: 54px;*/
    /*left: 50%;*/
	text-align: center;
    /*margin: 0 0 0 -50%;*/
	padding: 80px 0 0 0;
    opacity: 1;
    /*position: absolute;*/
    transition: all 400ms ease 0s;
    /*width: 180px;*/
    z-index: 801;}
.goto_events:hover {
    opacity: 0.3;
	text-decoration: none;
	color: #f0f0f0;
}
	
/*	
.active {background-color:red;}
*/

/* Das geht, bleibt aber nicht:
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: red;
}
*/

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #ddd; /*#555*/
    background-color: #610B13;/* #C40300;*#610B13;/ /*#E7E7a9;  E73C1F*/
}

#home {
  background-image: url(../pics/bg/stage.jpg);
  height: 100%;
}

#fuell1 {
  background-image: url(../pics/bg/fuell_1.jpg);
  /*height: 100%;*/
}

#fuell2 {
  background-image: url(../pics/bg/fuell_2.jpg);
 }
 
#fuell3 {
  background-image: url(../pics/bg/fuell_3.jpg);
 }

@media (min-width: 620px) {
	 .inner:before, .inner:after{
	    content: "";
		direction: block;
		height: 5rem;
		position: absolute;
		left: 0;
		right: 0;
		top: -3.5rem;
		background: url(../pics/bg/grissel_oben.png) center center repeat-x; 
	 }
	 
	 .inner:after{
		top: auto;
		bottom: -3.5rem;
		background: url(../pics/bg/grissel_unten.png) center center repeat-x; 
	 }
}
 
/*parallax*/
.parallax {
overflow: hidden;
background-attachment: fixed !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
}
.parallax:after {
background: #000000;
content: '';
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.01; /* war 0.5 */
z-index: 1;
}
.parallax-border {
    background-color: #ffffff;
    height: 1px;
    margin-bottom: 30px;
    width: 184px;
}
.parallax-title {
    font-size: 1.625em;
    font-weight: 800;
    margin-bottom: 45px;
    position: relative;
    text-transform: uppercase;
}
.parallax>.container, .gradient>.container {
    z-index: 3;
    position: relative;
}

.animate {
	visibility:hidden;
}

.form-control {
box-shadow: none;
height: 50px;
margin-bottom:0px;
padding: 4px 18px;
vertical-align: middle;
-webkit-border-radius: 0;
border-radius: 0;
border:1px solid #e5e5e5;
background-color: transparent;
font-size: 16px;
border-radius: 5px;
}
.form-control:focus { border-color: transparent; outline: 0;  }
.btn.btn-primary {
    background-color: #610B13;
    border: medium none;
    border-radius: 5px;
    color: #E3CB99; /*#fff;*/
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0px;
    padding: 10px 20px;
    text-transform:unset;

}
.btn.btn-primary:hover {
    background-color: #31353d;
    color: #fff;
}

.messagearea {
	/* margin-top: 50px; */
	padding: 14px 18px 18px 18px;
}

@media (max-width: 570px) {
    .comments-area ol.children li{padding: 30px 0 0 30px;}

    p.comment-form-author, p.comment-form-email, p.comment-form-street, p.comment-form-url, p.contact-form-name, p.contact-form-email, p.contact-form-subject {
        float: none; padding: 0 0px 0 0; width: 100%;
    }
    p.contact-form-message {padding-right: 0px;}
}

/*contact form widget*/
.contact-form p {}
.contact-form p:first-child {padding-left: 0;}
p.contact-form-name,p.contact-form-email,p.contact-form-subject {
margin-bottom: 10px;
}
.contact-form-50 p.contact-form-name, .contact-form-50 p.contact-form-email, p.comment-form-street, .contact-form-50 p.contact-form-email {
width:50%;   
}
p.contact-form-message, p.form-submit {
padding:0;
}

@media (max-width: 570px) {
p.contact-form-name, p.contact-form-email, p.comment-form-street, p.contact-form-subject, p.contact-form-city, p.contact-form-phone {
    float: none; width: 100% !important;
}
}
.block > .contact-title {margin-top: 25px}
.contact_section{
    padding-bottom: 0;
}
/*Yellow Message:*/
.msgc {
  /* display:none; */
  position:absolute;
  top:150px; 
  left:50%; 
  width:500px; 
  margin-left:-250px; 
  height: 80px;  
  z-index:1; 
  /*font-family:arial; 
  font-size:14pt;*/ 
  color:#000000; 
  padding-top:14px; 
  border:2px solid #222; /* #888;  */
  box-shadow:3px 3px 3px #444; /*#666;*/
  background:#ff8;
  
  opacity: 0;
  -webkit-transition: opacity 3s;  
  -moz-transition: opacity 3s; 
  -o-transition: opacity 3s;  
  -ms-transition: opacity 3s; 
  transition: opacity 3s;
  /*
  -webkit-transition: width 2s ease, height 2s ease;  
  -moz-transition: width 2s ease, height 2s ease;  
  -o-transition: width 2s ease, height 2s ease;  
  -ms-transition: width 2s ease, height 2s ease;  
  transition: width 2s ease, height 2s ease;
  */
}
.loaded .msgc {
	opacity: 1;
	/*
	width: 500px;  
    height: 500px;
	*/
}
.read .msgc {
	opacity: 0;
	/*
	width: 500px;  
    height: 500px;
	*/
}

.btn {
background: #610B13;
color: #E3CB99;
display: inline-block;
padding: 12px 34px 12px;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
background-image: none;
text-shadow: none;
border-radius: 0;
line-height: 24px;
border:none;
-webkit-transition: all 0.16s linear;
-moz-transition: all 0.16s linear;
-o-transition: all 0.16s linear;
-ms-transition: all 0.16s linear;
transition: all 0.16s linear;
}

.btn:hover {
	background-color: #31353d;
    color: #fff;
}/*
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
transition: all 0.15s linear;
}
*/
/*
::selection {
background: #610B13;
color: #fff;
}
*/
/*
.navbar-default {
  background-color: #e74c3c;
  border-color: #c0392b;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffbbbc;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffbbbc;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffbbbc;
  background-color: #c0392b;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffbbbc;
  background-color: #c0392b;
}
.navbar-default .navbar-toggle {
  border-color: #c0392b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffbbbc;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffbbbc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffbbbc;
    background-color: #c0392b;
  }
}
*/


	
/*
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffbbbc;
  background-color: #2b3dc0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffbbbc;
  background-color: #2b3dc0;
}
.navbar-default .navbar-toggle {
  border-color: #2b3dc0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #2b3dc0;
*/


/*
.navbar-link{color:#707}
.navbar-link:hover{color:#303}
*/

.navbar-brand img {
    display: block;
    height: 40px; /* auto */
	-webkit-animation-timing-function: ease;
	animation-duration: 3s;
}
.over300 .navbar-brand img {
	height: 40px;
}