.h1, h1 {
  font-size: 54px;
}

#navigate-buttons {
  width: 70px;
  height: 100px;
  position: fixed;
  bottom: 30px;
  z-index: 3;
  right: 30px;
  display: none;
}

#initiativApp:focus,
#initiativApp:active,
#initiativApp:hover  {
  color: #fff!important;
}

#career .panel-group .panel {
  border-radius: 0px !important;
}

#headingTwoR {
  border-radius: 0px;
}

#navigate-buttons .buttongo {
  height: 30%;
  width: 100%;
  outline: none;
  background-color: #555;
  /*opacity: 0.5;*/
}

#btn-top {
  background-color: #555;
  height: 45%;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 30px;
  /*opacity: 0.5;*/
}

#navigate-buttons .buttongo:hover {
  border-color: #fff;
  color: #fff;
  background-color: #ee4b28;
  opacity: 1.0;
}

#navigate-buttons .buttongo:focus {
  border-color: #fff;
}

#btn-up {
  display: none;
  position: absolute;
}

#btn-down {
  position: absolute;
  top: 75px;
}

#btn-top:hover {
  background-color: #fff;
  opacity : 1.0;
}

#btn-top:hover span {
  color:#ee4b28 !important;
}

#btn-top span {
  color:#fff;
  position: relative;
  top: 5px;
  left: 15px;
}

.btn-first {
  border-bottom: 1px solid #fff;
}

.btn-second {
  border-top: 1px solid #fff;
}

@media only screen and (max-device-width : 767px) {
  .h1, h1 {font-size: 30px;}
  .h2, h2 {font-size: 25px;}
  .h3, h3 {font-size: 20px;}
}

@media only screen
and (max-device-width : 480px) {
  #text-slideshow {display:none;}
}

/* Produkte */
#portfolio .portfolio-item {
  margin: 0 0 15px;
  right: 0
}

#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(240, 95, 64, .6);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease .5s;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: #fff
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 25px
}

#portfolio .portfolio-item .portfolio-caption h4 {
  text-transform: none;
  margin: 0
}

#portfolio .portfolio-item .portfolio-caption p {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
  margin: 0
}

#portfolio * {
  z-index: 2
}

@media (min-width:767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px
  }
}

.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  min-height: 100%;
  padding: 100px 0;
  text-align: center
}

.portfolio-modal .modal-content h2 {
  margin-bottom: 15px;
  font-size: 48px;
}

.portfolio-modal .modal-content p {
  margin-bottom: 30px
}

.portfolio-modal .modal-content p.item-intro {
  margin: 20px 0 30px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px
}

.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 30px;
  margin-top: 0
}

.portfolio-modal .modal-content img {
  margin-bottom: 30px
}

.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer
}

.portfolio-modal .close-modal:hover {
  opacity: .3
}

.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1051
}

.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  z-index: 1052
}

.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none
}

::-moz-selection {
  text-shadow: none;
  background: #f05f40
}

::selection {
  text-shadow: none;
  background: #f05f40
}

img::selection {
  background: 0 0
}

img::-moz-selection {
  background: 0 0
}

body {
  webkit-tap-highlight-color: ##f05f40
}

/* Downloads */
#files .files-item {
  margin: 0 0 15px;
  right: 0
}

#files .files-item .files-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto
}

#files .files-item .files-link .files-hover {
  background: rgba(240, 95, 64, .6);
  ;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease .5s;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s
}

#files .files-item .files-link .files-hover:hover {
  opacity: 1
}

#files .files-item .files-link .files-hover .files-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: #fff
}

#files .files-item .files-link .files-hover .files-hover-content i {
  margin-top: -12px
}

#files .files-item .files-link .files-hover .files-hover-content h3,
#files .files-item .files-link .files-hover .files-hover-content h4 {
  margin: 0
}

#files .files-item .files-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 25px
}

#files .files-item .files-caption h4 {
  text-transform: none;
  margin: 0
}

#files .files-item .files-caption p {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
  margin: 0
}

#files * {
  z-index: 2
}

@media (min-width:767px) {
  #files .files-item {
    margin: 0 0 30px
  }
}

.files-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  min-height: 100%;
  padding: 100px 0;
  text-align: center
}

.files-modal .modal-content h2 {
  margin-bottom: 15px;
  font-size: 48px;
}

.files-modal .modal-content p {
  margin-bottom: 30px
}

.files-modal .modal-content p.item-intro {
  margin: 20px 0 30px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px
}

.files-modal .modal-content ul.list-inline {
  margin-bottom: 30px;
  margin-top: 0
}

.files-modal .modal-content img {
  margin-bottom: 30px
}

.files-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer
}

.files-modal .close-modal:hover {
  opacity: .3
}

.files-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1051
}

.files-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  z-index: 1052
}

.files-modal .modal-backdrop {
  opacity: 0;
  display: none
}

::-moz-selection {
  text-shadow: none;
  background: #f05f40
}

::selection {
  text-shadow: none;
  background: #f05f40
}

img::selection {
  background: 0 0
}

img::-moz-selection {
  background: 0 0
}

body {
  webkit-tap-highlight-color: ##f05f40
}

/* Slider */
.fillit {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.carousel,
.item,
.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}

.carousel-control .control-left,
.carousel-control .control-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .control-left {
  left: 50%;
}

.carousel-control .control-right {
  right: 50%;
}

.carousel-control {
  z-index: 3;
}

@media (min-width: 1245px) {
  header { height: 700px; }
}

/* Leistungen */
.thumbnail {
  position:relative;
  overflow:hidden;
  padding:0;
  border:none;
  border-radius:0;
}

.caption2 {
  position:absolute;
  bottom:0;
  right:0;
  background:#f05f40;
  width:100%;
  padding:2%;
  display: none;
  text-align: left;
  color:#fff !important;
  z-index:1;
  height: 100%;
}

.thumbnail.caption-black .caption2{
  background:rgba(90, 90, 90, 1);
  position: absolute;
  top: 0;
  width: 100%;
  line-height: 2em;
  text-align: center;
  padding:10px;
}

.thumbnail-title {
  background:rgba(240, 95, 64, 0.6); position: absolute; bottom: 0; width: 100%; line-height: 2em; text-align: center; padding:5px; z-index: 2;
}

.thumbnail.caption-black .thumbnail-title {
  background:rgba(90, 90, 90, 0.6);
}

.thumbnail .caption2 {
  background:rgba(240, 95, 64, 0.6); position: absolute; top: 0; width: 100%; line-height: 2em; text-align: center; padding:10px;
}

.thumbnail.caption-black .caption2  {
  background:rgba(90, 90, 90, 0.6);
}

.thumbnail:hover {
  background: rgba(240, 95, 64, 0.6)
}
.thumbnail:hover .caption2 {
  display: block;
}
.thumbnail:hover .thumbnail-title {
  background:none;
}

/* Google-Maps */
.map-button {
  width: 100%;
  text-align: center;
}

#google-map {
  height: 350px;
  width: 100%;
}

x:hover {
  color: #f05f40;
}