/*
Theme Name: Biodeli
Theme URI:
Author: Tobias Weber
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: twentytwelve
Template: twentytwelve
Comment:
*/

body, html{
	height: 100%;
	width: 100%;
}

.clearspaces { margin: 0 !important; padding: 0 !important; }

#iewarning { display: none; }

@font-face { font-family: 'LCO-Bold'; src: url('fonts/lulo-clean-one-bold.otf') format('opentype'); }
@font-face { font-family: 'MinionPro-Reg'; src: url('fonts/minionpro-reg.otf') format('opentype'); }
@font-face { font-family: 'DIN-Bold'; src: url('fonts/din-bold.otf') format('opentype'); }
@font-face { font-family: 'DIN-Reg'; src: url('fonts/din-reg.otf') format('opentype'); }

.row {
	max-width: 100% !important;
	width: 100% !important;
}

.centered { text-align: center; }
.right { text-align: right; }
.deli-bg { background: url('images/bg.png'); }

#ueberbiodeli { padding: 5em 0; }
#partner { padding: 5em 0 9em; }
#ueberbiodeli li { text-align: center; }
#shop { padding-bottom: 2em; }

#jobs, #jobs-content {
	background-color: #FBD030;
	padding-top: 4em;
}

#jobs { padding-bottom: 4em; }
#jobs-content .outer { text-align: left; }
#jobs-content .jobs-text { float: left; }
#jobs-content li:nth-of-type(2) { padding-left: 5em; }
#jobs-content h1 { max-width: 300px; }
#jobs-content p { max-width: 250px; }
#jobs-content a { color: #000; }
#jobs-content .jobimage {
	float: left;
	margin-right: 3em;
	margin-bottom: 1em;
}

.fancyjobs {
	background-color: #FBD030;
	padding: 2em 5em 2em 2em;
}

.fancyjobs p {
	font-family: 'DIN-Reg';
	font-size: 1.1em;
}

.fancyjobs strong {
	font-family: 'DIN-Bold';
	font-size: 1.1em;
}

#footer {
	padding: 5em 0;
	background-color: black;
	min-height: 20em;
}

.smallrow {
		max-width: 1000px !important;
}

#footer p {
	color: #878787 !important;
	font-size: .8em !important;
}

/*#footer li { text-align: left; }*/
#footer a, #footer a:hover { color: #FDD314; }

#ueberbiodeli li > div {
	text-align: left;
	margin: 0 auto;
	max-width: 300px;
	margin-top: 2em;
}

h1 {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'LCO-Bold' !important;
	font-size: 1.3em !important;
	line-height: 2em;
}

h2 {
	font-family: 'DIN-Reg' !important;
	font-size: .9em !important;
	line-height: 2em !important;
	color: #FFD410 !important;
}

#partner h1 { padding-bottom: 3em; }

p {
	font-family: 'DIN-Reg' !important;
	font-size: .9em !important;
	margin-bottom: 0 !important;
}

#impressum a, #impressum a:hover, #fnx a, #fnx a:hover, #ueberbiodeli a, #ueberbiodeli a:hover {
	font-family: 'DIN-Reg';
	font-size: .9em;
	color: #FDD314;
}

#fnx a, #fnx a:hover { font-size: 1.1em; }
.fnxlogo { margin-top: 3em; }

#speisekarte-medium, #speisekarte-medium a, #speisekarte-medium a:hover {
	background: #FBD030;
	color: #fff;
	letter-spacing: 0em;
	font-family: 'LCO-Bold';
	line-height: 1em !important;
	padding: 1.4em 0 ;
	font-size: 1em;
}

#speisekarte-medium p {
	margin: 0;
	padding: 0;
	color: #fff;
	letter-spacing: 0em;
	font-family: 'LCO-Bold' !important;
	line-height: 1em !important;
	padding: 1.4em 0 ;
	font-size: 1em;
}

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

.accordion-navigation a {
	color: #FFF !important;
	background-color: #FBD030 !important;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'LCO-Bold' !important;
	font-size: 1em !important;
	padding: 2em 0 !important;
}


.logo {
	width: 200px;
	margin: 1em 0 2em 2em;
}

#whatcustomerssay { padding: 5em 0; }

#fnx {
	min-height: 550px;
	max-height: 750px;
	background: url('images/fnx.jpg') no-repeat center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

#fnx .overlay {
	background: rgba(255, 255, 255,  0.35);
	padding: 2.3em 1em 1.4em;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	min-height: 200px;
	text-align: center;
	margin-top: 3em;
	position:	relative;
	border: 2px white solid;
}

#fnx .overlay p { padding-bottom: 1.5em; }

#impressum { margin: 2em 0; }
#impressum p { padding-top: 1.4em; }

.slicknav_menu { display:none; }

.nav {
	float: right;
	color: black;
	text-transform: uppercase;
	margin-top: 3em;
	font-family: 'LCO-Bold';
}

.nav ul li {
	list-style-type: none;
	display: inline;
	font-size: .9em;
	margin: 0;
	margin-right: 2em;
	color: #FDD314;
}


#ovgalerie .ovgitem { overflow: hidden; }
#ovgalerie .effects { color: #000; }
#ovgalerie a.close-overlay.hidden { display: none; }

#ovgalerie .overlay {
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.35);
  overflow: hidden;
	text-align: center;

  transition: width 0.5s, height 0.5s;
	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	-o-transition: width 0.5s, height 0.5s;
	-ms-transition: width 0.5s, height 0.5s;
}

#ovgalerie .overlay p {
	color: #FFF;
	position: relative;
	font-size: 3em !important;
	top: 40%;
	text-transform: uppercase;
	z-index: 120;
}

.ovgitem:hover img, .ovgitem:focus img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

#ovgalerie a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  background-color: #000;
	text-align: center;
}



#ovgalerie a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  border-radius: 30px;
}


 .effects .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
}

 .effects .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}

.effects .ovgitem.hover .overlay {
  height: 100%;
  width: 100%;
}


.nav a, .nav a:hover { color: #FDD314; }

@media only screen and (max-width : 1280px) {
	.nav ul li:last-of-type { margin-right: 0em; }

	#jobs-content .jobimage { margin-right: 2em; }
	#jobs-content li, #jobs-content li:nth-of-type(2) { padding-left: 0.2em; }

}

@media only screen and (max-width : 1180px) {

	.nav ul { margin: 0; }
	.nav ul li {}
	.nav { top: 5em; }
	.js #navigation { display:none;	}

	.js .slicknav_menu {
		display:block;
		position: fixed;
		z-index: 7000;
	}

	#jobs-content li { text-align: center; }
	#jobs-content li:nth-of-type(2) { padding-left: 0; }
	#jobs-content .outer { text-align: center; }
	#jobs-content .jobs-text { float:none; }
	#jobs-content .jobimage { float:none; margin: 0; }
	#jobs-content h1 { text-align: center; max-width: none; padding-top: 2em; }
	#jobs-content p { max-width: none; padding-bottom: 3em; }

}

@media only screen and (max-width : 640px) {


	#fnx { height: 300px; min-height: none; max-height: none; }
	#ueberbiodeli .mobilecentered { text-align: center; }
	.fancyjobs { padding: 1em; }
	#whatcustomerssay h1 { font-size: .9em !important;}
}