/*
 * BUREAU54 AMAZIUM FRAMEWORK
 * copyright 2014 bureau54.com
 * Amazium V3.6.0 - www.amazium.co.uk
*/


@font-face {font-family: 'PlutoBold';src: url('../font/pluto/2867B5_0_0.eot');src: url('../font/pluto/2867B5_0_0.eot?#iefix') format('embedded-opentype'),url('../font/pluto/2867B5_0_0.woff') format('woff'),url('../font/pluto/2867B5_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'PlutoLight';src: url('../font/pluto/2867B5_1_0.eot');src: url('../font/pluto/2867B5_1_0.eot?#iefix') format('embedded-opentype'),url('../font/pluto/2867B5_1_0.woff') format('woff'),url('../font/pluto/2867B5_1_0.ttf') format('truetype');}
 
@font-face {
	font-family: 'fontawesome';
	src:url('../font/fontawesome-webfont.eot?-e43dk9');
	src:url('../font/fontawesome-webfont.eot?#iefix-e43dk9') format('embedded-opentype'),
		url('../font/fontawesome-webfont.woff?-e43dk9') format('woff'),
		url('../font/fontawesome-webfont.ttf?-e43dk9') format('truetype'),
		url('../font/fontawesome-webfont.svg?-e43dk9#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
    font-family: 'socicon';
    src: url('../font/socicon-webfont.eot');
    src: url('../font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/socicon-webfont.woff') format('woff'),
         url('../font/socicon-webfont.ttf') format('truetype'),
         url('../font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


::-moz-selection {
  background:#303030;
  color: #fff;
}

::selection {
  background:#303030;
  color: #fff;
}

/* Google Map Overlays */
.gm-style{
  font-family: 'PlutoLight', Sans-Serif;
  
}

/***** Colour and Background Defintions *****/
.bg-wood        { background: url(../img/wood.jpg) no-repeat; background-size:cover;}
.bg-wood-dark   { background: url(../img/wood-dark.jpg) no-repeat; background-size:cover;}
.bg-dark        { background:#000; color:#fff;}
.bg-red         { background:rgba(194, 0, 43, 1.0); color:#fff;}

body            { font-family:'PlutoLight', sans-serif;}
h1, h2, h3, h4  { font-family:'PlutoBold', sans-serif; line-height: 1em;}

#chicoree{
	position:absolute;
	background: url(../img/chicoree.jpg) no-repeat; 
	background-size:cover;
	width:100%;
}
#rezepte{
	display:none;
	 -webkit-animation: slideDown 3s;
	 -webkit-animation-play-state: paused;
}

/***** Screen 1200px+ *****/


h1 { font-size:7em;}
h2 { font-size:4em; margin-bottom: 1em;}
h3 { font-size:2em; margin-bottom: 1em;}
p{ font-size:1.2em; line-height:1.5em;}

.wrapper{
	position:relative;

}
.logo{
	width:75%;
	height:75%;
}

section{
	position:relative;
	
	-webkit-box-shadow: inset 0 20px 40px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 40px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 40px -20px rgba(0,0,0,0.8);
}

section.first{
  width:100%;	
}

article{
	max-width:1200px;
	padding:50px 50px 80px 50px;
	margin:0 auto;
	color:#fff;
}

.rezepte-box{
	position:absolute;
	right:50px;
	bottom: 5px;
}
.rezepte-box:hover{
	cursor: pointer;
}

.big-height{
	min-height:600px;
}
.medium-height{
	min-height:450px;
}

table th                                        { background-color:#333; color:#BBB; border:1px solid #444; }
table td                                        { background-color:#333; color:#CCC; border:1px solid #444; }
table tr.even td                                { background-color:#555; }
table tr.odd td                                 { background-color:#666; }
table td.highlight,
table tr td.highlight                           { color:#FFF; background-color:#333; }

.select                                         { background:#333; border:solid 1px #555; }
.select:after                                   { color:#999; background:#333; }
.select select                                  { font:14px/40px 'PlutoLight', Sans-Serif; letter-spacing:1px; color:#666; }
.select option                                  { font:14px/40px 'PlutoLight', Sans-Serif; background-color:#333; border-color:#333; }
.select optgroup                                { font:14px/40px 'PlutoLight', Sans-Serif; color:#999; background-color:#333; }
.select optgroup option                         { font:14px/40px 'PlutoLight', Sans-Serif; background-color:#333; }
.select optgroup option:first-child             { border-color:#333; }

.checkbox > span label                          { font:14px/20px 'PlutoLight', Sans-Serif; }
input[type="checkbox"] + label:before           { background-color:#222; border:1px solid #555; font:13px/22px sans; color:#555; }
input[type="checkbox"]:checked + label:before   { background-color:#555; border-color:#555; color:#FFF; }

.radio > span label                             { font:14px/20px 'PlutoLight', Sans-Serif; }
input[type="radio"] + label:before              { background-color:#222; border:1px solid #555; font:13px/22px sans; color:#CCC;  }
input[type="radio"]:checked + label:before      { border:7px solid #EEE; }

input[type="button"],
input[type="submit"],
input[type="reset"],
button                                          { font:16px/40px 'PlutoLight', Sans-Serif; }

::-webkit-input-placeholder                     { color:#999;  }
:-moz-placeholder                               { color:#999;  }
::-moz-placeholder                              { color:#999;  }
:-ms-input-placeholder                          { color:#999;  }

:focus::-webkit-input-placeholder               { color:#999; }
:focus:-moz-placeholder                         { color:#999; }
:focus::-moz-placeholder                        { color:#999; }
:focus:-ms-input-placeholder                    { color:#999; }

input:focus                                     { color:#BBB; border-color:#999; outline:none; }
textarea:focus                                  { color:#BBB; border-color:#999; outline:none; }
select:focus                                    { color:#BBB; border-color:#999; outline:none; }


/***** Social Icons *****/
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.socicon-easid:before { content: "5"; }
.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-foursquare:before { content: "e"; }
.socicon-yahoo:before { content: "f"; }
.socicon-skype:before { content: "g"; }
.socicon-yelp:before { content: "h"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-viadeo:before { content: "k"; }
.socicon-xing:before { content: "l"; }
.socicon-myspace:before { content: "m"; }
.socicon-soundcloud:before { content: "n"; }
.socicon-spotify:before { content: "o"; }
.socicon-grooveshark:before { content: "p"; }
.socicon-lastfm:before { content: "q"; }
.socicon-youtube:before { content: "r"; }
.socicon-vimeo:before { content: "s"; }
.socicon-dailymotion:before { content: "t"; }
.socicon-vine:before { content: "u"; }
.socicon-flickr:before { content: "v"; }
.socicon-500px:before { content: "w"; }
.socicon-instagram:before { content: "x"; }
.socicon-wordpress:before { content: "y"; }
.socicon-tumblr:before { content: "z"; }
.socicon-blogger:before { content: "A"; }
.socicon-technorati:before { content: "B"; }
.socicon-reddit:before { content: "C"; }
.socicon-dribbble:before { content: "D"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-digg:before { content: "F"; }
.socicon-envato:before { content: "G"; }
.socicon-behance:before { content: "H"; }
.socicon-delicious:before { content: "I"; }
.socicon-deviantart:before { content: "J"; }
.socicon-forrst:before { content: "K"; }
.socicon-play:before { content: "L"; }
.socicon-zerply:before { content: "M"; }
.socicon-wikipedia:before { content: "N"; }
.socicon-apple:before { content: "O"; }
.socicon-flattr:before { content: "P"; }
.socicon-github:before { content: "Q"; }
.socicon-chimein:before { content: "R"; }
.socicon-friendfeed:before { content: "S"; }
.socicon-newsvine:before { content: "T"; }
.socicon-identica:before { content: "U"; }
.socicon-bebo:before { content: "V"; }
.socicon-zynga:before { content: "W"; }
.socicon-steam:before { content: "X"; }
.socicon-xbox:before { content: "Y"; }
.socicon-windows:before { content: "Z"; }
.socicon-outlook:before { content: "1"; }
.socicon-coderwall:before { content: "2"; }
.socicon-tripadvisor:before { content: "3"; }
.socicon-netcodes:before { content: "4"; }
.socicon-lanyrd:before { content: "7"; }
.socicon-slideshare:before { content: "8"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-disqus:before { content: ":"; }


footer                                          { position: relative; padding:20px 0 0px 0px; background:#000; z-index:120; }
.footer-row                                     { position: relative; padding-left:50px; width:100%;}
.footer-section                                 { width:320px; margin-right:60px; float:left;}
.footer-section h1                              { color:#fff; font-size:2.0em;}
.footer-section p                               { color:#fff; font-size:0.8em; margin:0px; letter-spacing:1px; line-height: 1.4em;}
.footer-section a                               { color:#fff; font-size:0.8em; line-height: 1.3em; letter-spacing:1px; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s;}
.footer-section a:link, footer a:visited        { color:#fff; display: inline-block;}
.footer-section a:hover                         { color:#DED1B7;}


/***** Screen Smaller than 1199px *****/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

h1 { font-size:5em;}
h2 { font-size:3em;}

.footer-logo{
	width:150px;
	height:auto;
}

}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

h1 { font-size:4em;}
h2 { font-size:2em;}

.footer-logo{
	width:150px;
	height:auto;
}

}

/* iPad Mini in landscape only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

}

/* iPad Mini in portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/***** Mobile *****/
@media only screen and (max-width: 767px) {

h1 { font-size:2.5em;}
h2 { font-size:2em;}

article{
	max-width:1200px;
	padding:0px 0px 40px 0px;
	margin:0 auto;
	color:#fff;
}

.big-height{
	min-height:400px;
}
.medium-height{
	min-height:300px;
}

.rezepte-box img{ 
  width:200px;
  height: auto;
}

.footer-row {padding-left:10px;}


}

/***** Mobile (portrait 300px) *****/
@media only screen and (min-width:481px) and (max-width: 767px) {

		
}	 

/***** Mobile (landscape 420px) *****/
@media only screen and (max-width: 480px) {


}

@-webkit-keyframes slideDown {
        0% {
            height:0px;
        }
        
        100% {
            height:600px;
        }
}