body {
/*! color: gray; */
font-family: "Dosis", sans-serif;
font-size:12pt;
padding:0px;
margin:0px;
background-color:#760203;
background-attachment: fixed;
background-position: center top;
}

#col1 a		{color:#000000;text-decoration: none;}
#col1 a:link, #nav > ul a:visited,#nav > ul a:active 	{text-decoration: none;}
#col1 a:hover  	{text-decoration: none;color:red;}
#card a		{color:#000000;text-decoration: none;}
#card a:link, #nav > ul a:visited,#nav > ul a:active 	{text-decoration: none;}
#card a:hover  	{text-decoration: none;color:orange;}


/* Confirm,Kasse & Danke */
#dank,#confirmTitel    {font-size:16pt;color: green; padding-left:10px; margin-top:80px;}

#confirmTab	{font-size: 9pt; width: 45%;}
#col1 #confirmList	{font-size: 10pt;width:400px; border-collapse: collapse; margin-left:auto;margin-right:auto;}
#confirmList tbody tr {}

#col1 #confirmButtons {width:400px;margin-left:auto;margin-right:auto;}
#confirmList thead ,#confirmList tfoot { background-color: #f0f0f0;}
.confirmName {text-align:left;}
.confirmPreis {text-align:right;}

.pflichtfeld  { color: red;}

.pause { text-align:center; color: #760203; font-size:20pt; padding: 5px;}
.pause:after { content:"!";}
.open { background: url(bilder/Zeit.jpg) top left no-repeat; height: 200px; padding-left: 190px; Padding-top: 15px; }

#col1 input[value="danke"] + table { width: 400px; margin-left:auto; margin-right:auto; }

/* Produkt */
#GruppenTitle, #ProduktTitle   {font-size: 14pt; padding-left:8px;color: white; width:200px; margin-bottom:10px;background-color:#760203; border-bottom-right-radius: 30px;}
#ProduktTitle A:link ,#ProduktTitle A:visited	{color:darkgreen;}
#ProduktTitle A:hover,#ProduktTitle A:active	{color: green;}
#ProduktPicture {}
#ProduktInfo { margin-left:20px; margin-top:20px;}
#ProduktInfo select {background-color: green; border:none; margin-left: 0px; width: 70px;}
#ProduktInfo input[name="count"] { width: 4em;}
#ProduktPreis { padding: 0px; margin: 0px; }
#zmit,#zohne	{}
span.pathsymbol:before { content: ":";}

.preis,#preis  {font-weight:bold;font-size:10pt; color: green; padding: 5px;border: 1px solid green; width: 106px;text-align:center;}
.preis { margin: 5px; }

#zframe,#zohne {
  clear: both;
  font-size: 9px;
  font-family: sans-serif; padding-left: 15px;
}1360

#zframe h2 {
  color: green;
}

#zframe ul, #zohne {
  padding:3px;
  margin:0px;
  list-style: none;
}

.zutat {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 119px;
  height: 50px;
  margin-bottom: 2px;
}
.zutat input[type="checkbox"] {
  margin: -3px 0 0;
}

.zutat .zpreis { display: block;}
.zutat .zname { font-weight: bold;}
#zrest { padding-left: 4px;}
.zgruppe { margin-bottom: 10px; border-bottom: 1px solid green; padding:4px;}
.zauswahlgruppe { margin-bottom: 15px; border: 1px solid green; padding: 10px; width: auto;}
.zauswahlgruppe .zutat {
  width: 100px;
  height: 130px;
  text-align:center;
}
.zutat .zpicture {display: inline-block;}

.zaicon,.zalabel { vertical-align:top;}
.atitle { font-family: dosis; font-size: 20px; }

#zohne label {
  display: block;
}

#zframe hr ~ h2 {
  color: #b31f58;
}

#visualGroup {list-style: none; margin:11px;padding:0px; clear:both; vertical-align:top;}
#visualGroup li {
  display: inline-block;
  position: relative;
  padding: 2px;
  width: 150px;
  text-align: left;
  vertical-align:top;
}

#zattr_Service .zutat {
  width: 85px;
  height: 75px;
  text-align: center;
}

.zattr_Bio .zalabel ,#legende dt.zattr_Bio {
  color: green;
  font-size: 9px;
  font-weight: bold;
}
.zattr_mild .zalabel ,#legende dt.zattr_mild{
  color: orange;
  font-size: 7px;
  font-weight: bold;
}
.zalabel.zattr_Vegetarisch ,#legende dt.zattr_Vegetarisch{
  font-size: 10px;
  font-weight:bold;
  font-family: 'Arizonia',cursive;
  color: green;
}
.zutat.zattr_Fisch .zname  ,#legende dt.zattr_Fisch{
  color:  cornflowerblue;
}
.zutat.zattr_Fleisch .zname,#legende dt.zattr_Fleisch {
  color: #AC0000;
}
.zutat.zattr_Feinkost ,#legende dt.zattr_Feinkost{
  border: 2px dotted silver;
}
.zutat.zattr_Feinkost {
  width: 115px;
  text-align: center;
}

.prodPreis {
    padding-left: 15px;
}
.produkt {
    height: 127px;
}
#zattr_SalatDressing .zutat {
  width: 145px;
}

#ProduktPicture > img {
    padding-left: 17px;
}

.ProduktPreis {
    padding-left: 15px;
}
/* Gruppe */
.groesseKopf { color: #760203; Padding-bottom:3px;border-bottom: 1px solid darkgreen;}
.altPreisSpalte,.preisSpalte 	{ }
.altProdLine	{ }
.prodLine	{ }
.prodLine a:link,.prodLine a:visited,.prodLine a:active  { color:black;}
.prodName	{ text-align: left;font-size: 15pt;padding-left:5px;}
.prodPreis,.preisSpalte,.altPreisSpalte	{ text-align: left; min-width:60px;}

#GroupTitle {font-size: 14pt; font-weight: bold; background-color:#FAA700; margin-right:0px;}
#GruppenPicture {float:right;}
#tabMultiPreis,#tabProd {border-collapse: collapse; margin-left:20px;}
#tabMultiPreis tr {text-align: left;}
#tabMultiPreis .mTabName {width:60%;}

table {clear:both; margin-top:5px;}

.sdesc {font-size:9pt; color: darkgreen;} /** kurzbeschreibung des Produkts in der Gruppenansicht **/

/**.gs2,.gh2 { font-weight:bold;}**/

/* Elements */
#mainFrame {
 background-color: white;
 margin-left:auto;margin-right:auto; box-shadow:0px 0px 30px 10px white;
 max-width: 1850px;
 /*!min-height: 100vh;*/
}
#midFrame {
    background-color: white; 
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 150px auto 250px;
}

#top {
position:relative;
height:200px;width:100%;
overflow:hidden;
background: url(bilder/LogoWeb.png) top left no-repeat;
}

#bottom {text-align:center;background: darkgreen;}
#bottommenu {
/*! width: 1000px; */
margin:auto;
}
#bottommenu a:visited,#bottommenu a:link {
  color: white;
  text-decoration: none;
}
#bottomclear {clear: both;}

/* Menu*/
#nav {
/*! position:absolute; */
/*! top:0px; */
/*! left:auto; */
Padding:0px;
height: 20px;
color: black;
}

#nav  ul { list-style: none; margin:0px;padding:0px;}
#nav > ul > li {display: -moz-inline-stack;display:inline-block; position:relative;}
#nav > ul > li > ul { position: absolute; display:none; background: green;}
#nav > ul img {border:0px;}
#nav > ul a		{text-decoration: none;}
#nav > ul a:link, #nav > ul a:visited,#nav > ul a:active {text-decoration: none; color: black;}
#nav > ul a:hover  	{text-decoration: none;color:lightgreen;}
#nav > ul {font-size:11pt;}
#nav > ul li {border-right: 3px solid darkgreen;
text-align: center;
width: 100px;}
#nav > ul a:hover {color:#red;}
#nav > ul a.selected { font-weight: bold; text-transform: uppercase; color: black;}
#nav > ul img,#nav > ul img:link,#nav > ul img:active,#nav > ul img:visited,#nav > ul img:hover { border:none;padding-top:1px;}

#leftmenu ul,#rightmenu ul,#bottommenu ul {list-style: none; margin:0px;padding:0px;}
#bottommenu ul li + li:before { content: "| "; color: white;}

#bottommenu ul > li {display: -moz-inline-stack;display:inline-block; position:relative;}
#bottommenu ul > li > ul { position: absolute; display:none;}
#bottommenu ul li {
  padding: 2px;
  text-align: center;
}

/* GroupMenu */
#groups	{min-width:113px;/*! float:left; */color:#FF5F00;overflow:hidden;}
#groupmenu ul { list-style: none; margin:0px;padding:0px;}
#groupmenu {font-size:16px; border-bottom-right-radius: 40px; padding-bottom: 10px; padding-top: 10px;text-align: center; border-bottom: 20px solid darkgreen; border-top-right-radius: 15px; border-top: 20px solid darkgreen; background-color: #760203;}
#groupmenu a {padding-left:0px; display: block;/*! min-height: 1em; */padding-top: 0.5em;padding-bottom: 0.5em;}
#groupmenu a		{color:white;text-decoration: none;}
#groupmenu a:link,#groupmenu a:visited,#groupmenu a:active {text-decoration: none;}
#groupmenu a:hover {text-decoration: none;color: lightgreen; background-color: green}
.submenu { margin-left: 15px; /*background-color: #FFF4F4;*-moz-border-radius: 7px;border-radius: 7px;*/}
#groups a.selected    {color: white; font-weight: bold; font-size: 13px; background-color: darkgreen;}


/* Content */
/*#col1 {min-width:642px; min-height:500px; overflow: hidden; padding-left: 0px; padding-top: 20px;grid-column-start: 2;grid-row-start: 1;}*/
#col1 {padding-left: 0px; grid-column-start: 2;grid-row-start: 1;}
#col1 table { width:100%;}
#col1 h1 {/*! font-size:14pt; */color:green; padding-left:10px; font-weight: normal;}
.spruch {font-size: 23px; color: #a6004b; padding-left:15px;font-family: 'Arizonia', cursive; display:none;}
.info {font-size:15pt;color:green; padding-left:10px; font-weight: normal;text-align: center;}
.feiertage {font-size:10pt;padding-left:10px; font-weight: normal;text-align: center;}

#desc {color:gray;margin-left:20px; margin-top: 20px; font-size: 12px;}
#ProduktInfo #desc {margin:0px;}
#image	{position:absolute;left:65px;top:0px; z-index:3;}
#logo	{border:0px; width:23px;height:12px; border-bottom:0px;}

#col1 input[type="submit"], input[type="reset"] { background-color: green; color: white; border: none;padding: 4px;-moz-border-radius:5px;border-radius:5px;}
#col1 input[type="text"], #col1 input[type="email"],#col1 input[type="number"], #col1 textarea {background-color: white; border: green solid 1px; text-align:left;font-size: 12pt; margin-top: 2px;}
#col1 input[type="image"] { vertical-align: middle;}
#col1 td > a > img { vertical-align: baseline; border:none;}

/* cart */
#cartFrame {/*! min-width:240px; *//*! float:right; *//*! margin-top: 20px; */grid-column-start: 3;}
#card	{
	width:238px;
	border:1px solid grey; -moz-border-radius: 20px; border-bottom-left-radius: 20px; border-top-left-radius: 20px;
	overflow:hidden;
	margin-left: 1px;
	margin-top: 34p4x;
    background: white;
	}
#cardtab { border-collapse: collapse;}
#cardtab { margin-left:0px;width:225px; }
#liste	{
	padding-left:3px;
	margin-left:0px;
	padding-bottom:8px;
}
#liste td { vertical-align:top; }
.zutaten { font-size: 8pt; }

.altCartLine { background-color: #F0F0F0;}
#cardtab A	{ padding:0px; }
#cardtab A:hover   {color:red;}
#cardtab A:active  {color:#000000;}
.cartpreis { text-align: right;}
.cartname,.cartsumme { text-align: left;}

#CartButton {font-weight: bold;background-color: #920a0a;padding-right: 20px; padding-left:20px; border-radius: 15px; color:white;}
#CartButton:link,#CartButton:visited, #CartButton:active,#CartButton:hover { background:green;}
#liste h3 {text-align: center;color: darkgreen; font-weight: bold; font-size: 20px;}
.strikePreis {text-decoration: line-through; color: red;}

#CartButtonFrame { text-align:center; margin-top: 20px;}
#liste thead th,#liste tfoot td {color: white; background-color: darkgreen; }

/* admin */
#emenu	{z-index:5;}
#mtop	{font-size:18pt;}
#mainlist {z-index:0;}

/* pages */
.page { padding: 13px; }
#col1 .page a:link, #col1 .page a:visited ,#col1 .page a:active {
  text-decoration: none; color:green;
}

#page4 #mtpicture {float: right;}
#page10 {padding-left: 21px;}


#feedback input {
  margin-bottom: 3px;
}

.error {
 text-align: center;
 font-size: large;
 font-weight: bold;
 padding: 8px;
 color: red;
}

#legende {
 background: white;
 padding-bottom: 5px;
}
#legende h4 {
  margin: 0px;
  margin-bottom: 5px;
  border-bottom: 1px solid darkgreen;
  padding-left: 5px;
}

#legende dl {
/*
 -moz-column-width: 180px;
 -webkit-column-width: 180px;
 column-width: 180px;
 */
 margin:4px;
}

#legende dt {
float:left;
width: 50px;
margin-right: 10px;
}
dd {
    font-size: 16px;
}


#rightmenu a {
    color: darkgreen;
    font-size: 12pt;
    text-decoration: none;
}

#rightmenu {
    width: 229px;
    height: 54px;
    margin-top: -1px;
    border: 1px solid grey;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding: 5px;
    background: white;
}

#Pizzagroessen {
  margin-left: 20px;
}

/* Aktionen */
#groups > nav > ul {
  list-style: none none;
  padding: 0;
}

DIV.Produkt IMG , LI.Produkt IMG {
  border:1px solid white; 
  width: 205px;
  height: 123px;
}
DIV.Produkt, LI.Produkt {
  display: inline-block;
  text-align: center;
  width: 203px;
}

span.ProduktPreis {
  display: block;
  text-align:center;
  padding: 0px;
}

ul.attriblist {
  list-style: none;
  padding:0px;
}

/* Visual Mode */
#visualGroup li.produkt {
  border: 1px outset;
  width: 149px;
  height: 155px;
  padding-top: 4px;
  margin: 2px;
  text-align: center;
  display: inline-block;
}
#visualGroup li.produkt .prodName {
  display: block;
  text-align: center;
  font-size: 14px;
}

#imbisAktioen {border-collapse: collapse;}
#imbisAktioen ul { margin:0px;margin-left:5px;padding: 5px; }
#imbisAktioen td {}
#imbisAktioen th:nth-child(2), #imbisAktioen td:nth-child(2) { text-align: left;}
#imbisAktioen caption { font-size:20px; color: green; text-decoration: underline;}
#imbisAktioen tr:nth-child(even) { background: linen;}

#viplink {display:none;}

#page1 > h3 {
    color: #760203;
    font-size: 30pt;
    font-weight: bold;
}
#page1 > h2 {
    color: #760203;
    font-size: 20pt;
    font-weight: bold;
}
#page10 > h2 {
    color: green;
    font-size: 13pt;
    font-weight: normal;
}
#page26 > h2 {
    color: green;
    font-size: 13pt;
    font-weight: normal;
}
#desc > h2 {
  font-size: 17px;
  font-weight: normal
}
#bio_siegel > p {
    font-size: 8pt;
    text-align:center;
    padding: 15px;
}

#page10 > img {
box-shadow: 1px 0px 15px 5px rgba(119, 119, 119, 0.7);margin-top:20px; margin-bottom:20px;
}
#page26 > img {
box-shadow: 1px 0px 15px 5px rgba(119, 119, 119, 0.7);margin-top:20px; margin-bottom:20px;
}

@media (width < 1000px)
{
  #midFrame {
      grid-template-columns: 1fr;
      grid-row-start: 2;
  }body {
/*! color: gray; */
font-family: "Dosis", sans-serif;
font-size:12pt;
padding:0px;
margin:0px;
background-color:#760203;
background-attachment: fixed;
background-position: center top;
}

#col1 a		{color:#000000;text-decoration: none;}
#col1 a:link, #nav > ul a:visited,#nav > ul a:active 	{text-decoration: none;}
#col1 a:hover  	{text-decoration: none;color:red;}
#card a		{color:#000000;text-decoration: none;}
#card a:link, #nav > ul a:visited,#nav > ul a:active 	{text-decoration: none;}
#card a:hover  	{text-decoration: none;color:orange;}


/* Confirm,Kasse & Danke */
#dank,#confirmTitel    {font-size:16pt;color: green; padding-left:10px; margin-top:80px;}

#confirmTab	{font-size: 9pt; width: 45%;}
#col1 #confirmList	{font-size: 10pt;width:400px; border-collapse: collapse; margin-left:auto;margin-right:auto;}
#confirmList tbody tr {}

#col1 #confirmButtons {width:400px;margin-left:auto;margin-right:auto;}
#confirmList thead ,#confirmList tfoot { background-color: #f0f0f0;}
.confirmName {text-align:left;}
.confirmPreis {text-align:right;}

.pflichtfeld  { color: red;}

.pause { text-align:center; color: #760203; font-size:20pt; padding: 5px;}
.pause:after { content:"!";}
.open { background: url(bilder/Zeit.jpg) top left no-repeat; height: 200px; padding-left: 190px; Padding-top: 15px; }

#col1 input[value="danke"] + table { width: 400px; margin-left:auto; margin-right:auto; }

/* Produkt */
#GruppenTitle, #ProduktTitle   {font-size: 14pt; padding-left:8px;color: white; width:200px; margin-bottom:10px;background-color:#760203; border-bottom-right-radius: 30px;}
#ProduktTitle A:link ,#ProduktTitle A:visited	{color:darkgreen;}
#ProduktTitle A:hover,#ProduktTitle A:active	{color: green;}
#ProduktPicture {}
#ProduktInfo { margin-left:20px; margin-top:20px;}
#ProduktInfo select {background-color: green; border:none; margin-left: 0px; width: 70px;}
#ProduktInfo input[name="count"] { width: 4em;}
#ProduktPreis { padding: 0px; margin: 0px; }
#zmit,#zohne	{}
span.pathsymbol:before { content: ":";}

.preis,#preis  {font-weight:bold;font-size:10pt; color: green; padding: 5px;border: 1px solid green; width: 106px;text-align:center;}
.preis { margin: 5px; }

#zframe,#zohne {
  clear: both;
  font-size: 9px;
  font-family: sans-serif; padding-left: 15px;
}1360

#zframe h2 {
  color: green;
}

#zframe ul, #zohne {
  padding:3px;
  margin:0px;
  list-style: none;
}

.zutat {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 119px;
  height: 50px;
  margin-bottom: 2px;
}
.zutat input[type="checkbox"] {
  margin: -3px 0 0;
}

.zutat .zpreis { display: block;}
.zutat .zname { font-weight: bold;}
#zrest { padding-left: 4px;}
.zgruppe { margin-bottom: 10px; border-bottom: 1px solid green; padding:4px;}
.zauswahlgruppe { margin-bottom: 15px; border: 1px solid green; padding: 10px; width: auto;}
.zauswahlgruppe .zutat {
  width: 100px;
  height: 130px;
  text-align:center;
}
.zutat .zpicture {display: inline-block;}

.zaicon,.zalabel { vertical-align:top;}
.atitle { font-family: dosis; font-size: 20px; }

#zohne label {
  display: block;
}

#zframe hr ~ h2 {
  color: #b31f58;
}

#visualGroup {list-style: none; margin:11px;padding:0px; clear:both; vertical-align:top;}
#visualGroup li {
  display: inline-block;
  position: relative;
  padding: 2px;
  width: 150px;
  text-align: left;
  vertical-align:top;
}

#zattr_Service .zutat {
  width: 85px;
  height: 75px;
  text-align: center;
}

.zattr_Bio .zalabel ,#legende dt.zattr_Bio {
  color: green;
  font-size: 9px;
  font-weight: bold;
}
.zattr_mild .zalabel ,#legende dt.zattr_mild{
  color: orange;
  font-size: 7px;
  font-weight: bold;
}
.zalabel.zattr_Vegetarisch ,#legende dt.zattr_Vegetarisch{
  font-size: 10px;
  font-weight:bold;
  font-family: 'Arizonia',cursive;
  color: green;
}
.zutat.zattr_Fisch .zname  ,#legende dt.zattr_Fisch{
  color:  cornflowerblue;
}
.zutat.zattr_Fleisch .zname,#legende dt.zattr_Fleisch {
  color: #AC0000;
}
.zutat.zattr_Feinkost ,#legende dt.zattr_Feinkost{
  border: 2px dotted silver;
}
.zutat.zattr_Feinkost {
  width: 115px;
  text-align: center;
}

.prodPreis {
    padding-left: 15px;
}
.produkt {
    height: 127px;
}
#zattr_SalatDressing .zutat {
  width: 145px;
}

#ProduktPicture > img {
    padding-left: 17px;
}

.ProduktPreis {
    padding-left: 15px;
}
/* Gruppe */
.groesseKopf { color: #760203; Padding-bottom:3px;border-bottom: 1px solid darkgreen;}
.altPreisSpalte,.preisSpalte 	{ }
.altProdLine	{ }
.prodLine	{ }
.prodLine a:link,.prodLine a:visited,.prodLine a:active  { color:black;}
.prodName	{ text-align: left;font-size: 15pt;padding-left:5px;}
.prodPreis,.preisSpalte,.altPreisSpalte	{ text-align: left; min-width:60px;}

#GroupTitle {font-size: 14pt; font-weight: bold; background-color:#FAA700; margin-right:0px;}
#GruppenPicture {float:right;}
#tabMultiPreis,#tabProd {border-collapse: collapse; margin-left:20px;}
#tabMultiPreis tr {text-align: left;}
#tabMultiPreis .mTabName {width:60%;}

table {clear:both; margin-top:5px;}

.sdesc {font-size:9pt; color: darkgreen;} /** kurzbeschreibung des Produkts in der Gruppenansicht **/

/**.gs2,.gh2 { font-weight:bold;}**/

/* Elements */
#mainFrame {
 background-color: white;
 margin-left:auto;margin-right:auto; box-shadow:0px 0px 30px 10px white;
 max-width: 1920px;
}
#midFrame {
    background-color: white; 
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

#top {
position:relative;
height:200px;width:100%;
overflow:hidden;
background: url(bilder/TopWillkommen1.jpg) top left no-repeat;
}

#bottom {text-align:center;background: darkgreen;}
#bottommenu {
/*! width: 1000px; */
margin:auto;
}
#bottommenu a:visited,#bottommenu a:link {
  color: white;
  text-decoration: none;
}
#bottomclear {clear: both;}

/* Menu*/
#nav {
/*! position:absolute; */
/*! top:0px; */
/*! left:auto; */
Padding:0px;
height: 20px;
color: black;
}

#nav  ul { list-style: none; margin:0px;padding:0px;}
#nav > ul > li {display: -moz-inline-stack;display:inline-block; position:relative;}
#nav > ul > li > ul { position: absolute; display:none; background: green;}
#nav > ul img {border:0px;}
#nav > ul a		{text-decoration: none;}
#nav > ul a:link, #nav > ul a:visited,#nav > ul a:active 	{text-decoration: none; color: black; font-size: 13px;}
#nav > ul a:hover  	{text-decoration: none;color:lightgreen;}
#nav > ul {font-size:11pt;}
#nav > ul li {border-right: 3px solid darkgreen;
text-align: center;
width: 100px;}
#nav > ul a:hover {color:#red;}
#nav > ul a.selected { font-weight: bold; text-transform: uppercase; color: black;}
#nav > ul img,#nav > ul img:link,#nav > ul img:active,#nav > ul img:visited,#nav > ul img:hover { border:none;padding-top:1px;}

#leftmenu ul,#rightmenu ul,#bottommenu ul {list-style: none; margin:0px;padding:0px;}
#bottommenu ul li + li:before { content: "| "; color: white;}

#bottommenu ul > li {display: -moz-inline-stack;display:inline-block; position:relative;}
#bottommenu ul > li > ul { position: absolute; display:none;}
#bottommenu ul li {
  padding: 2px;
  text-align: center;
}

/* GroupMenu */
#groups	{min-width:113px;/*! float:left; */color:#FF5F00;overflow:hidden;}
#groupmenu ul { list-style: none; margin:0px;padding:0px;}
#groupmenu {font-size:16px; border-bottom-right-radius: 40px; padding-bottom: 10px; padding-top: 10px;text-align: center; border-bottom: 20px solid darkgreen; border-top-right-radius: 15px; border-top: 20px solid darkgreen; background-color: #760203;}
#groupmenu a {padding-left:0px; display: block;/*! min-height: 1em; */padding-top: 0.5em;padding-bottom: 0.5em;}
#groupmenu a		{color:white;text-decoration: none;}
#groupmenu a:link,#groupmenu a:visited,#groupmenu a:active {text-decoration: none;}
#groupmenu a:hover {text-decoration: none;color: lightgreen; background-color: green}
.submenu { margin-left: 15px; /*background-color: #FFF4F4;*-moz-border-radius: 7px;border-radius: 7px;*/}
#groups a.selected    {color: white; font-weight: bold; font-size: 13px; background-color: darkgreen;}


/* Content */
/*#col1 {min-width:642px; min-height:500px; overflow: hidden; padding-left: 0px; padding-top: 20px;grid-column-start: 2;grid-row-start: 1;}*/
#col1 {padding-left: 0px; grid-column-start: 2;grid-row-start: 1;}
#col1 table { width:100%;}
#col1 h1 {/*! font-size:14pt; */color:green; padding-left:10px; font-weight: normal;}
.spruch {font-size: 23px; color: #a6004b; padding-left:15px;font-family: 'Arizonia', cursive; display:none;}
.info {font-size:15pt;color:green; padding-left:10px; font-weight: normal;text-align: center;}
.feiertage {font-size:10pt;padding-left:10px; font-weight: normal;text-align: center;}

#desc {color:gray;margin-left:20px; margin-top: 20px; font-size: 12px;}
#ProduktInfo #desc {margin:0px;}
#image	{position:absolute;left:65px;top:0px; z-index:3;}
#logo	{border:0px; width:23px;height:12px; border-bottom:0px;}

#col1 input[type="submit"], input[type="reset"] { background-color: green; color: white; border: none;padding: 4px;-moz-border-radius:5px;border-radius:5px;}
#col1 input[type="text"], #col1 input[type="email"],#col1 input[type="number"], #col1 textarea {background-color: white; border: green solid 1px; text-align:left;font-size: 12pt; margin-top: 2px;}
#col1 input[type="image"] { vertical-align: middle;}
#col1 td > a > img { vertical-align: baseline; border:none;}

/* cart */
#cartFrame {/*! min-width:240px; *//*! float:right; *//*! margin-top: 20px; */grid-column-start: 3;}
#card	{
	width:238px;
	border:1px solid grey; -moz-border-radius: 20px; border-bottom-left-radius: 20px; border-top-left-radius: 20px;
	overflow:hidden;
	margin-left: 1px;
	margin-top: 34p4x;
	}
#cardtab { border-collapse: collapse;}
#cardtab { margin-left:0px;width:225px; }
#liste	{
	padding-left:3px;
	/*width:216px;*/
	margin-left:0px;
	/*overflow:auto;*/
	font-size: 10pt;
	padding-bottom:8px;
}
#liste td { vertical-align:top; }
.zutaten { font-size: 8pt; }

.altCartLine { background-color: #F0F0F0;}
#cardtab A	{font-size: 7pt; padding:0px;}
#cardtab A:hover   {color:red;}
#cardtab A:active  {color:#000000;}
.cartpreis { text-align: right;}
.cartname,.cartsumme { text-align: left;}

#CartButton        {font-weight: bold;font-size: 8pt;background-color: #920a0a;padding-right: 20px; padding-left:20px;-moz-border-radius: 15px; border-radius: 15px; color:white;}
#CartButton:link,#CartButton:visited, #CartButton:active,#CartButton:hover { background:green;}
#liste h3 {text-align: center;color: darkgreen; font-weight: bold; font-size: 20px;}
.strikePreis {text-decoration: line-through; color: red;}

#CartButtonFrame { text-align:center; margin-top: 20px;}
#liste thead th,#liste tfoot td {color: white; background-color: darkgreen; }

/* admin */
#emenu	{z-index:5;}
#mtop	{font-size:18pt;}
#mainlist {z-index:0;}

/* pages */
.page { padding: 13px; }
#col1 .page a:link, #col1 .page a:visited ,#col1 .page a:active {
  text-decoration: none; color:green;
}

#page4 #mtpicture {float: right;}
#page10 {padding-left: 21px;}


#feedback input {
  margin-bottom: 3px;
}

.error {
 text-align: center;
 font-size: large;
 font-weight: bold;
 padding: 8px;
 color: red;
}

#legende {
 background: white;
 padding-bottom: 5px;
}
#legende h4 {
  margin: 0px;
  margin-bottom: 5px;
  border-bottom: 1px solid darkgreen;
  padding-left: 5px;
}

#legende dl {
/*
 -moz-column-width: 180px;
 -webkit-column-width: 180px;
 column-width: 180px;
 */
 margin:4px;
}

#legende dt {
float:left;
width: 50px;
margin-right: 10px;
}
dd {
    font-size: 16px;
}


#rightmenu a {
    color: darkgreen;
    font-size: 12pt;
    text-decoration: none;
}

#rightmenu {
    width: 229px;
    height: 54px;
    margin-top: -1px;
    border: 1px solid grey;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding: 5px;
}

#Pizzagroessen {
  margin-left: 20px;
}

/* Aktionen */
#groups > nav > ul {
  list-style: none none;
  padding: 0;
}

DIV.Produkt IMG , LI.Produkt IMG {
  border:1px solid white; 
  width: 205px;
  height: 123px;
}
DIV.Produkt, LI.Produkt {
  display: inline-block;
  text-align: center;
  width: 203px;
}

span.ProduktPreis {
  display: block;
  text-align:center;
  padding: 0px;
}

ul.attriblist {
  list-style: none;
  padding:0px;
}

/* Visual Mode */
#visualGroup li.produkt {
  border: 1px outset;
  width: 149px;
  height: 155px;
  padding-top: 4px;
  margin: 2px;
  text-align: center;
  display: inline-block;
}
#visualGroup li.produkt .prodName {
  display: block;
  text-align: center;
  font-size: 14px;
}

#imbisAktioen {border-collapse: collapse;}
#imbisAktioen ul { margin:0px;margin-left:5px;padding: 5px; }
#imbisAktioen td {}
#imbisAktioen th:nth-child(2), #imbisAktioen td:nth-child(2) { text-align: left;}
#imbisAktioen caption { font-size:20px; color: green; text-decoration: underline;}
#imbisAktioen tr:nth-child(even) { background: linen;}

#viplink {display:none;}

#page1 > h3 {
    color: #760203;
    /*font-size: 30pt;
    font-weight: bold;*/
}
#page1 > h2 {
    color: #760203;
    /*font-size: 20pt;
    font-weight: bold;*/
}
#page10 > h2 {
    color: green;
    /*font-size: 13pt;
    font-weight: normal;*/
}
#page26 > h2 {
    color: green;
    /*font-size: 13pt;
    font-weight: normal;*/
}
#desc > h2 {
  font-size: 17px;
  font-weight: normal
}
#page10 > img {box-shadow: 1px 0px 15px 5px rgba(119, 119, 119, 0.7);margin-top:20px; margin-bottom:20px;}
#page26 > img { box-shadow: 1px 0px 15px 5px rgba(119, 119, 119, 0.7);margin-top:20px; margin-bottom:20px;}

@media (width < 1000px)
{
  #top {
    height: unset;
  }
  .start #top { height: 200px; }
  #midFrame {
      grid-template-columns: 1fr;
      grid-row-start: 2;
  }
  #groupmenu {
    border: none;
    border-radius: unset;
    text-align: left;
    & ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px,1fr));
      gap: 5px;
    }
  }
  #cartFrame {
    position: fixed; bottom: 0; right: 0;
  } 
  #col1 {grid-column-start: 1;grid-row-start: 1;}
  div.Produkt {
    width: 150px;
    & img { width: 150px;} 
  }
  #tabMultiPreis, #tabProd { margin-left: 20px;}
  #visualGroup {
    display: grid;
    grid-template-columns: repeat( auto-fit, 120px);
    gap: 5px;
    & .produkt { height:unset; width: unset; }
  }
  #ProduktPicture > img {
    margin: 0;
    width: 90vw;
    width: 90dvw;
  }
  #zframe, #zohne {
    font-size: small;
  }
  #nav > ul {
    display: flex;
  }
  #rightmenu { height: unset; width: unset; }
  .open {
    height: unset;
    padding: 0;
    background: none;
  }
}