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

body {
width:100%;
height: 100%;
padding-top: 0; /*hintergrund top oder verschoben..*/
overflow-y:scroll;
overflow-x:hidden;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #eee;
}
.achtzehn {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
min-height: 100%;
color: white;
position:fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 20000000000;
cursor: pointer;
}
.achtzehn_knopf{
background-color: #bf1818;
padding: 20px;
border-radius: 10px;
text-align: center;
-webkit-box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.3);
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
#loading {
width: 100%;
min-height: 100%;
color: white;
position:fixed;
background-color:#FFF;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000000000;
}
.preloader {
width:100%;
min-height: 100%;
background-color:#000000;
z-index:10000000;
display: flex;
align-items: center;
justify-content: center;
}
.hidepics {
  width:0px;
  height:0px;
  display:none;
}
.versatz {
margin-top:520px;
}
.content {
text-align: center;
height: auto;
padding-top: 150px;
}
.links {
max-width: 100%;
width: 500px;
display: inline-block;
margin-bottom: 20px;
margin-right: 20px;
vertical-align:top;
}
.rechts {
max-width: 100%;
width: 500px;
display: inline-block;
margin-bottom: 20px;
vertical-align:top;
}
.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: 250px;
max-width: 100%;
}
.thefont {
font-family: 'Montserrat', sans-serif;
}
.headline {
font-size: 80px;
}
.subline{
color:black;
background-color: white;
padding: 4px;
}
.color1 {
color: #bf1818; /* #c4ff00 */
}
.button_senden {
color: black;
background-color: #bf1818;
border-radius: 10px;
border-color: #bf1818;
}
.global_overlay {
font-size: 30px;
position: absolute;
display: block;
z-index: 400;
top: 550px;
left:15%;
display: none;
}
.global_links {
padding-left: 20px;
padding-right: 20px;
background-color: white;
position: relative;
left:0px;
}
.global_rechts {
padding-left: 20px;
padding-right: 20px;
background-color: white;
position: relative;
left:60px;
}
.headbild { 
background-position: 0 0; /* alternativ 0 -150px; */
max-width:100%;
height: 514px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.input {
color: #555555;
}
.navbar-brand {
line-height: 150px;
height: 150px;
padding-top: 0;
}
.navbar {
background:rgba(255, 255, 255, 0.20); //* background:rgba(255, 255, 255, 0.80); */
text-transform:uppercase;
border:0;
}

.inhalt_wrapper {
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}
.white, .white:hover, .white:visited, .white:active, a.white:link {
color: white;
text-decoration: none;
}
.inhalt_text {
font-family: 'Montserrat', sans-serif;
color: #3b3b3b;
text-align: left;
width: 1200px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
background-color: white;
}
.footer {
padding-left: 20px;
padding-right: 20px;
color: white;
background-color: #bf1818;
max-width: 100%;
height: 40px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
display: flex;
justify-content: center;
align-items: center;
}
.footer > a {
color: white;
text-decoration: none; 
}
.footer_right {
position:relative;
float:right;
padding-top: 4px;
}
.fb_div {
padding-bottom: 20px;
padding-right: 20px;
display: inline-block;
margin-top: 0;
vertical-align: top;
max-width: 100%;
width: 580px;
}
.navbar-fixed-top {
background-image: url(../images/bg_bokeh.jpg);
background-position:center top;
background-attachment: scroll;
background-repeat:no-repeat;
background-color: #eee;
}
.navbar-right {
padding-top: 49px;
}
.navbar .nav > li > a {
color:  #bf1818;
}
.navbar .nav > li > a:hover {
-webkit-transition:background 1s ease-in;
-moz-transition:background 1s ease-in;
-o-transition:background 1s ease-in;
transition:background 1s ease-in;
transition-timing-function: ease-in;
background-color: #bf1818;
color: white;
}
.navbar .nav > li > a:focus {
background-color: #bf1818;
color: white;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #bf1818;
  background-image: none;
  border-radius: 4px;
}
.navbar-inverse .navbar-toggle {
    border-color: #bf1818;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ececec;
    border-color: white;
}
.image_border {
border: 1px solid #ececec;
}
.start_divs {
width: 370px;
max-width: 100%;
height: 300px;
display: inline-block;
margin-bottom: 20px;
margin-right: 10px;
position: relative;
}
.start_divs_overlay {
width: 100%;
height: 40px;
line-height: 36px;
padding-left: 10px;
color: white;
background-color: #bf1818;
position: absolute;
bottom: 0;
}
.zoomimg {
    background-size: 370px auto;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease;
}
.zoomimg:hover {
    cursor: pointer;
    background-size: 120% auto;
}
.fb_divs {
width: 370px;
max-width: 100%;
height: 300px;
display: inline-block;
margin-bottom: 20px;
margin-right: 10px;
position: relative;
}
.standort_div {
padding-bottom: 20px;
padding-right: 20px;
display: inline-block;
margin-top: 0;
vertical-align: top;
max-width: 100%;
width: 500px;
}
.standort_head {
color:white;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
background-color: #bf1818;
}
.str {
color:white;
display: block;
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
background-color: #bf1818;
position: relative;
left: 200px;
width: 85px;
top:10px;
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
z-index: 10;
-webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.19);
box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.19);
}

/*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;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: black;
}
.headbild {
height: 250px;
}
.navbar-right {
padding-top: 0px;
}
.mainlogo {
width: 150px;
max-width: 100%;
}
.global_overlay {
font-size: 20px;
position: absolute;
display: block;
z-index: 400;
top: 220px;
left:6%;
}
.headbild {
background-position: 0 0;
max-height: 400px;
max-width: 100%;
}
.versatz {
margin-top:250px;
}
.content {
text-align: center;
height: auto;
padding-top: 50px;
}
}

@media (max-width: 768px) {
.versatz {
margin-top:180px;
}
.content {
text-align: center;
height: auto;
padding-top: 50px;
}
.headbild {
background-position: 0 0;
max-height: 160px;
max-width: 100%;
}
.mainlogo {
width: 150px;
padding-top: 5px;
}
.global_overlay {
font-size: 14px;
position: absolute;
display: block;
z-index: 400;
top: 150px;
left:6%;
}
.headline {
font-size: 34px;
line-height: 30px;
}
.footer_right {
display: none;
}
}