body {
	margin-top: 51px; /* adjust this if the height of the menu bar changes */
}

.nav {
	//margin-top: 20px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
}


.footer {
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 36px;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0;	
	background-color: #222;
	color: #F2F2F2;
}

.footer-link, .footer-link:hover, .footer-link:focus {
    color: #BABABA;;
}

/* Top nav and header */
/* header */
.header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../images/bg-pattern.png"), #7b4397;
  /* fallback for old browsers */
  background: url("../images/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #dc2430);
  /* Chrome 10-25, Safari 5.1-6 */
  background: url("../images/bg-pattern.png"), linear-gradient(to left, #7b4397, #dc2430);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}
.header .header-content {
  text-align: center;
  padding: 50px 0 50px;
  position: relative;
}
.header .header-content .header-content-inner {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
.header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
.header .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
.header .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
.header .device-container {
  max-width: 300px;
  margin: 0 auto 100px;
}
.header .device-container .screen img {
  border-radius: 3px;
}
@media (min-width: 768px) {
  .header {
    min-height: 100%;
  }
  .header .header-content {
    text-align: left;
    padding: 0;
    height: 100vh;
  }
  .header .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .header .header-content .header-content-inner h1 {
    font-size: 35px;
  }
  .header .device-container {
    max-width: none;
    max-height: calc(0vh);
    margin: 50px auto 0;
  }
}
@media (min-width: 992px) {
  .header .header-content .header-content-inner h1 {
    font-size: 50px;
  }
}

.headerLeistungen {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../images/bg-pattern.png"), #94041A;
  /* fallback for old browsers */
  background: url("../images/bg-pattern.png"), -webkit-linear-gradient(to left, #94041A, #FF0127);
  /* Chrome 10-25, Safari 5.1-6 */
  background: url("../images/bg-pattern.png"), linear-gradient(to left, #94041A, #FF0127);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}

.headerReferenzen {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../images/bg-pattern.png"), #425E97;
  /* fallback for old browsers */
  background: url("../images/bg-pattern.png"), -webkit-linear-gradient(to left, #425E97, #248FDC);
  /* Chrome 10-25, Safari 5.1-6 */
  background: url("../images/bg-pattern.png"), linear-gradient(to left, #425E97, #248FDC);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}

.headerOnlineshops {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../images/bg-pattern.png"), #003300;
  /* fallback for old browsers */
  background: url("../images/bg-pattern.png"), -webkit-linear-gradient(to left, #003300, #006600);
  /* Chrome 10-25, Safari 5.1-6 */
  background: url("../images/bg-pattern.png"), linear-gradient(to left, #003300, #006600);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}

.headerOnlineshops .header-content {
  text-align: center;
  padding: 50px 0 50px;
  position: relative;
}
.headerOnlineshops .header-content .header-content-inner {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
.headerOnlineshops .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
.headerOnlineshops .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
.headerOnlineshops .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
.headerOnlineshops .device-container {
  max-width: 300px;
  margin: 0 auto 100px;
}
.headerOnlineshops .device-container .screen img {
  border-radius: 3px;
}
@media (min-width: 768px) {
  .headerOnlineshops {
    min-height: 100%;
  }
  .headerOnlineshops .header-content {
    text-align: left;
    padding: 0;
    height: 100vh;
  }
  .headerOnlineshops .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .headerOnlineshops .header-content .header-content-inner h1 {
    font-size: 35px;
  }
  .headerOnlineshops .device-container {
    max-width: none;
    max-height: calc(0vh);
    margin: 50px auto 0;
  }
}
@media (min-width: 992px) {
  .headerOnlineshops .header-content .header-content-inner h1 {
    font-size: 50px;
  }
}

/* /header */
/* navbar */
.custom-nav {
/*     border-color: #a5423b; */
/*     background-color: #b84d45; */
/*     box-shadow: 0 1px 0 rgba(255,255,255,.1); */
}
/* title */
.custom-nav .navbar-brand {
    color: #fff;
}
/* link */
.custom-nav .navbar-nav > li > a,
.masthead a {
    color: #fff;
}

.custom-nav .navbar-nav > li > a:hover,
.custom-nav .navbar-nav > li > a:focus {
    color: #E0A9A2;
/*     background-color: #a5423b; */
}

.custom-nav .navbar-nav > .active > a,
.custom-nav .navbar-nav > .active > a:hover {
    color: #fff;
/*     background-color: #a5423b; */
}

.custom-nav .nav .open > a,
.nav .open > a:hover,
.custom-nav .nav .open > a:focus {
    color: #fff;
/*     background-color: #a5423b; */
}

.custom-nav .navbar-toggle {
    border-color: #b84d45;
}

.custom-nav .navbar-toggle:hover {
/*     border-color: #b84d45; */
/*     background-color: #b84d45; */
}

.custom-nav .navbar-collapse {
    border: none;
}

.custom-nav .navbar-toggle .icon-bar {
    background-color: #fff;
}
/* caret */
.custom-nav .nav .caret {
    border-top-color: #E0A9A2;
    border-bottom-color: #E0A9A2;
}

.custom-nav .nav .open > a,
.nav .open > a:hover .caret,
.custom-nav .nav .open > a:focus .caret,
.custom-nav .nav .active .caret,
.custom-nav .nav a:hover .caret,
.custom-nav .nav a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.custom-nav .dropdown-menu > li > a:hover,
.custom-nav .dropdown-menu > li > a:focus,
.custom-nav .dropdown-menu > .active > a,
.custom-nav .dropdown-menu > .active > a:hover,
.custom-nav .dropdown-menu > .active > a:focus {
 	color: #fff;
    background-color: #2D79AF; */
}

.carousel {
    background-color: #366180;
    min-height: 265px;
}

.text-white {
    color: #fff;
}

/* ---- SecZweck :) -----------------------*/

.seczweck {
	display: none;
}

/* ---- download -----------------------*/
.download {
  padding: 100px 0;
  position: relative;
}
.download h2 {
  margin-top: 0;
  font-size: 50px;
}
.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}
.download .badges .badge-link:last-child {
  margin-bottom: 0;
}
.download .badges .badge-link img {
  height: 60px;
}
@media (min-width: 768px) {
  .download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .download h2 {
    font-size: 50px;
  }
}

/*---- features -------------------------*/

.features .section-heading {
  margin-bottom: 100px;
}
.features .section-heading h2 {
  margin-top: 0;
}
.features .section-heading p {
  margin-bottom: 0;
}
.features .device-container,
.features .feature-item {
  max-width: 300px;
  margin: 0 auto;
}
.features .device-container {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .features .device-container {
    margin-bottom: 0;
  }
}
.features .feature-item {
  text-align: center;
  margin-bottom: 100px;
}
.features .feature-item h3 {
  font-size: 30px;
}
.features .feature-item i {
  font-size: 80px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .features .device-container,
  .features .feature-item {
    max-width: none;
  }
}

/*---- Simple Line Icons --------------*/
.large-icons, .large-icons .icons {
    font-size: 28pt;
    vertical-align: middle;
}

.medium-icons, .medium-icons .icons {
    font-size: 20pt;
    vertical-align: middle;
}

.medium-icons .icons .text-white {
    font-size: 20pt;
    vertical-align: middle;
    color: #fff;
}