html,body {
	overflow-x:hidden;
	height: 100%;
	font-size:13px;
	background:#fff url('../images/bg.webp') bottom right fixed no-repeat;
	color:#222;
	font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif !important;
  }
  
  #top-stars {
	  background:#f9de00 url('../images/top.png');
	  height:80px;
  }
  
  h1, h2 {
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	font-weight: 700;
}
  
  h1 { font-size:24px; }
  h2 { font-size:24px; }
  
  #maincontent {
	  min-height: 600px;
  }
  
  #maincontent,
  #maincontent h1,
  #maincontent h2,
  #maincontent h3,
  #maincontent h4 {
	  color:#000;
  }
  
  #maincontent a {
	  color:#2a7abf;
  }
  
  #maincontent a:hover {
	  color:#800;
  }
  
  .layout-pizza h2,
  .layout-default h2{
	  background:#e71728;
	  color:#fff;
	  padding: 10px 15px 2px;
	  margin-top:15px;
	  margin-bottom: 0;
	  font-family: "Bebas Neue", sans-serif;
	  font-weight: normal;
	  font-size:30px;
  }
  
  h3 { font-size:20px; }
  h4 { font-size:16px; }
  h5 { font-size:14px; }
  
  .content_box h2 {
	  margin: 0 -15px 15px -15px;
  }
  
  .content_box .product,
  .content_box .product-noimg {
		  padding: 15px;
  }
  
  hr {
	border-color:#191919;
  }
  
  #navi-top {
	  display:inline-block;
	  position: relative;
	  right:0;
	  margin: 15px 0 0 0;
	  border:3px solid #baad91;
	  background:#baad91;
  }
  
  #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: #2f2f2f;
  	color:#fff;
	border:none;
	padding: 10px 0;
	margin-top:15px;
  }
  
  #footer a, #footer h1, #footer h2, #footer h3, #footer h4 {
	  color:#fff;
  }
  
  #footer img {
	  margin-top:5px;
  }
  
  #footer hr {
	  border-color:#fff;
  }
	
  
  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 15px;
	  padding:10px 15px;
	  color:#000 !important;
  }
  
  .panel h4 {
	  margin-top:0 !important;
	  margin-bottom:0 !important;
  }
  
  .mainpanel {
	  background:rgb(180,180,180);
  }
  
  .layout-pizza .prouct,
  .layout-pizza .product-noimg,
  .layout-default .product {
		  background:rgba(193, 193, 193, 0.15);
  }

  .product.with-image p {
	  padding: 0 15px;
  }
  
  .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);
  }
  
  .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-default,
  .layout-default .btn-default {
	  background: #fff !important;
	  border:2px solid #e71728;
	  border-radius:50px;
	  color: #e71728 !important;
	  text-shadow: none;
	  margin-bottom: 3px;
	  width:100%;
  }
  /* collapsed sidebar styles */
  @media screen and (max-width: 767px) {
	  html, body {
		  background:#fff !important;
	  }
	  #home-slider {
		margin-top: 0 !important;
	  }
	  .image-wrapper { width: 100% }
	  #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;
	  }
	  body.shop #header {
		  display:none;
	  }
  
	  .navbar-right {
		  background: #910202;
		  margin: 0 -15px;
	  }
	  .navbar-right a {
		  color:#fff !important;
	  }
  
  
  
	.no-padding-xs {
	  padding:0 !important;
	}
	
	#content, .page-container {
	  border:0;
	}
  
	#sidebar,
	#cart {
	  z-index: 5;
	  position: fixed;
	  height:100%;
	  overflow-y:auto;
	  overflow-x:hidden;
	  top: 0;
	  padding: 10px 0 0; 
	  background: #fff;
	  color:#222;
	  width: 100vw;
	}
  
	#sidebar {
	  left:100%;
	  transition: left 1s ease-out;
	}
	  
	#cart {
	  left:100%;
	  transition: left 1s ease-out;
	}
  
	.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 {
	  left: 0px;
	  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:0px 0px;
	}
	#sidebar.sidebar-offcanvas li a {
	  color: #fff;
	  padding: 10px;
	  background: #e71728;
	  margin: 0 0 5px;
	  font-weight: bold;
	  font-style: italic;
	  font-size:1.3em;
	}
	#sidebar.sidebar-offcanvas li a:hover {
	  color:#000;
	}
	
	.row-offcanvas #cart h2,
	.row-offcanvas #cart h3,
	.row-offcanvas #cart h4 {
	  color:#222;
	}
	
	.dropdown-menu {
	  width:100%;
	  background: #142E36;
  
	}
	
	.layout-pizza,
	.layout-default {
	  padding: 10px 0;
	}
  
	.layout-default .col-sm-6 .product{
	  margin: 0 -10px 10px;
	  padding: 10px;
  }
  
	.layout-pizza h2,
	.layout-default h2 {
		margin:-10px 0 0;

	}
	
	.layout-pizza .product h4 {
	  padding-top:15px;
	}
	
	.layout-pizza .even,
	.layout-pizza .odd {
	  padding:0 5px;
	}
	
	#order_huelle {
	  margin:0 !important;
	}
  
  }
  @media screen and (min-width: 768px) {
	  .gold-line {
		  margin: 0;
		  background:url('../images/linie.png') repeat-x;
		  height:5px;
	  }
	  #shopnav {
		background:#e71728;
		padding: 5px 0 0;
	  }
	  .image-wrapper {
		  margin: 0 -15px;
	  }
	  #shopnav.isStuck {
		  box-shadow:0 1px 6px 1px #000;
  
	  }
	  .navbar-right {
		  padding-top:60px;
	  }
	  .cart-offcanvas {
		  padding-left:0;
	  }
		.page-container {
		  padding: 0 10px;
	  }
	  
	  .layout-pizza,
	  .layout-default {
		  padding:0 27px;
	  }
  
	  .modal-lg {
		  width: 750px;
	  }
  
	  .nav-shop:first-child {
		  background:none;
		  padding-left:2px;
  
	  }
  
	  #sidebar {
		  padding: 10px 0;
	  }
	  
	  #sidebar .nav-shop a {
		  color:#fff;
		  font-family: "Roboto", serif;
		  font-weight: 700;
		  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;
		  background-position: 5px 11px;
		  background-repeat: no-repeat;
		  text-shadow:none;
	  }
  
	  #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 {
		  background: transparent;
		  border:0;
		  box-shadow:none;
		  padding:0;
		  margin:0;
	  }
	  
	  .layout-pizza .product-image {
		  z-index:1;
	  }
  
	  .layout-pizza .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 .product-text h4 {
		  border-bottom:1px solid #791614;
		  color:#E61B2A;
	  }
	  
	  .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:rgba(0,0,0,0.5);
		  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 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 {
		  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 .product-text {
		  margin:25px 0px 0;
		  padding: 15px;
		  background:rgb(200,200,200);
		  background:rgba(255,255,255,0.8);
	  }
	  
  }
  /*
  .image-wrapper .even picture {
	  margin-left:1000px;
	  opacity:0;
  }
  .image-wrapper .odd picture {
	  margin-left:-1000px;
	  opacity:0;
  }
  */
  
  /* 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:#e71728;
	 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;
  }
	   
		
		
  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-toggle {
	  display:inline-block;
	  border-radius:0;
	  border:0;
	  padding:0;
	  margin:0;
	  width:50px;
	  height:50px;
  }
  
  .navbar-toggle-right {
	  float:right;
	  color:#000;
	  font-size:1.5em;
  }
  
  .navbar-toggle-left {
	  float:left;
  }
  
  .navbar-inverse .navbar-toggle .icon-bar {
	  background-color: #000;
  }
  
  .navbar-toggle:hover,
  .navbar-toggle:focus {
	  background:#000 !important;
	  outline:0 !important;
  }
  
  .navbar-toggle .icon-bar {
	  width:60%;
	  margin-left:20%;
  }
  
  .header img {
	  width:100%;
  }
  
  .product {
    padding: 10px 0;
    border-radius: 0px;
    background: #fff;
    border-top: 1px solid rgba(122,122,122,.3);
  }
  
  .product h4 {
	  margin:0 0 3px 0 !important;
	  padding: 0 0 3px 0;
	  color:#e71728;
	  font-family: "Roboto", sans-serif;
	  font-weight: 700;
	  font-size:14px;
  }
  
  .cart-product {
	  background: #f0f0f0;
	  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:#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;
	  
  }