/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin Top by navbar height Margin bottom by footer height */
  margin-top: 80px;
  margin-bottom: 60px;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 200;
}
@media (min-width: 768px) {
body {
    margin-top: 120px;
}
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #d3d3d3;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding-right: 0;
    padding-left: 0;
}

.container .text-muted {
    margin: 18px 0;
    color: #fff;
    font-size: 18px;
}
.text-muted a {
    color: #fff;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}


.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
}

.navbar-header {
    height: 80px;
}
@media (min-width: 768px) {
.navbar-header {
    height: 120px;
}
}

.navbar-brand {
    padding: 15px 10px;
}
@media (min-width: 768px) {
.navbar-brand {
    padding: 30px 15px;
}
}
@media (min-width: 1000px) {
.navbar-brand {
    padding: 30px;
}
}

.navbar-brand > img {
    max-width: 250px;
}
@media (min-width: 850px) {
.navbar-brand > img {
    max-width: 265px;
}
}
@media (min-width: 1000px) {
.navbar-brand > img {
    max-width: 350px;
}
}

.nav > li > a {
    padding: 10px 5px;
    font-weight: 300;
}
@media (min-width: 1000px) {
.nav > li > a {
    padding: 10px 15px;
}
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #6cc726;
}

.navbar-nav {
    margin: 0 -15px;
}
@media (min-width: 768px) {
.navbar-nav {
    float: right;
    padding-right: 10px;
}

.navbar-nav > li > a {
    font-size: 17px;
    line-height: 22px;
    padding-top: 48px;
    padding-bottom: 49px;
}

}

.navbar-toggle {
    z-index: 1000;
    position: relative;
    float: right;
    padding: 7px 10px;
    margin-top: 21px;
    margin-right: 0;
    margin-bottom: 8px;
    background: transparent !important;
    border: none;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 30px;
  transition: all 0.1s;
}
.navbar-toggle.collapsed .top-bar {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);  
transform: rotate(0);
}
.navbar-toggle .top-bar {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
-ms-transform-origin: 10% 10%;
-webkit-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -ms-transform-origin: 10% 90%;
 -webkit-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 3px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-default .navbar-collapse {
    border: none;
    background: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #6cc726;
    background-color: #fff;
}

.navbar-collapse .nav > li {
    position: relative;
    display: block;
    padding-left: 8px;
}

.anchor {
    padding-top: 80px;
    margin-top: -80px;
}
@media (min-width: 850px) {
.anchor {
    padding-top: 120px;
    margin-top: -120px;
}
}

.container {
    width: 100%;
}

.alert {
    margin-bottom: 0
}

.page-content {
    font-weight: 200;
}

h1, .h1 {
    font-weight: 200;
    margin-top: 0;
    color: #6cc726;
}

.top-message {
    background: url(../../img/top_bg_sm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 300px;
}
@media (min-width: 450px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 400px;
}
}
@media (min-width: 600px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 500px;
}
}
@media (min-width: 768px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 660px;
}
}
@media (min-width: 774px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 640px;
}
}
@media (min-width: 840px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 600px;
}
}
@media (min-width: 1840px) {
.top-message {
    background: url(../../img/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 800px;
}
}

.top-message-text {
    display: none;
}
@media (min-width: 768px) {
.top-message-text {
    display: inline-block;
    width: 50%;
    padding-top: 15px;
    padding-left: 40px;
    color: #ffffff;
    font-size: 18px;
}
}
@media (min-width: 1000px) {
.top-message-text {
    padding-top: 50px;
    padding-left: 50px;
}
}

.top-message-text-sm {
    padding: 15px;
}
@media (min-width: 768px) {
.top-message-text-sm {
    display: none;
}
}

.leistungen {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 50px;
    color: #000;
    font-size: 18px;
}
@media (min-width: 600px) {
.leistungen {
    padding-top: 15px;
    padding-left: 40px;
}
}
@media (min-width: 1000px) {
.leistungen {
    padding-top: 50px;
    padding-left: 50px;
}
}

.kunden {
    background-color: #d3d3d3;
    padding-top: 15px;
    padding-bottom: 50px;
    padding-left: 15px;
    color: #000000;
    font-size: 18px;
}
@media (min-width: 600px) {
.kunden {
    padding-left: 40px;
}
}
@media (min-width: 1000px) {
.kunden {
    padding-left: 50px;
    padding-top: 50px;
}
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.leistungen h1, .leistungen .h1 {
    padding: 0 15px;
}
@media (min-width: 600px) {
.leistungen h1, .leistungen .h1 {
    padding: 0;
}
}
.leistungen p {
    padding: 0 15px;
}
@media (min-width: 600px) {
.leistungen p {
    width: 60%;
    padding: 0;
}
}
@media (min-width: 1000px) {
.leistungen p {
    width: 50%;
}
}

.leistungen .col-sm-6 {
    padding: 30px;
}
@media (min-width: 600px) {
.leistungen .col-sm-6 {
    padding: 60px;
}
}

.leistungen img {
    opacity: 0.85;
}
.leistungen img:hover {
    opacity: 1;
}

.middle-message {
    background: url(../../img/about_sm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 450px;
}
@media (min-width: 768px) {
.middle-message {
    background: url(../../img/about_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 600px;
}
}
@media (min-width: 1500px) {
.middle-message {
    background: url(../../img/about_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 800px;
}
}
@media (min-width: 2000px) {
.middle-message {
    background: url(../../img/about_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 1000px;
}
}
.middle-message-text {
    display: none;
}
@media (min-width: 768px) {
.middle-message-text {
    width: 50%;
    display: inline-block;
    padding-top: 15px;
    padding-left: 40px;
    color: #ffffff;
    font-size: 18px;
}
}
@media (min-width: 1000px) {
.middle-message-text {
    width: 50%;
    display: inline-block;
    padding-top: 50px;
    padding-left: 50px;
    color: #ffffff;
    font-size: 18px;
}
}

.middle-message-text-sm {
    padding: 15px;
}
@media (min-width: 768px) {
.middle-message-text-sm {
    display: none;
}
}

.btn-default {
    background-color: transparent;
    border-color: #61b424;
    border-radius: 30px 30px 30px 30px;
    border-width: 4px;
    font-size: 18px;
    color: #6cc726;
}
    
.video {
    background-color: #d3d3d3;
    padding-top: 50px;
    padding-bottom: 50px;
}

.video-wrapper {
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
}

.vimeo {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PGcgaWQ9ImNpcmNsZV8xOF8iPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMiwwQzE0LjMyNywwLDAsMTQuMzI3LDAsMzJzMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMlM0OS42NzMsMCwzMiwweiBNMzIsNjJDMTUuNDMyLDYyLDIsNDguNTY4LDIsMzIuMDAxIEMyLDE1LjQzMiwxNS40MzIsMiwzMiwyYzE2LjU2OCwwLDMwLDEzLjQzMiwzMCwzMC4wMDFDNjIsNDguNTY4LDQ4LjU2OCw2MiwzMiw2MnoiLz48L2c+PC9nPjxnIGlkPSJwbGF5Ij48Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNDEuMTA5LDMwLjM0MWwtMTItNy45ODljLTAuNjEzLTAuNDA4LTEuNDAyLTAuNDQ3LTIuMDUzLTAuMUMyNi40MDYsMjIuNTk5LDI2LDIzLjI3NSwyNiwyNC4wMTN2MTUuOTggYzAsMC43MzcsMC40MDYsMS40MTIsMS4wNTcsMS43NjFjMC42NSwwLjM0OCwxLjQzOSwwLjMxMSwyLjA1My0wLjFsMTItNy45ODlDNDEuNjY2LDMzLjI5NCw0MiwzMi42Nyw0MiwzMi4wMDMgQzQyLDMxLjMzNSw0MS42NjYsMzAuNzEyLDQxLjEwOSwzMC4zNDF6IE0zOC44LDMzLjQyMmwtOS4zODksNS43ODZDMjguOTA3LDM5LjU0MywyOCwzOS41NTksMjgsMzkuNTU5czAtMC45MywwLTEuNTMzVjI2LjAwNyBjMC0wLjYwNCwwLTEuNjU5LDAtMS42NTlzMC45MDctMC4wNDYsMS40MTEsMC4yODdsOS4zODksNi4xOTNjMC40NTcsMC4zMDMsMC43MzEsMC42ODgsMC43MzEsMS4yMzQgQzM5LjUzMSwzMi42MDcsMzkuMjU3LDMzLjExOSwzOC44LDMzLjQyMnoiLz48L2c+PC9nPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+) !important;
}
.vimeo:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6dXJsKCNzdmdHcmFkaWVudCl9PC9zdHlsZT48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InN2Z0dyYWRpZW50IiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKC0yNSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGJmZjMiIC8+PHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNiMWQ3NTAiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGc+PGcgaWQ9ImNpcmNsZV8xOF8iPjxnPjxwYXRoIGQ9Ik0zMiwwQzE0LjMyNywwLDAsMTQuMzI3LDAsMzJzMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMlM0OS42NzMsMCwzMiwweiBNMzIsNjJDMTUuNDMyLDYyLDIsNDguNTY4LDIsMzIuMDAxIEMyLDE1LjQzMiwxNS40MzIsMiwzMiwyYzE2LjU2OCwwLDMwLDEzLjQzMiwzMCwzMC4wMDFDNjIsNDguNTY4LDQ4LjU2OCw2MiwzMiw2MnoiLz48L2c+PC9nPjxnIGlkPSJwbGF5Ij48Zz48cGF0aCBkPSJNNDEuMTA5LDMwLjM0MWwtMTItNy45ODljLTAuNjEzLTAuNDA4LTEuNDAyLTAuNDQ3LTIuMDUzLTAuMUMyNi40MDYsMjIuNTk5LDI2LDIzLjI3NSwyNiwyNC4wMTN2MTUuOTggYzAsMC43MzcsMC40MDYsMS40MTIsMS4wNTcsMS43NjFjMC42NSwwLjM0OCwxLjQzOSwwLjMxMSwyLjA1My0wLjFsMTItNy45ODlDNDEuNjY2LDMzLjI5NCw0MiwzMi42Nyw0MiwzMi4wMDMgQzQyLDMxLjMzNSw0MS42NjYsMzAuNzEyLDQxLjEwOSwzMC4zNDF6IE0zOC44LDMzLjQyMmwtOS4zODksNS43ODZDMjguOTA3LDM5LjU0MywyOCwzOS41NTksMjgsMzkuNTU5czAtMC45MywwLTEuNTMzVjI2LjAwNyBjMC0wLjYwNCwwLTEuNjU5LDAtMS42NTlzMC45MDctMC4wNDYsMS40MTEsMC4yODdsOS4zODksNi4xOTNjMC40NTcsMC4zMDMsMC43MzEsMC42ODgsMC43MzEsMS4yMzQgQzM5LjUzMSwzMi42MDcsMzkuMjU3LDMzLjExOSwzOC44LDMzLjQyMnoiLz48L2c+PC9nPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+) !important;
}

.back-button {
    display: inline-block;
    float: left;
    border-radius: 30px 30px 30px 30px;
    background-color: #6cc726;
    border: 1px solid transparent;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    width: 100px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 15px 15px 35px 0;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}
.back-button:hover, .back-button:focus {
    color: #fff;
    background-color: #6cc726;
    border-color: #6cc726;
    text-decoration: none;
}
.back-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.back-button span:after {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
}
.back-button:hover span {
  padding-left: 15px;
}
.back-button:hover span:after {
  opacity: 1;
  left: 0;
}

.back-to-top {
	background:transparent;
    color: #6cc726 !important;
	position: fixed;
	bottom:1px;
	right:1px;
	padding:1em;
    z-index: 1000;
}
@media (min-width: 768px) {
.back-to-top {
	bottom:20px;
	right:20px;
	padding:1em;
}
}