body {
	/*background-color:#FAFAFA!important;*/
	background-color:#fff!important;
}

.container-flex {
	margin-top: -48px;
	width: 99%;
}
.carousel-caption d-none d-md-block {
	
}

.helpinfo::before{  content: '!'; color:#fff; border-radius:50px; font-size:30px; background-color:#000;font-weight:bold;width:50px;height:50px;display:inline-block;padding-left:21px;}

#gesamtwert {
	font-size:19px !important;
}
.sitekontakt {
	padding-top: 20px;
	top:20px;
	background-color: #f7f5f5;
	margin-bottom: -48px;
}

.side-basket-table {
	max-height:300px;
	overflow-y: scroll;
	scrollbar-color: #b72f2f #c0c0c0;
	scrollbar-width: thin;
	padding:10px;
}
.side-basket-table::-webkit-scrollbar {
  width: 12px;
}
.side-basket-table::-webkit-scrollbar-track {
  background: #ccc;
}

.side-basket-table::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 1px solid #c3262e;
}

.sticky-lg-top {
	background-color: #fff;
}

.kontakttab {
	background-color: #fff;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.setaab {
	background-color: #c3262e;
	font-weight:bold;
}

.setlab {
	background-color: #c3262e;
	font-weight:bold;
}

#trennlinie:hover {
	box-shadow: none;
}
#trennlinie{
	background-image:url(https://www.pizza-taxi-24.de/img/pixel_white.gif);
	background-repeat:repeat-x;
	width:100%;
	height:1px;
}

.trennlinie:hover {
	box-shadow: none;
}
.trennlinie{
	background-image:url(https://www.pizza-taxi-24.de/img/pixel_white.gif);
	background-repeat:repeat-x;
	width:100%;
	height:1px;
}

.alert-warning {
  color: #664d03;
  background-color: transparent !important;
  border-color: transparent !important;
}

.alert-info {
  color: #055160;
  background-color: transparent !important;
  border-color: transparent !important;
}

.boxbewert {
	border-top: 1px solid #c2c2c2;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #000;
  background-color: #c3262e !important;
  background: #c3262e !important;
}

#copyright {
	float:left;
}
.tbl_offnungszeiten_select {
	font-weight: bold;
}
.zusatzstoffe {
	font-size: 8px;
}
.topheader {
	background-color: #c3262e;
	color: #fff;
}
.topheader a,.topheader a:hover  { color: #fff; text-decoration: none;}
.topheader .btn-danger  { color: #fff; border-color: #fff; border-radius: 2.2rem;}
.topheader .btn-danger:hover { color: #c3262e; border-color: #fff; background-color:#fff;}
.topheader .logotitle {font-size: 20px; font-weight: bolder; vertical-align: -2px;}

.logosize {max-height: 60px;}
.headerbasket {color: #000; font-size: 32px;}

.topbasket {position: relative;}
.numberCircle {
  position: absolute;
  top: 0px;
  right: -4px;
  z-index: 99;
  width: 22px;
  height: 21px;
  color: #fff; 
  background: #c3262e; 
  border-radius: 50%;
  line-height: 18px;
  padding-right: 6px;
}

/* verschiedene header gestaltungen umschaltung */
#mobile-header, #desktop-header {background-color: #ffffff!important;}
.headerhr {margin: 0;}
#mobile-header {display: none;}
#desktop-header {display: block;}

 /* TOP NAVIGATION - Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #c53038;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: #c3262e;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
} 
 .topnavopener {color: #c3262e!important; font-size: 2rem;}
 
.langswitcher ul {list-style-type: none; margin: 0; padding: 0;}
.langswitcher li { float: left; }
.langswitcher li img { height: 25px; weidth: auto; margin-left: 10px;}
 
.footer {background-color: #222221; color:#fff; font-size: 14px; }
.footer a{color:#fff; font-size: 14px; text-decoration: none;}  
.footer h3{font-size: 20px; font-weight: 600;}
.footer hr{margin: 1.5rem 0; color: inherit; background-color: #c3262e; border: 0; opacity: 1; width: 50px; height: 2px;}
.footer .imglayer { position: relative; }
.footer .imglayer img { position: absolute; left: 0; bottom: 0; }

.footerbottomline{background-color: #c3262e; color:#fff; font-size: 14px;} 
.footerbottomline a{color:#fff; font-size: 14px; text-decoration: none;} 
 
.footer .card i {font-size: 22px;}
.footer .card {
  background-color: transparent;
  background-clip: unset;
  border: 0;
  border-radius: 0;
}
.footer .card-body {
  padding: 0 0 0 0.6rem;
}
.footer .card-title {
  font-size: 1rem;
  font-weight: 600;
}
.footernav ul {list-style-type: none; margin: 0; padding: 0;}
.footernav li a {display: block; color: white; padding: 0 0 14px 0; text-decoration: none;}
.footernav li a:hover {color: #c3262e;}

#nachoben {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  border: 1px solid #c3262e;
}
#nachoben i{
  font-size: 1.5rem;
}

.appmarkets ul {list-style-type: none; margin: 0; padding: 0;}
.appmarkets li { float: left; }
.appmarkets li a {padding: 0 10px 10px 0;}
.appmarkets li img {width: 140px; height: auto;}


#liefcountdown h2, .msg_offnungszeiten h2 {font-size: 1rem; font-weight: 600;}

.carousel-caption {
  color: #000;  
}
.carousel-caption h2{
  font-size: 44px; font-weight: 700;
}
.carousel-caption p{
  font-size: 30px; font-weight: 600;
}
.carousel-indicators [data-bs-target] {
  background-color: #000;
}

.cat-cards-header {font-size: 22px; font-weight: 600;}
/*.cat-cards .card {width: 8rem; background: #F3F8F4; float: left; margin-right: 25px;}*/
.cat-cards .card {min-width: 9rem;max-width: 9rem; background: #F3F8F4; float: left; margin-right: 1rem;min-height: 10rem; max-height: 10rem;}
.cat-cards .card img {width: 78px; height: 78px; margin-top: 1rem;}
.card-body {padding: 0 1rem 1rem;}
.card-body a {text-dekoration: none; color: #444; font-weight: 700;}


.testimonial-slider .carousel-indicators button {
    width: 10px;
    height: 10px;
    background-color: #c3262e;
    border-radius: 100%;
}
.testimonial-slider {
    padding: 10px 0px 40px;
}


#menu-neu {
	position: relative;
	margin: 10px 0;
}
#menu-neu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu-neu ul li {
  /* Sub Menu */
}
#menu-neu ul li a {
	display: block;
	padding: 5px 15px;
	color: #444;
	font-weight: 600;
	text-decoration: none;
}
#menu-neu ul li a:hover {
	color: #444;
}
#menu-neu ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
#menu-neu ul ul {}

#menu-neu ul li ul li a {
	border-left: 4px solid transparent;
	padding: 5px 20px;
}
#menu-neu ul li ul li a:hover {
	border-left: 4px solid #c3262e;
}
#menu-neu .sub-menu .opener {margin-top: -30px;}
#menu-neu .sub-menu .bi {font-size: 18px;}
#menu-neu a.active { color: #c3262e; }

.layer-lightgray { background-color: #f7f5f5; border:1px solid #ebebeb; padding: 30px 20px;}


.card-header {background-color: rgba(0, 0, 0, 0.8); color:#fff; text-align:center;}
.card-header h2 {font-size: 24px; font-weight: 600;}
.nav-card { max-width: 330px; }
.nav-card .card-body { background-color: #f7f5f5; }
.act-cat-opener {color: #c3262e!important; font-size: 2rem; display: inline-block;}
.act-cat-opener i { cursor: pointer; }
.act-cat {padding: 10px; display: inline-block; font-weight: 600; color: #c3262e;}
.card-mobileheader {display: none;}

.menu-card {max-width: 100%;}
.menu-card-header, .menu-card-body {color:#fff; background: #c3262e;}
.menu-card i {font-size: 30px; font-weight: 600;}
.menu-basket-btt {font-size: 24px; color: #c3262e; cursor: pointer;}

#site {position: relative; background-color:#fff;}
#rightcol {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	background-color: #f7f5f5;
	border: 1px solid #ccc;
	display: none;
}
.sidebox .sidebox-header {position: relative; background-color: #c3262e; color: #fff; padding: 10px 10px 10px 20px; font-size: 24px; font-weight: 600;}
.sidebox #sidebox-content {padding: 10px;}
.sidebox .sidebox-header .sidebox-closer {position: absolute; top: 2px; right: 10px; z-index: 999;}
.sidebox .side-basket-total { font-weight: 600; }
.side-basket-linkbtt a {text-decoration: none;}

#prod_auswahl .pointer_bestellen {cursor: pointer;font-weight: bold;}
#prod_auswahl .produktnr {display: inline-block; padding: 3px;background-color: rgba(0, 0, 0, 0.8);color: #fff; width: 45px; height: 45px; border-radius: 5px;}
#prod_auswahl .produktnr p {padding: 15% 0;}

#warenkorb_pos th {background-color: #c3262e; color: #fff; padding: 20px 10px;}

#plus_btn { padding: 2px 5px 3px 0; cursor:pointer; font-size: 20px;}
#del_btn {  padding: 2px 5px 3px 0; cursor:pointer; font-size: 20px;}
#minus_btn { padding:2px 5px 3px 0; cursor:pointer; font-size: 20px;}
.art-amount {display: inline-block; padding: 3px 6px 2px; font-weight: bold; font-size: 20px;}
.amountswitcher {border:1px solid #999; padding:5px; line-height:55px;}
.amountswitcher2 {border:1px solid #999; white-space: nowrap; padding:5px; line-height:55px;}

#del_btn > img, #minus_btn > img, #plus_btn > img {
	max-height: 18px;
}

.zusatzstoffe{
	font-size:8px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: super;
}

.div_zusatzstoffe {
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#3F3E35;
}

.span_zusatzstoffe {
	font-size:4px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;

}

#tbl_warenkorb{
	font-weight:bold;
	height:20px;
	width:8000px;
}

#tbl_warenkorb2{
	font-weight:bold;
	font-size: 16px;
	position: absolute;
	z-index: 999;
	background-color: #eee;
	padding: 10px 20px 20px; 
	margin: auto;
	max-width: 650px;
	bottom: 65px; left: 0; right: 0;
	display: none;
	border-radius: 20px;
}
#tbl_warenkorb2 .mindestbestellwert {
	display: none;
}
#tbl_warenkorb2-inner > br {display:none;}
#tbl_warenkorb2-closer {font-size: 24px; text-align: right; padding: 0 0 5px; cursor:pointer;}

#tbl_warenkorb2 {
	max-height:600px;
	overflow-y: scroll;
	scrollbar-color: #b72f2f #c0c0c0;
	scrollbar-width: thin;
	border: 1px solid #c0c0c0;
}

.contactinfo .firstfield {
	background-color: #c3262e; 
	color: #fff;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.contactinfo .card i {font-size: 22px;}
.contactinfo h3 {padding: 20px 0;}
.contactinfo .card {
  background-color: transparent;
  background-clip: unset;
  border: 0;
  border-radius: 0;
}
.contactinfo .card-body {
  padding: 0 0 0 0.6rem;
}
.card-body {
	/*entfernt 15.06.2022
	white-space: nowrap;
	overflow: hidden;
	*/
	
	word-wrap:break-word;

}
.contactinfo .card-title {
  font-size: 1rem;
  font-weight: 600;
}

#det {
	font-size: small;
}

#det2 {
	font-size: small;
}

.grayline {background-color: #EDEDED;}
#warenkorb_pos td {padding: 10px 5px 0 2px;text-align: left;}

/* UI Farbüberschreibungen */
.ui-widget-header {
  border: 1px solid #c3262e;
  background: #c3262e;
  color: #ffffff;
}
.ui-state-hover {
  border: 1px solid #c3262e;
  background: #dd4555!important;
  color: #ffffff;
  font-weight: 500;
}

#eigenschaft{
	max-height:24px;
}
.paymentinner {
	  margin: 18% 0;
}

.webnon {
	  display:none;
  }
  
@media screen and (min-width: 1000px) {
  /*.ui-dialog {
	  top: 128px !important;
		z-index: 99999 !important;
	}*/
		.ui-dialog {
		
	  }
	.xtrExtras {
		width: 50%;
		float: left;
	}
	.xtrVariants {
		width: 33%;
		float: left;
	}
}
@media screen and (max-width: 1000px) {
	.footer .imglayer{display: none}
	.nav-card .card-body {display: block;}
} 
 


 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 760px) {
  .topnav a:not(:first-child){
    display: none;
}
  .topnav a.icon {
    float: right;
    display: block;
  }
  #mobile-header {display: block;}
  #desktop-header {display: none;}
  
  .menu-card-body {padding: 0 10px;}
  #prod_auswahl {font-size: 11px;}
  #warenkorb_pos {font-size: 11px;}
  
  /*.zusatzstoffe::before {  content: '\A'; white-space: pre; }*/
  .zusatzstoffe::before { white-space: pre; }
  
  .card-mobileheader {display: block;}
  .nav-card .card-body {display: none;}
  #eigenschaft {max-height:14px;}
  .paymentinner {
	  margin: 10px 5px;
  }
  #gesamtwert {font-size:14px !important;}
  
    .webnon {
	  display:block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 760px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .langswitcher, .mobilenon {
	  display:none;
  }
  .webnon {
	  display:block;
  }
  .nav-card {
	  max-width: 100%;
  }
  .container-flex {
	margin-top: -48px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	}
#plus_btn { padding: 2px 2px 3px 0; cursor:pointer; font-size: 14px;}
#del_btn {  padding: 2px 2px 3px 0; cursor:pointer; font-size: 16px;}
#minus_btn { padding:2px 2px 3px 0; cursor:pointer; font-size: 14px;}
.art-amount {display: inline-block; padding: 3px 6px 2px; font-weight: bold; font-size: 14px;}
.amountswitcher {border:0px solid #999; padding: 2px 2px 3px 0; line-height:55px;}
.amountswitcher2 {border:0px solid #999; white-space: nowrap; padding: 2px 2px 3px 0; line-height:55px;}

#del_btn > img, #minus_btn > img, #plus_btn > img {
	max-height: 16px;
}
} 


/*.offbtn::before{
	background-image:url(https://www.pizza-taxi-24.de/basket/shop/clock.png);
	background-repeat:no-repeat;
	width:100%;
	content: ' ';
	font-weight:bold;
	width:44px;
	height:44px;
	display:inline-block;
}*/

.offbtn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  /*cursor: pointer;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #b72f2f;
  border-color: #b72f2f;
}

.ui-widget-header .ui-icon {
  /*background-image: url(https://www.pizza-taxi-24.de/basket/jquery/images/ui-icons_b72f2f_256x240.png);*/
  background-image: url(https://www.pizza-taxi-24.de/basket/shop/close.png);
}

.ui-dialog .ui-dialog-titlebar-close {
  height: 22px;
  padding: 0px;
}

.ui-widget-header {
  border: none;
  background: transparent;
  color: #b72f2f;
}

.ui-widget-content {
  background-color: white;
}

.ui-dialog .ui-dialog-content {
  background-color: white;
}
.extrabild::before{
	content: "\f17f";
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-right:8px;
	vertical-align: -.125em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0px solid #327e04;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0px solid #000;
}

.ui-icon-closethick {
  background-position: 0px 0px;
}
.ui-icon {
  width: 26px;
  height: 26px;
}

.ui-dialog-title {
  height: 22px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border:0;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	background: none !important;
}

/*+++++++++++++++++++++ Abschnitt Datepicker +++++++++++++++*/
.ui-datepicker {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 18em;
}

/* Datepicker IMMER on top */
#ui-datepicker-div {
  position: fixed !important;   /* oder absolute, aber fixed ist stabiler */
  z-index: 999999 !important;
}

/* Datepicker moderner/feiner */
.ui-datepicker {
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  border: 1px solid rgba(0,0,0,.12);
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
}

/* Header kompakter */
.ui-datepicker .ui-datepicker-header {
  border: 0;
  background: transparent;
  padding: 6px 4px 10px;
}

/* Monatstitel */
.ui-datepicker .ui-datepicker-title {
  font-weight: 600;
}

/* Prev/Next Buttons kleiner und runder */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border-radius: 10px;
  width: 28px;
  height: 28px;
  top: 6px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin-left: -8px;
  margin-top: -8px;
}

/* Zellen/Buttons: weniger klobig */
.ui-datepicker table {
  border-collapse: separate;
  border-spacing: 6px;
}
.ui-datepicker td a,
.ui-datepicker td span {
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  border: 0 !important;
  background: transparent;
}
.ui-state-default, .ui-widget-content .ui-state-default {
  font-weight: normal !important;
}
/* Hover/Active/Selected subtil */
.ui-datepicker td a:hover {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight {
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.28);
}

/* Buttonpanel (Schließen/Heute) */
.ui-datepicker .ui-datepicker-buttonpane {
  border-top: 1px solid rgba(0,0,0,.10);
  margin-top: 10px;
  padding-top: 10px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 13px;
}

#lieferzeit_group { flex-wrap: nowrap; }
#lieferzeit_group .form-select { flex: 1 1 auto; min-width: 0; }
#lieferzeit_group .btn { flex: 0 0 auto; }
/*+++++++++++++++++++++ Ende Abschnitt Datepicker +++++++++++++++*/

#nr {
  vertical-align: top;
}

.my-table {
  border-collapse: separate; /* wichtig für Abstand zwischen Zellen */
  border-spacing: 2px;       /* ersetzt cellspacing="2" */
}

.my-table td,
.my-table th {
  padding: 2px;             
  border: none;
  vertical-align: top;  
}

#prod_auswahl .produktnr {
    display: flex;
    align-items: center;
    justify-content: center;
}

#prod_auswahl .produktnr p {
    padding: 0;
    margin: 0;
}

#prod_auswahl .trennlinie {
  margin-top: -8px;
  margin-bottom: 8px;
}



html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

img {
    max-width: 100%;
    height: auto;
}


#prod_auswahl td.nr {
  width: 70px;
  max-width: 70px;
  white-space: nowrap;
}

#prod_auswahl .produktnr {
  display: inline-flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
}

.neu-icon {
    width: 40px !important;
    height: 36px !important;
    max-width: none !important;
}

.plz-results {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 8px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
}

.plz-results:empty {
    display: none;
}

.plz-result-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.plz-result-item:last-child {
    border-bottom: 0;
}

.plz-result-item:hover {
    background: #f8f9fa;
}

.plz-result-item input[type="radio"] {
    flex: 0 0 auto;
    margin: 0;
}