body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}


/*********************************************************************/
body { 
	font-family: 'Biryani', sans-serif;
	font-size: 62.5%; 
	font-weight: 400;
}


h1 {
	color: rgb(197,207,92);
	font-family: 'Delius Swash Caps', cursive;
	font-size: 6em;
	font-weight: normal;
}

h1.first,
.first h1 {
	margin-top: 0;
}

h2 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: 0.1em;
}


h3+h1 {
	margin-top: -0.5em;
}

h3 {
	color: rgb(51,51,51);	
	font-family: 'Biryani', sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h4 {
	color: rgb(51,51,51);
	font-size: 1.4em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h4:first-child {
		margin-top: 0;
}

p,
a {
	color: rgb(129,129,129);
	font-family: 'Biryani', sans-serif;
	font-size: 1.6em;
}

a {
	font-size: 1em;
}

.ingredients {
	font-size: 1.4em;
}

.mod_article {
	padding: 10em 2.6315789473684210526315789473684%;
}


.article_inside.wide {
	max-width: 100%;
}

.article_inside {
	max-width: 1140px;
	margin: 0px auto;
}

.dark h1,
.dark h2,
.dark h3, 
.dark h4,
.dark p {
	color: white;
}

.dark .button.hollow {
	color: rgb(51,51,51);
}


.button,
input.submit {
    border-radius: 50px;
    font-size: 0.8em;
	letter-spacing: 0.1em;
	padding: 1em 15.789473684210526315789473684211%; 
	margin-left: 1.7543859649122807017543859649123%;
	-webkit-transition: box-shadow 0.5s; /* Safari */
    transition: box-shadow 0.5s;
}


.button.filled,
input.submit {
    background: rgb(197,207,92);
    color: rgb(255,255,255);
	text-decoration: none;
    text-transform: uppercase;
}

.button.hollow {
    background: rgb(255,255,255);
    color: rgb(197,207,92);
	text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
}

.dark .button.hollow:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 12px 0px rgba(255,255,255,1);
}

.button.hollow:hover,
.button.filled:hover,
input.submit:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(197,207,92,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(197,207,92,1);
    box-shadow: 0px 0px 12px 0px rgba(197,207,92,1);
}


h1+.ce_text {
	padding: 0 0 6em 0;
}



/********************************************       HEADER + NAVI         ****************************************************/
#header {
	height:auto;
	min-height: 140px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

header .inside {
	max-width: 1140px;
	margin: 0px auto;
}


h1.logo {
	padding: 0.25em 0 0.25em 8.4210526315789473684210526315789%;
	margin: 0;
	float: left;
}


.logo a {
	display: block;
    min-height: 65px;
    text-indent: -5000px;
}

header .logo a {
	background: url(../../files/biolee/img/logo_biolee.gif) left center no-repeat;
	min-width: 204px;
}

header nav a,
header .menuIcon a,
footer a,
#article-footer-25 a  {
	color: rgb(51,51,51);
	font-family: 'Biryani', sans-serif;
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
}


header nav ul {
	float: right;
	width: 50%;
	padding-top: 4em;
}
header nav ul li {
	display: inline-block;
	position: relative;
	z-index: 1;
	list-style: none;
	padding-left: 2.6315789473684210526315789473684%;
}
.menuIcon {
	color: rgb(51,51,51);
	display: none;
	background: rgb(255,255,255);
	width: 100%;
	text-align: center;
	padding: 1em 0;
}
.menuIcon:hover {
	background: rgba(197,207,92,0.2);
}
.menuIcon a {
	width: 100%;
	display: inline-block;
	color: rgb(51,51,51);
}
.menuIcon a img {
	vertical-align: middle;
}

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

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

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

/* delius-swash-caps-regular - latin */
@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/biolee/fonts/delius-swash-caps-v19-latin-regular.svg#DeliusSwashCaps') format('svg'); /* Legacy iOS */
}



/*********************************************************************************************************/

#start {
	background: rgb(242,245,244) url(../../files/biolee/img/header_bg_croptop.jpg) center top no-repeat;
	background-size: 125%;
}

#start h1 {
	font-family: 'Biryani', sans-serif;
	font-size: 4em;
	font-weight: 200;
	line-height: 1.25em;
}

#start .ce_text{
	padding: 0%;
	padding: 5% 0 1% 0;
	width: 32.017543859649122807017543859649%;
	max-width: 100%;
	margin: 0px auto;
}

.spacer {
	background: url(../../files/biolee/img/spacer_bg.gif) repeat;
	height: 36px;
	-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
	padding: 0;
}


#ueber-uns .ce_text {
	float: left;
	width: 49.122807017543859649122807017544%;
}

#ueber-uns {
	background: url(../../files/biolee/img/lavendel.jpg) right bottom no-repeat;
	background-size: 50%;
}


#produkte hr {
	background: url(../../files/biolee/img/produkte_hr.gif) center center repeat;
	border: 0;
	height: 25px;
	margin: 10em 0;
}

.produktfoto figure img {
}

#shop {
	background: url(../../files/biolee/img/shop_bg.gif) center center repeat;
		-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2);
}


footer  {
	color: rgb(207,207,207);
	text-align: center;
	background: url(../../files/biolee/img/footer_bg.gif) center center repeat;
}

#kontakt-impressum .ce_text {
	margin-top: 0;
	padding-top: 0;
}

#kontakt-impressum h4 {
	color: rgb(136,176,75);
}

#kontakt-impressum h1 {
	color: rgb(100,100,100);
}

footer a, 
footer p {
	color: rgb(207,207,207);
}

footer a {
	padding-left: 2%;
}


/********************************************       FORMULAR         ****************************************************/

label {
	display: none;
}

input.submit {
	height: auto;
	border: none;
	width: auto;
	font-size: 1.28em;
	margin: 2em 0;
	background-color: rgb(136,176,75);
	cursor: pointer;
}

input, 
textarea {
	background: rgba(232,232,232,0.9);
	border: 1px solid rgba(232,232,232,1);
	border-radius: 2px;
	font-family: 'Biryani', sans-serif;
	font-size: 1em;
	height: 3em;
	margin: 0;
	margin-bottom: 1em;
	width: 90%;
	padding: 1.25em;
}

textarea {
	height: 25em;
}






/********************************************           MOBILE              ****************************************************/
 


@media only screen and (max-width: 1024px) {
    body {
    	font-size: 50%;
    }
    #start .ce_text {
    	width: 90%;
    	text-align: center;
	} 


	#ueber-uns {
		background: url(../../files/biolee/img/lavendel.jpg) center bottom no-repeat;
		background-size: 75%;
		padding-bottom: 22em;
	}

	#ueber-uns .ce_text {
		float: none;
		width: 100%;
	}



	#kontakt-impressum h4,
	#kontakt-impressum p {
		text-align: left;
	}

	h1, h2, h3, h4, p {
		text-align: center;
	}

	#produkte .ce_image {
		text-align: center;
	}

 
h1.logo {
	display: block;
	float: none;
	width: 100%;
	padding: 0;
	margin: 0.5em 0;
}

h1.logo a {
	background-position: center center;
}

  header nav {
    max-height: 0;
    overflow: hidden;
    float: none;
    text-align: center;
    width: 100%;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  header nav.menuOpen {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
        text-align: center;
  }
  header nav ul {
	float: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
  header nav ul li {
    display: block;
    width: 100%;
    border-top: 1px dotted rgba(0,0,0,0.2);
    padding: 1em;
  }
  header nav ul li:hover {
    background: rgba(197,207,92,0.2);
  }
  header nav ul li a {
    padding: 10px 0;
    width: 100%;
  }
  .menuIcon {
    display: inline-block;
  }
}

.extended_checkbox label {
	display: inline-block;
}

.cookiebar{background:#454545;padding-top:0;padding-bottom:0;height:40px;font-size:0.8rem;z-index:1000;transition:all 0.3s ease}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{background:#4b4b4b;text-decoration:none;height:40px;line-height:40px;display:inline-block;color:#fff;margin-right:1.5em;padding:0 12px;transition:all 0.3s ease}.cookiebar a:hover,.cookiebar a:visited:hover,.cookiebar a:active:hover{background:#7e7e7e;transition:all 0.3s ease}.cookiebar a:active,.cookiebar a:visited:active,.cookiebar a:active:active{background:#fff;transition:all 0.3s ease}.cookiebar #cookiebar-text{margin-right:0}.cookiebar button{height:40px;line-height:20px;background:#c5cf5c;color:#fff;font-weight:normal;transition:all 0.3s ease}.cookiebar button:hover{background:#88b04b;color:#fff;transition:all 0.3s ease}.cookiebar button.ga{margin-right:1em;background:#4b4b4b;text-decoration:none;font-weight:500}.cookiebar button.ga:hover{background:#7e7e7e}@media screen and (max-width:1279px){.cookiebar{padding-bottom:10px;padding-top:10px;height:auto}.cookiebar #cookiebar-text{width:100%;display:block;margin-bottom:10px}}@media screen and (max-width:940px){.cookiebar #cookiebar-text{display:inline-block}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{display:inline-block}.cookiebar button{display:inline}}@media screen and (max-width:540px){.cookiebar #cookiebar-text span{display:block}.cookiebar a,.cookiebar a:visited,.cookiebar a:active{display:inline-block;width:auto}.cookiebar button{display:inline-block;width:auto}}
