/*------------------------------------------------------------------
Project:    Mosaic
Author:     Simpleqode
URL:        http://simpleqode.com/
            https://twitter.com/YevSim
            https://www.facebook.com/simpleqode
Version:    1.3.3
Created:        20/01/2014
Last change:    20/06/2016
-------------------------------------------------------------------*/
/* ===== Helper Classes ===== */
.primary-font {
  font-family: 'Roboto', sans-serif;
}
.first-child {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .first-child-m {
    margin-top: 20px !important;
  }
}
.delay-1 {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.delay-3 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.tab-1 {
  margin-right: 15px;
}
.tab-2 {
  margin-right: 30px;
}
.tab-3 {
  margin-right: 45px;
}
.tab-3 {
  margin-right: 60px;
}
hr.arrow-down {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
hr.arrow-down:after {
  content: url(../img/arrow.png);
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -5px;
}
/* ===== Buttons ===== */
.btn {
  border-radius: 3px;
}
/* ===== Headlines ===== */
.headline {
  padding-bottom: 1px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  line-height: 50px;
}
.headline span {
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
h3.headline span {
  padding-bottom: 8px;
}
/* ===== Breadcrumbs ===== */
.topic {
  margin-top: -20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
}
.topic h3 {
  display: inline-block;
  padding: 20px 0 20px;
  margin: 0 0 -1px 0;
  font-size: 20px;
}
.topic .breadcrumb {
  margin-bottom: 0;
  padding: 21px 0;
  background: transparent;
}
/* ===== Pagination ===== */
.body-green .pagination > .active > a,
.body-green .pagination > .active > span,
.body-green .pagination > .active > a:hover,
.body-green .pagination > .active > span:hover,
.body-green .pagination > .active > a:focus,
.body-green .pagination > .active > span:focus {
  background-color: #94BA65;
  border-color: #94BA65;
}
.body-blue .pagination > .active > a,
.body-blue .pagination > .active > span,
.body-blue .pagination > .active > a:hover,
.body-blue .pagination > .active > span:hover,
.body-blue .pagination > .active > a:focus,
.body-blue .pagination > .active > span:focus {
  background-color: #2790B0;
  border-color: #2790B0;
}
.body-red .pagination > .active > a,
.body-red .pagination > .active > span,
.body-red .pagination > .active > a:hover,
.body-red .pagination > .active > span:hover,
.body-red .pagination > .active > a:focus,
.body-red .pagination > .active > span:focus {
  background-color: #e51e20;
  border-color: #e51e20;
}
.body-orange .pagination > .active > a,
.body-orange .pagination > .active > span,
.body-orange .pagination > .active > a:hover,
.body-orange .pagination > .active > span:hover,
.body-orange .pagination > .active > a:focus,
.body-orange .pagination > .active > span:focus {
  background-color: #D26C22;
  border-color: #D26C22;
}
.body-brand .pagination > .active > a,
.body-brand .pagination > .active > span,
.body-brand .pagination > .active > a:hover,
.body-brand .pagination > .active > span:hover,
.body-brand .pagination > .active > a:focus,
.body-brand .pagination > .active > span:focus {
  background-color: #f27533;
  border-color: #f27533;
}
.pagination > li > a,
.pagination > li > span {
  color: #999;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #666;
}
/* ===== Panels ===== */
/* 1. Panel Green */
.panel-green {
  border-color: #94BA65;
}
.panel-green > .panel-heading {
  color: #fff;
  background-color: #94BA65;
  border-color: #94BA65;
}
.panel-green > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #94BA65;
}
.panel-green > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #94BA65;
}
.panel-green > .panel-footer {
  background-color: #94BA65;
  border-top: 1px solid #94BA65;
}
/* 2. Panel Blue */
.panel-blue {
  border-color: #2790B0;
}
.panel-blue > .panel-heading {
  color: #fff;
  background-color: #2790B0;
  border-color: #2790B0;
}
.panel-blue > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #2790B0;
}
.panel-blue > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2790B0;
}
.panel-blue > .panel-footer {
  background-color: #2790B0;
  border-top: 1px solid #2790B0;
}
/* 3. Panel Red */
.panel-red {
  border-color: #e51e20;
}
.panel-red > .panel-heading {
  color: #fff;
  background-color: #e51e20;
  border-color: #e51e20;
}
.panel-red > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e51e20;
}
.panel-red > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e51e20;
}
.panel-red > .panel-footer {
  background-color: #e51e20;
  border-top: 1px solid #e51e20;
}
/* 4. Panel Orange */
.panel-orange {
  border-color: #D26C22;
}
.panel-orange > .panel-heading {
  color: #fff;
  background-color: #D26C22;
  border-color: #D26C22;
}
.panel-orange > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #D26C22;
}
.panel-orange > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #D26C22;
}
.panel-orange > .panel-footer {
  background-color: #D26C22;
  border-top: 1px solid #D26C22;
}
/* ===== Info Boards ==== */
.info-board {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.info-board h4 {
  margin-top: 0;
  font-family: 'Roboto', sans-serif;
}
.info-board p:last-child {
  margin-bottom: 0;
}
/* 1. Info board green */
.info-board-green {
  background-color: #F5F9F1;
  border-color: #94BA65;
}
/* 2. Info board blue */
.info-board-blue {
  background-color: #EEF8FB;
  border-color: #2790B0;
}
/* 3. Info board orange */
.info-board-orange {
  background-color: #FCF4ED;
  border-color: #D26C22;
}
/* 4. Info board red */
.info-board-red {
  background-color: #FCEEED;
  border-color: #e51e20;
}
/* ===== Navs ===== */
/* 1. Nav tabs */
.nav-tabs {
  margin-bottom: 15px;
}
.nav-tabs > li > a {
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  background: #fff;
  color: #999!important;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}
.nav-tabs > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
  border-color: #fff #fff #dedede;
  color: #515151;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #515151!important;
  cursor: default;
  background-color: #fff;
  border: 1px solid transparent;
}
.body-green .nav-tabs > li.active > a,
.body-green .nav-tabs > li.active > a:hover,
.body-green .nav-tabs > li.active > a:focus {
  border-bottom-color: #94BA65;
}
.body-blue .nav-tabs > li.active > a,
.body-blue .nav-tabs > li.active > a:hover,
.body-blue .nav-tabs > li.active > a:focus {
  border-bottom-color: #2790B0;
}
.body-orange .nav-tabs > li.active > a,
.body-orange .nav-tabs > li.active > a:hover,
.body-orange .nav-tabs > li.active > a:focus {
  border-bottom-color: #D26C22;
}
.body-red .nav-tabs > li.active > a,
.body-red .nav-tabs > li.active > a:hover,
.body-red .nav-tabs > li.active > a:focus {
  border-bottom-color: #e51e20;
}
.body-brand .nav-tabs > li.active > a,
.body-brand .nav-tabs > li.active > a:hover,
.body-brand .nav-tabs > li.active > a:focus {
  border-bottom-color: #f27533;
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid transparent;
}
/* 2. Nav pills */
.nav-pills {
  margin-bottom: 15px;
}
.nav-pills > li > a {
  color: #515151;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}
.nav-pills > li > a {
  background-color: #f5f5f5;
}
.body-green .nav-pills > li.active > a,
.body-green .nav-pills > li.active > a:hover,
.body-green .nav-pills > li.active > a:focus {
  background-color: #94BA65;
}
.body-blue .nav-pills > li.active > a,
.body-blue .nav-pills > li.active > a:hover,
.body-blue .nav-pills > li.active > a:focus {
  background-color: #2790B0;
}
.body-orange .nav-pills > li.active > a,
.body-orange .nav-pills > li.active > a:hover,
.body-orange .nav-pills > li.active > a:focus {
  background-color: #D26C22;
}
.body-red .nav-pills > li.active > a,
.body-red .nav-pills > li.active > a:hover,
.body-red .nav-pills > li.active > a:focus {
  background-color: #e51e20;
}
.nav.nav-pills > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #f0f0f0;
}
.nav-pills-green > li.active > a,
.nav-pills-green > li.active > a:hover,
.nav-pills-green > li.active > a:focus {
  background-color: #94BA65 !important;
}
.nav-pills-blue > li.active > a,
.nav-pills-blue > li.active > a:hover,
.nav-pills-blue > li.active > a:focus {
  background-color: #2790B0 !important;
}
.nav-pills-red > li.active > a,
.nav-pills-red > li.active > a:hover,
.nav-pills-red > li.active > a:focus {
  background-color: #e51e20 !important;
}
.nav-pills-orange > li.active > a,
.nav-pills-orange > li.active > a:hover,
.nav-pills-orange > li.active > a:focus {
  background-color: #D26C22 !important;
}
.nav-pills-brand > li.active > a,
.nav-pills-brand > li.active > a:hover,
.nav-pills-brand > li.active > a:focus {
  background-color: #f27533 !important;
}
/* ===== Sticky Navbar ===== */
.sticky-wrapper > .navbar {
  z-index: 999 !important;
}
/* ERGÄNZUNGEN ESC */
/* service Item */
.services-item {
  margin-top: 20px;
}
.services-item i {
  float: left;
  margin: 0 15px 0 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.services-item-desc {
  margin-left: 20px;
}
.body-green .services-item i {
  color: #94BA65;
}
.body-blue .services-item i {
  color: #2790B0;
}
.body-red .services-item i {
  color: #e51e20;
}
.body-orange .services-item i {
  color: #D26C22;
}
/* ===== Social Media ===== */
.social-icons .fa:hover,
.social-icons .fa:active {
  color: #FFF;
  -webkit-box-shadow: 1px 1px 3px #333;
  -moz-box-shadow: 1px 1px 3px #333;
  box-shadow: 1px 1px 3px #333;
}
.social-icons.icon-circle .fa {
  border-radius: 50%;
}
.social-icons .fa-facebook {
  background-color: #3c599f;
}
.social-icons .fa-twitter {
  background-color: #32ccfe;
}
.social-icons .fa-google-plus {
  background-color: #dd4b39;
}
.social-icons .fa-linkedin {
  background-color: #0085ae;
}
.social-icons .fa-xing {
  background-color: #00555c;
}
.social-icons .fa-youtube {
  background-color: #c52f30;
}
.social-icons .fa-instagram {
  background-color: #a1755c;
}
.social-icons .fa {
  width: 37px;
  height: 37px;
  line-height: 38px;
  text-align: center;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-icons .fa {
  font-size: 1.8em;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socialmedia .list-inline > li {
  padding-right: 1px !important;
  padding-left: 1px !important;
}