html,body {
  height: 100%;
  font-size:13px;
  background:#f4f2e5 url('../images/bg.jpg') fixed no-repeat;
  background-size: cover;
  color:#fff;
  font-family: 'Arial', 'Helvetica', sans-serif !important;
}

.parallax-container {
	height: 400px;
}

h1, h2 {
  padding-top: 20px;
  margin-bottom: 10px;
  margin-top: 0;
}

h1 { font-size:28px; }
h2 { font-size:24px; }
#main {
	min-height: 800px;
}
#main h2 {
	border-bottom:1px solid #fff;
	color:#f19c48;
}
h3 { font-size:20px; color:#ffce98; }
h4 { font-size:16px; }
h5 { font-size:14px; }

.content_box h2 {
	margin: 0 -15px 15px -15px;
}

.content_box .product {
	padding: 15px;
}

hr {
  border-color:#191919;
}

#navi-top {
	display:inline-block;
	position: relative;
	right:0;
	margin: 15px 0 0 0;
	border:3px solid #434440;
	background:#434440;
}

#navi-top a {
	display:inline-block;
	border: 1px dashed #fff;
	border-right:0;
	padding: 6px 15px;
	color:#fff;
	font-size:1.2em;
}

#navi-top a:last-child {
	border-right: 1px dashed #fff;
}

#navi-top a:hover {
	background:#b51c0a;
	text-decoration: none;
}


.navbar-right a {
	font-size: 1.2em;
	color:#000;
}

.carousel-inner .item img { width: 100% }

/* wrapper for page content to push down footer */
.page-container {
  max-width:1050px;
  margin:0 auto;
}

/* set the fixed height of the footer here */
#footer {
	background:#000;
	padding:15px 0;
	color:#fff;
	border-top:2px solid #fff;
}

#footer a {
	color:#fff;
}

#footer img {
	margin-top:5px;
}

#footer hr {
	border-color:#ffffff;
}

body,tr,th,td {
  overflow-x: hidden;
}
a {
  color:#fff;
}
a:hover, a:focus, #footer h3 {
	color:#f19c48;
}
.text-center {
  padding-top: 20px;
}

#sidebar {
  height: 100%;
  padding: 0 0 0px 0;
  position:relative;
}


#sidebar li a {
    padding: 5px 3px 5px 15px;
}

#cart {
  height: 100%;
  padding: 0;
}

#content {
	z-index:2;
	padding:0;
	border-top: 1px solid #aaa;
}

.dropdown-menu {
	font-size:13px;
}

#shopcontent h1 {
	font-size:50px;
}

#shopcontent h2 {
	margin:0 0 15px;
	padding:5px 0;
	font-size:40px;
}

.panel h4 {
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.mainpanel {
	background:rgb(180,180,180);
	background:rgba(255,255,255,0.7);
}

.addzutat, 
.deladdon {
	display:inline-block;
	padding:2px 4px;
	border:1px solid #444;
	border-radius:3px;
	margin:0 5px 5px 0 !important;
}

.panel-heading, .panel-body {
	padding: 5px 10px;
}

.panel {
	margin-bottom: 10px;
}

ul.speisekarte {
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}

.speisekarte-name {
	width:67%;
	margin-right:3%;
	float:left;
	font-size:1.2em;
	font-weight:bold;
}
.speisekarte-preis {
	width:30%;
	float:left;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
}

.speisekarte-beschreibung {
	clear:both;
	padding:5px 0 20px;
}

.thumbnail {
	border:0;
	box-shadow: none;
	padding:0;
	border-radius: 0;
	background:rgba(255,255,255,0.5);
}

img.bb {
	border-bottom:1px solid #fff;
}

.thumbnail p {
	text-align: center;
	padding: 10px 0 12px;
	font-style: italic;
}

picture source,
picture img {
	width:100%;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
}

.fullwidth {
	width:100%;
}

.mb-15 {
	margin-bottom:15px;
}

.dropdown-menu {
	border:0;
	border-radius: 0;
	background:#eee;
	box-shadow:0 4px 3px 1px rgba(0, 0, 0, 0.4);
}

#shopnav .btn-default,
#cart .btn-default,
.product .btn-default,
.layout-pizza .btn-default,
.layout-default .btn-default {
	background: #373736;
    border: 3px double #989898;
    color: #f19c48;
    border-radius: 0px;
    padding: 8px 8px;
    box-shadow: 0 0 0 3px #373736;
	text-shadow: 2px 2px 5px #000;
}

#shopnav .btn-success,
#cart .btn-success,
.producr .btn-success,
.layout-pizza .btn-success,
.layout-default .btn-success {
    background: #55de5f;
    border: 4px solid #434440;
    color: #434440;
    text-shadow: none;
	border-radius:8px;
	padding: 4px 8px;
}

#shopnav {
	z-index:2;
	width: 100%;
	background: #000;
	border-bottom:2px solid #fff;
	position: relative;
}
#shopnav .bambus {
	background: #f3f2e6 url(../images/bambus.png) bottom right no-repeat;
}
/* collapsed sidebar styles */

#home-intro {
	position: absolute; top:10px; width:100%;
}
#home-intro .content {
	color:#fff; text-shadow:2px 2px 2px #000; text-align: center;
}
#home-intro .content h3 {
	color:#fff;
}

.close-sidebar a {
	color:#fff !important;
}

.modal-dialog {
	border:1px solid #fff;
	border-radius:5px;
}

.modal-backdrop.in {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

@media screen and (max-width: 991px) {
	.parallax-container {
		height: 300px;
	}
	.layout-pizza .even,
	.layout-pizza .odd {
		padding: 0 !important;
	}
	.layout-pizza .product-image {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	html, body {
		max-width:100vw;
		overflow-x: hidden;
	}

	#main { margin-top:50px; }

	#home-intro {
		position: relative; top:0px; width:100%;
	}
	#home-intro .content {
		color:inherit; text-shadow:none; text-align: center;
	}
	#home-intro .content h3 {
		color:inherit;
	}
	
	#shopcontent h1 {
		font-size:20px;
	}

	#shopcontent h2 {
		font-size:18px !important;
	}

	#shopcontent h3 {
		font-size:16px;
	}

	#shopnav { z-index:2; position: relative;}
	#shopcontent { z-index:0; position: relative; margin-top: 50px;}
	#logo-top {
		width:60%;
		margin: 10px 20% 0;
	}
	body.shop {
		padding-top:50px;
	}
	body.shop #header {
		display:none;
	}

	.navbar-right {
		background: #910202;
		margin: 0 -15px;
	}
	.navbar-right a {
		color:#fff !important;
	}

	.navbar-right .open > a:hover, 
	.navbar-right .open > a:focus,
	.navbar-right a:hover,
	.navbar-right a:focus,
	.navbar-right .open > a {
			background: #710303 !important;
	}
	
	

  .no-padding-xs {
	padding:0 !important;
  }
  
  #content, .page-container {
	border:0;
  }

  #sidebar,
  #cart {
    position: fixed;
	z-index:5;
    height:100%;
    overflow-y:auto;
    top: 0;
    padding: 10px 0 0; 
    background: #222;
    color:#fff;
	width:100%;
}

#sidebar {
	right:100vw;
	transition: right 1s;
  }

  #cart {
	left:100vw;
	transition: left 1s;
  }

  .navbar-top {
	position:fixed;
	width:100vw;
	z-index:4;
	top:0;
  }

  .row.row-offcanvas {
    position: relative;
    margin:0 !important;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas.active,
  .row-offcanvas.active .navbar-top {
    margin:0;
    width:100%;
  }
  .row-offcanvas.active2,
  .row-offcanvas.active2 .navbar-top {
    margin:0;
    width:100%;
  }

  .row-offcanvas.active #sidebar {
    right:0;
    width: 100%;
    z-index:5;
	display:block;
	padding-top:10px;
  }

  .row-offcanvas.active2 #cart {
	left:0;
	width: 100%;
    z-index:5;
    display:block;
  }

  #sidebar.sidebar-offcanvas ul {
	padding:0;
  }
  #sidebar.sidebar-offcanvas li a {
	background: #373736;
    border: 3px double #989898;
    color: #f19c48;
    border-radius: 0px;
    padding: 8px 8px;
    box-shadow: 0 0 0 3px #373736;
    text-shadow: 2px 2px 5px #000;
    margin: 0 0 10px;
    font-weight: bold;
  }
  #sidebar.sidebar-offcanvas li a:hover {
    color:#f19c48;
  }
  
  .dropdown-menu {
	width:100%;
    background: #142E36;

  }
  
  .layout-default,
  .layout-pizza {
	margin: 0 5px 0;
	padding: 10px 0;
  }
  
  .layout-pizza .product.with-image h4 {
	padding-top:15px;
  }
  
  .layout-pizza .with-image .even,
  .layout-pizza .with-image .odd {
	padding:0 5px;
  }
  
  #order_huelle {
	margin:0 !important;
  }
  #shopcontent h2 {
	  font-size:30px;
  }
  #shopnav { border-bottom: 0px;}

}
@media screen and (min-width: 768px) {
	#shopnav.isStuck {
		box-shadow:0 1px 6px 1px #000;
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: inherit;
	}
	#logo-top {
		width:100%;
	}
	.navbar-right {
		padding-top:60px;
	}
	.cart-offcanvas {
		padding-left:0;
	}
  	.page-container {
		padding: 0 10px;
	}
	
	.layout-default {
		padding-top:15px;
/*		
		background:#f4f1eb url('../images/bg.jpg');
		margin-top:-15%;
		min-height:500px;
		z-index:1;
		position: relative;
*/
	}

	.modal-lg {
		width: 750px;
	}

	.nav-shop:first-child {
		background:none;
		padding-left:2px;

	}

	#sidebar {
		padding: 10px 0;
	}
	
	#sidebar .nav-shop a {
		color:#eee;
		font-weight: bold;
		font-size:1.2em;
		padding: 6px 5px 6px 8px;
	}
	
	#sidebar .nav-shop li.act {
		background:#434440;
	}

	#sidebar .nav-shop li.act a {
		color:#fff;
	}

	#sidebar .nav-shop li li a {
		color:#000;
	}

	#sidebar .nav-shop a:hover,
	#sidebar .nav-shop a:focus,
	#sidebar .nav-shop li.act a:hover,
	#sidebar .nav-shop li.act a:focus {
		color:#fff;
		background:#434440 !important;
		text-shadow:none;
	}

	#logo {
		top:8px;
		left:30px;
		background:url('../images/logo.jpg') no-repeat;
		z-index:999;
		position:absolute;
		height:200px;
		width: 400px;
	}
	
	#top-order-online {
		position:relative;
		padding-right:38px !important;
	}
	
	#nav-top .glyphicon {
		font-size:1.6em;
		position:absolute;
		top:6px;
		right:8px;
	}
	
	#nav-top li:first-child a {
		border-radius: 5px 0 0 5px;
	}

	#nav-top li:first-child a:hover,
	#nav-top li:first-child a.active {
		border-left:0;
		padding-left:14px;
	}

	#nav-top li:last-child a {
		border-radius: 0 5px 5px 0;
	}

	#nav-top li:last-child a:hover,
	#nav-top li:last-child a.active {
		border-right:0;
		padding-right:14px;
	}

	#nav-top li a:hover,
	#nav-top li a.active {
		background-image: -webkit-linear-gradient(top, #912231 0%, #ee283a 5%, #bb1f2d 95%, #791823 100%);
		background-image: linear-gradient(to bottom, #912231 0%, #ee283a 5%, #bb1f2d 95%, #791823 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa0000', endColorstr='#880000', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		color:#fff;
		text-decoration:none;
	}
	
	.layout-pizza .product.with-image {
		background: transparent;
		border:0;
		box-shadow:none;
		padding:0;
		margin:-20px 0 0;
	}
	
	.layout-pizza .product-image {
		z-index:1;
	}

	.layout-pizza .with-image .product-text {
		z-index:1;
		margin:-40px 40px 25px 40px;
		padding: 15px;
		background:rgb(200,200,200);
		background:rgba(255,255,255,0.8);
	}
	
	.layout-pizza .with-image .product-text h4 {
		border-bottom:1px solid #434440;
		color:#434440;
	}
	
	.cart-offcanvas {
		padding-right:0;
	}

	#cart-button {
		margin-top:10px;
		color:#eee;
	}
	#cart-button .glyphicon {
		font-size: 2em;
	}
	#cart-button .badge {
		background:#eee;
		color:#000;
		vertical-align: top;
	}
	#cart-button:hover,
	#cart-button:focus {
		text-decoration: none;
	}
	
	.cart-sidebar {
		color:#fff;
	}
	.cart-sidebar,
	.cart-sidebar h2,
	.cart-sidebar h4 {
		color:#fff !important;
	}

	#cart-mainwrapper {
		display:none;
		background:rgba(0,0,0,0.4);
		border-top:1px solid #e3d9c8;
	}
	#cart {
		padding:15px 0px;
	}
	
	#cartbutton-links {
		display:table-cell;
		height:32px;
		width:125px;
		background:url('../images/cartbutton-links.png');
	}

	#cartbutton-mitte {
		display:table-cell;
		height:32px;
		width:auto;
		background:url('../images/cartbutton-mitte.png');
	}

	#cartbutton-rechts {
		display:table-cell;
		height:32px;
		width:44px;
		background:url('../images/cartbutton-rechts.png');
	}

	#cartbutton-rechts .cartcount {
		width:100%;
		text-align:center;
		color:#fff;
		font-size:0.9em;
		font-weight:bold;
	}
	
	#qualitaet {
		background:rgba(255,255,255,0.8) url('../images/getreide.png') bottom right no-repeat;
		padding:15px;
		margin-top:15px;
	}
	#qualitaet h4 {
		color:#791614;
		margin:0 0 10px 0;
	}
	
	.footer-right {
		text-align:right;
	}
}
@media screen and (min-width: 992px) {
	.layout-pizza {
		overflow:hidden;
	}
	
	.layout-pizza .product.with-image {
		margin-top:0px;
	}

	
	.layout-pizza .product-image {
		padding:0;
	}

	.layout-pizza img {
/*		width:130% !important;*/
		width:120% !important;
	}
	
	.layout-pizza .even img {
		position:relative;
		left: -20% !important;
	}

	.layout-pizza .odd img {
/*		margin-left: -20% !important; */
		margin-left: 0% !important;
	}
	
	.layout-pizza .with-image .product-text {
		margin:75px 0px 0;
		padding: 15px;
		background:rgb(200,200,200);
		background:rgba(255,255,255,0.8);
	}
		
}

/* theme */
.btn,.form-control,.alert,.progress,.panel,.list-group,.well,.list-group-item:first-child {border-radius:1px;box-shadow:0 0 0;}
.btn {border-color:transparent;}
.btn-default,.well {
  background-color:#cccccc;
  border-color:#c0c0c0;
}
.btn-primary,.label-primary,.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus,.btn.active,a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
   background:#f19c48;
   color:#000;
   border-color:transparent;
}
.btn-info,.label-info,.progress-bar-info {
  background-color:#33b5e5;
}
.btn-success,.label-success,.progress-bar-success {
  background-color:#669900;
}
.btn-danger,.label-danger,.progress-bar-danger {
  background-color:#FF4444;
}
.btn-warning,.label-warning,.progress-bar-warning {
  background-color:#FFBB33;
  color:#444444;
}
.nav-tabs>li>a {
  border-radius:0;
}
     
.panel hr {
   border-color:#efefef;
}
.panel-danger > .panel-heading {
	color:#fff;
}

.header {
	position:relative;
}

.header h1 {
	position:absolute;
	margin:0;
	padding:0;
	z-index:0;
	font-size:12px;
}
.header img {
	position:relative;
	z-index:1;
}
.navbar h2 {
	color:#fff;
	margin:0;
	display:inline-block;
	padding: 13px 10px;
	font-size:20px;
}

.navbar-toggle {
	display:inline-block;
	border-radius:0;
	border:0;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
}

.navbar-toggle-right {
	float:right;
	color:#fff;
	font-size:1.5em;
}

.navbar-toggle-left {
	float:left;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
	background:rgba(255,255,255,0) !important;
	outline:0 !important;
}

.navbar-toggle .icon-bar {
	width:50%;
	margin-left:25%;
}

.header img {
	width:100%;
}

.product {
	margin-bottom:15px;
	padding:10px 0;
	border-radius:5px;
	border: 1px solid rgba(255,255,255,0.4);
	background:rgba(255,255,255,0.05);
	color:#fff;
}

.product h4 {
	margin:0 0 3px 0 !important;
	padding: 0 0 3px 0;
	border-bottom:1px solid #f19c48;
	color:#f19c48;
	font-weight:bold;
	font-size:14px;
}

.product.no-image .price { 
	width: 100%;
	margin-bottom:4px;
}

.layout-default .with-image {
	padding: 10px 15px !important;

}

.cart-product {
	background: #ddd;
	padding:8px;
	margin-bottom:10px;
	color:#222;
}

.cart-product .cart-image {
	width:80px;
	float:left;
	margin-right:10px;
}

.cart-product .cart-price {
	float:right;
	font-weight:bold;
}
.cart-product .cart-buttons {
	float:left;
}

.cart-product .cart-title {
	margin:0;
	font-size:1.1em;
}

.cart-product .cart-addons {
	line-height:1.2em;
	padding:5px 0 0;
	margin-bottom:8px;
}

.cart-summe {
	float:right;
	margin: 5px 10px 0 0;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
}

.orderboxcart-product {
	padding:4px 0;
	color:#fff;
}

.orderboxcart-product .orderboxcart-price {
	float:right;
	font-weight:bold;
}

.orderboxcart-product .orderboxcart-title {
	margin:0;
	font-size:1.1em;
}

.orderboxcart-product .orderboxcart-addons {
	line-height:1.2em;
	padding:5px 0 0;
	margin-bottom:8px;
}
#productbox a.deladdon:hover {
	text-decoration:line-through;
}

#productbox h4,
#productbox h5,
#productbox h6
{
	font-size:1.05em;
	font-weight:bold;
}

#productbox .require {
    background: none repeat scroll 0 0 #fffafa;
    border: 1px solid #500;
    margin: 5px -5px -5px -5px;
    padding: 4px;
}

#productbox .require h5 {
	margin-top:2px;
}

#productbox .require_message {
	display:block;
	margin:-4px -4px 4px -4px;
	padding:4px;
	background:#500;
	color:#fff;
	font-weight:bold;
}

#productbox .overview {
	margin:-15px 0 5px;
	padding:5px 15px;
	border-bottom:1px solid #000;
	box-shadow: 0 2px 7px #000;
}

#productbox .panel-body {
	background:#222;
}

#productbox .panel-danger {
	border-color: #aa0000;
}

#productbox .panel-danger .panel-heading {
	background: #aa0000;
    border-color: #aa0000;
}

#productbox .panel-danger .panel-body {
	background: #110000;
}

.carterror {
    /* background: none repeat scroll 0 0 #fffafa; */
	border: 1px solid rgba(255, 0, 0, 0.3);
    background: rgba(66, 0, 0, 0.2);
    margin-top:5px;
    padding: 4px;
}

.size_option {
	display:inline-block;
}
.size_option.activ {
	font-weight:bold;
}

.addzutat, .deladdon {
	margin-bottom:3px;
	background: transparent;
    text-shadow: none;
    color: #ffffff;
	border-color: #f19c48;
}

.form_liefergebiete .zip {
	padding: 7px 7px 0 0;
	
}
.panel  { background:transparent; }

.panel-default {
    border-color: #444;
}
.panel-default .panel-heading {
	background: #aaa;
	color:#000;
	border:none;
}
.panel-heading {
	border-radius:0;
}


.input-group-addon {
	background:#111;
	color:#eee;
	border-color:#000;
}
.form-control {
	border: 1px solid #000;
	background:#333;
	color:#eee;
	font-weight: bold;
}
.form-control[disabled] {
	border: 1px solid #000;
	background:#555;
	color:#ddd;
}

#timepicker_wrapper {
	background: #222 !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ffffff15;
}