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

body {
	background:#55544f url('../images/bg.jpg') center center fixed;
	background-size: cover;
}

.raised {
	box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.75);
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

#profile {
	background:#333;
	border-bottom: 1px solid rgba(200,200,200,0.6);
	padding:8px 0;
	color:#fff;
	top:-3px;
	text-align:right;
	position: fixed;
	width:100vw;
	z-index:9999;
}

#profile .logo {
	position: absolute;
	top:0px;
	left:0;
}
#profile .dropdown-wrapper {
	display:inline-block;
	position: relative;
	padding-right:10px;
}
#profile .dropdown-menu {
	position: absolute;
	top:24px;
	right:0;
	left:auto;
	text-align: left;
	background:#333;
	padding:10px 15px;
}
#infobox {
	padding:0 !important;
}
#infobox a {
	padding:6px 15px;
}
#infobox a:hover {
	background:rgba(255,255,255,0.1);
}

#profile .dropdown-menu h4 {
	white-space: nowrap;
	color:#fff;
	padding: 10px 15px;
    margin: -10px -15px 10px;
	background: #cf2e29;
	font-weight: bold;
}

#profile a {
	color:#fff;
}
#profile a.profilebutton {
	font-weight: bold;
	text-decoration: none !important;
}

.parallax-container {
	height: 400px;
}

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

h1 { font-size:28px; }
h2 { font-size:24px; }
#maincontent {
	min-height: 600px;
}
#maincontent h2 {
	border-bottom:1px solid #cf2e29;
}
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }

hr {
  border-color:#191919;
}

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

#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:#333;
	padding:15px 0;
	color:#fff;
}

#footer a {
	color:#fff;
}

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

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

body,tr,th,td {
  overflow-x: hidden;
}
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 1px;
	padding:10px 15px;
	background:#cf2e29;
	color:#fff !important;
}

.content_box .product {
	padding: 15px;
}

.content_box {
	padding:15px;
}
.content_box * {
	background:none !important;
}
#shopcontent .content_box h2 {
	padding: 0 10px 0 0 !important;
	color:#000 !important;

}

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

.layout-default .product {
	background:rgb(200,200,200);
	background:rgba(255,255,255,0.95);
}

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

.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:5px solid #cf2e29;
}

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

picture source,
picture img {
	width:100%;
	border-bottom:5px solid #cf2e29;
	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);
}

#header .btn-default,
#cart .btn-default,
.product .btn-default,
.layout-pizza .btn-default,
.layout-default .btn-default {
    background: #cf2e29;
    border: 1px solid #fff;
    color: #fff;
    text-shadow: none;
}

#header .btn-success,
#cart .btn-success,
.producr .btn-success,
.layout-pizza .btn-success,
.layout-default .btn-success {
    background: #0a9a14;
    border: 1px solid #fff;
    color: #fff;
    text-shadow: none;
}
/* collapsed sidebar styles */

#shopcontent .page-container.transparent {
	background:transparent;
	margin-bottom:15px;
}


#footer .row {
	margin:0 !important;
}
#shopcontent {
	min-height: 600px;
	background:rgba(0,0,0,0.5);
}

.cart-image-button {
	max-width:300px;
}
@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) {
	.cart-image-button {
		max-width:100%;
	}
	html, body {
		max-width:100vw;
		overflow-x: hidden;
	}

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

	.open > .dropdown-menu {
		position: relative;
		padding:0 0 0 20px !important;
		width: 100%;
		background:transparent;
		box-shadow: none;
	}
	
	.open > .dropdown-menu li:first-child {
		border-top:0px;
	}

	.open li a {
		background: #cf2e29 !important;
		color:#fff !important;
	}
	
	

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

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

  .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 {
    left: 80%;
    margin:0;
    position:fixed;
    width:100%;
  }
  .row-offcanvas.active2,
  .row-offcanvas.active2 .navbar-top {
    right: 80%;
    margin:0;
    position:fixed;
    width:100%;
  }

  .row-offcanvas.active #sidebar {
    left:0;
    width: 80%;
    z-index:3;
    border-right:1px solid #000;
    box-shadow:1px 0 3px #222;
	display:block;
	padding-top:10px;
  }

  .row-offcanvas.active2 #cart {
    right:0;
    width: 80%;
    z-index:3;
    border-left:1px solid #000;
    box-shadow:-1px 0 3px #222;
    display:block;
  }

  #sidebar.sidebar-offcanvas ul {
	padding:0;
  }
  #sidebar.sidebar-offcanvas li a {
	background: #fff;
    color: #cf2e29;
	text-shadow: none;
	text-align:left;
    padding: 10px;
    margin: 0 10px 10px;
    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;
  }
  
  .layout-default,
  .layout-pizza {
	margin: 0 -5px 0;
	padding: 0;
  }
  
  .layout-pizza .with-image {
	margin: 15px 0 0 !important;
	padding: 15px;
	background:rgb(200,200,200);
	background:rgba(255,255,255,0.8);
  }

  .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) {

	.raised-sm {
		box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.75);
	}
	#shopnav.isStuck {
		box-shadow:0 1px 6px 1px #000;
		max-height: 100vh;
		background:#eee !important;
		position: fixed;
		top: 30px;
	}
	body {
		margin-top:87px;
	}
	#logo-top-2,
	#shopnav.isStuck #logo-top {
		display:none;
	}


	#shopnav.isStuck .nav-shop {
		padding-top:5px;
	}

	#shopnav.isStuck #logo-top-2 {
		display:block;
	}

	.open > .dropdown-menu {
		padding:0;
	}
	
	.isStuck .open > .dropdown-menu {
		position: fixed;
		top: 78px;
		left: auto;
	}
	
	.open > .dropdown-menu li {
		margin-bottom:0;
		border-top:2px solid #ddd;
	}
	
	.open > .dropdown-menu li:first-child {
		border-top:0px;
	}

	#logo-top,
	#logo-top-2 {
		width:100%;
	}
	.navbar-right {
		padding-top:60px;
	}
	.cart-offcanvas {
		padding-left:0;
	}
	.page-container {
		padding: 0px;
	}
	
	.layout-default {
		background:rgba(255,255,255,0.8);
/*		
		background:#f4f1eb url('../images/bg.jpg');
		margin-top:-15%;
		min-height:500px;
		z-index:1;
		position: relative;
*/
	}

	.modal-lg {
		max-width: 900px;
		width: 100%;
	}

	#sidebar { padding: 0; }
	.isStuck #sidebar { padding: 0; }

	.nav-justified {
		width: 100vw;
		max-width: 1050px;
	}
	
	.nav-shop {
		margin: 5px 0px;
		padding-top:5px;
	}

	.nav-shop li {
		display: inline-block;
		margin-bottom:3px;
	}

	.nav-shop li li {
		display:block;
		background:#fff;
	}

	#sidebar .nav-shop a {
		color:#f00;
		font-family: 'Ubuntu Condensed', sans-serif;
		font-size:1.1em;
		padding: 7px 5px;
		white-space: nowrap;
	}

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

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

	#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:#340330;
		background-position: 5px 11px;
		background-repeat: no-repeat;
	}

	#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;
		padding:0;
		margin:0 0 15px;
	}
	
	.layout-pizza .product-image {
		z-index:1;
	}

	.layout-pizza .with-image .product-text {
		z-index:1;
		margin:15px 0 0;
		padding: 15px;
		background:rgb(200,200,200);
		background:rgba(255,255,255,0.8);
	}

	.layout-pizza .with-image .product-text p {
		margin-top:10px;
		min-height:45px;
	}	
	.layout-pizza .with-image .product-text h4 {
		color:#cf2e29;
	}
	
	.cart-offcanvas {
		padding-right:0;
	}

	#cart-button {
		margin-top:10px;
		color:#fff;
	}
	#cart-button .glyphicon {
		font-size: 2em;
	}
	#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;
	}

	#cart-mainwrapper {
		display:none;
		background:#800;
		border-top:1px solid #e3d9c8;
		border-bottom:1px solid #e3d9c8;
		max-width: 1050px;
		margin:0 auto;
		position: relative;
		max-height:100vh;
		padding-bottom:70px;
		overflow-y:auto;
	}

	.isStuck #cart-mainwrapper {
		max-width: 100vw;
		width: 100vw;
	}


	#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;
	}
	.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 .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:15px 0 0;
		padding: 15px;
		background:rgb(200,200,200);
		background:rgba(255,255,255,0.9);
	}
	#sidebar .nav-shop a {
		font-size:1.3em;
		padding: 7px 10px;
	}
}

/* theme */
.btn,.form-control,.alert,.progress,.panel,.list-group,.well,.list-group-item:first-child {border-radius:1px;}
.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-color:#0099CC;
   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 {
   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-toggle {
	display:inline-block;
	border-radius:0;
	border:0;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
	background:#cf2e29 !important;
}

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

.navbar-toggle-left {
	float:left;
	background:#fff !important;
}

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

.navbar-toggle:hover,
.navbar-toggle:focus {
	background:#fff !important;
	outline:0 !important;
}

.navbar-toggle .icon-bar {
	width:60%;
	margin-left:20%;
}

.header img {
	width:100%;
}

.product {
	margin:0 15px 1px;
	padding:10px 0;
	border-radius:0px;
	background:rgba(255,255,255,0.9);
}

.product h4 {
	margin:0 0 3px 0 !important;
	padding: 0 0 3px 0;
	color:#cf2e29;
	font-weight:bold;
	font-size:18px;
}

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

.cart-product h4 {
	color:#000 !important;
}

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