/* hind-regular - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/hind-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-v16-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-600 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/hind-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-v16-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
}

body {
font-family: 'Hind', sans-serif;
color: #4A4748;
}
.wrap {
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #3bbb54;
}
a {
color: #9A9A9A;
-webkit-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
transition: color 0.5s linear;  
}
a:hover,
a:focus {
color: #3bbb54;
text-decoration: none;
}
#edit-preview {
  display: none;
}
.menu-flex {
background: url(../images/menu.jpg);
background-repeat: repeat-y;
background-size: 100%;
}
.logo-flex {
background: url(../images/header.jpg);
background-repeat: repeat-y;
position: relative;
background-size: 100%;
}
.logo img,
.logo-zwei img {
width: 75%;
margin: 10px 35px;
}
.user-logged-in .author {
display: block;
margin-top: 20px;
}
.alert-success {
  margin: 15px 0 0 0;
}
.author {
display: none;
}
.bearbeiten {
display: none;
}
.bearbeiten a {
  color: #fff;
}
.user-logged-in .bearbeiten {
display: inline-block;
}
.menubereich {
float: left;
padding: 20px 5px 0 35px ;
max-width: 52%;
}
.menubereich .page-header {
margin: 0;
border: none;
font-size: 24px;
}
.artikel-content {
background: url(../images/content.png);
background-repeat: repeat-y;
padding: 20px 30px;
}
/* Footer */
.gras {
position: relative;
z-index: 0;
background: url(../images/footer.png);
background-repeat: repeat-x;
height: 160px;
opacity: 0;
-webkit-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.footer {
position: relative;
z-index: 10;  
background: #F0F8F0;
border-top: 10px solid #fff;
margin-top: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.footer-wrap {
width: 100%;
margin-top: 100px;
}
.footer-wrap h4 {
margin: 0;
}
.footer a {
color: #3bbb54;
}
.footer a:hover {
color: #000;
text-decoration: none;
}
.footer-box {
border-left: 3px solid #3bbb54;
padding: 20px 0 0 30px;
}
.footer .nav {
padding: 0;
margin: 0 0 0 -15px;
}
.footer .nav > li > a {
padding: 2px;
}
.fuss > .region-footer > nav > ul.footer {
border: none;
background: transparent;
}
.glyphicon {
color: #3bbb54;
padding: 0 5px;
}
#backtotop {
background: url(../images/backtotop.png) no-repeat center center;
background-size: auto auto;
background-size: contain;
height: 50px;
width: 50px;
}
/* Menü */
.navbar-front {
padding: 40px 10px 0 10px;
}
.navbar-default {
background: none;
background-size: contain;
border: none;
border-radius: 0;
}
.nav {
padding: 30px;
}
.navbar-toggle {
display: block;
border: none;
background: transparent !important;
z-index: 500;
margin: 15px 0;
position: relative;
right: 0;
}
.navbar-toggle:hover {
background: transparent !important;
}
.icon-bar {
width: 22px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.icon-bar-1 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-moz-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
-o-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}
.icon-bar-2 {
opacity: 0;
}
.icon-bar-3 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-moz-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
-o-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .icon-bar-1 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggle.collapsed .icon-bar-2 {
opacity: 1;
}
.navbar-toggle.collapsed .icon-bar-3 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.navbar-brand {
padding: 0;
}
.navbar-collapse.collapse.in {
display: block !important;
padding-bottom: 30px;
}
.navbar-collapse {
position: absolute;
z-index: 100;
background: url(../images/menu.jpg);
width: 100%;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-nav > li {
width: 100%;
height: 60px;
}
.navbar-nav > li.first {
height: 130px;
}
.navbar-nav {
display: block;
margin: 0;
}
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
color: #000;
font-size: 24px;
background-color: transparent;
padding: 15px 0 0 0;
}
.navbar-toggle:hover .menu-menu, 
.navbar-toggle:active .menu-menu, 
.navbar-toggle:focus .menu-menu {
color: #000;
}
.nav > li > a:hover,
.nav > li > a:focus {
background: transparent;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
background: none;
color: #3bbb54;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
color: #3bbb54;
background-color: none;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #3bbb54;
}
.navbar-default .icon-bar {
height: 3px;
width: 25px;
}
.menu-menu {
float: left;
padding: 0 10px;
font-size: 28px;
line-height: 20px;
color: #000;
}
.menu-icon {
float: left;
}
.navbar-default .navbar-collapse {
border: none;
}
.menu .dropdown-menu {
display: block;
width: 100%;
position: relative;
top: 0;
left: 0;
z-index: 1000;
float: none;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
margin-top: 2px;
font-size: 16px;
text-align: left;
list-style: none;
background: transparent;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: lowercase;
}
.menu .dropdown-menu > li > a {
color: #000;
padding: 4px 0;
}
.menu .dropdown-menu > .active > a, 
.menu .dropdown-menu > .active > a:hover, 
.menu .dropdown-menu > .active > a:focus {
color: #3bbb54;
text-decoration: none;
background-color: transparent;
outline: 0;
}
.menu .dropdown-menu > li > a:hover, 
.menu .dropdown-menu > li > a:focus {
color: #3bbb54;
text-decoration: none;
background-color: transparent;
}
.menu .caret {
display: none;
}
/*Kontaktformular*/
.field--name-field-artikel-kontakt {
margin: 20px 0;
}
.field--label {
color: #3bbb54;
}
.form-control {
border-radius: 0px;
border: 1px solid #3bbb54;
box-shadow: none;
}
.form-control:focus {
border-color: #ccc;
box-shadow: none;
}
.btn-primary {
color: #fff;
background-color: #3bbb54;
border: none;
border-radius: 0px;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #999;
}
.btn-primary:active,
.btn-primary:active:focus {
color: #fff;
background-color: #999;
border-color: transparent;
}
/* Artikel */
.artikel-bilder {
background: url(../images/slider.png);
background-repeat: repeat-y;
margin-bottom: 15px;
background-size: 100%;
}
.artikel-bilder .img-responsive {
min-width: 100%;
}
.artikel-andere-inhalte {
margin: 0 0 0 -30px;
}
.artikel-andere-inhalte .field--item a {
background: rgba(178,220,182,0.5);
font-size: 17px;
color: #000;
padding: 4px 10px;
float:left;
margin: 0 10px 10px 0;
}
.artikel-andere-inhalte .field--item a:focus,
.artikel-andere-inhalte .field--item a:active,
.artikel-andere-inhalte .field--item a:hover {
color: #fff;
}
.artikel-andere-inhalte .field--item .active > a {
background: red;
}
/* Slider */
.carousel-indicators {
  position: relative;
  bottom: 0;
  left: 0%;
  width: auto;
  margin: 6px -3px;
  background: none;
  text-align: left;
}
.carousel-indicators li {
  display: inline-block;
  width: 25%;
  height: auto;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 3px;
}
.carousel-indicators li img {
  border-top: 3px solid transparent;
  padding: 5px 0 0 0;
}
.carousel-indicators .active {
  width: 25%;
  height: auto;
  margin: 0;
  background: none;
}
.carousel-indicators .active img {
  border-color: #b1d07b;
}
.carousel-indicators .active img {
  opacity: 0.5;
}
.carousel-control.right,
.carousel-control.left {
background-image: none;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
display: none;
}
.carousel-inner > .item {
height: 190px;
overflow: hidden;
}
/* Referenzen */
.referenz {
color: #fff;
background-color: #44BA5B;
border: none;
border-radius: 0px;
margin-top: 20px;
}
.referenz:hover,
.referenz:focus {
background-color: #999;
}
.referenz:active {
background-color: #999;
}
.referenzbild {
max-width: 100%;
}
.referenz-kategorie {
  font-weight: bold;
  margin:0 0 5px 0;
}
.referenz-block-menu {
  margin: 0 0 0 -30px;
}
.referenz-wrap {
  position: relative;
  margin: 0 0 5px 0;
}
.referenz-wrap h3 {
position: relative;
z-index: 0;
background: rgba(178,220,182,0.5);
font-size: 17px;
color: #000;
padding: 6px 10px 4px 10px;
margin: 0 ;
cursor: pointer;
}
.referenz-menu {
  position: absolute;
  z-index: 1;
  width: 100%;
  display: none;
  list-style: none;
  padding: 5px 10px;
  font-size: 15px;
  background-color: #3bbb54;
}
.referenz-menu a {
    color: #fff;
}
.referenz-menu a:hover {
    color: #454243;
}
.referenz-wrap:hover > .referenz-menu {
 display: block;

}

@media (min-width:360px) {
	.navbar-front {
    padding: 45px 15px 0 15px;
	}
	.carousel-inner > .item {
	height: 220px;
	}
.carousel-indicators li,
.carousel-indicators .active {
  width: 25%;
}
	.menubereich {
	padding: 20px 5px 0 40px;
	}
}
@media (min-width:590px) {
	.logo,
	.logo-zwei {
	text-align: center;
	}  
	.logo img, 
	.logo-zwei img {
	width: 55%;
	}
	.menubereich {
    padding: 20px 5px 0 135px;
	max-width: 70%;
	}
	.nav {
	padding: 30px 120px;
	}
	.carousel-inner > .item {
	height: 360px;
	}
  .carousel-indicators li,
  .carousel-indicators .active {
    width: 20%;
  }  
	.user-login-form {
    margin: 30px;
	}
  .referenz-block-menu {
    margin: 0 60px 0 -30px;
  }  
}
@media (min-width:768px) {	
	.flex-wrap {
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;    
	margin: -15px 0 0 0;
	}
	.flex {
  -webkit-flex-grow: 1;
  width: 49%;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 0;
  -ms-flex-grow: 0;    
  -webkit-flex-basis: 49%;
  -moz-flex-basis: 49%;
  -o-flex-basis: 49%;
  flex-basis: 1;
	}
	.nav {
    padding: 30px 45px;
	}
	.logo-flex {
	margin: 0 15px 0 0;
	}
	.logo-zwei img {
	width: 80%;
	margin: 35px 0 15px 0;
	}
	.logo img {
	width: 80%;
	margin: 50% auto;
	}
	.navbar-header {
	width: 100%;
	float: none;
	}
	.navbar-default .navbar-toggle {
    padding: 25px 10px 0 0;
	}
	.menubereich {
	max-width: 63%;
	padding: 35px 5px 0 30px;
	}
	.carousel-inner > .item {
    height: 245px;
	}
  .carousel-indicators {
    text-align: right;
  }
  .carousel-indicators li,
  .carousel-indicators .active {
    width: 33.333337%;
  }  
	.artikel {
	margin: 15px -15px;
	}
  .artikel-bilder {
    margin: 0 15px 0 0;
  }
	.artikel-andere-inhalte {
    margin: 0 0 0 -30px;
	}
  .referenz-block-menu {
    position: relative;
    margin: 0 5px 0 -30px;
  }   
  .referenz-wrap {
    position: static;
    display: table-cell;
    padding: 0 15px 0 0;
  } 
  .referenz-menu {
    width: auto;
  }
	.referenzen_list {
	margin: 0 -5px 0 -30px;
	}
	.footer-box {
	height: 120px;
	padding: 2px 0 2px 15px;
	}
}
@media (min-width:992px) {	
	body {
	font-size: 19px;
	}
	h2 {
	color: #3bbb54;
	font-size: 42px;
	}
	.logo img {
	width: 75%;
	margin: 25% auto;
	}  
	.logo-zwei img {
	width: 75%;
	}
	.logo-zwei img {
	margin: 30px auto;
	}
	.menubereich {
    padding: 55px 5px 0 30px;
	}	
	.navbar-default .navbar-toggle {
    padding: 40px 10px 0 0;
	}
	.carousel-inner > .item {
    height: 315px;
	}
  .carousel-indicators li,
  .carousel-indicators .active {
    width: 25%;
  } 
  .referenz-block-menu {
      margin: -15px -25px 0 -30px;
  } 
	.flex {
  -webkit-flex-grow: 1;
  width: 49.2%;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 0;
  -ms-flex-grow: 0;    
  -webkit-flex-basis: 49.2%;
  -moz-flex-basis: 49.2%;
  -o-flex-basis: 49.2%;
  flex-basis: 1;
	}   
	.footer-wrap {
	margin-top: 130px;
	}
	.footer-box {
	font-size: 17px;
	height: 120px;
	padding: 2px 0 2px 30px;
	}
	.user-login-form {
	margin: 30px 51% 30px 5%;
	}
}
@media (min-width:1200px) {
	#backtotop {
	width: 55px;
	height: 55px;
	}
  .node-form {
    width: 80%;
    margin: 0 auto;
  }
	.nav {
    padding: 30px 65px;
	}
  .menubereich .page-header {
  font-size: 36px;
  }  
	.logo img {
	width: 70%;
	}
	.logo-zwei img {
	width: 55%;
	margin: 35px auto;
	}
	.flex {
  -webkit-flex-grow: 1;
  width: 49.3%;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 0;
  -ms-flex-grow: 0;    
  -webkit-flex-basis: 49.3%;
  -moz-flex-basis: 49.3%;
  -o-flex-basis: 49.3%;
  flex-basis: 1;
	}  
	.artikel-content {
	padding: 50px 80px;
	}
	.artikel-andere-inhalte {
    margin: 0 0 0 -80px;
	}
	.artikel-andere-inhalte .field--item a {
    margin: -30px 10px 10px 0;
	}
	.menubereich {
    max-width: 80%;
    padding: 55px 5px 0 80px;
	}
	.carousel-inner > .item {
    height: 390px;
	}
  .carousel-indicators li,
  .carousel-indicators .active {
    width: 20%;
  } 
  .referenz-block-menu {
      margin: -15px -40px 30px -80px;
  }  
	.footer-box {
	height: 120px;
	padding: 2px 0 2px 30px;
	}
	.user-login-form {
    margin: 30px 50.7% 30px 10%;
	}
}
@media (min-width:1500px) {	
	.nav {
	padding: 30px 80px;
	}
	.menubereich {
    max-width: 80%;
    padding: 55px 5px 0 95px;
	}
	/* .page-header {
    padding: 0 95px;
	} */
	.logo-zwei img {
    margin: 25px auto;
	}
	.flex {
  -webkit-flex-grow: 1;
  width: 49.4%;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 0;
  -ms-flex-grow: 0;    
  -webkit-flex-basis: 49.4%;
  -moz-flex-basis: 49.4%;
  -o-flex-basis: 49.4%;
  flex-basis: 1;
	}   
  .artikel-content {
	padding: 50px 95px;
	}
	.artikel-andere-inhalte {
	margin: 0 0 0 -95px;
	}
	.carousel-inner > .item {
	height: 500px;
	}
  .referenz-block-menu {
      margin: -15px -40px 60px -95px;
  }   
}
@media (min-width:1600px) {	
	.carousel-inner > .item {
	height: 528px;
	}
  .carousel-indicators li,
  .carousel-indicators .active {
    width: 20%;
  }
	.flex {
  -webkit-flex-grow: 1;
  width: 49.5%;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 0;
  -ms-flex-grow: 0;    
  -webkit-flex-basis: 49.5%;
  -moz-flex-basis: 49.5%;
  -o-flex-basis: 49.5%;
  flex-basis: 1;
	}   
	.footer-front {
	position: fixed;
	bottom: 0;
	width: 100%;
	}
}
@media (min-width:1800px) {	
	.carousel-inner > .item {
	height: 594px;
	}
}
@media (min-width:2000px) {	
	.carousel-inner > .item {
	height: 659px;
	}
}
@media (min-width:2200px) {	
	.carousel-inner > .item {
	height: 709px;
	}
}
@media (min-width:2400px) {	
	.carousel-inner > .item {
	height: 759px;
	}
}