body {
	font-family:'Times, Times New Roman, serif';
	font-size:22px;
	font-weight:400;
	line-height:1.6em;
	color:#000;
	background-color:#fff;
	overflow-x:hidden;
	margin:0;
}

hi,h2,h3,h4,h5,h6 {
	color:#003900;
	line-height:1.1em;
}

p {
	color:#000000;
	font-size:22px;
}	

.absatz:first-letter{font-size:180%;}

.text-center h2 {
	margin-bottom:30px;
}

.text-center h3 {
	margin-bottom:20px;
}

.text-center p {
	margin-bottom:50px;
	color: #000000;
}

.text-left  h2 {
	margin-bottom:30px;
}

.text-left p {
	margin-bottom:50px;
	color:#000000;
}
.text-left ul {
	margin-bottom:30px;
}

.bildzoom {/* Bilder an div anpassen */
           float: left;
           width: 100%;
           margin: 0.5em;
           padding: 0.5em;
           max-width: 1400px; /* maximale Bildgröße festlegen */
 }

.bildzoom p {
            text-align: center;
           /*  font-style: italic; */
	}

img.skaliert {
            width: 100%;
	}
	
img.skaliert30 {
            width: 30%;
	}
	
.responsive {
  max-width: 100%;
  height: auto;
}
	
.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.features p {
	margin-bottom:70px;
	color:#000000;
}

/*  Hauptcontaner Textbreite */
.container {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

/* SLIDER ####################################*/
* {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1400px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* MENUE ####################################*/

.navbar {
  overflow: hidden;
  background-color: #eee; 
  width: 80%;
  margin:0 auto;
}

.navbar a {
  float: left;
  font-size: 20px;
  color: #003900;
  padding: 14px 16px;
  text-align: center;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 22px;  
  border: none;
  outline: none;
  color: #003900;  
  padding: 14px 16px;
  background-color: inherit; 
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #003900;
  color: #eee;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #003900;
  width: 100%;  
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: #003900;
}

.subnav:hover .subnav-content {
  display: block;
}

input#email_business, label[for="email_business"]
{
display:none;
}

.fancy-input {
	margin: 1em 0 1em 0;
	position: relative;
}

.fancy-input label {
	position: absolute;
	color: #666;  /* #666 */
	background: #fff;
	padding: 0 .5em;  /*  0 .5em; */
	font-size: .8em;
	top: -.4em;  /* -.6em */
	left: .5em;
	line-height: 1em;
}

.fancy-input label.like-placeholder {
	font-size: 1em;  /* 1em */
	top: .5em;   /* .5em  */
	left: .5em;
}

.fancy-input input {
	padding: .5em;  
}

.fancy-input textarea {
	padding: .5em;  
}

.produktgruppen {
	width:1000px;
	background-color: 000;
	font-size:18px; 

}

.produktgruppen a {
	text-decoration: none;
	color:#003900;
}

#laub {
	background-color: 000;
	width: 50%;
	float:left;
}

#nadel {
	background-color: 000;
	margin-left: 50%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
/* Fuer rechts/links Zeile */
.flex-containert {
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.flex-item-leftt {
	text-align: left;
	flex: 50%;
}

.flex-item-rightt {
   text-align: right;
   flex: 50%;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 1000px) {
  .flex-item-rightt, .flex-item-leftt {
    flex: 100%;
  }
}


/* Fuer Musikzeile */
.flex-container {
  display: flex;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.flex-item-left {
  font-size: 17px;
  line-height: 1.1;
  flex: 50%;
}

.flex-item-middle {
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  flex: 30%;
}

.flex-item-right {
  text-align: center;
  flex: 20%;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 1000px) {
  .flex-item-right, .flex-item-middle, .flex-item-left {
    flex: 100%;
  }
}