html,body {
  height: 100%;
  font-size:15px;
  background:#fcfcf4;
  color:#222;
  font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif !important;
}

h1, h2, .product h3 {
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	font-family: 'Patua one', sans-serif;
	color: #00533A !important;
}
  
.product h3 {
	padding-top: 0px;
}

h1 { font-size:28px; }
h2 { font-size:24px; }
#maincontent {
	min-height: 600px;
}
#maincontent h2 {
	border-bottom:1px solid #00533A;
}
h3 { font-size:20px; }
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 #00533A;
	background:#00533A;
}

#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:1200px;
  margin:0 auto;
}

/* set the fixed height of the footer here */
#footer {
	background:#00533A;
	padding:15px 0;
	color:#fff;
}

#footer a, #footer h2  {
	color:#FFF501 !important;
}

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

#footer hr {
	border-color:#FFF501;
}
a {
  color:#666;
}
.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 h2 {
	margin:0 0 15px;
}

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

.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;
}

img.bb {
	border-bottom:5px solid #00533A;
}

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

picture source,
picture img {
	width:100%;
	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);
}

.layout-pizza .btn-primary,
.layout-default .btn-primary {
	border-radius:50px;
}
/* collapsed sidebar styles */

@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;
	}

	html {
		margin-top:50px;
	}
	
	#cartbutton-desktop {
		display: none;
	}

	#shopnav { z-index:2; position: relative;}
	#shopcontent { 
		z-index:0;
		position: relative;
		overflow-x:hidden;
	  }
  	#logo-top {
		margin: 2px 0 2px 15px;
	}
	#logo-top img {
		height:44px !important;
		margin:3px 0 !important;
	}
	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: #fcfcf4;
	color:#222;
	width:100%;
  }

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

  #cart {
	left:100vw;
	transition: left 0.5s;
  }
 
  .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 !important;
	width: 100vw;
	z-index:5;
	display:block;
  }

  #sidebar.sidebar-offcanvas ul {
	padding:0;
  }
  #sidebar.sidebar-offcanvas li a {
	color: #222;
    padding: 10px;
    background: #f9de00;
    margin: 0 0 5px;
    font-weight: bold;
  }
  #sidebar.sidebar-offcanvas li a:hover {
    color:#910202;
  }
  
  .row-offcanvas #cart h2,
  .row-offcanvas #cart h3,
  .row-offcanvas #cart h4 {
    color:#222;
  }
  
  .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;
  }

}
@media screen and (min-width: 768px) {
	.navbar-nav {
		margin: 25px 0 0 15px;
	}
	#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:#00533A;
		font-weight: bold;
		font-size:1.2em;
		padding: 6px 5px 6px 8px;
	}
	
	#sidebar .nav-shop li.act {
		background:rgba(255,255,255,0.6);
	}

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

	#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:#000;
		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 #00533A;
		color:#00533A;
	}
	
	.cart-offcanvas {
		padding-right:0;
	}

	#cart-button {
		color: #fff200;
		position: absolute;
		right: 30px;
		top: 25px;
	}
	#cart-button .glyphicon {
		font-size: 1.5em;
	}
	#cart-button .badge {
		background:rgba(255,255,255,0.8);
		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;
	}

	.row-offcanvas {
		max-height: 100vh;
		overflow-y:auto;
		width:100%;
	}

	#cart-mainwrapper {
		display:none;
		background:rgba(0,0,0,0.4);
		border-top:1px solid #e3d9c8;
		max-height: none;
	}
	#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:#00533A;
   color:#FFF501;
   border-color:transparent;
}
.btn-primary:hover {
	background:#003c2a;
	color:#fff;
}
.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;
}
     
      
      
h3,h4,h5,.panel {
   color:#222;
}
.panel hr {
   border-color:#efefef;
}

.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-inverse {
	background:#00533A !important;
}
.navbar-toggle {
	display:inline-block;
	border-radius:0;
	border:0;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background:transparent !important;
	border: none !important;
	outline: none !important;
}

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

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

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

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

.header img {
	width:100%;
}

.product {
	margin-bottom:15px;
	padding:10px 0;
	border-radius:0px;
}

.product h4 {
	margin:0 0 3px 0 !important;
	padding: 0 0 3px 0;
	border-bottom:1px solid #00533A;
	color:#00533A;
	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: #fff;
	padding:8px;
	margin-bottom:10px;
	color:#222;
    border: 1px solid #ccc;
	border-radius: 10px;
}

.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:#222;
}

.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 #ddd;
	box-shadow: 0 2px 7px #666;
}



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

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

.addzutat, .deladdon {
	margin-bottom:3px;
}

.form_liefergebiete .zip {
	padding: 7px 7px 0 0;
	
}