/* 

	Schriftart: font-family: 'Open Sans', sans-serif;
	Farbe neutral: color:#666666;
	Farbe farbig:  color:#7A1469;
	Hintergrundfarbe: background-color:#FFFFFF;

*/

html, body {
	background-color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	color:#666666;
}
  #g-recaptcha-response {
  	display: block !important;
  	position: absolute;
  	margin: -78px 0 0 0 !important;
  	width: 302px !important;
  	height: 76px !important;
  	z-index: -999999;
  	opacity: 0;
  }

  .g-recaptcha {
  	width: 35%;
  	transform: scale(0.77);
  	-webkit-transform: scale(0.77);
  	transform-origin: 0 0;
  	-webkit-transform-origin: 0 0;
  	float: left;
  }
  #senden{margin-top: 10px;}
/* -------------- Layout anfang -------------------- */

/* Logo */
.navbar-brand {
	background-image: url('../images/logo.png');
	margin-left:20px;
	width:324px;
	height: 84px;
}

.bg-colored 
{
	background-color:#E9E9E9;
	background-image: url('../images/bg-colored.gif');
	background-repeat:repeat;
	background-position:center top;
}

#footer 
{
	background-color:#666666;
	color:#FFFFFF;
}

/* -------------- Layout ende ---------------------- */



/* -------------- Navigation Oben anfang ----------- */

.nav.navbar-nav.navbar-right li a {
	color:#979899;
	font-weight:600;
	background:none;
	padding-top:30px;
	padding-bottom:30px;
	background-image: none;
}
.nav.navbar-nav.navbar-right li.active a {
	color:#567372;
	font-weight:600;
	background:none;
	padding-top:30px;
	padding-bottom:30px;
	background-image: url('../images/nav-active.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}

.nav.navbar-nav.navbar-right li a:hover {
	color:#567372;
}

/* -------------- Navigation Oben ende ------------- */


/* -------------- Slider anfang -------------------- */

section#underslider
{
	padding:0px;
	margin-top:-40px;
}

#main-slider ul.bxslider > li.item > div.slideritem > div.container 
{
	min-height: 412px;
	padding:0px;
}

#main-slider ul.bxslider > li.item
{
	margin: 0;
	padding:0;
}

#main-slider ul.bxslider > li.item > div.slideritem
{
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	background-size: cover;
	width:100%;
	height:auto;
}

#main-slider ul.bxslider > li.item > div.slideritem img.sliderimage-01
{
	margin-top:20%;
}

#main-slider ul.bxslider > li.item > div.slideritem .slider-content-box
{
	background-color:#ee7f01;
	margin-top:40%;
	padding:15px 0px 1px 0px;
	font-size:20px;
	line-height:150%;
	color:#FFFFFF;
}

/* -------------- Slider ende ---------------------- */


/* -------------- Sonstiges anfang ---------------- */

a.top-page 
{
	bottom:24px;
	right:10px;
	display:block;
	background-image:url('../images/button-move-top.png');
	background-repeat:no-repeat;
	width: 51px;
	height:51px;
}

/* -------------- Sonstiges ende ------------------ */


/* -------------- Formular anfang ------------------ */

form#frmContact.form-horizontal > fieldset > div.form-group > div > button#senden.btn.btn-primary
{
	background-color:#.btn;
	display:block;
	width:48%;
	float:right;
	border:0px;
	font-size:18px;
	font-style: italic;
}

.btn-primary:hover {
	background-color:#d77200;
	}
/* -------------- Formular ende -------------------- */


/* -------------- Tabs anfang ---------------------- */

#history .tabs a 
{
	font-size:22px;
	font-weight:600;
	color:#666666;
	padding:6px;
}
#history .tabs a:hover, 
#history .tabs a:focus 
{
	color:#81066A;
}

#history .tabs a.active 
{
	background-color:#7A1469;
	border-radius:3px;
	color:#FFFFFF;
	-moz-box-shadow: 0 6px 6px -6px #666;
	-webkit-box-shadow: 0 6px 6px -6px #666;
	box-shadow: 0 6px 6px -6px #666;
}
#history .tabs a.active:hover, 
#history .tabs a.active:focus 
{
	background-color:#81066A;
	color:#FFFFFF;
}

/* -------------- Tabs ende ------------------------ */


/* -------------- Textstile anfang ----------------- */

a, a:link, a:visited, a:active {
 color:#ee7f01;
 text-decoration:none;
}
a:focus, a:hover {
 color:#ee7f01;
 text-decoration:underline;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
 color:#FFFFFF;
 text-decoration:none;
}
#footer a:focus, #footer a:hover {
 color:#FFFFFF;
 text-decoration:none;
}

.text-colored {color:#ee7f01;}

.text-big {font-size:156.3%;line-height:180%;}

.text-bold {font-weight:700;}

.text-center {text-align:center;}

.text-underline {
	background-image: url('../images/text-shadow.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:10px;
	display:block;
}

a:focus {outline:none;}

h1, .h1 
{
	font-family: 'Open Sans', sans-serif;
	color:#ee7f01;
	font-size:30px;
	font-weight:700;
}

h2, .h2 
{
	color: #979899;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.h2form
{
	color: #979899;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.pbilgi{
	font-weight: 400;
	color: #979899;
	font-size: 20px;
	font-family: "Open Sans",sans-serif;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

h2 span, .h2 span {
	font-weight: 700;
	color:#ee7f01;
	}

h3, .h3 
{
	font-family: 'Open Sans', sans-serif;
	color:#567372;
	font-size:22px;
	font-weight:700;
	margin-bottom:15px;
	text-transform:uppercase;
	margin-top:15px;
}

p {
	margin-bottom:1.0em;
}

.tabContent h3 {
	margin-top:5px;
	}
	
.modal-body h1 {
	font-size:15px;
	}

.siegelbox-small {
	display:none;
	}
	
.siegelbox {
	float:right;
	}
	
@media (max-width: 500px) {
.navbar-brand {
    background-image: url("../images/logo-kl.png");
    height: 46px;
    margin-left: 0px;
    width: 179px;
}

.siegelbox {
	display:none;
	}

.siegelbox-small {
	display:none;
	}
	
.siegelbox-small .topimage {
	height:40px;
	clear:both;
	}

#header {
    padding-top: 72px;
}

#main-slider {
	/* display:none; */
	}
	
section#underslider {
	margin-top:0px;
	}
	
p {
	font-size:100%;
	}
	
.text-big {
	font-size:110%;
	}
	
.tabs a {
	font-size:14px;
}

.tabs li {
	margin-bottom:0px;
	}
	
.modal-body p {
	font-size:12px;
	line-height:15px;
	}
	
h2, .h2 {
	font-size:20px;
	}
}

.form-control, .btn {
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	}
	
.btn-primary {
	background-color:#ee7f01;
	}
	
.imagecircle {
	border-radius:50%;
	width:100%;
	-webkit-box-shadow: inset -10px 10px 20px 0px #747474;
	-moz-box-shadow: inset -10px 10px 20px 0px #747474;
	box-shadow: inset -10px 10px 20px 0px #747474;
	background-size:cover;
	margin-top:15px;
	}
	
	
.imagecircle:before {
	content: "";
	display:block;
	padding-top: 100%;
}
	
.koriander {
	background-image:url(../../images/zutaten/koriander.jpg);	
	}
	
.nana-minze {
	background-image:url(../../images/zutaten/nana-minze.jpg);
	}

.brennnessel {
	background-image:url(../../images/zutaten/brennnessel.jpg);
	}

.orangenschalen {
	background-image:url(../../images/zutaten/orangenschalen.jpg);
	}

.lemongras {
	background-image:url(../../images/zutaten/lemongras.jpg);
	}

.apfelstuecke {
	background-image:url(../../images/zutaten/apfelstuecke.jpg);
	}

.zimtrinde {
	background-image:url(../../images/zutaten/zimtrinde.jpg);
	}

.ingwerstuecke {
	background-image:url(../../images/zutaten/ingwerstuecke.jpg);
	}

.cardamom {
	background-image:url(../../images/zutaten/cardamom.jpg);
	}
	
.topimage {
	-webkit-box-shadow:  1px 3px 2px 0 #747474;
	-moz-box-shadow: 1px 3px 2px 0 #747474;
	box-shadow:  1px 3px 2px 0 #747474;
	}
.siegel {
	margin-left:10px;
	margin-right:10px;
	}
	
.navbar-fixed-top {
    top: 50px;
}

.sprache {
	text-align:right;
	background-color:#aaaaaa;
	height:80px;
	font-size:12px;
	padding-top:12px;
	position: fixed;
    right: 0;
	left:0px;
	color:#FFF;
    z-index: 1030;
	}
	
.sprache a {
	color:#fff;
	text-decoration:none;
	}
	
.sprache a.aktiv, .sprache a:hover, .sprache a:focus {
	text-decoration:underline;
	}
/* -------------- Textstile ende ------------------- */