/* PIZZA FLITZER NEUSTADT AM RÜBENBERGE */
* {
	margin: 0;
	padding: 0;
}

html {
	background: #000000;
	font: 80%/1.4 Verdana, Tahoma, Arial;
	color: #000;
	margin: 0;
	padding: 0;
}

body {
	background: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}

img{
	border:none;
}

/* FONTS */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Oswald-Regular.woff2) format('woff2');
}

/* latin */
@font-face {
  font-family: 'Ranga';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Ranga.woff2) format('woff2');
}

/* HEAD */

div#top, div#admintop{
	height: 189px;
	padding: 0;
	margin: 0;
}

div#top{
	background: #cc4836 url(../images/top_bg.jpg) 0 0 repeat-x;
}

div#admintop{
	background: #cc4836 url(../images/admin_bg.jpg) 0 0 repeat-x;
}

div#head{
	width: 800px;
	height: 148px;
	margin-left: auto;
	margin-right: auto;
}

div#top h1 a, div#admintop h1 a{
	display: block;
	width: 800px;
	height: 148px;
	text-indent: -9999px;
	text-decoration: none;
}

div#top h1 a{
	background: url(../images/top_logo.jpg) 0 0 no-repeat;
}

div#admintop h1 a{
	background: url(../images/admin_logo.jpg) 0 0 no-repeat;
}

div#navi{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	height: 41px;
	padding-top: 2px;
}

li.dir ul li.abstandshalter {
	border-top: 1px dashed #f7e5bf;
	padding: 0px;
	margin-top: 5px;
}

/* BOTTOM */

div#bottom{
	background: #000000 url(../images/bottom_bg.jpg) 0 0 repeat-x;
	height: 245px;
	color: #f7e5bf;
	clear: both;
}

div#bottom_size{
	width: 775px;
	margin-left: auto;
	margin-right: auto;
}

div#bottom_logo{
	width: 261px;
	height: 85px;
	padding-top: 150px;
	background: #000000 url(../images/bottom_logo.jpg) 0 0 repeat-x;
	float: left;
	font-size: 80%;
	color: #553125;
}

div#bottom_anschrift, div#bottom_kontakt, div#bottom_offen{
	height: 110px;
	float: left;
	text-align:left;
	font-size: 80%;
	padding-top: 22px;
}

div#bottom_anschrift{
	width: 165px;
	padding-left: 10px;
}

div#bottom_kontakt{
	width: 175px;
}

div#bottom_kontakt a:link, div#bottom_kontakt a:visited{
	text-decoration: none;
	color: #f7e5bf;
	border: 0;
}

div#bottom_kontakt a:hover, div#bottom_kontakt a:active, div#bottom_kontakt a:focus{
	color: #f7e5bf;
	border-bottom: 1px solid #ffffff;
}

div#bottom_offen{
	width: 160px;
}

div#bottom_navi{
	padding-top: 50px;
	padding-bottom: 10px;
	width: 510px;
	float: right;
}

div#bottom_navi ul{
	list-style: none;
}

div#bottom_navi ul li{
	margin: 0;
	padding: 0px 15px 0px 0px;
	display: inline;
}

div#bottom_navi ul li a:link, div#bottom_navi ul li a:visited{
	text-decoration: none;
	color: #f7e5bf;
	font-size:  85%;
	font-weight: bold;
	border: 0;
}

div#bottom_navi ul li a:hover, div#bottom_navi ul li a:active, div#bottom_navi ul li a:focus{
	color: #f7e5bf;
	border-bottom: 1px solid #ffffff;
}

div#bottom_navi ul li a.active{
	color: #ffffff !important;
	border-bottom: 1px solid #f7e5bf;

}

div#bottom_clear{
	clear: left;
}

/* CONTENT */

div#content{
	background: #f7e5bf url(../images/main_bg.jpg) 0 0 repeat-x;
	padding: 0;
}

div#content_size{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
}

div#content p{
	padding: 6px 0px;
	font-size: 90%;
}

div#content h2{
	font-size: 150%;
	font-weight: bolder;
	color: #000000;
}

div#content h2 span{
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	position: relative;
	top: -7px;
	left: 180px;
}

div#content h3, legend{
	font-size: 130%;
	font-weight: bold;
	color: #cc4836;
	margin-top: 15px;
}

div#content h4{
	font-size: 120%;
	font-weight: bold;
	color: #cc4836;
}

legend{
	padding-top: 10px;
}

div#content ul{
	list-style-type: circle;
	padding-left: 26px;
}

div#content ul li{
	padding: 2px 4px;
	font: 80% Verdana, Tahoma, Arial;
	color: #000;
}

div#content ul.list{
	list-style: none;
	padding:0;
}

div#content ul.list li{
	padding: 2px 0px;
	font: 88% Verdana, Tahoma, Arial;
	color: #000;
}

div#content a:link, div#content a:visited{
	color: #553125;
	text-decoration: none;
	border: 0;
}

div#content a:active, div#content a:hover, div#content a:focus{
	color: #000000;
	border-bottom: 1px solid #553125;
}

div#content_full{
	float: left;
	width: 750px;
	padding: 20px 0px;
}

div#content_cart{
	float: left;
	width: 490px;
	padding: 20px 0px;
}

div#content div.bg_white{
	background: #fff7e6;
	padding: 0px 5px 8px 5px;
	margin: 3px;
	border: 2px solid #553125;
}

.center{
	text-align: center;
}

.clear{
	clear: both;
}

.red{
	color: #cc4836;
}

/* NEWSLETTER */

div#newsletter{
	width: 248px;
	background: #eadab6 url(../images/newsletter.jpg) top left no-repeat;
	padding-top: 3px;
}

#mc_embed_signup_scroll {
	text-align: center;
}

.mc-field-group{
	padding-top: 47px;
	overflow: hidden;
}

.mc-field-group label {
	display: none;
}

.mc-field-group input {
	width: 248px;
	padding-left: 10px;
	background-color: rgba(50,50,50,0.3);
	border: none;
	border-bottom: 1px solid red;
	position: relative;
	left: -1px;
	color: white;
}

.mc-field-group input:hover, .mc-field-group input:focus {
	background-color:  rgba(50,50,50,0.5);
	border-bottom: 1px solid red;
}

.mc-submit input{
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #000000;
    margin: 9px 0;
    padding: 2px 9px;
    width: auto;
}

.mc-submit input:hover, .mc-submit input:focus{
	box-shadow: 1px 1px 3px #000000;
}

/* WARENKORB */

div#cart{
	width: 248px;
	float: right;
	background-color: #eadab6;
	border-left: 1px solid #8a715d;
	border-right: 1px solid #8a715d;
	border-bottom: 1px solid #8a715d;
}

div#cart img{
	padding: 0;
	margin: 0;
}

div#cart table{
	width: 100%;
}

div#cart table a:hover{
	border: 0;
}

div#cart table td{
	padding: 1px;
	margin: 0;
}

div#cart table .cartextras, div#cart table .cartremarks{
	padding: 0 1px;
	margin: 0;
}

div#cart td.updown{
	width: 8px;
}

div#cart td.anzahl{
	width: 17px;
	text-align: left;
}

div#cart td.name{
	text-align: left;
}

div#cart td.name b{
	font-size: 85%;
}

div#cart td.preis{
	width: 43px;
	font-size: 85%;
	text-align: right;
}

div#cart td.delete{
	width: 17px;
	text-align: center;
	padding-right: 2px;
}

div#cart td.edit{
	width: 17px;
	text-align: center;
}

div#cart td.gesamttitel, div#cart td.gesamtpreis{
	padding-top: 8px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: right;
}

div#cart table a:active{
	border: 0;
}

div#cart a.bestellung{
	font-size: 140%;
	font-weight: bold;
	padding-left: 24px;
	background: url(../images/icons/basket_go.png) 0 0 no-repeat;
}


/* BESTELLUNGEN */

div#bestellungen, div.bestellungen{
	border: 1px solid #553125;
}

div#bestellungen h2, div.bestellungen h2{
	background-color: #f7edd7;
	padding: 5px 10px;
	display: block;
}

div#bestellungen h2 small, div.bestellungen h2 small{
	font-size: 80%;
}

div#bestellungen h2.head-pizza, div.bestellungen h2.head-pizza{
	background: #f7edd7 url(../images/heads/pizza.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-pizza-selbstbelegen, div.bestellungen h2.head-pizza-selbstbelegen{
	background: #f7edd7 url(../images/heads/selbstbelegen.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-calzone, div.bestellungen h2.head-calzone{
	background: #f7edd7 url(../images/heads/pizza2.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-kids, div.bestellungen h2.head-kids{
	background: #f7edd7 url(../images/heads/kids.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-nudeln, div.bestellungen h2.head-nudeln{
	background: #f7edd7 url(../images/heads/nudeln.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-ofenwarme-baguettes, div.bestellungen h2.head-ofenwarme-baguettes{
	background: #f7edd7 url(../images/heads/ofenwarme-baguettes.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-griechische-spezialitaeten--gyros, div.bestellungen h2.head-griechische-spezialitaeten--gyros {
	background: #f7edd7 url(../images/heads/griechische-spezialitaeten.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-mittagsangebot, div.bestellungen h2.head-mittagsangebot{
	background: #f7edd7 url(../images/heads/mittagsangebot.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-aktionsmenue, div.bestellungen h2.head-aktionsmenue{
	background: #f7edd7 url(../images/heads/aktionsmenue.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-getraenke, div.bestellungen h2.head-getraenke{
	background: #f7edd7 url(../images/heads/getraenke.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-salat, div.bestellungen h2.head-salat{
	background: #f7edd7 url(../images/heads/salat.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-burger, div.bestellungen h2.head-burger{
	background: #f7edd7 url(../images/heads/burger.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-schnitzel-und-kleine-leckereien, div.bestellungen h2.head-schnitzel-und-kleine-leckereien{
	background: #f7edd7 url(../images/heads/schnitzel.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-finger-food, div.bestellungen h2.head-finger-food{
	background: #f7edd7 url(../images/heads/fingerfood.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}

div#bestellungen h2.head-vegan, div.bestellungen h2.head-vegan{
	background: #f7edd7 url(../images/heads/vegan.jpg) 0 0 no-repeat !important;
	padding-top: 155px !important;
}



table{
	border: 0;
	width: 100%;
}

table tr, table th, table td{
	border: 0;
	padding: 3px;
	margin: 0;
}

table th.select{
	color: #f7e5bf;
}

table th.price, table th.func{
	width: 65px;
	text-align: center;
}

table td.select, table td.price, table td.burgerprice, table td.func{
	border-top: 1px dashed #553125 !important;
}

table th.burgerprice {
	width: 170px;
	text-align: center;
}

table td.burgerprice {
	text-align: right !important;
	width: 170px;
}

table td.burgerprice span.burgermit {
	display: inline-block;
	width: 90px;
	text-align: left;
}

table td.burgerprice span.burgerpreis {
	display: inline-block;
	width: 50px;
	text-align: right;
}

table td.price small {
	text-align: right !important;
	display: block;
}

table td.select{
	color: #000000;
	padding: 2px 0 2px 5px;
	font-weight: bold;
}

table td.select small{
	font-weight: normal;
}

table td.price, table td.func{
	width: 65px;
	text-align: center;
	font-weight: bold;
}

table td.price a, table td.price a:link{
	padding-left: 18px;
}

table td.price a:hover, table td.price a:active{
	padding-left: 18px;
	background: url(../images/icons/cart_put.png) 0 0 no-repeat;
}


/* FORMULARE */

form .center{
	text-align: center;
}

form div.error{
	border-top: 2px solid #d11716;
	border-bottom: 2px solid #d11716;
	background-color: #f6da62;
	padding: 5px 15px;
	margin: 3px 0 5px 0;
}

fieldset{
	border: 0px;
}

label{
	font-size: 13px;
	display: block;
	padding-bottom: 2px;
}

label img{
	position: relative;
	margin-left: 1px;
	margin-right: 3px;
	top: 3px;
}

label span{
	color: #d11716;
}

label small{
	color: #767676;
	font-size: 88%;
}

input, textarea, select, button{
	font-size: 13px;
	line-height: 1.5;
	font-family: Verdana,Arial,sans-serif;
	background-color: #faf9f7;
	width: 98%;
	padding: 8px 4px;
	border: 1px solid #dbd7ce;
}

input:hover, textarea:hover, select:hover{
	background-color: #ffffff;
	border-color: #b3b0ab;
}

input:focus, textarea:focus, select:focus{
	background-color: #ffffff;
	border-color: #000000;
}

input.error, textarea.error, select.error, button.error{
	background-color: #fba195;
	border: 1px solid #000000;
}

p.checkbox{
	float: left;
	width: 480px;
	display: block;
	padding: 3px;

}

input.checkbox{
	float: left;
	width: 20px !important;
	padding: 0 !important;
	margin: 3px 0 0 5px !important;
	border: none;
}

label.checkbox{
	padding-left: 10px;
	margin-left: 10px;
	font-size: 13px !important;
	line-height: 1.5;
	font-family: Verdana,Arial,sans-serif;
}

label.checkbox span{
	color: green;
	font-size: 90%;
}

select optgroup{
	font-weight: bold;
	border-top: 1px solid #dbd7ce;
}

select optgroup option{
	padding-left: 25px;
	border: 0;
}

textarea{
	overflow: auto;
}

input#submit{
	border: 1px solid #ffa500;
	background-color: #f6ebbf;
	font-weight: bold;
	padding: 4px;
}

/* Kontaktformular */

div#kontakt_info{
	float:right;
	width: 240px;
	padding-top: 52px;
}

div#kontakt_info h3{
	font-size: 96%
}

div#kontakt_form{
	margin-right: 265px;
	padding-top: 20px;
}

/* Formulare */

div#form{
	width: 600px;
	margin: 0 auto;
}

div#form p.left {
	width: 290px;
	float: left;
}

div#form p.right {
	width: 290px;
	float: right;
}

div#form p.clear {
	clear: both;
}

p.check_it, p.check_email {
	display: none;
	visibility: hidden;
}

/* Slideshow Startseite */

div.slideshow{
	height: 360px;
	width: 600px;
	margin: auto;
}

div.slideshow img{
	padding: 3px;
	background-color: #f7e5bf;
	border: 1px solid #553125;
}

div.slideshowfade{
	height: 250px;
	width: 740px;
	margin: auto;
}

div.slideshowfade img{
	padding: 3px;
	background-color: #f7e5bf;
	border: 1px solid #553125;
}

/* Administration Icons */

a.functions{
	font-size: 80%;
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-bottom: 1px;
}

a.functions:hover{
	padding-bottom: 0px;
}

a.f-up{
	background-image: url(../images/icons/arrow_up.png);
}

a.f-down{
	background-image: url(../images/icons/arrow_down.png);
}

a.f-delete{
	background-image: url(../images/icons/cart_delete.png);
}

a.f-edit{
	background-image: url(../images/icons/basket_edit.png);
}

/* Startseite */

#homeflitzer {
	background: url(../images/home/flitzer.jpg) no-repeat top left;
	width: 800px;
	/*height: 300px; */
	padding: 160px 45px 30px 45px;
}

#homemittag {
	background: url(../images/home/mittag.jpg) no-repeat top left;
	width: 800px;
	/*height: 100px;*/
	padding: 120px 45px 15px 45px;
}

#homeaktion {
	background: url(../images/home/aktion.jpg) no-repeat top left;
	width: 800px;
	/*height: 210px;*/
	padding: 100px 45px 25px 45px;
}

div.hometable table {
	width:705px !important;
	border-collapse: collapse !important;
}

div.hometable td {
	font-size: 125% !important;
	font-weight: bold !important;
}

div.hometable td.productprice {
	width: 120px !important;
	text-align: right !important;
}

div.hometable td a:link, div.hometable td a:visited {
	color: #000000 !important;
	text-decoration: none !important;
	display: block;
}

div.hometable td a:hover, div.hometable td a:focus {
	color: #e02e37 !important;
	border-bottom: none; !important;
}

div.hometable tr:hover td a{
	color: #e02e37 !important;
	border-bottom: none !important;
}

.home-header {
	font-weight: bold;
	color: #cc4836;
	font-family: 'Ranga', cursive;
	font-size: 50px !important;
	margin: 5px 0px 0px !important;
}

.home-font {
	font-family: 'Oswald', sans-serif;
	font-size: 22px !important;
}

.card {
  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
  background-color: #fff;
  width: 100%;
  position: relative;
  border-radius: 12px;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.card_img {
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 235px;
  border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	transition: all 1.5s ease;
}

.card .card_img::before {
	display: block;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%);
	content: "";
	width: 100%;
  height: 235px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	transition: all 1.5s ease;
}

.card:hover .card_img {
	background-position: center -70px;
}

.card-mittagsangebot .card_img {
	background-image: url('../images/home-mittagsangebot.jpg');
}

.card-aktion .card_img {
	background-image: url('../images/home-aktion.jpg');
}

.card-aktion .card_img, .card-aktion .card_img::before {
	height: 100px;
}

.card-kreationen .card_img {
	background-image: url('../images/home-kreationen.jpg');
}

.card-kreationen .card_img, .card-kreationen .card_img::before {
	height: 150px;
}

.card-spiesse .card_img {
	background-image: url('../images/home-spiesse.jpg');
}

.card-spiesse .card_img, .card-spiesse .card_img::before {
	height: 150px;
}

.card-spiesse:hover .card_img {
	background-position: center -120px;
}

.card_header {
	padding: 0px 12px;
}

.card_header h3 {
	font-weight: bold;
	color: #cc4836;
	font-family: 'Ranga', cursive;
	font-size: 50px !important;
	margin: 5px 0px 0px !important;
}

.vegan {
	color: #3b800c !important;
}

.card_info {
	padding: 0px 12px 15px;
}

.card_info a {
	color: #000 !important;
}

.card_info a:hover {
	text-decoration: none !important;
	border-bottom: 1px dashed #cc4836 !important;
	font-weight: bold;
}

.card p {
	font-family: 'Oswald', sans-serif;
	font-size: 22px !important;
}

.card_addinfo p {
	font-size: 14px !important;
	color: grey;
}

.card .card_info table {
	padding: 0 25px;
}

.card .card_info table td {
	font-family: 'Oswald', sans-serif;
	font-size: 22px !important;
	text-align: left;
	padding-bottom: 15px;
}

.card .card_info table tr {
	padding-bottom: 10px;
}

.card .card_info table tr:hover .card-product {
	font-weight: bold !important;
}

.card .card_info table tr:hover .card-product span {
	font-weight: normal;
}

.card .card-product span {
	display: block;
	font-size: 14px !important;
	color: grey;
}

.card .card-price {
	text-align: right !important;
}

.card .card-price span {
	display: block;
	font-size: 14px !important;
	color: grey;
	text-align: right !important;
}