* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
}
body {
margin: 0;
min-height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #fee500;
color: #000000;
font-family: forText, sans-serif;
font-size: 18px;
line-height: 28px;
}
.navbar-address {text-align: center;border: 2px dashed #000000;border-radius: 14px;justify-content: center;align-items: center;padding: 21px;display: flex;}
.fontforText
{
font-family: forText, sans-serif !important;
}
select, input, textarea, #OrderComment {-webkit-appearance: none;}
.t-r {text-align:right;}
.t-c , .text-center {text-align:center;}
.cp {cursor:pointer;}
.red-border {border-color: #fe6b00 !important;}
.CartLne .Voucher input , #OrderComment
{
border: 2px dashed #000000;
color: #000000;
}
.form-success {
background-color: #fee500;
color: #000000;
padding: 14px 20px;
border-radius: 14px;
border: 2px dashed #000000;
}
.form-error {
color: #ffffff;
padding: 14px 20px;
border-radius: 14px;
background-color: #ed333b;
color: #ffffff;
border: 2px dashed #ffffff;
}
#DeliveryTime_Msg {margin-top:127px !important;}
.alert,
#DeliveryTime_Msg
{
position:absolute;
padding: 14px 20px;
border-radius: 14px;
background-color: #ed333b;
color: #ffffff;
border: 2px dashed #ffffff;
margin-top:-25px;
display:none;
z-index:5;
}
.alert::before{
content:"";
position:absolute;
top: -10px;
left: 18px;
border-width: 0 10px 10px 10px;
border-style: solid;
border-color: transparent transparent #ed333b transparent;
}
.alert.visible
{
display:block;
}
img {
max-width: 100%;
vertical-align: middle;
display: inline-block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-button {
display: inline-block;
padding: 9px 15px;
background-color: #fee500;
color: #ffffff;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-radius: 0;
}
input.w-button {-webkit-appearance: button;}
.p-button,
.btn_order ,
.btn_emptyorder
{
border: 2px solid #000000 !important;
background-color: #fee500;
color: #000000;
text-align: center;
border-radius: 14px;
padding: 18px 29px !important;
font-weight: 600;
box-shadow: 0 0 rgba(0, 0, 0, 0);
display: inline-block;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
input.p-button,
input.btn_order {-webkit-appearance: button;}
.p-button-l {
border-radius: 14px 0 0 14px;
border: 2px solid #000000 !important;
}
.p-button-r {
border-radius: 0 14px 14px 0;
border: 2px solid #000000 !important;
border-width: 2px 2px 2px 0 !important;
}
.menuentry h5 {margin-bottom: 3px;}
.menuentry h2 {margin-top:35px;}
#CartElm
{
width:100%;
border-radius: 14px;
border: 2px solid #000000 !important;
background: #fee500 !important;
padding:15px 10px;
color: #000000;
position: sticky;
top: var(--cart-top, 0px);
height: calc(100vh - var(--cart-top, 0px) - 10px);
overflow: auto;
}
#CartAnchor {position: relative;}
#CartDv
{
margin:50px 10px 5px 10px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow-y: auto;
overflow-x: hidden;
}
#ConfirmOrder
{
margin-top:0px;
}
blockquote {
margin: 0 0 10px 0;
padding: 10px 20px;
border-left: 5px solid #E2E2E2;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0;
margin-bottom: 10px;
}
figcaption {
margin-top: 5px;
text-align: center;
}
ul,
ol {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 40px;
}
.w-embed:before,
.w-embed:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-embed:after {
clear: both;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
button,
[type='button'],
[type='reset'] {
border: 0;
cursor: pointer;
-webkit-appearance: button;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
padding: 20px;
text-align: center;
background-color: #dddddd;
}
.w-form-fail {
margin-top: 10px;
padding: 10px;
background-color: #ffdede;
}
label {
display: block;
font-weight: bold;
}
.w-input,
.w-select,
#OrderComment
{
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
vertical-align: middle;
}
.w-input.rate-input
{
width:350px;
padding: 8px 12px;
line-height: 1.12;
height: 38px;
}
.w-input:focus,
.w-select:focus,
#OrderComment:focus {
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
display: inline-block;
cursor: pointer;
font-weight: normal;
margin-bottom: 0px;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
h1 {
margin-top: 0;
margin-bottom: 28px;
font-family: forHeader, sans-serif;
font-size: 72px;
font-weight: 400;
line-height: 1.1em;
}
h2 {
margin-top: 0;
margin-bottom: 28px;
font-family: forHeader, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1.1em;
}
h3 {
margin-top: 0;
margin-bottom: 21px;
font-family: forHeader, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2em;
}
h4 {
margin-top: 0;
margin-bottom: 21px;
font-family: forHeader, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.2em;
}
h5 {
margin-top: 0;
margin-bottom: 14px;
font-family: forText, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.2em;
}
h6 {
margin-top: 0;
margin-bottom: 14px;
font-family: forText, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
p {
margin-top: 0;
margin-bottom: 28px;
}
a {
color: #000000;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
ul {
margin-top: 24px;
margin-bottom: 24px;
padding-left: 24px;
}
img {
max-width: 100%;
object-fit: cover;
display: inline-block;
}
figure {
margin-top: 35px;
margin-bottom: 35px;
}
figcaption {
text-align: center;
margin-top: 5px;
font-size: 14px;
line-height: 21px;
}
.section {
padding-top: 56px;
padding-bottom: 56px;
}
.section.half-padding {
padding-top: 28px;
padding-bottom: 28px;
}
.section.increased-padding {
padding-top: 112px;
padding-bottom: 112px;
}
.section.increased-bottom-padding {
padding-bottom: 112px;
}
.main-container {
width: 100%;
max-width: 1384px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
padding-right: 28px;
}
.main-container.justify-contents-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.small-text {
font-size: 14px;
line-height: 22px;
}
.compact-text {
font-size: 18px;
line-height: 24px;
}
.footer-links {
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-items: center;
margin-top: 36px;
margin-bottom: 36px;
}
.small-text.footer-link {
color: #ffffff;
font-weight: 500;
}
.small-text.footer-link-passive {
color: #ffffff;
font-weight: 500;
}
.footer-link:hover {
opacity: .5;
}
.button {
border: 2px solid #000000;
background-color: #fee500;
color: #000000;
text-align: center;
border-radius: 14px;
padding: 21px 35px;
font-weight: 600;
box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.PaySel_bill img
{text-align: center;margin:0px !important;}
.PaySel_bill
{
border: 2px solid #000000;
color: #000000;
text-align: center;
border-radius: 14px;
padding: 21px 35px;
margin-right:10px;
width:140px;
font-weight: 600;
background-color: #fe6b00;
}
.PaySel_bill:hover
{
border: 2px solid #000000 !important;
box-shadow: 0 0 #00fec1;
background-color: #fe6b00;
}
.button:hover, .button.w--current, .p-button:hover,
.btn_order:hover,
.btn_emptyorder:hover,
.CartLne button:hover,
.back-to-top:hover,
.activeColor
{
background-color: #fe6b00;
box-shadow: 0 0 #00fec1;
}
.navbar {
background-color: rgba(0, 0, 0, 0);
padding-top: 21px;
padding-bottom: 21px;
position: relative;
z-index: 10;
}
.form-block {
width: 100%;
margin-bottom: 0;
}
.radio-input,
.check-input
{
height: 20px;
width: 20px;
border: 2px dashed #000000;
color: #000000;
margin-bottom: 0;
padding: 28px;
font-size: 18px;
line-height: 28px;
cursor:pointer;
}
.radio-input
{border-radius: 20px;}
.check-input, .w-check
{border-radius: 0px !important;}
.w-radio, .w-check {
display: block;
margin-bottom: 0px;
padding-left: 20px;
}
.w-radio:before,
.w-radio:after,
.w-check:before,
.w-check:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-radio:after,
.w-check:after {
clear: both;
}
.w-radio-input,
.w-check-input {
margin: 4px 0 0;
margin-top: 3px;
line-height: normal;
float: left;
margin-left: -20px;
}
.form-input,
#OrderComment
{
height: 84px;
border: 2px dashed #000000;
color: #000000;
background: #ffffff;
border-radius: 14px;
margin-bottom: 0;
padding: 28px;
font-size: 18px;
line-height: 28px;
}
.radio-input:checked {
border-style: solid;
border-color: #000000;
background:center url('/Seiten/pizza-bayroma-schwechat/Bilder/circle.svg');
background-repeat:no-repeat;
}
.check-input:checked {
border-style: solid;
background:center url('/Seiten/pizza-bayroma-schwechat/Bilder/check.svg');
background-repeat:no-repeat;
}
.form-input:focus,
#OrderComment:focus {
border-style: solid;
border-color: #000000;
}
.form-input::placeholder,
#OrderComment::placeholder {
color: #d1d1d1;
font-size: 18px;
line-height: 28px;
}
.form-input.text-area {
min-height: 224px;
}
.form-input.adjacent-to-button {
margin-right: 14px;
}
.form-grid {
grid-column-gap: 16px;
grid-row-gap: 21px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer {
background-color: #ac9d60;
color: #ffffff;
padding-top: 112px;
padding-bottom: 84px;
}
.utility-page-wrap {
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
justify-content: center;
align-items: center;
padding: 21px;
display: flex;
}
.utility-page-content {
width: 580px;
text-align: center;
flex-direction: column;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.select-wrapper {
height: 84px;
border: 2px solid #000;
border-radius: 14px;
align-items: center;
padding: 14px;
display: flex;
overflow: hidden;
}
.select-field {
width: 110%;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
margin-bottom: 0;
font-size: 18px;
line-height: 28px;
}
.marker-text {
color: #000000;
text-shadow: -7px -7px 0 #fff, -7px 7px 0 #fff, 10px 0 0 #ffffff, 4px -4px 0 #fff, -4px 4px 0 #fff, -4px -4px 0 #fff, 4px 4px 0 #fff;
font-family: markerOverlay, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 1em;
}
.marker-text.overlap-top-left {
position: absolute;
top: -28px;
left: -28px;
transform: rotate(-5deg);
}
.marker-text.overlay-badge {
z-index: 1;
position: absolute;
bottom: 56px;
right: 168px;
transform: rotate(-5deg);
}
.navbar-top-row {
grid-column-gap: 21px;
grid-row-gap: 21px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 21px;
display: grid;
}
.nav-menu {
grid-column-gap: 21px;
grid-row-gap: 21px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-items: center;
display: grid;
}
.rotate-right {
transform: rotate(1deg);
}
.rotate-left {
transform: rotate(-1deg);
}
.divider {
height: 28px;
background-image: url('/Seiten/pizza-bayroma-schwechat/Bilder/Divider.svg');
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: auto;
}
.social-images-grid {
grid-column-gap: 21px;
grid-row-gap: 21px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 56px;
}
.social-image-link {
border: 2px solid #ffffff;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 0 #ffffff;
}
.social-link-handle {
margin-bottom: -21px;
display: block;
position: relative;
left: 21px;
transform: rotate(-3deg);
}
.social-handle-wrapper {
display: flex;
}
.social-links {
justify-content: center;
margin-bottom: 28px;
display: flex;
}
.social-link {
margin-left: 14px;
margin-right: 14px;
}
.back-to-top {
width: 84px;
height: 84px;
background-color: #fee500;
border: 2px solid #ffffff;
color: #ffffff;
border-radius: 84px;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
font-size:35px;
}
.grid-single-col {
grid-template-columns: 1fr !important;
}
.grid-halves,
.grid-halves-col {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
}
.grid-halves.align-contents-top,
.grid-halves-col.align-contents-top {
align-items: start;
}
.grid-halves.align-contents-bottom,
.grid-halves-col.align-contents-bottom  {
align-items: end;
}
.grid-halves.align-contents-center,
.grid-halves-col.align-contents-center {
align-items: center;
justify-items: center;
}
.image-wrapper {
position: relative;
}
.opening-image
{min-height: 550px;}
.large-square-image, .large-square-map {
min-height: 636px;
}
.large-square-image.border-shadow ,
.large-square-map.border-shadow,
.opening-image.border-shadow {
width: 100%;
max-height: 636px;
}
.border-shadow {
width: 100%;
border: 2px solid #000000;
box-shadow: 0 0 0 0 #000000;
border-radius: 56px;
}
.badge {
width: 224px;
height: 224px;
border: 2px solid #000000;
background-color: #fee500;
box-shadow: 0 0 0 0 #000000;
color: #000000;
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
z-index:10;
}
.badge.overlap-bottom-right {
position: absolute;
bottom: 56px;
right: -28px;
}
.badge.overlap-top-right {
position: absolute;
top: 56px;
right: -28px;
}
.badge.small {
width: 168px;
height: 168px;
}
.badge.overlap-bottom-left {
position: absolute;
bottom: 28px;
left: -28px;
}
.badge.bg-primary-2 {
background-color: #fe6b00;
}
@keyframes rotating {
0% {	rotate: 0; 	}
100% {	rotate: 1turn; 	}
}
.badge-text {
font-family: forHeader, sans-serif;
font-size: 22px;
line-height: 1.2em;
animation: rotating 4s linear infinite;
}
.badge-text.larger {
text-align: left;
font-size: 28px;
line-height: 1em;
}
.marquee {
font-family: forHeader, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1em;
transform: rotate(2deg);
overflow: hidden;
}
.no-bottom-margin {
margin-bottom: 0;
}
.no-top-margin {
margin-top: 0 !important;
}
.taco-ratingbox
{
border: 2px dashed #000000;
background: #fee500;
border-radius: 28px;
overflow:hidden;
padding:10px 5px;
}
.taco-ratingbox > div
{
border:0px;
padding-bottom:5px;
margin-bottom:5px;
}
.taco-ratingbox > div:not(:last-child)
{
border-bottom: 2px dashed #000000;
}
.taco {
height: 330px;
border: 2px dashed #000000;
background: #fee500;
color: #000000;
text-align: center;
border-radius: 28px;
justify-content: center;
align-items: center;
padding: 56px;
display: flex;
flex-direction: column;
overflow:hidden;
}
.taco-text {
margin-bottom: 0;
margin-left: 56px;
margin-right: 56px;
position: relative;
top: 21px;
}
.taco.taco-bottom
{
justify-content: flex-end;
padding: 36px;
}
.taco-text-bottom {
margin: 0 0px;
}
.taco-text-bottom.taco-text-smaller ,
.taco-text.taco-text-smaller
{
font-size: calc(1em - 1px);
margin-bottom: 7px;
}
.taco-text-bottom.taco-text-very-smaller ,
.taco-text.taco-text-very-smaller
{
font-size: calc(1em - 3px);
margin-bottom: 5px;
}
.image-beside-taco {
width: 100%;
height: 330px;
}
.text-white {
color: #ffffff;
}
.button-row {
flex-direction: row;
margin-top: 28px;
display: flex;
}
.button-row.justify-contents-center {
justify-content: center;
}
.vertical-grid {
grid-column-gap: 16px;
grid-row-gap: 21px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container {
max-width: 662px;
}
.grid-left-larger {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr 443px;
}
.article-container {
max-width: 636px;
margin-left: auto;
margin-right: auto;
}
.blog-image {
width: 100%;
max-height: 350px;
border: 2px solid #000000;
box-shadow: 0 0 0 0 #000000;
border-radius: 28px;
display: block;
}
.group-image {
width: 100%;
max-height: 260px;
border: 2px solid #000000;
box-shadow: 0 0 0 0 #000000;
border-radius: 28px;
display: block;
}
.post-date {
margin-top: 35px;
margin-bottom: 7px;
}
.post-date.small-text {
margin-top: 28px;
}
.blog-post-title {
margin-bottom: 56px;
font-size: 54px;
}
.article {
font-size: 16px;
line-height: 24px;
}
.article p {
margin-bottom: 24px;
}
.article h3 {
margin-top: 42px;
margin-bottom: 28px;
}
.news-grid {
grid-column-gap: 56px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-link {
text-transform: none;
font-weight: 400;
}
.menu-wrapper .group-image
{
margin-bottom:25px;
}
.confirm-order-wraper {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.menu-wrapper {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.grid-food-menu-image-item {
display: grid;
grid-template-columns: 30% 1fr;
column-gap: 14px;
align-items: start;
border-bottom: 2px dashed #000000;
margin-bottom: 21px;
padding-bottom: 21px;
font-size: 16px;
line-height: 24px;
}
.food-menu-image-item {
position: relative;
}
.food-menu-image-item img {width:100%;height:auto;}
.food-menu-image-button-row {
flex-direction: row;
margin-top: 28px;
display: flex;
justify-content: right;
}
.food-menu-item {
border-bottom: 2px dashed #000000;
justify-content: space-between;
align-items: center;
margin-bottom: 21px;
padding-bottom: 21px;
font-size: 16px;
line-height: 24px;
display: flex;
}
.food-menu-price {
margin-left: 21px;
white-space: nowrap;
}
.food-menu-price .p-button
{
padding: 12px 23px !important;
}
.MoreSizeAnchor{
position: relative;
display: inline-block;
}
.MoreSizeOn
{
border-bottom-left-radius: 0px !important;
}
.MoreSizeContainer
{
position: absolute;
top: 100%;
left: 0;
margin-top: 0px;
display: inline-flex;
flex-direction: column;
gap: 0px;
white-space: nowrap;
border: 2px solid #000000;
background-color: #fee500;
color: #000000;
border-top-width:0px;
z-index: 99;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
padding: 16px 0;
font-weight: 600;
}
.MoreSizeLine {
display: flex;
align-items: center;
gap: 0px;
cursor:pointer;
padding:2px 15px;
}
.MoreSizeLine:hover {
background-color: #fe6b00;
box-shadow: 0 0 #000;
}
.MoreSizeLine .btn_cart,
.MoreSizeLine button
{
background: none !important;
margin: 2px;
}
.MoreSizeLine .btn_cart::before {
font-family: "FontAwesome";
font-weight: 900;
content: "\f07a";
}
.MoreSizeLine .PrcElm {margin-left:0px;padding-left:0px;}
.justify-contents-end {
justify-content: flex-end;
display: flex;
}
.grid-right-larger {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 443px 1fr;
}
.top {
height: 0;
position: absolute;
top: 0;
}
.container-large {
width: 100%;
max-width: 719px;
}
.container-small {
width: 100%;
max-width: 387px;
margin-left: auto;
margin-right: auto;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.type-select {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.delivery-option {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.delivery-option input {
margin: 0;
}
.delivery-option h5 {margin:0px;}
.order-type-label {
cursor: default;
margin-left: 10px;
}
.type-info {
display: flex;
align-items: flex-start;
gap: 12px;
}
.type-info-icon {
display: block;
flex: 0 0 auto;
}
.Lft {float:left !important;}
.Rgt {float:right !important;}
.clr {clear: both !important;}
.cp {cursor:pointer;}
.text-right {text-align: right !important;}
.green {color:green !important;}
.red {color:red !important;}
.OrderResult {width:100%;text-align:center;font-size:40px !important;}
.OrderResult .fa {font-size:40px !important;}
.NoDeliverySelection {padding:0px;width:100%;height:100%;}
#CartElm .CartLne {border-bottom: 2px dashed;width:100%;float:left;font-size:12px;margin-bottom:7px;padding-bottom:6px;}
.CartLne button {
background-color: #fee500;
color: #000000;
border: solid 2px #000000;
float:left;
padding:1px 2px;
height:30px;
font-size:12px !important;
min-width:25px;
border-radius: 6px;
}
.CartLne button .fa {font-size:15px !important;}
.CartLne .PrcElm {
float:left;cursor:auto;height:30px;
font-size:16px !important;
padding:0px;
width:22px;
cursor:default;
border:solid;
border-width:2px 0 2px 0 !important;
border-color: #000000;
color: #000000;
text-align: center;
}
.NoLeftRadius {border-top-left-radius:0px !important;border-bottom-left-radius:0px !important;border-left-width:0px !important;margin-left:0px !important;}
.NoRightRadius {border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;border-right-width:0px !important;margin-right:0px !important;}
#CartDv h5,
#ConfirmOrder h5
{font-size:18px;text-align:left;float:left;
width:100%;
margin-bottom:4px !important;
margin-top:2px !important;
}
.CartLne .Price {margin-left:2px;padding-top:2px;width:80px;font-size:16px;text-align:right;}
#CartElm > h5 {padding:0px !important;margin:0px !important;width:100%;}
#CartElm .CartLne .Title      {margin-left:5px;margin-top:2px;float:left;width:230px;font-size:16px;color: #000000;}
#CartElm .CartLne .Title .fa {margin-left:2px;position:relative;top:-1px;cursor:pointer;margin-right:5px;}
#CartElm .Delivery .Title      {width:270px;}
#CartElm .CartLne .DeliveryTitle {padding-top:1px;width:160px;font-size:16px;}
#CartElm .CartLne .DeliveryTitleFull {padding-top:1px;width:355px;font-size:16px;}
#CartElm .Delivery .btn {margin-right:5px;}
#ConfirmOrder .CartLne .DeliveryTitle {margin-left:0px;padding-top:1px;}
.CartLne .Voucher {margin-left:0px;padding-top:1px;width:100%;height:auto;float:left;margin-bottom:4px;font-size:16px;}
.CartLne .Voucher input
{width:57%;float:right;
border: 2px dashed;
border-radius: 6px;
font-size:15px;}
#Curton select,
.CartLne select,
.select-input,
.Timeinput  {
width:auto;
margin-left:0px;
padding:1px 2px !important;
height:auto;
text-align:center !important;
border: 2px dashed;
border-radius: 6px;}
.CartLne select {font-size:16px !important; line-height:18px !important;min-width:160px;}
#Curton h2 {width:100%;text-align:center;font-size:24px;margin-bottom:6px;color: #000000;}
#Curton h2 select {position:relative;top:1px;margin-left:12px;text-align:left;background: #ffffff;}
.CartLne select option {padding:0px;padding:1px 3px; text-align:left;}
.CartLne .Voucher input:focus,
.CartLne select:focus,
#Curton h2 select:focus,
.select-input:focus,
.Timeinput:focus  {border:2px solid !important;}
.CartLne .CartTitlePrice {margin-left:0px;padding-top:1px;width:190px;height:auto;float:left;}
.CartLne .Edit {margin-left:5px;}
.CartLne .Edit .fa {font-size:15px !important;}
#Curton {
position: fixed;
inset: 0;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
z-index:100;
background: #ffffff75;
}
#Curton > div {
background:#ffffff;
cursor:default;
margin: 0 auto !important;
position:relative;
padding:10px;
border-radius:15px;
border: 2px dashed #000000;
width: 80%;
max-width: 1024px;
max-height: 95%;
overflow-y: auto;
overflow-x: hidden; }
#Curton .Kat {width:100%;font-size:18px;float:left;margin:8px 0 6px 0;}
#Curton .Col {float:left;width:32%;margin:0 1% 1% 0;text-align:left;margin-top:0px;margin-bottom:0px;color: #000000;}
#Curton label {cursor:pointer;float:left;}
#Curton .Curton-Group {float:left;width:100%;margin-bottom:10px;}
#Curton #Close {background: none;color: #000000;position:absolute;top:8px; right:8px;width:33px;height:33px;border-radius:33px;text-align:center;margin-left:0px;margin-right:0px;}
#Curton #Close:hover {color:#000;color: #2e2e2e;}
#Curton #Close .fa {font-size:26px;}
#Curton .PChk ,
#Curton .PPos {position:relative;float:left; width:20px !important;height:20px !important;margin:0 4px 0 0;padding:0px;}
#Curton .PRad {position:relative;float:left; width:20px !important;height:20px !important;margin:0 4px 0 0;padding:0px;border-radius:20px;}
#Curton .PChk .fa {display:none;}
#Curton .PRad .fa {display:none;}
#Curton .Active1  {border:solid #000000 2px;background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/check.svg');background-repeat:no-repeat;background-position: center;background-size: 13px 13px;}
#Curton .Active2  {border:solid #000000 2px;background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/2x.svg');background-repeat:no-repeat;background-position: center;background-size: 14px 14px;}
#Curton .Disabled {border:solid #000000 2px;background:#fff;}
.DRad {position:relative;text-align:left; width:20px !important;height:20px !important;margin:0;padding:0px;border-radius:20px;}
#Curton .ActiveR {
border:solid #000000 2px;
background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/circle.svg') !important;
background-repeat:no-repeat;
background-position:center;
background-size: 12px 12px;}
.OrderType , .OrderType label {cursor:pointer !important;}
.OrderType button {top:4px;margin-right:10px;}
#Curton .PPos {border:0px;margin-right:4px;background:#ffffff;}
#Curton .Full {background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/Pizza.Position.Full.svg');cursor:pointer;}
#Curton .Left {background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/Pizza.Position.Left.svg');cursor:pointer;}
#Curton .Right {background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/Pizza.Position.Right.svg');cursor:pointer;}
#Curton .PDisabled {background-image:url('/Seiten/pizza-bayroma-schwechat/Bilder/Pizza.Position.Disabled.svg');cursor:default;}
#Curton #OrderComment {margin-top:20px;}
#Curton .NmeLbl {cursor:pointer;font-size:14px;padding-bottom:0px;display: block;margin-left:4px;margin-top:-3px;color: #000000;}
#Curton .NmeLbl a {cursor:pointer;text-decoration: none; font-weight: normal;padding:0px;margin:0px;display:inline;color: #000000;}
#Curton .LineTotal {margin-top:20px;color: #000000;}
#Curton .LineTotal h3 {font-size:18px;text-align:right;margin-top:10px;margin-right:5px;float:right;color: #000000;}
#Curton .LineTotal .btn .fa ,
#Curton .SelCnt .PrcElm .fa {font-size:15px;}
#Curton .LineTotal #ProductLoad_Total {min-width:280px;}
#Curton .LineTotal #ProductLoad_Total span {min-width:110px;display:block;float:right;}
#Curton .empty {margin-top:10px;}
#Curton .empty button {margin:20px 10px;width:100px;}
#Curton .CurtonNav {margin-top:15px;}
#Curton .CurtonNav .btn,
#Curton .LineTotal .btn,
#Curton div .btn
{
margin-bottom:8px;
font-size:15px !important;
text-align: center;
font-weight: 600;
display: inline-block;
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-style: solid;
border-color: #000000;
border-width: 2px ;
color: #000000;
background-color: #fee500;
padding: 6px 10px !important;
}
#Curton .CurtonNav .btn,
#Curton div .btn {padding: 16px 27px !important;margin-left:10px;}
#Curton .CurtonNav .btn:hover,
#Curton .LineTotal .btn:hover,
#Curton div .btn:hover
{
box-shadow: 0 0 #00fec1;
background-color: #fe6b00;
}
#Curton .LineTotal .PrcElm
{
display: inline-block;
line-height: inherit;
text-decoration: none;
background:#fee500;
border-color:#000000;
color: #000000;
font-weight: 600;
font-size:15px !important;
border-top-width: 2px;
border-bottom-width: 2px;
border-style: solid;
border-left-width:0px;
border-right-width:0px;
padding: 6px 0 !important;
width: 20px !important;
text-align:center !important;
}
#Curton #ChkDeliv {height:22px !important;font-size:18px;float:left;width:auto !important;}
#Curton #WishpizzaAddons {margin-left:10px;}
.btn_order {float:right !important;padding:4px 6px !important;margin:8px 5px !important;font-size:18px;text-transform: none;}
.btn_order .fa {padding-left:8px;}
.btn_emptyorder {float:right !important;padding:4px 0px !important;margin:8px 0;text-align:center !important;width:35px !important;font-size:18px !important;}
.btn_emptyorder .fa {font-size:18px !important;}
#DelTme_now   {margin:0px;padding:0px;}
#DelTme_late  {margin:0px;padding:0px;}
#DelTme_now.disabled {cursor: not-allowed;}
#Lieferung.disabled  {cursor: not-allowed;background:#d1d1d1;}
#AppendDay {height:35px !important;}
#AppendDay:disabled {opacity: 0.8;}
.Timeinput {width:60px;height:35px;padding:5px !important;}
.Timeinput:disabled {opacity: 0.8;}
#ChkDelivIco {display:inline;margin-left:8px;}
.address-wraper
{
width:100%;display: flex;gap: 10px;
}
.address-wraper #Road
{min-width:200px;flex: 1;}
.address-wraper #Nbr,
.address-wraper #Step,
.address-wraper #Door
{
width:110px;
}
.address-wraper .alert-address
{margin-top:45px !important;}
#RoadsLbl {
border: 2px solid #000000;
background-color: #ffffff;
color: #000000;
border-top-width:0px !important;
height:160px;
overflow-y: auto;overflow-x:hidden;z-index:99;
border-top-left-radius:0px !important;border-top-right-radius:0px !important;
border-bottom-left-radius:14px !important;border-bottom-right-radius:14px !important;
padding: 8px 12px;
margin-top:-10px;
}
#RoadsLbl p {width:100%;height:100%;text-align:center;font-size:16px;margin-top:20px;font-weight:bold;}
#RoadsLbl div {width:100%;cursor:pointer;}
#RoadsLbl .act {background-color: #fee500;}
.lbl-payment
{border: 2px dashed #fee500;}
.lbl-payment-active
{
color: #000000;
background:#ffffff;
border-radius: 14px;
border: 2px dashed #000000;
}
.lbl-payment-active button
{background-color: #ffffff;}
.lbl-payment {
overflow: hidden;
}
.lbl-payment-sub {
display: none;
}
.lbl-payment {margin-top:15px;padding:10px;position:relative;}
.lbl-payment button {margin-left:20px;padding:7px 12px !important;}
.lbl-payment .Buttonborder
{
border: 2px solid #ffffff !important;
}
.lbl-payment img {margin-left:50px;}
.lbl-payment i
{display:none;position:absolute;font-size:22px;}
.lbl-payment img
{}
.lbl-payment-active i
{display:inline !important;position:absolute;margin-top:12px !important;}
.btn-payment {}
.lbl-payment-sub {}
#lbl-payment-sub-bar span {}
#lbl-payment-sub-bar button {cursor:pointer;text-align:center;margin-left:13px;}
#AGB {margin-right:10px;margin-top:4px;margin-bottom:0px;}
#Star {
display: flex;
gap: 21px;
align-items: flex-start;
margin: 50px 0;
}
#Star .StarSelect {
flex: 1;
}
#Star fieldset {
border: 2px dashed #000000;
border-radius: 14px;
padding: 14px;
margin:0 20px;
text-align: center;
}
#Star fieldset i.fa-star {
font-size: 25px;
margin-right: 4px;
}
fieldset legend {
font-family: forText, sans-serif;
font-size: 21px;
margin: 0 auto;
padding:0 10px;
}
.radio-row {
display: flex;
align-items: center;
gap: 10px;
}
.radio-row input[type="radio"] {
margin: 0;
flex-shrink: 0;
}
.radio-row label {
cursor: pointer;
}
.rate-star
{color: #000000;}
.rate-star-active
{color: #fe6b00;}
.rate-star-avg
{color: #00fec1;}
.div-order-table h2
{
font-family: forText, sans-serif !important;
font-size: 24px;
}
.div-order-table table
{
margin-bottom:10px !important;
}
.div-order-table th
{
background-color: #fee500;
}
.div-order-table th ,
.div-order-table td
{
color: #000000;
padding: 10px;
border: 1px dashed #000000;
}
.div-order-table td
{background-color: #ffffff;}
#DeliveryAddress_Msg,
#DeliveryTime_Msg {
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
#DeliveryAddress_Msg.show,
#DeliveryTime_Msg.show {
opacity: 1;
pointer-events: auto;
}
.delivery-row {
display: flex;
align-items: center;
gap: 2px;
margin-top: 2px;
flex-wrap: wrap;
}
.delivery-row-grid{
grid-template-columns: auto 1fr;
align-items: center;
grid-row-gap: 0px !important;
}
.delivery-controls-grid {
grid-template-columns: 165px 1fr;
align-items: center;
column-gap: 0px !important;
grid-row-gap: 0px !important;
}
#AppendDay {min-width:140px;}
.is-hidden {
opacity: 0;
pointer-events: none;
height: 0px !important;
max-height: 0px !important;
overflow: hidden;
padding-top:0 !important;
padding-bottom:0 !important;
border-top:0 !important;
border-bottom:0 !important;
}
.is-shown {
opacity: 1;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
#lblClosed{
display:grid;
grid-template-columns:72px 1fr;
grid-template-rows:auto auto;
gap:4px 14px;
align-items:center;
margin:20px 0;
}
#lblClosed img{
grid-row:1 / span 2;
width:72px;
height:72px;
}
#lblClosed h4{
margin:0;
line-height:1.2;
}
#lblClosed span{
font-size:15px;
line-height:1.4;
opacity:0.85;
}
.DeliveryInfo,
.Times_Container {
background: #ffffff;
color: #000000;
border: 2px solid #000000;
border-radius: 28px;
box-shadow: 0 0 0 0 #000000;
padding: 21px;
margin: 28px 0;
}
.DeliveryInfo > h2,
.Times_Container > h2 {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 21px 0;
font-size: 32px;
line-height: 1.1;
}
.Truck,
.Clock {
font-size: 82px !important;
object-fit: contain;
flex: 0 0 auto;
}
.DeliveryInfo .DelEntry {
background: #fee500;
border: 2px dashed #000000;
border-radius: 20px;
padding: 18px 18px;
margin: 14px 0;
position: relative;
overflow: hidden;
}
.DeliveryInfo .DelEntry > h2:not(.Prc) {
margin: 0;
font-size: 24px;
line-height: 1.2;
}
.DeliveryInfo .DelEntry > h2.Prc {
margin: 0;
font-size: 22px;
line-height: 1;
white-space: nowrap;
background: #ffffff;
color: #000000;
border: 2px solid #000000;
border-radius: 999px;
padding: 10px 14px;
justify-self: end;
align-self: start;
}
.DeliveryInfo .DelEntry p {
margin: 0;
font-size: 16px;
line-height: 22px;
}
.DeliveryInfo .DelEntry p strong {
font-weight: 700;
}
.Times_Container table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fee500;
border: 2px dashed #000000;
border-radius: 20px;
overflow: hidden;
}
.Times_Container td {
padding: 12px 14px;
font-size: 16px;
line-height: 22px;
vertical-align: top;
border-bottom: 2px dashed #000000;
}
.Times_Container tr:last-child td {
border-bottom: 0;
}
.Times_Container td:first-child {
width: 190px;
font-weight: 700;
white-space: nowrap;
}
.Times_Container time {
font-weight: 700;
background: #ffffff;
color: #000000;
border: 2px solid #000000;
border-radius: 10px;
padding: 2px 7px;
margin: 0 2px;
display: inline-block;
line-height: 1.2;
}
.SetAddress{
border: 2px solid #000000;
border-radius: 28px;
background: #ffffff;
color: #000000;
box-shadow: 0 0 0 0 #000000;
padding: 24px;
position: relative;
overflow: hidden;
}
.SetAddress > h2{
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 12px 0;
padding: 14px 16px;
border: 2px dashed #000000;
border-radius: 18px;
background: #fee500;
color: #000000 !important;
}
.SetAddress > h2 + div{
margin: 0 0 18px 0 !important;
}
.SetAddress > h2 a{
text-transform: none;
font-weight: 700;
cursor: pointer;
display: inline-block;
line-height: 1.2;
}
.SetAddress .DRad{
width: 28px;
height: 28px;
border-radius: 999px;
border: 2px dashed #000000;
background: #ffffff;
position: relative;
padding: 0;
}
.SetAddress .DRad.ActiveR{
border-style: solid;
}
.SetAddress .DRad.ActiveR::after{
content:"";
position:absolute;
inset: 6px;
border-radius: 999px;
background: #00fec1;
border: 2px solid #000000;
}
.SetAddress .DRad.Disabled{
opacity: .45;
cursor: not-allowed;
}
#AddressForm{
position: relative;
}
#AddressForm label{
font-weight: 700;
margin-bottom: 6px;
display: inline-block;
}
#Dv_PLZ   {width:150px;}
#Dv_Road  {width:300px;margin-top:10px;}
#Dv_Nbr   {margin-left:10px;width:100px;margin-top:10px;}
#Dv_Step {margin-left:10px;width:195px !important; margin-top:10px;}
#Dv_Step label {width:190px !important;}
#Dv_Step input {width:90px !important; border-radius: 14px;}
#AddressForm label .fa-star{
margin-left: 6px;
color: #fe6b00;
}
#AddressForm .fld{
width: 100%;
height: 56px;
border: 2px dashed #000000;
border-radius: 14px;
padding: 14px 16px;
font-size: 16px;
line-height: 22px;
background: rgba(254, 229, 0, 0.18);
color: #000000;
transition: box-shadow .15s ease, background .15s ease, border-style .15s ease;
}
#AddressForm .fld:focus{
outline: none;
border-style: solid;
background: #ffffff;
border-color: #000000;
}
#Dv_Step .NoRightRadius{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#Dv_Step .NoLeftRadius{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
#Dv_Step .NoLeftBorder{
border-left-width: 0 !important;
}
#AddressForm .Reminder{
position: absolute;
margin-top: 8px;
padding: 8px 10px;
border-radius: 12px;
background-color: #ed333b;
color: #ffffff;
border: 2px dashed #ffffff;
font-size: 14px;
line-height: 18px;
}
#AddressForm .Reminder::before{
content:"";
position:absolute;
top: -10px;
left: 18px;
border-width: 0 10px 10px 10px;
border-style: solid;
border-color: transparent transparent #ed333b transparent;
}
.SetAddress .DisableSelection{
position: absolute;
inset: 0;
border-radius: inherit;
background: rgba(255,255,255,0.7);
backdrop-filter: blur(1px);
z-index: 5;
}
#FadeCont {
margin-top: 50px;
margin-bottom: 50px;
position: relative;
overflow: hidden;
transition: height 200ms ease;
}
#FadeCont .form-input {
padding: 16px !important;
margin-bottom: 8px !important;
}
#FadeCont > div {
transition: opacity 200ms ease;
box-sizing: border-box;
width: 100%;
}
#Curton #Cnt_collect,
#Curton #Cnt_delivery{
z-index: 1;
margin: 0;
max-height: none;
overflow: visible;
background: #ffffff;
color: #000000;
}
.confirm-order-wraper #Cnt_collect,
.confirm-order-wraper #Cnt_delivery,
.Cnt_OrderBox
{
background: #ffffff;
color: #000000;
display: flow-root;
}
#Cnt_collect,
#Cnt_delivery,
.Cnt_OrderBox {
border: 2px solid #000000;
border-radius: 18px;
padding: 16px;
position: relative;
box-sizing: border-box;
}
#Cnt_collect {
font-size: 16px;
line-height: 24px;
}
.Cnt_collect_Address
{
margin-bottom:30px;
}
.Cnt_OrderBox {
margin-bottom:50px;
}
#CartToggleWrap {visibility: hidden;}
@media screen and (max-width: 1100px) {
.address-wraper #Nbr,
.address-wraper #Step,
.address-wraper #Door
{
width:80px !important;
}
.taco-ratingbox > div:first-child {
margin-top:5px;
}
.taco-ratingbox > div
{
border:0px;
padding:4px;
margin-bottom:5px;
}
#Curton > div {width: 90%;}
}
@media screen and (max-width: 991px) {
#Curton > div {width: 98%; max-height: 98%; margin: 1%;}
.address-wraper #Nbr,
.address-wraper #Step,
.address-wraper #Door
{
width:120px !important;
}
.address-wraper
{
all: unset !important;
}
.address-wraper #Road
{
width:100%;
display:block !important;
}
.address-wraper #Nbr,
.address-wraper #Step,
.address-wraper #Door
{
float:left;
margin-right:10px;
}
.marker-text.overlap-top-left {
left: 28px;
}
.marker-text.overlay-badge {
bottom: 21px;
}
.nav-menu {
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.social-images-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-halves {
grid-template-columns: 1fr;
}
.badge.overlap-bottom-right, .badge.overlap-top-right {
right: 28px;
}
.image-beside-taco {
height: auto;
}
.grid-left-larger {
max-width: 443px;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
}
.grid-left-larger.menu {
max-width: 100%;
}
.form-grid-thirds {
grid-template-columns: 1fr;
}
.news-grid {
max-width: 608px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
}
.blog-link {width: 100%;}
.small-landscape-image.border-shadow {
display: none;
}
.grid-right-larger {
grid-template-columns: 1fr;
}
.large-square-map.border-shadow , .large-square-map {
min-height: 350px;
}
.food-menu-price .p-button
{
padding: 12px 23px !important;
}
h2 {
font-size: 42px;
line-height: 52px;
}
.grid-left-larger.menu {
margin-bottom:50px;
}
#CartElm {
position: static !important;
height: 100% !important;
max-height: 100% !important;
overflow: auto !important;
}
#CartAnchor.is-open {
display: block !important;
position: fixed !important;
left: 10px !important;
right: 10px !important;
bottom: 80px !important;
top: 10px !important;
z-index: 99 !important;
overflow: auto !important;
height: auto !important;
max-height: none !important;
top: 10px !important;
transform: none !important;
}
#CartAnchor {display: none;}
#CartToggleWrap {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
pointer-events: none;
transform: translateY(0);
will-change: transform;
visibility: visible;
}
#CartToggle {
pointer-events: auto;
position: relative;
margin: 0 10px 10px 10px;
width: calc(100% - 20px);
}
}
@media screen and (max-width: 767px) {
.StarSelect fieldset {
padding: 15px 0 !important;
margin:0 0 !important;
}
#Star fieldset i.fa-star
{font-size: 18px !important;}
fieldset legend
{font-size: 16px;}
.DeliveryInfo .DelEntry > h2.Prc {
display: inline-block;
margin-top: 10px;
}
.delivery-controls-grid {grid-template-columns: 150px 1fr;}
#Curton .NmeLbl {font-size:16px;}
#Curton .Col {width: 100% !important;margin-top:5px;}
#Curton .Kat {font-size:22px;margin:9px 0 6px 0;}
#Curton #OrderComment {padding: 6px 9px;height: 64px;}
body {
font-size: 16px;
line-height: 20px;
}
h1 {
font-size: 40px;
line-height: 48px;
}
h2 {
font-size: 32px;
line-height: 42px;
}
h6 {
font-size: 16px;
line-height: 24px;
}
.button {
padding-left: 28px;
padding-right: 28px;
}
.marker-text.overlay-badge {
display: none;
}
.navbar-top-row {
grid-template-columns: 1fr;
justify-items: center;
}
.large-square-map.border-shadow , .large-square-map {
min-height: 350px;
}
.large-square-image.border-shadow,
.opening-image.border-shadow {
min-height: auto;
}
.border-shadow {
border-radius: 28px;
}
.badge.overlap-bottom-right {
bottom: 14px;
right: 14px;
}
.badge.overlap-top-right {
top: -28px;
}
.badge.overlap-bottom-left {
display: none;
}
.no-bottom-margin {
margin-bottom: 0;
}
.taco {
height: 280px;
}
.blog-image {
max-height: 280px;
}
.group-image {
max-height: 200px;
}
.blog-post-title {
font-size: 40px;
}
.grid-halves-col {
grid-template-columns: 1fr;
}
.food-menu-price .p-button
{
padding: 9px 19px !important;
}
}
@media screen and (max-width: 550px) {
.delivery-row-grid{grid-row-gap: 10px !important;}
.delivery-controls-grid {grid-template-columns: 1fr;}
}
@media screen and (max-width: 479px) {
#Dv_PLZ ,
#Dv_Road ,
#Dv_Nbr ,
#Dv_Step {margin-left:0px;width:100%;}
.Times_Container td:first-child {
width: auto;
white-space: normal;
}
.Times_Container tr {
display: block;
}
.Times_Container td {
display: block;
width: 100%;
border-bottom: 0;
}
.Times_Container td:first-child {
padding-bottom: 6px;
}
.Times_Container td:last-child {
padding-top: 0;
padding-bottom: 14px;
border-bottom: 2px dashed var #000000;
}
.delivery-row-grid{grid-row-gap: 10px !important;}
.delivery-controls-grid {grid-template-columns: 1fr;}
#Star {
flex-direction: column;
margin: 30px 0;
}
#Star .StarSelect {
width: 100%;
}
#Star fieldset i.fa-star
{font-size: 25px !important;}
#Curton .LineTotal #ProductLoad_Total
{width:100%;}
#RatingElseBox
{flex-wrap: wrap;}
#Else_Name
{flex-basis: 100%;width: 100%;margin-top: 0px !important;}
.div-order-table table
{width:100%;}
.div-order-table h2
{font-size: 20px !important;}
.div-order-table img
{
display: block;
margin: 0 auto;
}
.grid-food-menu-image-item {
grid-template-columns: 1fr;
}
.grid-food-menu-image-item img {
max-height: 200px;
}
.food-menu-image-button-row .food-menu-price .p-button{
padding: 9px 19px !important;
font-size: 14px;
line-height: 21px;
}
.food-menu-item{
flex-direction: column;
align-items: flex-start;
}
.food-menu-price {
margin-left: 0;
margin-top: 10px;
width: 100%;
display: flex;
justify-content: flex-end;
gap: 0px;
white-space: normal !important;
}
.food-menu-price .p-button{
margin: 0 !important;
width: auto;
}
h1 {
font-size: 32px;
line-height: 42px;
}
h2 {
font-size: 28px;
line-height: 38px;
}
h3, h4 {
font-size: 24px;
line-height: 32px;
}
h5 {
font-size: 18px;
line-height: 28px;
}
.section.half-padding {
padding-top: 14px;
padding-bottom: 14px;
}
.section.increased-padding {
padding-top: 56px;
padding-bottom: 56px;
}
.section.menu-title-section {
display: none;
}
.main-container {
padding-left: 21px;
padding-right: 21px;
}
.form-input {
height: 70px;
border-radius: 7px;
padding: 15px;
}
.form-input.adjacent-to-button {
margin-bottom: 14px;
margin-right: 0;
}
.footer {
padding-top: 84px;
padding-bottom: 56px;
}
.marker-text {
font-size: 36px;
}
.marker-text.overlap-top-left {
top: -7px;
left: 14px;
}
.navbar-top-row {
grid-row-gap: 14px;
margin-bottom: 14px;
}
.nav-menu {
display: flex;
flex-direction: column;
gap: 10px;
}
.nav-menu .button {
width: 100%;
text-align: center;
}
.nav-menu .button > div {width: 100%;}
.social-images-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-columns: 1fr 1fr;
}
.social-image-link {
border-radius: 14px;
}
.social-link-handle {
margin-bottom: 21px;
margin-left: auto;
margin-right: auto;
left: 0;
}
.social-link {
margin-left: 7px;
margin-right: 7px;
}
.footer-links {
margin-top: 35px;
margin-bottom: 35px;
}
.grid-halves {
grid-row-gap: 28px;
}
.badge.overlap-bottom-right {
width: 168px;
height: 168px;
margin-top: -84px;
position: relative;
bottom: 0;
left: 28px;
right: 0;
}
.badge.overlap-top-right {
width: 168px;
height: 168px;
margin-top: -112px;
position: relative;
top: 0;
left: 28px;
right: 0;
}
.badge-text {
font-size: 16px;
}
.badge-text.larger {
font-size: 20px;
}
.taco {
height: auto;
border-radius: 28px;
padding: 28px;
}
.taco-text {
margin-left: 0;
margin-right: 0;
top: 0;
}
.blog-image {
max-height: none;
}
.group-image {
max-height: none;
}
.post-date {
margin-top: 28px;
}
.blog-post-title {
margin-bottom: 28px;
font-size: 32px;
}
.news-grid {
grid-row-gap: 56px;
}
.food-menu-item {
font-size: 14px;
line-height: 21px;
}
.changelog {
grid-row-gap: 14px;
grid-template-columns: 1fr;
}
.license-grid {
grid-template-columns: 1fr;
}
.search-form {
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
.DeliveryInfo .DelEntry p {
grid-column: 1 / 2;
}
.DeliveryInfo .DelEntry > h2:not(.Prc) {
grid-column: 1 / 2;
}
.DeliveryInfo .DelEntry > h2.Prc {
grid-column: 2 / 3;
grid-row: 1 / 3;
align-self: center;
}
.DeliveryInfo {
display: block;
}
.DeliveryInfo .DelEntry {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
grid-column-gap: 18px;
grid-row-gap: 7px;
align-items: start;
}
}