body {margin: 0;}

html 			{background: #FFFFFF; padding:0; margin:0; min-height: 101%; color: #333333; font-family: 'Open Sans', Arial, Verdana; font-size: 85%; font-weight: 400;}
body 			{padding:0; margin:0;}

div 			{border: 0px solid #C0C0C0;}

h1				{color: #666666; font-weight: 400; margin: 0; padding: 0;}
h2				{color: #666666; font-weight: 400; margin: 0; padding: 0;}
a					{color: #9b1f23;}
.hidden		{position:absolute;left:-1000px;}
.clear		{clear: both; line-height: 0; font-size: 0; height: 0;}
.bu				{font-weight: bold; text-decoration: underline;}
.centa		{text-align: center;}
.error		{color: #CC0000; font-weight: bold;}
.rot			{color: #CC0000;}
.al				{text-align: left;}
.ar				{text-align: right;}
.noborder	{border: 0;}

.offline		{margin: 2em 0;}

.triccolore			{float: left; margin:0; padding: 0; width: 100%; height: 10px; line-height: 10px;}
.triccolore	img	{border:0; margin: 0; padding: 0; width: 100%; height: 10px;}
.banner	img			{float: left; min-width: 100%; width: 100%; height: auto; padding: 0; margin: 0;}

.desktop_v		{float: left; margin:0; padding: 0; width: 98%; height: 1.7em; line-height: 1.7em; font-size: 70%; text-align: right;}
.desktop_v a	{color: #C0C0C0; text-decoration: none;}

.topp				{width: 100%; height: auto; background-color: #9b1f23;}
.topp a 		{text-decoration: none; font-family: "Times New Roman", Times, serif; color: #FFFFFF; font-weight: normal;}
.zentr			{margin: 0 auto; max-width: 960px; text-align: center;}
.topp_logo	{float: left; padding: 0.75% 1%; border: 0;}
.topp_logo	a	{border: 0;}
.logo				{max-width: 180px; max-height: 80px; border: 0;}
.logo a			{border: 0;}
.topp_rp		{float: left;  padding: 2.5% 0 1% 0.5%; font-size: 275%;}
.topp_kontakt	{float: right; padding: 1.9% 1% 1% 0; font-size: 140%; text-align: right; line-height: 100%; border: 0;}
.topp_kontakt a	{text-decoration: none; border: 0;}


#nav-main 			{margin: 0 auto; display: inline-block; position: relative; width: 100%; text-align: center; margin: 1px 0; background-color: #ecebdb; opacity: 0.85; filter: alpha(opacity=85); border-top: 1px solid #856666; border-bottom: 1px solid #856666;}
.mnav-menu 			{margin: 0; display: block; padding-left: 0;}
.mnav-menu ul		{margin: 0; padding: 0; line-height: 200%; font-weight: 600; list-style-type: none;}

.mnav-menu-item 	{display: inline-block; padding: 0 1.2%; line-height: 200%; font-weight: 600; color: #000000;}
.mnav-menu-item a {display: block; text-decoration: none; color: #000000;}

.mnav-submenu 			{position: absolute; padding-left: 0; z-index: 9999; display: none; list-style-type: none;}
.mnav-submenu-item a{padding-left: 20px; color: #333333; }

.mnav-mobile-btn 		{height: 30px; width: 30px; padding: 5px; display: none; cursor: pointer; position: absolute; top: 0; background-image: url('images/mobile-nav-icon.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-color: #252525;}
.mnav-open-close 		{display: none; float: right;}
.mnav-mobile-arrow 	{height: 30px; width: 30px; padding: 5px; display: block; cursor: pointer; background-image: url('images/mobile-arrow-icon.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ccc;}
.mnav-mobile-arrow-mirror {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

.mnav-theme 													{background-color: #333;}
.mnav-theme .mnav-menu-item a:hover 	{color:#9b1f23;}
.mnav-theme .mnav-submenu-item 				{background-color: #ccc;}
.mnav-theme .mnav-submenu-item a:hover{background-color: #ddd;}
.mnav-theme .mnav-mobile-btn:hover 		{background-color: #555;}
.mnav-theme .mnav-mobile-arrow:hover 	{background-color: #333;}
.mnav-theme .mnav-open-close 				{border-left: 1px solid #aaa; border-bottom: 1px solid #aaa;}

.subnavi	{}


.pierino 	{margin: 0 auto; max-width: 950px; padding: 0.5% 0 0 0.5%;}
.supercol {clear: both; padding: 0;}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;	margin: 0 2% 0 0; padding: 0.5% 0;}
.col1.fin, .col2.fin, .col3.fin, .col4.fin, .col5.fin, .col6.fin, .col7.fin, .col8.fin, .col9.fin, .col10.fin, .col11.fin, .col12 {margin: 0;}
.col1 {width: 5.5%;}
.col2 {width: 14%;}
.col3 {width: 22.5%;}
.col4 {width: 31%;}
.col5 {width: 39.5%;}
.col6 {width: 48%;}
.col7 {width: 56.5%;}
.col8 {width: 65%;}
.col9 {width: 73.5%;}
.col10 {width: 82%;}
.col11 {width: 90.5%;}
.col12 {width: 99%; margin: 0;}
/* .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {width: 100%;	height: auto;} */



/* HOME */
.index					{}
.index_newsl1		{margin: 3%; padding: 3%; font-size: 95%; text-align: center; background-color: #9b1f23; color: #FFFAF0; border: 2px solid #9b1f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.index_newsl1 a	{color: #FFFAF0; font-weight: bold;}
.index_newsl2		{margin: 3%; padding: 3%; font-size: 95%; text-align: center; background-color: #666666; color: #FFFFFF; border: 2px solid #9b1f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.index_newsl2 a	{color: #FFFFFF; font-weight: bold;}
.fb							{text-align: center;}
.index img			{border: 0;}

.wochenkarte		{padding: 0.3em; border: 1px solid #FFFFFF;}


/* SPEISEKARTE */
.speisekarte	{}
.pdf			{text-align: center; border: 0;}
.pdf a		{border: 0;}

/* Catering et al */
.solo_img			{text-align: right; margin-top: 1%;}
.solo_img img	{padding: 8px; background-color: #f1f1f1; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/* FOTOS */
.bildergalerie{padding-left: 10%;}
.simpleviewer	{width: 100%; min-height: 600px;}

/* VIDEOS */
.video_iframe	{width: 70%; height: 360px; border:0;}

/* NEWSLETTER */
.newsletter				{}
.newsletter label {float: left; text-align: right; margin-right: 3%; width: 25%; padding-top: 5px; font-size: 100%;}
.newsletter input {padding: 0.7%; width: 60%; font-size: 100%; margin-bottom: 2%; border: 2px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.newsletter .xs				{width: auto;}
.newsletter .xs_label	{float: left; display: inline-block; padding: 0.4em 0 0.5em 0.5em; font-size: 100%;}

.newsletter input.submit-button {float: right; width: 100px;}
.newsletter input:focus 				{border: 2px solid #9b1f23}
.required												{color: #FF0000;}

.newsletter_abmeldung input	{padding: 0.7%; width: 30%; font-size: 100%; margin-bottom: 2%; border: 2px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/* KONTAKT */
.daten_aendern	{margin: 1%; width: 75%; height: auto; padding: 3%; font-size: 90%; text-align: center; background-color: #666666; color: #FFFFFF; border: 2px solid #9b1f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.daten_aendern a{color: #FFFFFF; font-weight: bold;}



/* ONLINE BESTELLUNG ========================================================= */

#onlinebestellung	{font-size: 95%;}

/* Navi-Menue */
.menue			{margin: 0; padding: 5%; font-family: 'Gloria Hallelujah'; color: #FFFAF0; line-height: 175%; background-image: url('images/onlinebestellung/bg_kreidetafel.jpg'); background-color: #31302d; border: 4px solid #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
h1.ob a			{color: #666666; font-weight: 400; margin: 0; padding: 0; text-decoration:none;}
.menue h2		{color: #FFFAF0; text-align: center; border-bottom: 1px solid #be6b6b; margin-bottom: 3%; padding-bottom: 3%;}
.menue a 		{color: #FFFAF0; font-size: 100%;}
.menue a:link 	{text-decoration:none;}
.menue a:visited{text-decoration:none;}
.menue a:active {text-decoration:underline;}
.menue a:hover 	{text-decoration:none; color: #ff334b}
.menue .sym_pizza	{display: inline; border: 0;}
.menue .sym_star	{padding-bottom: 0.3em;}

/* Speisekarte ========================================================= */
.skzeile1,.skzeile2 {float: left; width: 100%; border-bottom: 1px dotted #999999; padding: 0.5em 0; line-height: 140%;}
.skzeile2			{background-color: #F8F8F8; }
.speise				{float: left; width: 68%;}
.speise_detail		{font-size: 95%;}
.preis				{float: left; width: auto }
.zusatz				{color: #9b1f23; margin-bottom: 1em;}
.anzahl				{width: 1.5em; text-align: center;}
.cart_add			{margin: 0 0 -4px 0;}
.togglestyle 		{display:block; border:#ddd solid dashed 1px; margin-top:0px; padding:5px; width:300px;}
.tz					{float: left; width: 100%; line-height: 1.5em; border-bottom: 1px dotted #999999; margin: 0px 0;  background-color: #FFFFFF;}
.klein				{font-size: 90%;}

/* Zusatzoptionen*/
.zusatzoptionen 	{float: left; width: 100%; margin: 0; padding: 0; line-height: 1.4em; font-size: 85%;}
.ap					{margin: 0;}
.ap input			{margin: 0; padding: 0;}
.ap_nr				{float: left; width: 32%; padding: 0 0 0 0.35em; border: 0px solid #654987}
.ap_dotted			{border-bottom: 1px dotted #CCCCCC; margin-bottom: 0.5em; background-color: #F8F8F8}
.zusatzauswahl		{margin: 10px 0 10px 152px; line-height: 1.9em;}

/* Links Kategorien */
#katlist 		{font-size: 100%; margin: 1em 0; text-align: center;}
#katlist  a		{text-decoration: none; font-weight: normal; color: #666666;}
#katlist  a:hover{color: #9b1f23;}

/* Warenkorb ========================================================= */
.warenkorb					{float: right; width: 95%; height: auto; margin: 0; padding: 5px; font-size: 80%; border: 1px solid #808080; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.warenkorb .wk_img	{padding: 0.6em 0;}
.wk									{text-align: center; background-image: url(images/onlinebestellung/triccolore.gif); background-repeat: repeat-x; background-position: 0 1.3em;}
.wai								{text-align: center; line-height: 2em; color: #CCCCCC; font-size: 100%;}
.wai img						{margin: 0 2px -2px 0;}
.wai a							{text-decoration: none; font-weight: normal; color: #999999; border: 0;}

.wk_form 						{margin: 0.5em 0;}

.warenkorb .pos0		{float: left; width: 97%; background-color: #666666; color: #FFFFFF; font-weight: bold; padding: 5px; margin: 5px 0;}
.warenkorb .pos0 .bez	{float: left; width: 69%; text-align: left;}
.warenkorb .pos0 .anz	{float: left; width: 9%; text-align: left;}
.warenkorb .pos0 .preis	{float: left; width: 10%; text-align: left;}

.warenkorb .pos1, .warenkorb .pos2	{float: left; width: 98%; border: 1px solid #dddddd; padding: 8px 0 5px 5px;}
.warenkorb .pos2	{background-color: #f3f3f3;}

.warenkorb .bez		{float: left; width: 69%; padding: 0; line-height: 1.5em;}
.warenkorb .bez	b	{font-size: 110%;}

.warenkorb .apa		{float: left; width: 29%;}  /* Anzahl, Preis, Act */
.warenkorb .anz		{float: left; width: 25%; padding-left: 1%; text-align: center;}
.warenkorb .anzahl{width: 1em; border: 1px solid #666666; font-size: 110%; padding: 0 0.2em; background-color: #F8F8F8; color: 000000;}
.warenkorb .preis	{float: left; width: 40%; text-align: right; font-weight: bold; padding: 0 2%;}
.warenkorb .act		{float: right; width: 20%; text-align: center; padding-left: 1%;}

.warenkorb .detail{float: left; width: 98%; padding: 0; color: #666666; line-height: 1em;}

.warenkorb .anm_hinzu			{text-align: right; margin: 0.5em 0.5em 0 0;}
.warenkorb .anm_hinzu_set	{text-align: left; margin: 0.5em 0.5em 0 0;}
.warenkorb .anm						{width: 88%; border: 1px solid #C0C0C0; padding: 0.2em; margin-left: 0.3em; font-size: 90%;}
.warenkorb .anm_set				{width: 98%; color: #666666; background-color: #fcfcfc; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; padding: 0.1em; font-size: 95%;}

.add_anm 					{background: none; border: none; text-decoration: underline; cursor: pointer;}
.btt_add_anm			{border: solid 1px #666666; background-color: #eeeeee; color: #CC0000; font-weight: bold; padding: 0.2em 1em; border-radius: 3px; margin: 2px 0;}
.txt_area_add_anm	{width:95%; height:3em;}

.zusatz_cont		{width: 100%; padding: 5px 0 0px 0;}
.zusatz_bez			{float: left; width: 77%; font-weight: bold; color: #666666; text-decoration: underline;}
.zusatz_sum			{float: left; font-weight: bold; color: #666666; }
.zusatz_list		{margin-top: 0; color: #666666;}



.center_button			{width: 100%; text-align: center; margin: 1em 0;}
.wk_hinweis_loeschen	{font-size: 85%; padding: 0 1.1em; color: #CCCCCC;}

.wk_hinweis_lieferbed		{float: right; width: 94%; font-size: 85%; font-family: Arial; color: #666666; border: 1px solid #808080; margin: 1em 0; padding: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wk_hinweis_lieferbed .lh 	{line-height: 200%; font-weight: bold; text-decoration: underline;}
.wk_hinweis_lieferbed ul	{margin: 0;}
.wk_hinweis_lieferbed li	{margin: 0 0 0 -2.8em;}

.wkb					{width: 100%; text-align: center; margin: 3em 0 1em 0; font-weight: normal;}

/* Lieferpauschale */
.lp_cont		{width: 100%; padding: 2% 0 2% 3%;}
.lp_bez			{float: left; width: 79%; font-weight: bold; color: #666666; text-decoration: underline;}
.lp_bez_pfand	{float: left; width: 79%; font-weight: bold; color: #666666;}
.lp_sum			{float: left; font-weight: bold; color: #666666; }
.lp				{text-align: left; padding: 5px; font-weight: bold; margin-top: 5px;}



/* Persönliche Daten - Liederadresse ============================================= */
.pers_daten				{float:left; width: 100%; color: #333333; font-size: 90%;}
.pers_daten	.box 	{border: 1px solid #808080; margin: 0 0 1em 0; padding: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.pers_daten	.img 	{margin: 0}


.pers_daten .form		{margin: 1em 0;}
.pers_daten .z			{float: left; width: 100%; line-height: 2.3em;}
.pers_daten .fname	{float: left; width: 27%; font-weight: bold;}
.pers_daten .fdata	{float: left; width: 70%;}
.pers_daten .plz_ort{width: 103%; margin-top: 0.2em;}
.pers_daten .zahlung{float: left; width: 70%; line-height: 1.8em; margin-top: 0.5em}
.pers_daten .imgs_onlinezahlung	{margin: 0.2em 0 0 1.3em;}


.pers_daten input			{padding: 0.2em; margin: 0.2em 0; font-size: 100%; border: solid 1px gray; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;color: #333333;}
.pers_daten select		{border: solid 1px gray; padding: 0.1em; font-size: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.pers_daten textarea	{}

.pers_daten .password	{}
.pers_daten .password1{}
.pers_daten .login		{border:0; margin-bottom: -12px;}

.pers_daten	.text		{color: #808080;}
.pers_daten	.stammkunde	{margin: 0.5em 0 0 0; font-weight: bold; color: #CC0000;}

.pers_daten	.required			{width:100%;}
.pers_daten	.optional			{width:100%;}
.pers_daten	.required_err	{border-color: #CC0000;}
.pers_daten	.optional_err	{}
.pers_daten	.optional_err	{border: 1px dashed #CC0000;}

.pers_daten	.anm			{}
.pers_daten	.anmerkungen	{width: 100%; font-size: 100%; font-family: Arial; color: #333333; border: solid 1px gray; padding: 0.2em; margin: 0.2em 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.pers_daten	.hinweis		{font-size: 85%; color: #666666;}

.pers_daten	.b_absenden 	{margin: 1em 0 0 0; border: 0;}
.b_weiter_einkaufen			{margin: 1em 0 ; border: 0;}

.pers_daten	.error			{font-size: 100%; color: #CC0000; font-weight: bold; border: 0px dotted #CC0000; margin: 10px 0 0 0;}
.thanx						{}
.halbe_zeile				{line-height: 0.5em;}


/* Feheler beim Bestellen/Registrieren */
.error_div					{border: 1px solid #808080; margin: 0 0 1em 0; padding: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.error_div .l				{float: left; width: 10%;}
.error_div .r				{float: right; width: 87%; color: #CC0000; font-weight: bold;}


/* Passwort Confirm  Aktivierungslink ========================================================= */
#confirm{width: 100%; padding: 0;}
#logo 	{text-align: center; margin: 10px 0;}
.tri		{height: 9px; background-image: url(triccolore.gif); background-repeat: repeat-x; margin.bottom: 2em; }
#confirm_txt	{text-align: center; margin: 30px 0;}
#footer-rp		{text-align: center; margin: 0 0 30px 0;}


/* Passwort vergessen / zurücksetzen PV ========================================================= */
#pv			{padding: 0;}
#pv input	{width: 300px; border: solid 1px gray; padding: 4px; border-radius: 4px; margin: 2px 0; font-size: 120%; text-align: center; font-weight: bold;}
#pv .txt	{text-align: center; margin: 30px 0;}
#pv .button	{width: 250px; border: solid 1px #666666; background-color: #eeeeee; padding: 5px; border-radius: 4px; margin: 2px 0;}


/* Loggin + Daten ändern ========================================================= */
.edit			{float:left; width: 100%; color: #333333; font-size: 90%; margin-top: 1em;}
.edit .form		{margin: 1em 0;}
.edit .fname	{float: left; width: 10em; font-weight: bold; padding: 0.7em 0 0 0;}
.edit .fdata	{}
.edit .required	{float: left; width: 15em; padding: 0.2em; margin: 0.2em 0; font-size: 100%; border: solid 1px gray; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;color: #333333;}
.edit .loggin	{margin: 1em 11em;}
.edit .img		{margin: 0}


@keyframes fadeout 			{from {color: #CC0000;} to {color: white;}}
@-moz-keyframes fadeout 	{from {color: #CC0000;} to {color: white;}} /* Firefox */
@-webkit-keyframes fadeout 	{from {color: #CC0000;} to {color: white;}} /* Safari and Chrome */
@-o-keyframes fadeout 		{from {color: #CC0000;} to {color: white;}} /* Opera */
.fadeout 					{float: left; font-weight: bold; margin: 0; padding: 0 0 0.4em 3.5em; color: #FFFFFF; animation-name: fadeout; animation-duration: 4s;}




* .p_small				{float: right; border: 1px dotted #CCCCCC; margin: 2px 18px 0 0; padding: 0 3px; text-align:right; color: #999999;}
/* 
[disabled] 			{color: #000000; background-color: #EEEEEE; border: 2px solid #C0C0C0;}
*/
.grey_bold			{font-weight: bold; color: #666666; line-height: 1.5em;}



@media all and (min-width: 960px) 
{
.pierino 			{max-width: 960px;} 
.pierino .supercol 	{padding: 0;}
.pierino img		{width: auto; height: auto;}
}


@media all (min-width: 401px) and (max-width: 768px)
{
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: none;	width: 99%;}
html			{font-size: 0.8em}
.topp_kontakt	{padding: 2.9% 1% 0 0; border: 1px solid #00FF00}
/* .topp_rp		{display: none;} */
.topp_spacer	{letter-spacing: 0vw; border: 1px solid #00FF00}
}


@media all and (max-width: 400px)
{
html			{font-size: 0.7em}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: none;	width: 99%;}

.topp			{width: 100%; height: auto; background-color: #9b1f23;}
.topp a 		{text-decoration: none; font-family: "Times New Roman", Times, serif; color: #FFFFFF; font-weight: normal;}
.zentr			{margin: 0 auto; max-width: 100vw; text-align: center; padding: 0;}
.topp_logo img	{float: left; width: 45vw; height: auto; padding: 3% 0;}
.topp_rp		{display: none;}
.topp_kontakt	{float: right; width: 40vw; height: auto; text-align: right; font-weight: bold; font-size: 145%; line-height: 125%; padding: 0.7em 0.7em 0 0;}

#nav-main 			{padding: 40px 0 0 0; text-align: left; font-size: 125%; background-image: url('images/navigation.gif'); background-position: 38% 14px; background-repeat: no-repeat;}
.mnav-mobile-btn 	{display: block;}
.mnav-menu 			{display: none; padding: 0 0 0.5em 0;}

.mnav-menu-item 	{float: none; position: relative; display: block; width: 100%; padding-left: 5%}
.mnav-menu-item a 	{color: #000000;}
.mnav-open-close 	{display: block;}
.mnav-submenu 		{width: 100%; position: relative;}
.mnav-submenu-item a{display: block;}

.mnav-theme .mnav-menu-item 	{border-bottom: 1px solid #aaa;}
.mnav-theme .mnav-submenu-item 	{border-bottom: 1px solid #aaa;}

.banner	img			{float: left; min-width: 100%; width: 100%; height: auto; padding: 0; margin: -3px;}

.pierino			{padding: 0 3%;}
.supercol			{display: flex; display: -webkit-flex; flex-direction: column; }

div#div-index	{order: 2;}
div#div-newsl	{order: 1;}
div#div-index	{-webkit-order: 2;}
div#div-newsl	{-webkit-order: 1;}

.fb				{margin: 0 auto; width: 99%; height: auto; padding-top: 1em; text-align: center; vertical-align: middle;}
.fb  br 		{display: none;}
.fb  img 		{padding: 0; display: inline-block; vertical-align: middle;}
.fb .fb-like	{display: inline-block; vertical-align: middle; padding-left: 0.5em;}


h1							{margin: 0.5em 0 0 0;}
#onlinebestellung .menue	{margin: 1em 0; padding: 0.5em; font-size: 120%;}
#onlinebestellung .menue h2 {margin: 0 0 0.5em 0;}
#onlinebestellung .menue .l {float: left; width: 49%;}
#onlinebestellung .menue img{padding: 0;}
.cart_add					{margin: 0 0 -4px 2px;}

#katlist a	{font-weight: bold; color:#9b1f23;}

#onlinebestellung .pers_daten{margin: 0.5em 0;}
.wk_sym		{text-align: right; margin: -3em 0 0 0; padding:0;}
.wk_sym	a	{border: 0;}

}



/*@media 	(max-width: 400px) 							{html{background: red;}} 		/* mobile */
/*@media 	(min-width: 401px) and (max-width: 800px) 	{html{background: grey;}}		/* tablet */
/*@media 	(min-width: 801px) 							{html{background: #FFFFFF;}}	/* pc */








#footer		{clear: both; padding: 2% 0 0 0; margin: 0 0 1em 0; font-size: 80%; color: #666666;}
.footer		{margin: 0 auto; max-width: 960px; text-align: center; border-top: 1px solid #C0C0C0; padding: 0.5% 0 0 0;}
#footer a	{text-decoration: none; color: #666666;}







.cookie_banner-wrapper{z-index:9001;position:relative}
.cookie_container .cookie_btn{cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cookie_container .cookie_message{font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container .cookie_btn{font-size:1em}
.cookie_container .cookie_message{font-size:1em;line-height:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
@media print{.cookie_banner-wrapper,.cookie_container{display:none}}
.cookie_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cookie_container .cookie_btn{
padding: 0.8em 1em; background-color:#f1d600;background-color:black;cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px
}
.cookie_container .cookie_message{-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{margin-top:0.5em;font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container{padding:15px 30px 15px}
.cookie_container .cookie_btn{font-size:1em;padding:8px 15px}
.cookie_container .cookie_message{font-size:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
.cookie_container{background-color:#4c4c4c; opacity: 0.96; color: #FFFFFF; font-family: Arial; box-sizing: border-box; border-top: 1px solid #CCCCCC;}
.cookie_container::-moz-selection {background: #FF5E99; color: #FFFFFF; text-shadow: none}
.cookie_container .cookie_btn,.cookie_container .cookie_btn:visited{
color: #000000; background-color: #009900; background-color: #33cc33; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px
}
.cookie_container .cookie_btn:hover,.cookie_container .cookie_btn:active {background-color: #33FF00; color: #000000;}
.cookie_container a,.cookie_container a:visited{text-decoration:none;color:#FFFFFF;-webkit-transition:200ms color;transition:200ms color}
.cookie_container a:hover,.cookie_container a:active{color:#FFFFFF;}

@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.cookie_container,.cookie_message,.cookie_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.cookie_container a, .cookie_message a {font-size: 0.8em; font-weight: normal; color: #FFFFFF; text-decoration: underline;}