/* 
CSS Document
Einstellungen für bender NDT
Erstellt durch der-BERGMANN (02-03/2017)
*/

/* Allgemeine Seiteneigenschaften */
/* Schriften */
.carousel-header > h1.normal {
  font-weight: normal;
  letter-spacing: 0;
}
.carousel-header > h1 {
    letter-spacing: 0.15em;
}
.carousel-header {
	display: inline;
}

/* Hintergrund-Bereich */
.header {
  position: fixed;
}

/* Eigenschaften für Seiten/Carousel-Header und Navigations-Hinergründe */

#p414 .carousel-content-header {background-color: rgba(44,83,114,0.6);}
#p423 .carousel-content-header,
#p424 .carousel-content-header,
#p425 .carousel-content-header,
#p426 .carousel-content-header,
#p595 .carousel-content-header,
#p416 .carousel-content-header, .nav li#lnk_416 {background-color: rgba(167,188,215,0.6);}
#p417 .carousel-content-header, .nav li#lnk_417 {background-color: rgba(166,15,26,0.6);}
#p418 .carousel-content-header, .nav li#lnk_418 {background-color: rgba(123,122,122,0.6);}
#p419 .carousel-content-header, .nav li#lnk_419 {background-color: rgba(138,43,59,0.6);}
#p420 .carousel-content-header, .nav li#lnk_420 {background-color: rgba(227,4,59,0.6);}
#p428 .carousel-content-header, .nav li#lnk_428 {background-color: rgba(195,5,148,0.6);}
#p421 .carousel-content-header, .nav li#lnk_421 {background-color: rgba(238,125,0,0.6);}
#p422 .carousel-content-header, .nav li#lnk_422 {background-color: rgba(252,202,0,0.6);}

#p416 #page-content-wrapper > section#content .ce-overlay,
#p423 #page-content-wrapper > section#content .ce-overlay,
#p424 #page-content-wrapper > section#content .ce-overlay,
#p425 #page-content-wrapper > section#content .ce-overlay,
#p426 #page-content-wrapper > section#content .ce-overlay,
#p595 #page-content-wrapper > section#content .ce-overlay {background-color: rgba(167,188,215,1);box-shadow: 0 -3px 4px #555; position: relative;}

#p423 #page-content-wrapper > section#content .ce-overlay,
#p416 #page-content-wrapper > section#content .ce-overlay,
#p595 #page-content-wrapper > section#content .ce-overlay {overflow: auto;}
#p425 #page-content-wrapper > section#content .ce-overlay,
#p426 #page-content-wrapper > section#content .ce-overlay {height: 50%;overflow: auto;}


section#content .col-sm-4 img {
    margin-bottom: 30px;
    margin-top: 60px;
}
#p417 section#content .col-sm-4 img {background-color: rgba(166,15,26,1);}
#p418 section#content .col-sm-4 img {background-color: rgba(123,122,122,1);}
#p419 section#content .col-sm-4 img {background-color: rgba(138,43,59,1);}
#p420 section#content .col-sm-4 img {background-color: rgba(227,4,59,1);}
#p428 section#content .col-sm-4 img {background-color: rgba(195,5,148,1);}
#p421 section#content .col-sm-4 img {background-color: rgba(238,125,0,1);}
#p422 section#content .col-sm-4 img {background-color: rgba(252,202,0,1);}

#p416 section#content img {background-color: rgba(255,255,255,1);}

.nav > li > a {line-height: 17px;}

.sidebar-nav li {
    text-align: right;
    text-indent: 0;
  border-left: 2px solid #000;
  height: 45px;  
  margin-bottom: 40px;
}

.nav > li > a {
    line-height: 17px;
    text-indent: 10px;
}
#sidebar-wrapper {
    margin-right: -310px;
    right: 310px;
}
#page-content-wrapper {
    margin-left: -310px;
}
.sidebar-nav {
    width: 310px;
}
.sidebar-nav li a {
    color: #ebebeb;
    display: inherit;
    height: 100%;
    padding: 7px 30px 0;
    text-decoration: none;
    vertical-align: middle;
}

footer {
    bottom: 0;
    position: fixed;
    width: 100%;
  z-index: 100;
}
footer .container {
  width: calc(100% - 60px)
}
#footer_right {
  text-align: right;
  padding-right: 40px;
}
#footer_right a {
  color: #FFF;
}


#c1761 .ce-gallery {
    float: left;
    margin-right: 20px;
}

/* Impressum */
#c1738 .ce-media > img,
#c1739 .ce-media > img {
    height: auto;
    margin-bottom: 40px;
  margin-top: 20px;
    width: 202px;
}
section#content a {
  color: #FFF;
}

.dwnl .image-embed-item {
  margin-left: calc(50% - 30px);
  margin-top: 50px;
}

@media(min-width:768px) {
    #sidebar-wrapper {
        width: 310px;
    }
  
  /* Impressum */
  #c1737 {
    margin-top: 111px;
  }
}

@media (max-width:991px) {
  #page-content-wrapper > section#content {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  #content .ce-overlay {
    top: calc(20% + 80px);
    position: relative;
    overflow: scroll!important;
      height: 100%;
  }
  #page-content-wrapper > section#content .container > div {
    padding: 10px;
  }
  .carousel-content-header {
    height: 80px;
  }

  #page-content-wrapper > section#content .ce-overlay {height: 50%;overflow: auto;}
}

@media(min-width:992px) {

  .carousel-header {
    font-size: 3em;
  }
  .carousel-header h1.normal {
    font-size: 1.2em;
  }
  .carousel-header > h1.start {
    letter-spacing: 0.15em;
    font-size: 1.4em;
    font-weight: bold;
  }
  .headeraddicon {
    height: 35px;
    width: auto;
  }
  .carousel-content-header {
    display: table;
    height: 100px;
    top: 35%;
    width: 100%;
  }

  #page-content-wrapper > section#content {
    display: block !important;
    height: 100%;
  }
  #content .ce-overlay {
    height: calc(50% - 100px);
    position: fixed !important;
    top: calc(35% + 100px);
    width: 100%;
  }  
  #page-content-wrapper > section#content .container > div {
    padding: 10px;
  }
}

@media(max-width:767px) {
  #page-content-wrapper > section#content .container {
    margin-bottom: 80px;
  }
  footer {
    background-color: #000;
  }
}

@media(min-width:1170px) {

}
@keyframes example {
    0%   {height:0;}
/*    50%  {left:50%; width: 0;}*/
    100%  {height:calc(50% - 100px)}
}

#p416 section#content .ce-overlay {
  height:calc(50% - 100px);
    animation-name: example;
    animation-duration: 4s;
}