body,html {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}

body {
  padding-top: 50px;
}
footer{
  margin-top: 2em;
}
h2{
  padding-bottom:1em;
}
p{
  font-size:1.25em;
}
a{
  font-size:1.25em;
}
li{
  font-size:1em;
}
.container{
  padding:0 10em 0 10em;
}
.navbar{
  padding:0 10em 0 0em;
  background-color:#161D1E;
}
.navbar-brand{
  color:#FFFFFF;
}
#stupkatext{
  font-size: 4em;
  color:#FFFFFF;
  text-shadow: 3px 3px 0 #000000, 5px 5px 0 #707070;
  text-align: center;
}
#StupkaNav{
  display:none;
  color:#FFFFFF;
}
.wide {
  width:100%;
  height:75%;
  height:calc(75% - 1px);
  background-image: url("images/hintergrund.jpg");
  background-size:cover;
}

.wide img {
  width:100%;
}


.line {
  padding-top:20px;
  white-space:no-wrap;
  overflow:hidden;
  text-align:center;
}

.navbar{
  background-color:#446CB3;
  border-bottom: 0.15em solid #FFFFFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
  color:#C5EFF7;
}
.navbar-inverse .navbar-nav>li>a {
  color:#FFFFFF;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  background-color: #3A539B;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
.active, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color: #3A539B;
  color: none;

}

.nav{
  margin-left:-3em;
}
.links{
  margin-top:-0.85em;
  float:left;
}

/*Inhalte*/
#uberschrift{
  text-align:block;
}
#indexSection{
  background-color:#FCFFFD;
  width: 100%;
}
#indexSection1{
  background-color:#FCFFFD;
  padding: 2em 10em 2em 10em;
  width: 100%;

}
#indexSection1 h3{
  padding: 0 0 3em 0;

}
.indexInhalt{
  padding-bottom:0.25em;

}
/*
#boxout{
  background-color: #3A539B;
  padding: 1em;
  color:#FCFFFD;
  border-radius: 3px;
}
#boxin{
  background-color: #3A539B;
  padding: 1em;
  outline: #FCFFFD solid 1px;
  border-radius: 3px;
}
*/
.platz{
  padding-right:6em;
}

.profilbild{
  height: 15%;
  width: 15%;
  float:left;
  padding: 0 0 1em 0;

}
.aufzaehlen{
  font-size:1.2em;
}


#BilderIndex{
  text-align:center;
}
#BilderIndex a{
  text-decoration: none;
  color:black;
}
#BilderIndex img{
  max-width: 6em;
  max-height: 6em;
}
.carousel{
  background: #FCFFFD;
   width:100%;
   background-color: #e7e7e7;
}
.carousel .item img{
  margin: 0 auto; /* Align slide image horizontally center */
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-color: #e7e7e7;
}
.bs-example{
  margin: 20px;
}

/*KONTAKT*/
#contact{
  background-color: #4B77BE;
  width:100%;
  color:#FFFFFF;
}

/*GOOGLE MAPS*/
#googleMap{
  height:400px;
  width:100%;
  position: none;
}

/*FOOTER NAV*/

#footer {
  width:100%;
  background-color:#446CB3;
  height: 4em;
  margin-top:2em;
  padding-top:20px;
}
#footerNav{
  font-size:0.8em;
  display:inline;
  padding:0 1em 0 0;
}

#footer a {
  color:#FFFFFF;
  text-decoration: none;
}
#footer a:hover{
  color:#C5EFF7;
}
.copyright{
  color:white;
  margin-left:-2em;
}

  @media screen and (max-width: 860px) {
    #StupkaNav{
      font-size:1.1em;
      display:inline;
    }
    .links{
      display:none;
    }
    #indexSection{
      background-color:#FCFFFD;
      padding: 0 0 0 0;
      width: 100%;
    }
    #indexSection1{
      background-color:#FCFFFD;
      padding: 0 0 0 0;
      width: 100%;
    }
    .nav{
      margin-left:-1em;
    }
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
    .navbar{
        padding:0 0em 0 0em;
    }
    .profilbild{
      height: 25%;
      width: 25%;
    }
    #footer{
     height:8em;
    }
    #contact{
      padding: 0 0 1em 0;
    }
    #stupkatext{
      display:none;
    }
    #indexSection1{
      padding: 2em;
    }
    .wide {
      width:100%;
      height:100%;
      height:calc(75% - 1px);
      background-image: url("images/hintergrundklein.jpg");
      background-size:cover;
      background-position: top;
      background-repeat: no-repeat;
    }
  }
  @media screen and (max-width: 430px) {
    #footer{
      height:10em;
      font-size:100%;
      text-align: inline;
      width: 100%;
    }
    #footerNav{
      display:block;
      margin-left:-7em;
    }
    #BilderIndex img{
      max-width: 5em;
      max-height: 5em;
    }
    .platz{
      padding-right:0em;
    }
    .profiltext{
      padding-left:8em;
      padding-bottom:1em;
    }
    .col-sm-4 {
      text-align: center;
      margin: 25px 0 ;
      margin-left:-2em;
    }
    .col-sm-8{
      margin-left:-2em;
    }
    /*NAV MOBIL*/
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
      color:#FFFFFF;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
      color:#C5EFF7;
    }
    .wide {
      width:100%;
      height:100%;
      height:calc(30% - 1px);
      background-image: url("images/hintergrundklein.jpg");
      background-size:contain;
      background-position: top;
      background-repeat: no-repeat;
    }
  }