@charset "UTF-8";
/* CSS Document */

body {
width:100%;
height: 100%;
padding-top: 0px;
background-color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-y:scroll;
}
#loading {
background-color: black;
width: 100%;
min-height: 100%;
color: white;
position:fixed;
background-color:#000000;
display: flex;
justify-content: center;
align-items: center;
}
.preloader {
width:100%;
min-height: 100%;
background-color:#000000;
z-index:10000000;
display: flex;
align-items: center;
justify-content: center;
}
.error {
background-color: red;
padding: 0px 4px;
}
.noerror {
background-color: green;
padding: 0px 4px;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.content {
text-align: center;
height: auto;
}
.responsive {
width: inherit;  /* This makes the next two lines work in IE8. */
max-width: 100%; /* Add !important if needed. */
height: auto;    /* Add !important if needed. */ 
}
.mainlogo {
width: 350px;
max-width: 100%;
}
.thefont {
font-family: 'Montserrat', sans-serif;
}
.white {
	color: white;
}
.headline{
font-size: 80px;
line-height: 50px;
}
.subline{
color:black;
background-color: white;
padding: 4px;
}
.color1 {
color: #c4ff00;
}
.button_senden {
color: black;
background-color: #c4ff00;
border-radius: 10px;
border-color: #c4ff00;
}
.headbild { 
background-position: 0 0; /* alternativ 0 -150px; */
max-width:100%;
height: 550px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.input {
color: #555555;
}

/*customs*/
.navbar-brand {
    line-height: 150px;
    height: 150px;
    padding-top: 0;
}
	
.navbar {
background:rgba(0, 0, 0, 0.80);
text-transform:uppercase;
border:0;
}

.inhalt_wrapper {
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}

.inhalt_text {
font-family: 'Montserrat', sans-serif;
color: white;
text-align: left;
width: 1200px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
line-height: 16px;
}
.footer {
padding-left: 20px;
padding-right: 20px;
color:#ffffff;
background-color: #000000;
width: 1200px;
max-width: 100%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}
.navbar-right {
padding-top: 49px;
}

.navbar .nav > li > a {
    color:  white;
}

.fb_link {
color: white;
text-decoration: none;
}
.fb_section:hover .fb_link {
color: black;
background-color: #c4ff00;
text-decoration: none;
}
.fb_section:hover .fb_icons {
-webkit-filter: invert(1);
filter: invert(1);
}

/*custom query wegen langem menue */
@media (max-width: 994px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
.navbar-brand,
.navbar-nav li a {
line-height: 30px;
height: 30px;
padding-top: 0;
}
.headbild {
height: 250px;
}
.navbar-right {
padding-top: 0px;
}
.mainlogo {
width: 220px;
max-width: 100%;
}
.headbild {
background-position: 0 0;
height: 400px;
}
.headline {
font-size: 60px;
line-height: 40px;
}
}


@media (max-width: 768px) {
.headbild {
background-position: 0 0;
max-height: 220px;
}
.mainlogo {
width: 200px;
padding-top: 5px;
}
.headline{
font-size: 36px;
line-height: 30px;
}
}