/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.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{
    font-family: "Roboto Condensed",sans-serif;
    color: #575756;
    font-size: 16px;
}
html{
  height: 100%;
  background-color: #666666;
}
div.teaser_img{
  position: relative;
}
a, a:hover, a:focus{
    color: #575756;
    font-weight: normal;
    text-decoration: underline;
}
.footer a, .footer a:hover {
    color: #ffffff;
}
.nav a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
body.links .links a{
  text-decoration: none;
}
body.links .links a:hover{
  text-decoration: underline;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: underline !important;
  background-color: transparent !important;
}
li > .dropdown.open{
  background-color: transparent !important;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
	margin-top:0px
}
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
#navbar > li.active a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    visibility: inherit;
}
#navbar a.active {
    color: #ffffff;
    font-weight: bold;
}
.navbar-nav > li > a {
    line-height: 20px;
}
.nav > li > a {
    display: block;
    position: relative;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent !important;
    border-color: #337ab7;
}
.navbar-header .navbar-toggle {
    border-color: #ddd;
}
.navbar-header .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-header button {
    background-color: rgba(255, 255, 255, 0.7);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.jumbotron{
  background-color: #ffffff;
}
.header.jumbotron{
  background-image: url(../img/header/Cockpit.jpg);
  background-repeat: no-repeat;
  background-color: #aaaaaa;
  background-size: cover;
  background-position: center;
}
.header.jumbotron.oben{
  background-position-y: top;
}
.header.jumbotron.mitte{
  background-position-y: center;
}
.header.jumbotron.unten{
  background-position-y: bottom;
}
.home .header.jumbotron{
  background-image: url(../img/header/Hoehenleitwerk.jpg);
}
.aktuelles .header.jumbotron{
  background-image: url(../img/header/Cockpit.jpg);
}
.prinzip .header.jumbotron{
  background-image: url(../img/header/Motorgondel-Brenner.jpg);
}
.einsatzgebiet .header.jumbotron{
  background-image: url(../img/header/Wolkenstimmungen-3.jpg);
}
.flugzeuge .header.jumbotron{
  background-image: url(../img/header/Flugzeug_vor_der_Halle.jpg);
}
.geschichtliches .header.jumbotron{
  background-image: url(../img/header/Geschichtliches.jpg);
}
.galerie .header.jumbotron{
  background-image: url(../img/header/Eggstätter-Seenplatte-1.jpg);
  background-position: 50% 54%;
}
.hagelforschungsverein .header.jumbotron{
  background-image: url(../img/header/Sonnenstrahlen.jpg);
}
.kontakt .header.jumbotron{
  background-image: url(../img/header/Landung-24-GITY-.jpg);
}
.presse .header.jumbotron{
  background-image: url(../img/header/Schliersee.jpg);
  background-position: 50% 54%;
}
.downloads .header.jumbotron{
  background-image: url(../img/header/Bergspitzen-Nebel.jpg);
  background-position: 50% 54%;
}
.links .header.jumbotron{
  background-image: url(../img/header/Landeanflug.jpg);
  background-position: 50% 54%;
}
.crew .header.jumbotron{
  background-image: url(../img/header/Crew.jpg);
  background-position: 50% 54%;
}
.pb-50{
  padding-bottom: 50px;
}



.footer .sponsor{
  margin-left: 27px;
}
.jumbotron h1{
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    font-family: "Roboto Condensed",sans-serif;
    margin-bottom: 20px;
}

.jumbotron h2{
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    font-family: "Roboto Condensed",sans-serif;
}

h3{
  font-size: 17px;
  font-weight: bold;
  color: #575756;
}




.gyro_horizon{
  position: absolute;
  top: 0px;
  z-index: 100;
  margin-top: -240px;
  opacity: 0.6;
}

.jumbotron p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
ul{
  padding-left: 15px;
}
li{}

.teaser_img{
  /*z-index: -10;*/
}
.teaser_img .name{
  /*min-height: 66px;*/
  /*width: 100%;*/
  /*padding: 20px;*/
  text-align: center;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
}
.jumbotron.footer{
  background-color: #666666;
  color: #ffffff;
  margin-bottom: 0px !important;
}
.left{
  float: left;
}
.footer .flag p{
  width: 62px;
  font-size: 12px;
  margin-right: 4px;
  margin-left: 4px;
}
.footer .caption p{
  font-size: 11px !important;
  line-height: 1.2;
  font-family: roboto-condensed,sans-serif;
}

#claim {
    color: #ffffff;
    font-family: roboto,sans-serif;
    font-size: 27px;
    font-weight: 200;
    letter-spacing: 5px;
    line-height: 39px;
    text-align: right;
    margin: 0px;
}
.jumbotron.header{
  padding-top: 18px;
  height: 450px;
}

.p_l_0{
  padding-left: 0px;
}
.p_r_0{
  padding-right: 0px;
}
.p_t_10{
  padding-top: 10px;
}
.m_l_0{
  margin-left: 0px;
}
.m_t_0{
  margin-top: 0px;
}
.m_r_0{
  margin-right: 0px;
}
.navbar a:hover{
  color: #ffffff;
}
.thumbnail{
  padding: 15px;
  margin: 5px;
}
.aspectratiox {
  position: relative;
}
.aspectratiox:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.aspectratiox > .aspectratiocontent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gallery .thumbnail .img-responsive{
  object-fit: contain;
}
.w_100, .w-100{
  width: 100%;
}
.fw_normal{
  font-weight: normal !important;
}
.teaser{
  border-left: 1px solid #575756;
  margin-top:40px;
  padding-left: 30px;
}
.teaser h2{
  font-size: 24px;
}
.teaser a{
  text-decoration: none;
}
.teaser a.more{
  font-size: 17px;
  font-weight: bold;
}
.teaser a:hover{
  text-decoration: underline !important;
}


/*http://bootsnipp.com/snippets/featured/bootstrap-lightbox*/
#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;

    z-index:1032;
}

.die_crew > div.row{
  margin-bottom: 40px;
}
.die_crew img{
  margin-top: 20px;
}
#myCarousel{
  margin-top: 30px;
}

p.my-teaser{
  margin-top: 20px;
  margin-bottom: 0px;
}

h3.my-teaser{
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-20{
  margin-bottom: 20px;
  margin-top: 20px;
}
.no_decoration{
  text-decoration: none;
}
.pr-0{
  padding-right: 0px;
}
.glyph_dl{
  font-size: 20px;
}
.mb-30{
  margin-bottom: 30px !important;
}

.row.display-flex-oben {
    display: flex;
    align-items: flex-start;
}

.row.display-flex-mitte {
    display: flex;
    align-items: center;
}

.row.display-flex-unten {
    display: flex;
    align-items: flex-end;
}








































@media (max-width: 1199px){
  .navbar .col-sm-4.pull-right{
    float: none !important;
    width: 100% !important;
  }
  #claim{
    text-align: left !important;
  }
}






@media (max-width: 991px){
  .gyro_horizon{
    margin-top: -200px;
  }
  .gyro_horizon img{
    width: 220px;
  }
  .navbar .col-sm-4.pull-right{
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 767px){
  .gyro_horizon{
    margin-top: -180px;
    display: none;
  }
  .dropdown-menu {
      background-color: rgba(255, 255, 255, 1);
      left: 12px;
  }
  .nav > li {
      position: relative;
      display: block;
      background-color: rgba(100, 100, 100, 0.7);
      padding: 3px 17px;
  }
  .dropdown-menu > li > a, .dropdown-menu {
      background-color: rgba(100, 100, 100, 0.7);
      color: #ffffff;
  }
}
@media (min-width: 768px){
  .gallery .thumbnail .img-responsive{
    height: 290px;
  }
  .col-sm-4 .teaser_img{
    margin-top: -150px;
    border: solid 1px #ffffff;
  }
  .teaser_img .name{
    min-height: 43px;
    width: 100%;
    padding: 10px;
  }
  .glyph_dl{
    font-size: 25px;
  }
}
@media (min-width: 992px){
  .teaser_img .name{
    min-height: 50px;
    width: 100%;
    padding: 14px;
  }
  .gallery .thumbnail .img-responsive{
    height: 160px;
  }
  .mr-md--20{
    margin-right: -20px;
  }
}

/*Bootstrap*/

@media (min-width: 1200px) {
  .gallery .thumbnail .img-responsive{
    height: 206px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
  .geschichtliches .header.jumbotron{
    background-position: 50% calc(50% - 4vw);
  }
  .gallery .thumbnail .img-responsive{
    height: 290px;
  }
  .mr-xl--40{
    margin-right: -40px;
  }
}

/* /Bootstrap*/