html {
}

body {
  margin: 0;
  
  background-color: #ffcc33!important;
  background: url(../../Media/Bilder/hintergrund.png) fixed no-repeat 50% 50%;
  font-size: 1.2rem;
}

.image-embed-item {
    max-width: 100%;
    height: auto;
}

.navbar-static-top {
  margin-bottom: 19px;
}

.content{
  min-height: 350px;
}


h1 {
    font-size: 1.8rem;
}
h2 {
    font-size: 1.4rem;
}
h3 {
    font-size: 1.3rem;
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

.business-header {
  height: 50vh;
  min-height: 300px;
  background: url('https://placehold.it/1920x400') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.brand-logo {
      max-height: 150px;
      max-width: 100%;
}

/* Sticky footer styles
-------------------------------------------------- */

footer {
  border-top: 2px solid #888;  margin-bottom: 100px;
  margin-top: 250px;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #fff;
  -webkit-box-shadow: 0px 14px 43px 2px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 14px 43px 2px rgba(0,0,0,0.31);
  box-shadow: 0px 20px 42px 15px rgba(255, 255, 255, 1);
}
footer a:hover {
  text-decoration: none;
  color: #666;
}

footer {
}

.nav-wrapper, .bg-light {
  background-color: #ffcc33!important;
}
.nav-wrapper {
  -webkit-box-shadow: 0px 14px 43px 2px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 14px 43px 2px rgba(0,0,0,0.31);
  box-shadow: 0px 20px 42px 15px rgba(255, 255, 255, 1);
  border-bottom: 2px solid #888;  margin-bottom: 100px;
}


.btn-primary {
    color: #fff;
    background-color: #777;
    border-color: #555;
}









/* Hover effekte fuer die Navigation*/

/* Underline From Center */




.navbar-nav > li > a {
/*
  display: inline-block;
*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0); 
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;

}

.navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #777;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li > a:active::before {
  left: 0;
  right: 0;
}



/* Notwendig, damit sich das Menu bei mous hover oeffnet*/

li.dropdown:hover > .dropdown-menu {
    display: block;
}



.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 200px;
    right: 10px;
    display:none;
}