/* Pizza Doy Wolt-Stil v1: Schrift Nunito, Startseite, Speisekarte, Artikel-Fenster, Kasse, Gutschein, Hell/Dunkel */
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/nunito/nunito-latin-var.woff2') format('woff2')}

:root{--pd-o:#FF8000;--pd-o-d:#E67300;--pd-o-soft:#FFF3E6;--pd-bg:#FFFFFF;--pd-bg2:#F6F6F8;--pd-card:#FFFFFF;--pd-line:#ECECF0;--pd-tx:#1B1B1F;--pd-tx2:#5E6069;--pd-tx3:#8C8E97;--pd-ok:#14A44D;--pd-no:#D7261E}
html.pd-dark{--pd-bg:#101114;--pd-bg2:#17181C;--pd-card:#1C1D22;--pd-line:#2A2B31;--pd-tx:#F4F4F6;--pd-tx2:#B5B7C0;--pd-tx3:#8D909A;--pd-o-soft:#2B1C0D;color-scheme:dark}

/* Schrift + Lesbarkeit */
body,.font-rubik{font-family:'Nunito',Rubik,system-ui,sans-serif !important}
input,select,textarea{font-family:inherit}
body{color:var(--pd-tx2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.005em}
h1,h2,h3,h4,h5,.text-heading{color:var(--pd-tx)}
h1,h2{font-weight:800 !important;letter-spacing:-.01em}
section h2.text-2xl{font-size:22px !important;line-height:1.25 !important}
@media (min-width:1024px){section h2.text-2xl{font-size:28px !important}}
p,.product-card-list-describe,.product-card-grid-describe{line-height:1.5}

/* Suchleiste rund, orange Lupe; mobil klebt beim Scrollen nur die Suche */
header.ff-header .header-search-group{height:46px;border-radius:9999px;background:var(--pd-card);border:1px solid var(--pd-line);box-shadow:0 6px 20px rgba(20,21,24,.07);padding:0 6px 0 16px;gap:10px;transition:box-shadow .2s ease,border-color .2s ease}
header.ff-header .header-search-group:focus-within{border-color:var(--pd-o);box-shadow:0 6px 24px rgba(255,128,0,.22)}
header.ff-header .header-search-field{font-size:15px;font-weight:600;color:var(--pd-tx);background:transparent;order:1}
header.ff-header .header-search-field::placeholder{color:var(--pd-tx3);font-weight:500}
header.ff-header .header-search-button{order:2}
header.ff-header .header-search-submit{order:3;flex:0 0 auto;width:36px;height:36px;border-radius:9999px;background:var(--pd-o);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .2s ease}
header.ff-header .header-search-submit:active{transform:scale(.92)}
header.ff-header .header-search-submit i{font-size:17px;color:#fff}
@media (min-width:1024px){header.ff-header .header-search-group{height:40px;width:16rem}header.ff-header .header-search-submit{width:30px;height:30px}}
@media (max-width:1023px){
  header.ff-header .container{height:auto;padding-top:10px;padding-bottom:12px}
  header.ff-header.active{box-shadow:0 4px 18px rgba(20,21,24,.10);animation:pdSearchIn .25s ease both}
  header.ff-header.active .container>div:first-child{display:none}
  header.ff-header.active .container>div:last-child{margin-top:0}
  header.ff-header.active .container{padding-top:10px;padding-bottom:10px}
}
@keyframes pdSearchIn{from{transform:translateY(-100%)}to{transform:none}}

/* Hell/Dunkel-Schalter */
.pd-theme-toggle{width:40px;height:40px;flex:0 0 auto;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:var(--pd-bg2);color:var(--pd-tx);border:1px solid var(--pd-line);transition:transform .2s ease,background-color .2s ease}
.pd-theme-toggle.hidden{display:none}
@media (min-width:1024px){.pd-theme-toggle.lg\:hidden{display:none}.pd-theme-toggle.hidden.lg\:flex{display:flex}}
.pd-theme-toggle:hover{transform:rotate(-12deg)}
.pd-theme-toggle i{font-size:16px}
html.pd-dark .pd-theme-toggle i{color:#FFC94D}

/* Startseite: großes Bild, Name in der Mitte, Infozeile, Gutschein-Karte */
.pd-hero{position:relative;margin-bottom:8px}
.pd-hero-media{position:relative;height:230px;overflow:hidden}
.pd-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:pdHeroZoom 1.2s ease both}
.pd-hero-media::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:48px;background:var(--pd-bg);border-radius:50% 50% 0 0/100% 100% 0 0}
@keyframes pdHeroZoom{from{transform:scale(1.06);opacity:.6}to{transform:none;opacity:1}}
.pd-hero-body{position:relative;text-align:center;margin-top:-62px;z-index:2;display:flex;flex-direction:column;align-items:center}
.pd-hero-logo{width:86px;height:86px;border-radius:9999px;object-fit:contain;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);border:4px solid var(--pd-bg);margin-bottom:10px}
.pd-hero-title{font-size:30px !important;line-height:1.1;font-weight:900 !important;color:var(--pd-tx);margin-bottom:10px}
.pd-hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;font-size:15px;font-weight:600;color:var(--pd-tx2);margin-bottom:4px}
.pd-hero-meta i{color:var(--pd-tx3);margin-right:2px}
.pd-hero-fee{color:var(--pd-o)}
.pd-hero-fee i{color:var(--pd-o) !important}
.pd-sep{color:var(--pd-tx3)}
.pd-hero-status{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.pd-hero-status::before{content:"";width:8px;height:8px;border-radius:9999px;background:currentColor}
.pd-dot-open{color:var(--pd-ok)}
.pd-dot-closed{color:var(--pd-no)}
.pd-hero-actions{display:flex;gap:10px;width:100%;max-width:520px;margin:16px 0 14px}
.pd-hero-btn{flex:1;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;color:var(--pd-tx);border:1.5px solid var(--pd-line);background:var(--pd-card);transition:border-color .2s ease,transform .15s ease}
.pd-hero-btn:hover{border-color:var(--pd-o)}
.pd-hero-btn:active,.pd-hero-icon-btn:active{transform:scale(.97)}
.pd-hero-icon-btn{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:var(--pd-bg2);color:var(--pd-tx);border:1px solid var(--pd-line)}
.pd-coupon-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;max-width:520px;text-align:left;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#7A1E0E,#B23A12);color:#fff;box-shadow:0 10px 26px rgba(178,58,18,.25);transition:transform .15s ease}
.pd-coupon-card:active{transform:scale(.98)}
.pd-coupon-card::before,.pd-coupon-card::after{content:"";position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:9999px;background:var(--pd-bg)}
.pd-coupon-card::before{left:-9px}
.pd-coupon-card::after{right:-9px}
.pd-coupon-badge{flex:0 0 auto;width:52px;height:52px;border-radius:9999px;background:var(--pd-o);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.pd-coupon-text b{display:block;font-size:16px;line-height:1.3;font-weight:800;color:#fff}
.pd-coupon-text small{display:block;margin-top:4px;font-size:13px;font-weight:700;color:#FFB877}
@media (min-width:1024px){.pd-hero-media{height:360px}.pd-hero-body{margin-top:-78px}.pd-hero-logo{width:104px;height:104px}.pd-hero-title{font-size:42px !important}}

/* Slider: Wischen statt Pfeile, Punkte unten */
.banner-swiper{position:relative;border-radius:18px;overflow:hidden}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{display:none !important}
.banner-swiper .swiper-slide img{display:block;width:100%;height:auto;aspect-ratio:14/5;object-fit:cover;border-radius:0 !important}
.banner-swiper .swiper-pagination{z-index:10;bottom:10px !important;left:0 !important;right:0 !important;transform:none !important;direction:ltr;display:flex;justify-content:center}
.banner-swiper .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px !important;opacity:1;background-color:rgba(255,255,255,.6) !important;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:width .25s ease,background-color .25s ease}
.banner-swiper .swiper-pagination-bullet-active{width:22px;background-color:var(--pd-o) !important}

/* „Unser Menü“ kleiner, „Alle ansehen“ als Link mit Pfeil */
.container:has(> .menu-swiper)>div:first-child{margin-top:20px;margin-bottom:16px}
.container:has(> .menu-swiper)>div:first-child h2{font-size:20px !important}
.container:has(> .menu-swiper)>div:first-child a{background:transparent !important;padding:0;color:var(--pd-o) !important;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:4px}
.container:has(> .menu-swiper)>div:first-child a::after{content:"→";transition:transform .2s ease}
.container:has(> .menu-swiper)>div:first-child a:hover::after{transform:translateX(3px)}

/* Speisekarte: Kategorien oben als Tabs zum Wischen */
.menu-slides a.rounded-full{background:transparent !important;color:var(--pd-tx3) !important;box-shadow:none !important;border-radius:0 !important;padding:10px 4px !important;font-size:15px !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:.03em;border-bottom:3px solid transparent}
.menu-slides a.rounded-full.bg-gray-900{color:var(--pd-o) !important;border-bottom-color:var(--pd-o)}
.menu-section h2.text-primary{font-size:24px !important;line-height:1.2 !important;font-weight:900 !important;color:var(--pd-tx) !important}

/* Artikel als Liste: Text links, Bild rechts, runder Plus-Knopf */
.product-card-list{flex-direction:row-reverse;align-items:stretch;border:0 !important;border-bottom:1px solid var(--pd-line) !important;border-radius:0 !important;background:transparent !important;padding:16px 0;gap:14px}
.product-card-list:hover{background:transparent !important}
.product-card-list-image{width:112px !important;height:112px !important;border-radius:14px !important;align-self:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.product-card-list-content-group{padding:0 !important;justify-content:flex-start !important}
.product-card-list-header-group{margin-bottom:4px !important}
.product-card-list-title{font-size:17px !important;line-height:1.3 !important;font-weight:800 !important;text-transform:none !important;color:var(--pd-tx)}
.product-card-list-describe{font-size:14px !important;line-height:1.45 !important;color:var(--pd-tx2);margin-bottom:8px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-list-price-current{font-size:16px !important;font-weight:800 !important;color:var(--pd-o) !important}
.product-card-list-cart-btn{position:absolute;right:6px;bottom:22px;width:36px;height:36px !important;padding:0 !important;border-radius:9999px !important;justify-content:center;background:var(--pd-o) !important;box-shadow:0 4px 12px rgba(255,128,0,.35) !important;z-index:2;transition:transform .15s ease}
.product-card-list-cart-btn:active{transform:scale(.9)}
.product-card-list-cart-btn span{display:none}
.product-card-list-cart-btn i::before{color:#fff !important}
html[dir=rtl] .product-card-list-cart-btn{right:auto;left:6px}

/* Artikel als Kachel */
.product-card-grid{border-radius:18px !important;overflow:hidden;border:1px solid var(--pd-line) !important;background:var(--pd-card) !important;box-shadow:0 4px 16px rgba(20,21,24,.05)}
.product-card-grid-title{font-size:16px !important;font-weight:800 !important;text-transform:none !important;color:var(--pd-tx)}
.product-card-grid-describe{font-size:13px !important;color:var(--pd-tx2)}
.product-card-grid-price-current{font-weight:800 !important;color:var(--pd-o) !important}

/* Artikel-Fenster: großes Bild, Liste, feste Leiste unten */
.pd-item-modal{top:0 !important;z-index:80 !important;overflow:hidden !important;background:rgba(10,10,12,.55) !important;backdrop-filter:blur(4px)}
.pd-item-modal .modal-dialog{position:relative;display:flex;flex-direction:column;max-width:560px !important;width:100%;height:calc(100dvh - 24px);margin:24px auto 0 !important;border-radius:22px 22px 0 0 !important;overflow:hidden;background:var(--pd-card) !important;transform:translateY(40px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.pd-item-modal.active .modal-dialog{transform:none;margin:24px auto 0 !important}
@media (min-width:640px){.pd-item-modal .modal-dialog,.pd-item-modal.active .modal-dialog{height:auto;max-height:90vh;margin:5vh auto !important;border-radius:22px !important}}
.pd-im-media{position:relative;flex:0 0 auto;height:230px;background:var(--pd-bg2)}
.pd-im-media img{width:100%;height:100%;object-fit:cover}
.pd-im-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:9999px;background:rgba(20,21,24,.78);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;backdrop-filter:blur(6px);transition:transform .15s ease}
.pd-im-close:active{transform:scale(.92)}
.pd-im-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 24px !important}
.pd-im-head{display:flex;align-items:flex-start;gap:8px}
.pd-im-title{font-size:26px;line-height:1.15;font-weight:900;color:var(--pd-tx);text-transform:none}
.pd-im-info{margin-top:8px}
.pd-im-price{margin-top:8px;font-size:19px;font-weight:800;color:var(--pd-o)}
.pd-im-desc{margin-top:10px;font-size:15px;line-height:1.55;color:var(--pd-tx2)}
.pd-im-group{margin-top:22px;padding-top:18px;border-top:1px solid var(--pd-line)}
.pd-im-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.pd-im-group-head h4{font-size:18px;font-weight:900;color:var(--pd-tx)}
.pd-im-sub{font-size:13px;font-weight:600;color:var(--pd-tx3)}
.pd-im-badge{font-size:12px;font-weight:800;padding:3px 10px;border-radius:9999px;background:var(--pd-o-soft);color:var(--pd-o)}
.pd-im-option{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px 2px;cursor:pointer;border-bottom:1px solid var(--pd-line);transition:background-color .15s ease}
.pd-im-option:last-child{border-bottom:0}
.pd-im-option:hover{background:var(--pd-o-soft)}
.pd-im-option .custom-radio,.pd-im-option .custom-checkbox{flex:0 0 auto;width:24px !important;height:24px !important}
.pd-im-option .custom-radio-span{border:2px solid #C9CBD3 !important;border-radius:9999px}
.pd-im-option .custom-radio-field:checked+.custom-radio-span{border:7px solid var(--pd-o) !important;background:#fff !important;box-shadow:none}
.pd-im-option .custom-checkbox-icon{border:2px solid #C9CBD3 !important;border-radius:9999px !important;font-size:12px !important;line-height:20px !important;color:transparent !important;transition:background-color .15s ease,border-color .15s ease}
.pd-im-option .custom-checkbox-field:checked+.custom-checkbox-icon{background:var(--pd-o) !important;border-color:var(--pd-o) !important;color:#fff !important;box-shadow:none !important}
.pd-im-option-name{flex:1;font-size:16px;font-weight:700;color:var(--pd-tx);line-height:1.3}
.pd-im-option-price{flex:0 0 auto;font-size:15px;font-weight:600;color:var(--pd-tx2)}
.pd-im-option:has(input:checked) .pd-im-option-name{color:var(--pd-o)}
.pd-im-select{width:100%;height:48px;border-radius:12px;border:1px solid var(--pd-line);background:var(--pd-card);color:var(--pd-tx);padding:0 14px;font-size:15px;font-weight:600;appearance:none}
.pd-im-note textarea{width:100%;min-height:70px;border-radius:14px;border:1px solid var(--pd-line);background:var(--pd-bg2);color:var(--pd-tx);padding:12px 14px;font-size:15px}
.pd-im-note textarea::placeholder{font-size:14px;color:var(--pd-tx3)}
.pd-im-footer{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--pd-card);border-top:1px solid var(--pd-line);box-shadow:0 -8px 24px rgba(0,0,0,.06)}
.pd-im-qty{display:flex;align-items:center;gap:4px;height:54px;padding:0 6px;border-radius:16px;background:var(--pd-bg2)}
.pd-im-qty button{width:38px;height:38px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--pd-o);background:var(--pd-card);transition:transform .15s ease}
.pd-im-qty button:active{transform:scale(.88)}
.pd-im-qty input{width:30px;text-align:center;font-size:17px;font-weight:800;color:var(--pd-tx);background:transparent;-moz-appearance:textfield}
.pd-im-qty input::-webkit-outer-spin-button,.pd-im-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pd-im-add{flex:1;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;background:var(--pd-o);color:#fff;font-size:16px;font-weight:800;line-height:1.15;text-align:left;box-shadow:0 8px 20px rgba(255,128,0,.3);transition:background-color .2s ease,transform .15s ease}
.pd-im-add:hover{background:var(--pd-o-d)}
.pd-im-add:active{transform:scale(.98)}
.pd-im-add:disabled{opacity:.5}
.pd-im-add-price{font-size:17px;white-space:nowrap}

/* Kasse */
.pd-checkout{background:var(--pd-bg2)}
.pd-checkout .rounded-2xl{border-radius:20px !important;border:1px solid var(--pd-line);box-shadow:0 4px 18px rgba(20,21,24,.04) !important;background:var(--pd-card) !important}
.pd-checkout h3,.pd-checkout h4.font-medium{font-size:18px !important;font-weight:900 !important;color:var(--pd-tx) !important;text-transform:none !important}
.pd-checkout .text-xs{font-size:13px !important}
.pd-checkout .text-sm{font-size:15px !important}
.pd-checkout .mx-auto.w-fit.rounded-2xl{width:100% !important;padding:4px;border-radius:9999px !important;background:var(--pd-bg2) !important;border:1px solid var(--pd-line);color:var(--pd-tx2) !important;box-shadow:none !important}
.pd-checkout .mx-auto.w-fit.rounded-2xl>div{flex:1}
.pd-checkout .mx-auto.w-fit.rounded-2xl label{display:block;text-align:center;font-size:15px !important;font-weight:800;padding:10px 12px !important;border-radius:9999px !important}
.pd-checkout .cart-switch:checked+label{background:var(--pd-o) !important;color:#fff !important;box-shadow:0 4px 12px rgba(255,128,0,.3)}
.pd-checkout .pd-time-options{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important}
.pd-checkout .pd-time-options label{width:100% !important;border-radius:16px !important;padding:14px !important;border-width:1.5px !important}
.pd-checkout .pd-time-options label.bg-primary\/5{border-color:var(--pd-o) !important;background:var(--pd-o-soft) !important}
.pd-checkout .pd-time-options dt{font-weight:800 !important}
.pd-checkout .active-group label{border-radius:16px !important;padding:14px !important;border-width:1.5px !important;background:var(--pd-bg2) !important;border-color:var(--pd-line) !important}
.pd-checkout .active-group label.active{border-color:var(--pd-o) !important;background:var(--pd-o-soft) !important}
.pd-checkout img.rounded-lg{border-radius:14px !important;object-fit:cover}
.pd-checkout .bg-heading{background:var(--pd-o) !important}
.pd-checkout .rounded-xl.border{border-radius:16px !important;background:var(--pd-bg2);border-color:var(--pd-line) !important}
.pd-checkout .rounded-xl.border h4,.pd-checkout .rounded-xl.border h5{font-size:18px !important;font-weight:900 !important}
.pd-checkout .pd-place-order{height:56px;border-radius:16px !important;font-size:17px !important;font-weight:800 !important;text-transform:none !important;box-shadow:0 8px 20px rgba(255,128,0,.3)}
.pd-co-bar{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:19;padding:10px 14px;background:linear-gradient(to top,var(--pd-bg2) 65%,transparent)}
.pd-co-bar-btn{width:100%;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--pd-o);color:#fff;font-size:17px;font-weight:800;box-shadow:0 10px 24px rgba(255,128,0,.35);transition:transform .15s ease}
.pd-co-bar-btn:active{transform:scale(.98)}
@media (max-width:767px){.pd-checkout{padding-bottom:170px !important}}
#payment-method-modal .modal-dialog,#time-schedule-modal .modal-dialog{border-radius:22px !important;overflow:hidden;background:var(--pd-card) !important}
#payment-method-modal h3,#time-schedule-modal h3{font-size:20px !important;font-weight:900 !important;text-transform:none !important;color:var(--pd-tx)}
#payment-method-modal .active-group label{padding:18px !important;border-radius:16px !important;border-width:1.5px !important;background:var(--pd-bg2) !important;border-color:var(--pd-line) !important}
#payment-method-modal .active-group label.active{border-color:var(--pd-o) !important;background:var(--pd-o-soft) !important}
#payment-method-modal .active-group label span.font-medium{font-size:16px;font-weight:800;color:var(--pd-tx)}
#payment-method-modal .active-group label i{font-size:24px !important;color:var(--pd-o)}
#payment-method-modal .flex.justify-end button{height:48px;padding:0 22px;font-size:16px;font-weight:800;border-radius:14px !important}
#time-schedule-modal li{height:46px !important;line-height:46px !important;border-radius:14px !important;font-weight:700}
#time-schedule-modal li.bg-primary\/5{background:var(--pd-o) !important;color:#fff !important;border-color:var(--pd-o) !important}

/* Gutschein */
.pd-coupon-inline{padding:16px;border-radius:18px;border:1.5px dashed #FFB46B;background:var(--pd-o-soft)}
.pd-coupon-inline .pd-coupon-title{display:flex;align-items:center;gap:8px;font-size:17px !important;font-weight:900 !important;color:var(--pd-tx) !important;margin-bottom:10px}
.pd-coupon-inline .pd-coupon-title i{color:var(--pd-o)}
.pd-coupon-inline form input,#coupon-modal form input{height:48px;border-radius:14px 0 0 14px !important;border-color:var(--pd-line) !important;background:var(--pd-card);color:var(--pd-tx);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pd-coupon-inline form button,#coupon-modal form button{height:48px;border-radius:0 14px 14px 0 !important;background:var(--pd-o) !important;font-weight:800;text-transform:none !important}
.pd-coupon-inline .pd-coupon-more{margin-top:10px;font-size:14px;font-weight:800;color:var(--pd-o);display:inline-flex;align-items:center;gap:4px}
.pd-coupon-inline .pd-coupon-more::after{content:"→"}
.pd-checkout .shadow-coupon{border-radius:16px !important;overflow:hidden;background:var(--pd-card)}
#coupon-modal .modal-dialog{max-width:420px !important;border-radius:22px !important;overflow:hidden;background:var(--pd-card) !important}
#coupon-modal .modal-header h3{font-size:20px;font-weight:900;text-transform:none;color:var(--pd-tx)}
#coupon-modal .shadow-coupon{position:relative;border-radius:18px !important;border:1px solid var(--pd-line);background:var(--pd-card) !important;overflow:visible}
#coupon-modal .shadow-coupon::before,#coupon-modal .shadow-coupon::after{content:"";position:absolute;top:44px;width:16px;height:16px;border-radius:9999px;background:var(--pd-card);border:1px solid var(--pd-line)}
#coupon-modal .shadow-coupon::before{left:-9px;clip-path:inset(0 0 0 50%)}
#coupon-modal .shadow-coupon::after{right:-9px;clip-path:inset(0 50% 0 0)}
#coupon-modal .shadow-coupon h3{background:var(--pd-o) !important;color:#fff;font-size:13px !important;font-weight:800 !important;border-radius:9999px !important;padding:4px 12px !important;letter-spacing:.04em}
#coupon-modal .shadow-coupon h4{font-size:15px !important;font-weight:700;color:var(--pd-tx)}

/* Dunkel-Modus */
html.pd-dark body,html.pd-dark #app{background:var(--pd-bg) !important}
html.pd-dark header.ff-header,html.pd-dark nav.fixed.bottom-0,html.pd-dark footer,html.pd-dark .bg-white,html.pd-dark .modal-dialog,html.pd-dark .dropdown-list{background-color:var(--pd-card) !important}
html.pd-dark header.ff-header,html.pd-dark nav.fixed.bottom-0{background-color:var(--pd-bg) !important;border-color:var(--pd-line) !important}
html.pd-dark .text-heading,html.pd-dark h1,html.pd-dark h2,html.pd-dark h3,html.pd-dark h4,html.pd-dark h5,html.pd-dark dt,html.pd-dark dd,html.pd-dark .text-black,html.pd-dark .text-gray-700,html.pd-dark .text-\[\#1F1F39\]{color:var(--pd-tx) !important}
html.pd-dark body{color:var(--pd-tx2)}
html.pd-dark .bg-\[\#F7F7FC\],html.pd-dark .bg-\[\#EFF0F6\],html.pd-dark .bg-gray-100,html.pd-dark .bg-gray-50,html.pd-dark .bg-\[\#FFEDF4\]{background-color:var(--pd-bg2) !important}
html.pd-dark .border,html.pd-dark .border-b,html.pd-dark .border-t,html.pd-dark .border-gray-100,html.pd-dark .border-gray-200,html.pd-dark .border-\[\#EFF0F6\],html.pd-dark .border-\[\#F7F7FC\],html.pd-dark .border-\[\#D9DBE9\],html.pd-dark .border-slate-100{border-color:var(--pd-line) !important}
html.pd-dark input,html.pd-dark textarea,html.pd-dark select{background-color:var(--pd-bg2) !important;color:var(--pd-tx) !important;border-color:var(--pd-line) !important}
html.pd-dark .menu-category-active div,html.pd-dark .menu-swiper .rounded-full{background-color:var(--pd-card) !important}
html.pd-dark .sticky.bg-white{background-color:var(--pd-bg) !important}
html.pd-dark .pd-checkout{background:var(--pd-bg) !important}
html.pd-dark .pd-hero-logo{background:#fff}
html.pd-dark .shadow-xs,html.pd-dark .shadow-xl-top{box-shadow:none !important}
html.pd-dark .product-card-list-image,html.pd-dark .product-card-grid{box-shadow:none}
html.pd-dark .pd-im-option .custom-radio-span,html.pd-dark .pd-im-option .custom-checkbox-icon{border-color:#4A4C55 !important}
html.pd-dark .pd-im-option .custom-radio-field:checked+.custom-radio-span{background:var(--pd-card) !important}
html.pd-dark #pd-notice{color:#fff}
html.pd-dark .product-card-list-price-current,html.pd-dark .product-card-grid-price-current,html.pd-dark .pd-im-price,html.pd-dark .pd-hero-fee,html.pd-dark .menu-slides a.rounded-full.bg-gray-900{color:var(--pd-o) !important}
html.pd-dark .pd-dot-open{color:var(--pd-ok) !important}
html.pd-dark .pd-dot-closed{color:var(--pd-no) !important}
html.pd-dark .pd-coupon-text b{color:#fff !important}