@import "animate.css";


body {
	color: #666666;
	background: #fff none repeat scroll 0 0;
	font-family: -apple-system, 'arial', Verdana, sans-serif;
	font-size: 14px;

}

.zutatlink{
max-width:100%;
    line-height: 19px
    white-space:nowrap;
    cursor:pointer;
	
}

.zutatlink:hover{
	color: #000;
    line-height: 19px
    white-space:nowrap;
    cursor:pointer;
    text-decoration: underline;
	
}

/* end .roundedTwo */

button:hover {
  box-shadow: inset 0 0 0 1px #fff;
}

input:hover {
  box-shadow: inset 0 0 0 1px #d8d8d8;
}
.icon-bar{
	
	background-image: url('../images/bar.gif'); 
}

.bestell-summe header, form header {
    background: #ffc713 none repeat scroll 0 0;
    border-bottom: 1px solid #ffc713;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 -1.5rem;
    padding: 1.5rem;
}
.shopping-cart {
	
    text-align: left;
    color:#e4e4e4
}
.overlay {
  visibility: hidden;
 
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #000;


  cursor: pointer;


}

.content-block, .content-block--headless, .loading .shopping-cart, .menu-container, .restaurant-info-container, .restaurant-list-layout .filters-container .filters, .restaurant-list-layout .restaurant-list-main-container, .shopping-cart .shopping-cart__container {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
   /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
    margin-bottom: 1em;
}
/*
.overlay .modal {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    bottom: 0;
    cursor: auto;
    left: 0;
    margin: auto;
    max-height: 300px;
    max-width: 396px;
    padding: 32px 0 0 68px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
	  opacity: 1;
}
*/
.overlay.shown {
  opacity: 0.9;
  background-color: #000;
}
.form header, form header {
    background: #ffc713 none repeat scroll 0 0;
    border-bottom: 1px solid #ffc713;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 -1.5rem;
    padding: 1.5rem;
}


a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #51d922;
}
.logo {
float:left;}

.wrapper1 {
  -webkit-box-shadow: 3px 4px 24px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 3px 4px 24px 0px rgba(0, 0, 0, 0.03);

  border-bottom-left-radius: 40% 40px;
  border-bottom-right-radius: 40% 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

.menu-item .menu-item__cta--control .menu-item__price::after, .menu-item .menu-item__cta--v1 .menu-item__price::after, .menu-item:hover .menu-item__cta--v2::after {
    content: url("../images/plus-hover.png");
}

.bestell_form input, .bestell_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.bestell_form input:focus, .bestell_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}

.bestellh1{
	
	margin: 20px 0px 2px -2px;
	font-size:39px;
	font-family: 'arial' , -apple-system, 'Open Sans', Arial;
	
}

.info{background-color: #23282d;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    min-height: 40px;
    padding-left: 10px;
    padding-top: 20px;}
.info dt{margin:0;padding:0;float:left;width:110px;}
.info dl{margin:0;padding:0;clear:left;}

    
       

    strong{
	padding-bottom: 10px;
	} 
    .topwarenkorb{
	
	/*position: fixed;*/
	width:330px;
	z-index: 99;
	top: 0px;

	background-color: #23282d;
    }
    


tr.trdot{
	
	border-bottom: 1px dashed #767676;
	padding-top: 10px;
	padding-bottom:10px;

}
tr.trpad{

	padding-top: 10px;
	padding-bottom:10px;
	/*line-height:30px;*/
}
tr.trdotzutat{
	
	border-bottom: 1px dashed #767676;
	padding-top: 10px;
	padding-bottom:10px;
	line-height:10px;
}

.tabs__container {
    /*border-bottom: 1px solid #d8d8d8;*/
    display: flex;
}
.tabs__tab {
    color: #83828a;
    font-size: 1.35em;
    font-weight: 400;
    margin: 0 1em 0 0;
    padding: 17px;
    text-align: center;
    text-transform: capitalize;
}
.menu-item .menu-item__description {
    color: #7c7a7f;
    flex: 1 1;
    overflow: hidden;
    vertical-align: top;
}
.dot{
	
	border-bottom: 1px dashed #767676;
	padding-top: 10px;
	padding-bottom:10px;
	line-height:30px;
}
.wrapper1__inset1 {
  padding-bottom: 71px;
}
.wrapper1__inset2 {
  padding-bottom: 54px;
}
.wrapper1__inset3 {
  padding-bottom: 50px;
}
.wrapper1__inset4 {
  padding-bottom: 62px;
}

#header {
  padding: 0px 0 0; background-color:#fff;  border-bottom:1px solid #d2d2d2;
   border-top: solid 10px #3fa9da;
}
#header .info {
  margin-bottom: 23px;
}
#header .info .phone {
  margin-top: -16px;
  text-align: right;
}
@media (max-width: 767px) {
  #header .info .phone {
    margin-top: 20px;
  }
}

footer {
    background: #fff none repeat scroll 0 0;
    font-size: 13px;
    min-width: 1020px;
    padding: 0 1rem;
    text-align: left;
}
@media screen and (max-width: 760px) {
footer {
    min-width: 0;
    padding: 0;
}

}
footer a {
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
.footer-links__detailed, .footer-links__top-fold {
    margin: 0 auto;
    max-width: 1140px;
}
.footer-links__top-fold {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0.85rem 0;
}
@media screen and (max-width: 760px) {
.footer-links__top-fold {
    flex-direction: column;
    padding: 0;
}
}
.footer-links__top-fold__links {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.footer-links__top-fold__link {
    display: inline-block;
    text-align: center;
}

#header .info .phone .first {
  display: block;
  color: #333333; margin-left:10px; height:18px;
}
#header .info .phone address {
  display: block;
  color: #fff;
  margin-bottom: 9px;
}
#header #stuck_container {
  position: relative; background-color:#f8f8f8;
  z-index: 4;
  border-top: 1px solid #d2d2d2;
  -webkit-box-shadow: 3px 4px 24px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 4px 24px 0px rgba(0, 0, 0, 0.07);
}

.plz-hide{
width:100px;color:#000; display: none; background: #fff none repeat scroll 0 0;
}

@media (max-width: 767px) {
  #header #stuck_container {
    border-top: none;
  }
}
#header #search {
  margin-top: 14px;
}

h1 a {
  display: block;
   position: relative;
   
}
h1 a:before {
		
  position: absolute;
  width: 76px;
  height: 85px;
  display: block;
  content: '';
  left: 0;
  top: 3px;
  overflow: hidden;

}
h1 a .first {
	margin-top:-20px;
  display: block;
  color: #fff;
  margin-bottom: -4px; 
}

a.plzbutton, a.plzbutton:visited {color:#FFFFFF}
a.plzbutton:hover {color:#E00060;}

  input:required:invalid, input:focus:invalid {
    background-image: url(../images/invalid.png);
    background-position: right top 2px;
    background-repeat: no-repeat;
  }
  input:required:valid {
    background-image: url(../images/valid.png);
    background-position: right top 2px;
    background-repeat: no-repeat;
    
  }
  .bestellbutton {
    display: none;
}

   
    
    .input-error .error, .invalid-field .error {
    display: block;
}
.hide {
    display: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="checkbox"], input[type="radio"], label {
    cursor: pointer;
    margin-right: 7px;
    margin-left: 5px;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea {
    color: #898989;
    font: 400 16px/1.7 "arial",Arial;
    padding: 0.5em 0.75em;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
    border-color: #00b6e4;
    outline: 0 none;
}
select {
    -moz-appearance: none;
    background: #f5f5f5 url("../images/select.svg") no-repeat scroll right 0.5em center / 1rem auto;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    min-width: 8rem;
    padding-right: 2em;
    color:#111;
}
select:disabled {
    background: #d8d8d8 none repeat scroll 0 0;
    color: #7f7f7f;
}
[type="checkbox"]:checked ~ label::before, [type="checkbox"]:not(:checked) ~ label::before, [type="radio"]:checked ~ label::before, [type="radio"]:not(:checked) ~ label::before, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea {
        border: 1px solid #d8d8d8;
    border-radius: 2px;
}
[type="radio"]:checked ~ label::before, [type="radio"]:not(:checked) ~ label::before {
    border-radius: 50%;
}
input[readonly], input[readonly]:focus {
  
    border: 1px solid #d8d8d8;
    color: #7f7f7f;
}
.error, .invalid label {
    color: #d61f26;
}
.invalid {
    display: inline-block;
}
.invalid input[type="text"], .invalid input[type="email"], .invalid input[type="tel"] {
    border: 1px solid #d61f26;
    margin-bottom: 0.25em;
}
.invalid *:-moz-placeholder {
    color: #d61f26;
}
.invalid *::-moz-placeholder {
    color: #d61f26;
}
.error {
    font-size: 0.95em;
}
.error_message {
    background-color: #d61f26;
    color: #f9fafa;
    display: none;
    font-size: 1.1em;
    margin-top: 1em;
    padding: 0.65em 1em 0.55em;
    text-align: center;
}
.error_message .arrow {
    border-bottom: 12px solid #d61f26;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    height: 0;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: -11px;
    width: 0;
}
.has-errors .error_message, .invalid .error_message {
    display: block;
}
.mandatory label::after {
    content: "*";
}
input[type="submit"] {
    border: medium none;
    vertical-align: top;
}

h1 a .second {
  display: block;
  color: #fff;
  font: 300 14px/32px "Raleway", sans-serif;
}

.navi-text{
 display:block;
 position: relative;
}
@media (min-width: 1350px) {
	.mob{
	min-width:1000px; 
}


}




@media (min-width: 1290px) {
	.sf-menu > li > a{
	

}
}

.displaydesktop .sf-menu > li {
	width:135px; max-width:135px;
 
}


.sf-menu > li {
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;

vertical-align: middle;
}
.sf-menu > li:first-child a {
}
.navi-block{ 
float:left}

.sf-menu > li > a { 
  text-transform: none; 
   font-size:13px;
  font-weight:bold;
 /* font: 14px/33px "Open Sans", Arial;*/
    
       font: 14px/33px "Open Sans", Arial;
    
  display: block;
  padding: 1px 3px 1px 6px; 
  -webkit-transition: 0.3s all ease;
  vertical-align: middle;
   color: #353535;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  transition: color .3s; 
}

.sf-menu > li:last-child a {  	  border-bottom: none;
}

.sf-menu > li > a:hover {
  background: #3fa9da;
  color: #fff;
  border-color: #979797;
}
@media (max-width: 979px) {
  .sf-menu > li > a {
	  padding: 1px 5px 1px 10px; 

  } 

}
.sf-menu .sfHover > a {
  background: #fff;
  color: #000;
 
}
.sf-menu .sfHover > a:after {
  color: #ffffff;
}
.sf-menu > li.current > a {
  background: #f6f6f8;
  color: #000;
  border-color: #f6f6f8;
}
.sf-menu > li.current > a:after {
  color: #ffffff;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
  display: none;
  min-width: 150px; min-height:35px;
    padding: 1px 4px 1px 7px; 
	 font: 500 14px/33px "arial", Arial;
  
  position: absolute;
  top: 37px;
  left: 0;
  background: #ffffff;
  text-align: left;
  padding: 0;
  z-index: 2;
}
.sf-menu ul li {
  position: relative;
  display: block;
}
.sf-menu ul li > .sf-with-ul:after {
  display: block;
  font-size: 10px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  color: #777777;
  bottom: -1px;
  right: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sf-menu ul li + li a {
  border-top: 1px solid #d2d2d2;
}
.sf-menu ul li a {
  display: block;
  color: #777777;
  text-transform: none;
  padding-left: 7px;
}
.sf-menu ul li a:hover {

  background: #79b51c;
  color: #ffffff;
}
.sf-menu ul > .sfHover > a {

  color: #ffffff;
  background: #ffae00;
}
.sf-menu ul > .sfHover > a:after {
  color: #ffffff;
}

/*  sub-menu 
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 270px;
  margin: 15px;
  z-index: 4;
}
@media only screen and (max-width: 700px) {
	 h1 a .first {
    font-size: 20px;
  }

  nav {
    width: 100%;
    float: none;
  }
  .select-menu {
    border-radius: none;
    display: block;
    text-transform: capitalize;
    float: none;
    color: #000;
    width: 100%;
    background: #ffffff;
    text-align: left;

    padding: 2px 0;
    position: relative;
  }
  .select-menu option {
    text-align: left;
    position: relative;
  }
}

/* ======= Box 1 Care ======= */
.box1 {
  text-align: center;
  border-top-left-radius: 50% 17px;
  border-top-right-radius: 50% 17px;
  border-bottom-right-radius: 50% 17px;
  border-bottom-left-radius: 50% 17px;
  overflow: hidden;
}
.box1 .content {
  color: #ffffff;
  padding: 22px 20px 35px;
}
.box1 .content h4 {
  margin-bottom: 7px;
}
.box1 .content__inset1 {
  background: #CCC;
}

.box1 .content__inset1_termin {
  background: #ebebeb; color:#333333;
}

.box1 .content__inset1_termin h4 {
  color:#333333; font-size: 30px;
}

.box1 .content__inset2 {
  background: #929292;
}

.box1 .content__inset3 {
  background: #929292;;
}
.box1__inset1 .content {
  padding-top: 23px;
}
.box1__inset1 time {
  display: block;
  margin-bottom: 10px;
}
.box1__inset1 p {
  font-size: 22px;
  line-height: 26px;
}
.box1__inset1 p a:hover {
  color: #333333;
}
@media (max-width: 767px) {
  .box1 {
    margin-bottom: 60px;
  }
  .box1 img {
    width: 100%;
  }
}
.box1-wrapper1 {
  margin-top: -89px;
  position: relative;
  z-index: 2;
}
@media (max-width: 979px) {
  .box1-wrapper1 {
    margin-top: 40px;
  }
}

.box2 {
  text-align: center;
}
.box2 h3 {
  margin-bottom: 16px;
}
.box2__inset1 h3 {
  margin-bottom: 9px;
}
.box2__inset1 .btn-big {
  margin-top: 42px;
}
@media (max-width: 767px) {
  .box2 {
    margin-bottom: 60px;
  }
}
.box2-wrapper1 {
  text-align: center;
}
.box2-wrapper1 .btn-big {
  margin-top: 42px;
}

.medialogo{
	
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	display: block;
	
}





html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */

ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row {
  margin-left: 0px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

.container {
  width: 1400px; 
}
.grid_12 {
  width: 1300px; 
}


.grid_4 {
  width: 370px; margin-bottom:30px; 
}

.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 1180px) and (max-width: 1300px) {
	
	.logo { max-width:200px;
 margin-right:10px;}

.sf-menu > li > a { 

   font-size:10px;
  font-weight:normal;
  font: 500 12px/33px "arial", Arial;
  padding: 1px 4px 1px 5px; 
}

.sf-menu > li {
  width:120px;
max-width:120px;
vertical-align: middle;
}


  .row {
    margin-left: 0px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }

  .container {
    width: 1200px;
  }
  .grid_12 {
    width: 940px; 
  }
 


}
@media (min-width: 768px) and (max-width: 1179px) {
	
	
	
	
	
.logo {  
    max-width:130px;
 margin-right:5px; 
    }

.sf-menu > li > a { 

   font-size:12px;
  font-weight:normal;
  font: 500 12px/33px "arial", Arial;
  padding: 1px 4px 1px 5px; 
}

.sf-menu > li {
	 font-size:11px;
  width:99px;
max-width:99px;
vertical-align: middle;
}
	
  .row {
    margin-left: 0px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }

  .container {
    width: 1000px;
  }
  .grid_12 {
    width: 748px;
  }


  .grid_4 {
    width: 236px;
  }

  .link {
    font-size: 11px;
}
 
  }
.select-menu {
  display: none !important;
}
@media (max-width: 767px) {
	
	 .logo {text-align:left;}
	
  .container {
    width: 100%;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  
   .js-select-tab.tabs__tab{
    font-size: 11px;
}

  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  /*.container {
    width: 300px;
    padding: 0 15px;
  }*/
  
  .container {
    padding: 0;
   
}
  .row {
    margin-left: 0;
  }
  
   .link {
    font-size: 11px;
}
}
.container{border-radius:9px;}
.warengruppen_tabelle{background:#eee;}

.warengruppen_tabelle .th{background:#eee;}

.t_bestellschein .th{background:#eee; }
#contenttable .tb{background:#eee;}




.odd{background:#eee;} 
.uneven{background:#eefaee;}
.warengruppen_tabelle{color:#fff;}
.contentbox{background-color:#eee;}

.instance_color{background:#eee;}  

#produktnavigation ul a {#000;}
#produktnavigation ul a:hover{color:#fff;}
#mainnavigation a{color:#000;}
#mainnavigation a:hover{color:#fff;}
#footer a{color:#000;}
#footer a:hover{color:#fff;}


 
 
/* Speisekarte Linkfarbe  */ 
#speisekarte ul a{color:#222;text-decoration:none;}
#speisekarte ul a:hover{color:#BE0000;background-color:#FFEB99;}


/* Liefergebiete Liste  */
.l{float:left;width:260px;}
.r{float:left;width:260px;}


/* Hintergrundfarbe Bestellschein */
.bestellschein_tabelle{max-width:300px;   padding-left: 10px;
    padding-top: 14px;}


/* Hintergrund, Schriftfarbe und Rahmen der Hinweisbox */
.messageinner{background:#ffffff; border:1px solid #cccccc; color:#000000;}


/* Warengruppe Tabelle Link/Produktname  */
.produkt{color:#551A8B;text-decoration:none;}

/* Warengruppe Textfarbe Rubrikbeschreibung  */
.desc{color:#292929;}


/* Detailseite Tabelle Hintergrund */
.p_details .tablebody{background-color:snow;}

/* Detailseite Tabelle  */

/* Detailseite Tabelle Titelzeile Hintergrund */
table.p_details .th{background-color: salmon;
    color: white;font-size:12px;}

/* Links in Tabelle Extrazutaten, Inklusivzutaten  */
table.p_details a {text-decoration:none;     padding: 2px; margin-top:-12px;
    line-height: 1.6;}


table.p_details a b{color:#292929;text-decoration:none;font-size:13px;}
table.p_details a:hover b{color:#707070;text-decoration:none;background:#FF8800;}

/* britech */

ul.details_ul li a{
    background: #e6e6e6;
    margin: -7px 0;
    padding:5px 5px;
    color:#666;
    
}

ul.details_ul {
    margin: 20px 0;
    }

/* Fehlermeldung im Bestellformular  Rahmen, Farbe und Breite */
.fehlermeldung{border:2px solid red;color:red;width:400px;}
.hinweismeldung{border:2px solid green;color:green;width:400px;}


/* ############################################### */
/* ############################################### */


#produktnavigation ul a {font-size:12px;text-decoration:none;}
#produktnavigation ul a:hover{background-color:#FFEB99;}
#mainnavigation a{font-size:18px;text-decoration: none;}
#footer a{text-decoration: none;}



#content{background-color:#fff;}

/*#mainnavigation{border:1px solid #000;border-radius:6px;}*/
#mainnavigation a{font-size:18px;text-decoration: none;}
#mainnavigation a:hover{}

#designhelper{background-color:#fff;}


.footerinner{border-radius:6px;border:1px solid #000;border-top: 0px;}
#footer a{text-decoration: none;}



.sidebox{border-radius:8px;}
.sidebox h2{font-size:18px;}


#produktnavigation ul a{font-size:12px;color:#222;text-decoration:none;}
#produktnavigation ul a:hover{color:#fff;background-color:salmon;}
#contenttable{background-color:#FFD35C;font-size:12px;color:#292929;}


.t_bestellschein{}

.t_bestellschein2{background:transparent;font-size:11px;}
.t_bestellschein a.z_btn{background-color:#81c02f;font-size:9px;text-decoration:none;color:#FFF;border-radius:2px;padding: 1px 4px 1px 4px;}
.t_bestellschein a.wkz {color: #83828a;
    font-size: 11px;
    text-decoration: none;}
.t_bestellschein a.wkz:visited {color:#F53900;text-decoration:none;}
.t_bestellschein .hidden{background-color:#FFEB99;}
#content h2{font-size:22px;}


.menu-item:hover .menu-item__cta--control .menu-item__price::after {
    color: #468c3c;
}

.menu-item__price.button.button--transparent.account-controls__button.login.js-login {
    border: 1px solid #d8d8d8;
    margin-left: 3px;
    margin-right: 0px;
}
.menu-item__price.button.button--transparent.account-controls__button.login.js-login:hover{
	
	    background-color: #f7f7f7;
    color: #5eae55;
    text-decoration: none
}

.account-controls__button {
    background-color: #fff;
    border: medium none;
    color: #343b46;
    /*font-weight: 700;*/
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}
.account-controls__button:hover {
    background-color: #c5c5c6;
    color: #343b46;
    text-decoration: none;
}
.emptykorb {
    color: #f10000;
    padding-bottom: 1.5rem;
    text-align: center;
}

.shopping-cart .button {
    border-radius: 0;
    padding: 1.45rem 0 1.35rem;
    transition: background-color 100ms ease-in-out 0s;
    width: 100%;
    border-radius: 6px;
}
@media screen and (max-width: 760px) {
.restaurant-list-options {
    display: block;
}

 .link {
    font-size: 11px;
}
}
.menu-item {
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    min-height: 95px;
    padding: 1.25em 1.5em 1.25em 0.5em;
}

.menu-item .menu-item__cta .menu-item__price {
    color: #585963;
}

.menu-item .menu-item__cta--control .menu-item__price::after, .menu-item .menu-item__cta--v1 .menu-item__price::after, .menu-item:hover .menu-item__cta--v2::after {
    content: url("../images/plus-hover.png");
    vertical-align: middle;
}

.shopping-cart .button:not(.disabled) {
    cursor: pointer;
}
.shopping-cart .button.fast-checkout {
    margin-bottom: 0.7em;
}

/* ############################################### */
/* ############################################### */

/* ############################################### */
/* ############################################### */



.rightbox dt{margin:0;padding:0;float:left;width:110px;}
.rightbox dl{margin:0;padding:0;clear:left;}

.cl{clear:left;}
img{border:0;}
#p_t{padding-top:12px;padding-left:12px;}

#liefergebiete{max-width:650px;min-height:500px;}
#liefergebiete dl{margin:0;padding:0;min-height:500px;padding-left:40px;padding-top:20px;}
#liefergebiete ol{margin:0;padding:0;min-height:500px;padding-left:40px;padding-top:20px;}

.warengruppen_tabelle{width: 100%;}

.articleimg{position:relative;}
.article_thumbnail{float:left;padding-top:5px;padding-right:6px;}

.bildbox{position:absolute;top:10px;left:100px;}
.bildbox{display:none;}


#speisekarte{float:left;padding-right:40px;padding-left:60px;}
/* #bestellschein{float:left;} */

#speisekarte ul{float:left; text-align:left;  margin:0; padding:0;    margin: 0 12px 0 0;    padding: 10px 0 0 40px;    max-width: 150px;}
#speisekarte li{line-height:20px;}
#speisekarte ul a{width:145px;padding:4px;cursor:pointer;}


.fehlermeldung{text-align:left;padding:10px;}



#messagebox{position:absolute;left:0;top:50px;display:none;}
.messageinner{width:450px;min-height:200px;margin:0;padding:0;text-align:left;}
.message{/*padding:20px;*/width:400px;}
.messageinner span{position:relative;display:block;background:#FF8800;padding:4px;font-weight:bold;}
.messageinner a.hdl{position:absolute;top:3px;right:6px;width:18px;height:18px;cursor:pointer;}

#gbx_overlay{width:100%;height:100%;    position:fixed;    left:0;    top:0;    margin:0;    z-index:2999;
    display:none;    background:#000;     opacity:.50;    filter: alpha(opacity=50);     -moz-opacity: 0.5;}

* html #gbx_overlay { position:absolute; /*IE does not work with position fixed*/
    top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
    right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
    width:110%;
}


#mainlayer{position:relative;width:1021px;text-align:left;}
#produktnavigation{position:absolute;top:30px;text-align:left; border-radius:6px;}


#centerlayer{width:960px; margin:0 auto;text-align:center;}
#content{margin-top:65px;z-index:1;}
#content{width:960px;min-height:980px;}
.bildbox{position:absolute;top:10px;left:100px;}
.bildbox{display:none;}
#wraps{position: relative;}
#mainnavigation{position:absolute;top:-38px;left:100px;width:760px;height:40px;z-index:0;}
#designhelper{position:absolute;top:0;left:99px;width:770px;height:20px;z-index:1;}

/*.page-layout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    min-height: 30rem;
    min-width: 1020px;
    padding: 0 1rem 1rem;
}
*/
.alert-box {
    color:#555;
    border-radius:10px;
   /* font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px; */
    padding:10px 10px 10px 36px;
    margin:10px;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec url('images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}

.alinfo, .alsuccess, .alwarning, .alerror, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.alinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.alsuccess {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.alwarning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.alerror {
color: #000;
background-color: #FFBABA;
background-image: url('../images/error.png');
background-size: 30px auto;
}

img{border:0;}




@media screen and (min-width: 1340px)  {
	
	
	.inner{
		
		width: 899px;
		
	}
}

@media screen and (max-width: 1100px)  {
	
	
	.inner{
		
		width: 500px;
		
	}
	
	
}

@media screen and (max-width: 8000px)  {
	
	
	
	
	
.plzbutton{
	
	border:1px solid #d8d8d8;
	border-radius: 2px;

	font-size: 17px;
	padding: 12px 0px 9px 20px;
	margin: -2px 15px 0px 0px;
	width:270px;
	    background-image: url(../images/valid.png);
    background-position: right top 2px;
    background-repeat: no-repeat;
}
	.overlay .modal {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    bottom: 0;
    cursor: auto;
    left: 0;
    margin: auto;
    max-height: 300px;
    max-width: 460px;
    opacity: 1;
    padding: 32px 0 0 46px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}



.arname{
	
	font-size:22px;
	color:#393939;
	
}

.arbeschreibung{
	    font-size: 12px;
   
    display: inline-block;
		font-size:12px;
	
	
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 2px;
  text-align: center;
}

#boxes #dialog {
  width:450px; 
  height:auto;
  background-color:#ffffff;
  font-size: 15pt;
  	-webkit-box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
-moz-box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
}

    
    
.bestellresult{
	
	

    line-height: 28px;
    margin-left: 0;
    margin-top: -22px;
    padding: 22px;
    position: absolute;
    width: 243px;
    z-index: 9999;
}
	.article_zoom{
		
		max-width:150px;
		width:150px;
		padding-left: 0px;
		margin-left: 0px;
		padding-right: 10px;
	}
	
	.preisclasse{
		
		margin-left: 0px;
		margin-right: 27px;
		color: #496e10;
		font-size: 21px;
		background-color: transparent
	}
	
	.preisclasse:hover{
		
		background-color: transparent
	}
	 .footernew{ 
    background: #eceff4 none repeat scroll 0 0;
	border-radius: 6px 30px 6px 30px;
    margin: -25px 5px 0 5px;
    padding: 20px;
    width: 25%;
     height:390px;
    }
	
		 .footernew2{ 
    background: #eceff4 none repeat scroll 0 0;
	border-radius: 6px 30px 6px 30px;
    margin: 10px;
    padding: 20px;
    width: 75%;
     height:200px;
    }
	
	.preisdiv{
		
		margin-top: -10px;
		z-index: 99;
		border: medium none;
	}
	
	
	.logo{
		
		margin-right: 20px;
	}
	
	.tabs__content {
	padding: 1.5rem 1rem;
	padding-left: 0;
 
	}
	
	.payment-methods__options{
		
		display: flex;
	}
	
	h1 {
  font-size:49px;
	font-family: 'arial';
	font-weight: 100;

	}
	
	.bestellungsvorname{
		
		width:270px; margin-top:10px;
	}
	.bestellungsnachname{
		
		width:270px;
		margin-left: 15px; margin-top:10px;
	}
	.bestellungsstrasse{
		
		width:270px;margin-top:10px;
	}
	.bestellungsnummer{
		
		width:270px; margin-left: 15px; margin-top:10px;
	}
	.bestellstadt{
width: 270px;
		color: black;
		padding-bottom: 10px;
		margin-top:10px;
		padding-top: 9px;
	    background-image: url(../images/valid.png);
    background-position: right top 2px;
    background-repeat: no-repeat;
 
	}
	
	.bestellvorwahl{
		
		
		width:270px; margin-top:10px;
	}
	
	.bestelltel{
		
		width:270px; margin-top:10px; margin-left: 15px;
	}
	.bestellemail{
		
		 margin-top:21px; 
		width: 558px;
	}
	
	.bestellfirma{
		
		width:270px; margin-top:10px;
	}
	
	.bestellstr{
		
		width:270px; margin-top:10px;
	}
	
	
	.bestelletg{
		
		
		width:270px;
		margin-left: 15px;
	}
	
	.changewaren{
		
		width: 350px;
		    padding: 5px 20px 2px 20px;
		background: #23282d;
	}
	
	.menu-section__title {
border-bottom: 1px solid #45233e;
    margin: 0;
    background-color: rgba(0,0,0, .2);
}



.warengrup-header {
    font-family: arial;
    font-size: 45px;
    color: #fff;
    margin-left: 30px;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(110, 110, 110, 1);
}
.menu-section__title strong {
    display: block;
    font-size: 1.35em;
    padding: 0 1.5em 0 0.5em;
}
	
	.warenmedia{
		
		display:none;
	}
	
	.bestellmedia{
	
	
	width: 330px;
	top: 0px;
	float: right;
}
	
	.displaymobile{
		
		display: none;
	}
	
	.displaydesktop{
		
		display: block;
	}
	
	.inner{
		
		width: 885px;
		
	}
}
@media screen and (max-width: 1340px)  {
	
	
	.inner{
		
		width: 750px;
		
	}
	
	.article_zoom{
		
		max-width:150px;
		width:150px;
		padding-left: 0px;
		margin-left: 0px;
		padding-right: 10px;
	}
	.link{
    font-size: 12px;
}
.tabs__container {
    display: flex;
}
}

@media screen and (max-width: 1170px)  {
	
	
	.inner{
		
		width: 600px;
		
	}
	
	.js-select-tab.tabs__tab{
	    font-size: 11px;
	}
	
	
}


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

	
	.displaymobile{
		
		display:  block;
	}
	
	
	
	.displaydesktop{
		display: none;
	}
	
	.sf-menu{
		
		/*display: none;*/
	}
	
	.bestellmedia{
	float: none;
	width: 330px;
	top: 0px;
	display: block;
    margin-left: auto;
    margin-right: auto
	}
	
	 .footernew{ 
       margin: 5px 5px 0px 5px;
    width: 80%;
	   height:325px;
     
    }
	
	.footernew2{ 
   
    width: 80%;
	 height:300px;
     
    }
    
    .arname{
	
	font-size:18px;
	color:#000;
	
}


.arbeschreibung{
	
	font-size:11px;
	
	
}
}

@media screen and (max-width: 700px)  {
	
		.menu-section__image
	{margin-bottom: -60px;	}
	
	.warengrup-header {
    font-size: 25px;
    color: #fff;
    margin-left: 30px;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(110, 110, 110, 1);
}
	
	.inner{
		
		width: 100%;	
	}
	
	.tabs__container{
		
		margin-left: 10px;
	}
	
	footer, footer a, footer a:hover {
    color: gray;
    text-align: left;
    float: left;
	}	
	.menu-section__title {
    padding-left: 12px;
	}
	.changewaren{
		
		width: 100%;
	}

	#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:350px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  
  border-radius: 15px;
  text-align: center;
	}
	
	#boxes #dialog {
  width:390px; 
  height:auto;
  left: 0;
  right: 0;
  background-color:#ffffff;
  font-size: 15pt;
  	-webkit-box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
-moz-box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
box-shadow: 0px 0px 12px -1px rgba(61,61,61,1);
}
	
	
	.overlay .modal {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    bottom: 0;
    cursor: auto;
    left: 0;
    margin: auto;
    max-height: 300px;
    max-width: 360px;
    padding: 32px 0 0 68px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
	  opacity: 1;

}

	
	.bestellungsvorname{
		
		width:98%;
	}
	
	.tabs__content {
	padding: 1.5rem 1rem;
	
 
	}
	.bestellungsnachname{
		
		width:98%;
			margin-left: 0px; margin-top:20px;
	}
		.bestellstr{
		
		width:58%;
	}
		
		

	.bestellungsnummer{
		
		width: 35%;
	}
	.bestellvorwahl{
		
		width: 35%;
	}
	.bestelltel{
		
		width:58%; 
	}
	
	.bestellstadt{
		
		width: 98%;
padding-bottom: 10px;
		margin-top:20px;
	}
	
	
	.plzbutton {
	width: 98%;
		margin: 10px 0px 0px 0px;
					
}
	
	.bestellemail{
		
		width: 98%;
		margin-left: 0;
		margin-top: 20px;
	}
	
	.bestellfirma{
		
		width:98%; margin-top: 10px;
	}
	
	.bestelletg{
		
		
		width: 98%; margin-top: 20px; 	margin-left: 0;
	}
	.displaymobile{
		
		display:  block;
	}
	
	.warenmedia{
		
		display:block;
		
	}
	
	.tabs__container{
		
		display: none;
	}
	
	.sf-menu{
		
		/*display: none;*/
	}
	
	.payment-methods__options{
		
		display: block;
	}
	
	.preisclasse{
		
		margin-right: 10px;
		font-size: 12px;
	}
	
	.preisdiv{
		
		margin-top: -18px;
		margin-right: -10px;
		z-index: 99;
		border: medium none;
	}
	
	h1 {
	font-size:25px;
	font-family: 'arial';
	font-weight: 100;

	}
	
	.warenkorbimg{

    float: right;
    margin-right: 50px;
    margin-top: 10px;
    width: 40px;
     padding-bottom: 40px;
    animation-delay: 0.1s;
    animation-duration: 1s;
    animation-name: fadeInDown;
    visibility: visible;

	}
	
	.wkz {

line-height: 20px;
}
	
	.medianavi{
	/*padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 10px;*/
    width: 100%;
	}
	
	.displaydesktop{
		display: none;
	}
	
	.menu-item__cta.menu-item__cta--control{
		
	
	}
	
	.menu-section__title {
		margin-left: 0;
	    }
	
	#Star > span{
		margin-left: 16px;
	}
	
	.article_zoom{
		
		/*width: 40px;*/
		display: none;
	}
	
	 .link {
    font-size: 11px;
}
}

.inner{padding:20px; padding-left: 0px; margin-bottom: 100px; padding-right: 0;}
.inner2{padding:50px;width: 960px;}
.inner h2{padding-left:20px;}

.bestellbutton{
	
	-webkit-box-shadow: 0px 4px 0px 0px rgba(110,110,110,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(110,110,110,1);
	box-shadow: 0px 4px 0px 0px rgba(110,110,110,1);
}

.wkz {
/*padding-top:8px;*/
line-height: 16px;
}
.bestellbutton:hover{
	
	-webkit-box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
}

.alert-button, .gray-button, .navigation__contact {
    background-color: #4fb042;
    border-radius: 4px;
    color: #f9fafa;
    display: inline-block;
   /* font-size: 1rem;*/
    line-height: 1;
    padding: 0.85rem 2.25rem 0.75rem;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background-color;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
box-shadow: 0px 1px 0px 0px rgba(110,110,110,1);
}

.bestellbutton {
    background-color: #4fb042;
    border-radius: 4px;
    color: #f9fafa;
    display: inline-block;
   /* font-size: 1rem;*/
    line-height: 1;
    padding: 22px;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: 0.2s;
    width: 100%;
}

.inner-form .button {
    margin-left: 20%;
    width: 14.5em;
  
}
.buttongreen:hover{	
	

  background-color: #53dc40;
   border-radius: 4px;
    color: #fff;
   /* font-size: 1rem;*/
   box-shadow: 0 0 0 0 rgba(110, 110, 110, 1);
    
   margin-top: -14px;
    margin-bottom:-1px;


}


.buttongreen {
	  display: inline-block;
   /* font-size: 1rem;*/
    line-height: 1;
   padding: 0.7rem 1.9rem 0.7rem;
    box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1);
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background-color;
    background-color: #4fb042;
    border-radius: 4px;
    color: #f9fafa;
-webkit-box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1);
-moz-box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1); z-index:5;
    margin-top: -15px;
}


.button {
	  display: inline-block;
   /* font-size: 1rem;*/
    line-height: 1;
   padding: 0.6rem 0.8rem 0.6rem;
    box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1);
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background-color;
    background-color: #585858;
    border-radius: 4px;
    color: #f9fafa;
-webkit-box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1);
-moz-box-shadow: 0 1px 0 0 rgba(110, 110, 110, 1);

    margin-top: -15px;
}
bestellbutton {
    margin-left: 20%;
    width: 14.5em;
    font-size: 12px;
}
.alert-button:hover, .bestellbutton:hover, .gray-button:hover, .navigation__contact:hover {
    background-color: #53dc40;
    color: #f9fafa;
	margin-top:3px;
	margin-bottom:-3px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
}
.alert-button:hover, .gray-button:hover, .navigation__contact:hover {
    background-color: #53dc40;
    color: #f9fafa;
	margin-top:3px;
	margin-bottom:-3px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
box-shadow: 0px 0px 0px 0px rgba(110,110,110,1);
}

.button:hover{	
	

  background-color: #ef0b0b;
   border-radius: 4px;
    color: #f9fafa;
   /* font-size: 1rem;*/
   box-shadow: 0 0 0 0 rgba(110, 110, 110, 1);
    
   margin-top: -14px;
    margin-bottom:-1px;


}
button:focus {
    outline: 0 none;
}


.button.disabled, .bestellbutton.disabled, .bestellbutton.disabled:hover, .button.disabled:hover, .button[disabled], .button[disabled]:hover {
    background-color: #bbbdc0;
    pointer-events: auto;
    cursor:not-allowed;
}
.button--transparent {
    background-color:#f5f5f5;
    border: 1px solid #f9fafa; margin-top: 0px;
	padding: 10px 20px;
}
.button--transparent:hover {
    background-color: transparent;
    text-decoration: underline; margin-top: 1px;
}
#mainnavigation a{float:left;padding-top:7px;padding-left: 70px;}

#produktnavigation ul{float:left;  margin:0; padding:0;    margin: 12px 0 0;    padding: 10px 0 0 40px;    width: 150px;}
#produktnavigation li{line-height:20px;}

.sidebox{width:258px;border-radius:8px;}
.sidebox h2{padding-top:30px;}


#d_liefergebiet{width:650px; min-height:500px;}
#d_liefergebiet dl{margin:0;padding:0;min-height:500px;padding-left:40px;padding-top:20px;}



#footer{position:relative;width:960px;height:40px;margin-bottom:8px;text-align:center;}
.footerinner{position:absolute;top:0;left:180px;width:600px;height:40px;z-index:0;}
#footer dt{float:left;padding-left:40px;}
.copy{margin-bottom: 20px;font-size: 11px;display:block;}


#mainnavigation a, #navigation a, #footer a {transition: color 1s ease-out 0s;}


#produktnavigation ul a{width:145px;padding:4px;cursor:pointer;}

#contenttable{width:580px;min-height:500px;}
#contenttable .tb{height:27px;padding:0 8px;}

.t_bestellschein, .t_bestellschein2{width:100%;}
.t_bestellschein a {cursor:pointer;}
.t_bestellschein .hidden{border:none;font-size:1px;}
.cl{clear:left;}

table.p_details, table.p_details tr  { width:300px!important; }



table.p_details td { empty-cells:hide; margin:0;padding:0;width:300px;}

table.p_details {/*width: 580px;*/text-align:left;vertical-align:top;}
table.p_details td {padding:5px 1px; vertical-align:top; max-width:100%;}
table.p_details .th td{padding:0 8px;height:27px;line-height:26px;}

table.p_details a{cursor:pointer; background-color: #e6e6e6; display: block; padding-left: 10px;}


table.p_details a b{padding:2px;}
table.p_details textarea{width:520px;}


#rightlayer{position:absolute;  top: 290px;right:85px;width:315px;min-height:600px;z-index:2;}
#rightlayerstartseite{position:absolute;top:575px;right:85px;width:315px;min-height:600px;z-index:2;}
    
#bestellschein {width:315px;min-height:200px;}
#bestellschein {border-radius: 8px 8px 8px 8px;}
    

#mainlayer table{width:95%}
    
.hinweis_o_spk {color:green; max-width:480px;margin-bottom: 10px;  margin-top: 10px; padding: 6px 20px;}

.p_details .desc_e {display:none;}
.p_details .desc_e {color:#83828a;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  



.start-search {
    background-color: transparent;
    background-image: url("../images/weiter.gif");
    background-repeat: no-repeat;
   height: 46px;
    vertical-align: top;
    width: 59px;
}

    margin-left: -42px;
    margin-top: 12px;
}


.tabs__content.hidden {
    display: none;
}
.tabs__wrapper--modal .tabs__container {
    justify-content: space-around;
    margin-bottom: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.maintext{
	text-align: center;

  text-decoration: none;
}

#lorem{

	font-size: 12pt;
  text-align: left;
}
#popupfoot{

	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}
h4#results-text {
	display: none;
}

.plzchange span.new-label span{
  position: relative;
  content: '[FORM_PLZ]'
}
.plzchange:hover span.new-label span{
  display: none;
  
}
.plzchange:hover span.new-label:after{
  content: 'ändern';
   	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
ul#results {
	display: none;
	margin-top:-29px;
	float:right;
	min-width: 100px;
	width:271px;
	border: 1px solid #ababab;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	font-size:12px;
	background-color:#fff;
	padding:-3px 0 5px 0;
}
ul#results li {
	/*padding: 15px 0 15px 0;*/
	cursor: pointer;
	/*border-top: 1px solid #cdcdcd;*/
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	text-decoration:underline;
	list-style: none;
}
ul#results li:hover {
	/*background-color: #F7F7F7;*/
	text-decoration:none;
}
a_result {
	text-decoration:underline;
}
a_result:hover {
	text-decoration:none;
}


ul#results li:first-child {
	border-top: none;
}
ul#results li h3, ul#results li h4 {
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #616161;
	font-size:12px;

}
ul#results li:hover h3, ul#results li:hover h4  {
	color: #3b3b3b;
	font-weight: bold;
}


.form section, form section {
    font-size: 1.1em;
}
.form header, form header {
    background: #ffc713 none repeat scroll 0 0;
    border-bottom: 1px solid #ffc713;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 -1.5rem;
    padding: 1.5rem;
}
@media screen and (max-width: 760px) {
.form header, form header {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

}

.displaymobile {
        margin-top: 5px;
   border-top: solid 1px #5eae55;
    
}

.displaymobile .sf-menu > li > a {
    border-right: 0;
        padding: 5px 20px;
}  

.sf-menu > li.active {
   /* background: #ee7f01;*/

 
} 

.displaymobile .sf-menu > li.active > a {
      color: #fff;
      font: 20px 'arial' , -apple-system, 'Open Sans', Arial;
}  

.sf-menu > li.active a div:before {
 content: '\00BB';
    
       /* content: '\203A';*/
    margin-right: 6px;
}

.warenkorb{
/*
    overflow-y:auto;
    overflow-x:hidden;*/
}



@media screen and (min-width:950px){
	
	 .warenkorb {
    top: 10px;
    background-color: #fff;
    z-index: 99;
    background-color: #23282d;
    top: 0;
    bottom:0; 
    
}
    
    
    
    .logo {
        margin-top:6px;
        
    }
    
    
    
    
    
    
}
@media screen and (max-width:950px){
	
	 .warenkorb {
	position: relative;
	margin-left:0 auto;
	width:100%;
	
}

}

@media screen and (max-width:1000px){
	
	
}

.menu-section__image {
    
     width: 100%;
}
   
@media (min-width: 800px) {
    
     .whiteboard {
         
             background: #ebebeb;
         
	overflow-y: auto;
    overflow-x: none;  
         
    position: fixed;
    top: 0;
    /* bottom: 0; */
    height: 100%;

         left:64vw;

    border-top: 10px solid #3fa9da;
		 
		 

}
    
    .artclNo {
         display: inline-block;
   min-width:50px;
    }
.arbeschreibung{
	    font-size: 12px;
    margin-left: 50px;
    display: inline-block;
		font-size:12px;
	
	
}

}
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 .warenkorb {
	position: relative;
	margin-left:400px;
	width:100%;
	
}
}

	.warenkorb{
    top: 0;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
}*/


select::-ms-expand {
    display: none;
}
select {
-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
margin-top: 2px !important;
    margin-bottom: 2px !important;}


.changezip-container {
    padding: 0px 0 18px 0;
    color:#333;
    
}