/*
Theme Name: PENG DUMPLINGS
Theme URI: https://www.foxcomputers.ch
Author: Fox Computers
Author URI: https://www.foxcomputers.ch
Version: 2026
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: peng

PENG DUMPLINGS WordPress Theme 2011-2026
PENG DUMPLINGS is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'GT-America-Standard-Regular';
    src: url('fonts/GTAmericaTrial-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GT-America-Standard-Medium';
    src: url('fonts/GT-America-Standard-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    outline:none;
    box-sizing: border-box;
    -webkit-appearance:none;
    appearance:none;
    border-radius:0,
}
html {
    scroll-behavior:smooth
}
body {
    background:#000;
    line-height:1;
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.home {
    opacity: 0;
    transition: all 1.2s ease;
}
body.home.loaded {
    opacity: 1;
    transition: all 1.2s ease;
}
a {
    text-decoration-skip-ink:auto
}
a[href^="tel"] {
    color:inherit;
    text-decoration:none
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
q {
    display:inline;
    font-style:italic
}
q:before {
    content:'"';
    font-style:normal
}
q:after {
    content:'"';
    font-style:normal
}
table {
    border-collapse:collapse;
    border-spacing:0
}
th,td {
    padding:2px
}
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size:60%
}
sub { 
    top: 0.4em; 
}
img {
    max-width:100%;
    height:auto;
}
.wp-caption, .wp-caption-text, .gallery-caption {
    display: none;
}
.alignright {
    float:right;
    margin:0 0 20px 20px;
}
.alignleft {
    float:left;
    margin:0 20px 20px 0;
}
.aligncenter {
    display: block;
    margin:0 auto 20px auto;
}

body:before {
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: linear-gradient(
        to bottom,
        rgb(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.987) 8.1%,
        rgba(0, 0, 0, 0.951) 15.5%,
        rgba(0, 0, 0, 0.896) 22.5%,
        rgba(0, 0, 0, 0.825) 29%,
        rgba(0, 0, 0, 0.741) 35.3%,
        rgba(0, 0, 0, 0.648) 41.2%,
        rgba(0, 0, 0, 0.55) 47.1%,
        rgba(0, 0, 0, 0.45) 52.9%,
        rgba(0, 0, 0, 0.352) 58.8%,
        rgba(0, 0, 0, 0.259) 64.7%,
        rgba(0, 0, 0, 0.175) 71%,
        rgba(0, 0, 0, 0.104) 77.5%,
        rgba(0, 0, 0, 0.049) 84.5%,
        rgba(0, 0, 0, 0.013) 91.9%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    z-index: 5;
}

#reservation-modal, #giftcard-modal, #takeaway-modal {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
    opacity:0;
    pointer-events: none;
    transition: all .6s ease;
    z-index: 99999;
}
#reservation-modal.modal-on, #giftcard-modal.modal-on, #takeaway-modal.modal-on {
    opacity:1;
    pointer-events:unset;
    transition: all .6s ease;
}
#reservation-modal-box, #giftcard-modal-box, #takeaway-modal-box {
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,calc(-50% + 60px));
    width:800px;
    padding:24px;
    background:#F5F5F5;
    border-radius:40px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.16);
    max-height: 90vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: all .6s ease;
}
#reservation-modal-box::-webkit-scrollbar, #giftcard-modal-box::-webkit-scrollbar, #takeaway-modal-box::-webkit-scrollbar {
    display: none;
}
.modal-on #reservation-modal-box, .modal-on #giftcard-modal-box, .modal-on #takeaway-modal-box {
    transform: translate(-50%,-50%);
    transition: all .6s ease;
}
.modal-close {
    position: absolute;
    top:12px;
    right:20px;
    font-family: 'GT-America-Standard-Medium';
    font-size:32px;
    line-height:32px;
    color:#000;
    cursor: pointer;
    z-index: 9;
}

#wrapper {
    overflow: hidden;
}

#logo {
    position: fixed;
    top:0;
    left:0;
    width:252px;
    height:155px;
    background:#FF716D;
    transition:all .4s ease;
    z-index: 99;
}
#logo:hover {
    background:#fff;
    transition:all .4s ease;
}
#logo img {
    display: block;
}
#logo span {
    position: absolute;
    top:100%;
    left:0;
    width:100%;
    padding:10px 18px;
    text-align: center;
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#FF716D;
    text-transform: uppercase;
    background:#000;
}

#fixed-link {
    position: fixed;
    top:32px;
    right:72px;
    width:144px;
    height:162px;
    background:url(images/link-icon.svg) no-repeat center center;
    background-size:144px 162px;
    z-index:99;
}
#fixed-link a {
    background:#7BDFFD;
    font-family: 'GT-America-Standard-Medium';
    font-size:24px;
    line-height:1.1;
    color:#000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:8px 42px;
    border-radius:22px;
    position: absolute;
    left: 50%;
    bottom: 32px;
    width: max-content;
    max-width: 272px;
    box-sizing: border-box;
    transform-origin: center center;
    transform: translateX(-50%) rotate(-9deg);
}
#fixed-link a:before, #fixed-link a:after {
    content:"";
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width:20px;
    height:20px;
    background:url(images/frozen.svg) no-repeat center center;
    background-size:20px 20px;
}
#fixed-link a:before {
    left:16px;
}
#fixed-link a:after {
    right:16px;
}
#fixed-link a:hover {
    animation: headShake 1s ease-in-out both;
}
@keyframes headShake {
    0%    { transform: translateX(-50%) rotate(-9deg); }
    6.5%  { transform: translateX(calc(-50% - 6px)) rotateY(-9deg) rotate(-9deg); }
    18.5% { transform: translateX(calc(-50% + 5px)) rotateY(7deg) rotate(-9deg); }
    31.5% { transform: translateX(calc(-50% - 3px)) rotateY(-5deg) rotate(-9deg); }
    43.5% { transform: translateX(calc(-50% + 2px)) rotateY(3deg) rotate(-9deg); }
    50%   { transform: translateX(-50%) rotate(-9deg); }
}

#header {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}
#header #header-bar {
    position: absolute;
    top:74px;
    left:50%;
    height:80px;
    transform:translateX(-50%);
    background:#FF716D;
    padding:10px;
    border-radius:28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.16);
    width: var(--bar-w, max-content);
    transition: width 0.8s;
}
#header #header-bar.hbopen {
    width: min(calc(var(--bar-w, 1000px) * 1.6), 1440px);
}

#header #header-bar #menu {
    margin-right:42px;
    z-index:2;
    opacity:1;
    transition: z-index 0s .6s, opacity .8s .6s;
}
#header #header-bar.hbopen #menu {
    z-index:1;
    opacity:0;
    transition: z-index 0s 0s, opacity 0s 0s;
}
#header #header-bar #menu ul {
    display: flex;
    margin:0 -5px;
}
#header #header-bar #menu ul li {
    margin:0 5px;
}
#header #header-bar #menu ul li a {
    display: block;
    font-family: 'GT-America-Standard-Medium';
    font-size:18px;
    line-height:18px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
    padding:22px 52px;
    background:transparent;
    border-radius:22px;
    white-space: nowrap;
    transition:all .4s ease;
}
#header #header-bar #menu ul li a:hover, #header #header-bar #menu ul li.current-menu-item a, #header #header-bar #menu ul li.current-menu-ancestor a {
    color:#FF716D;
    background:#000;
    transition:all .4s ease;
}
#header #header-bar #menu ul li .sub-menu {
    position: absolute;
    top:calc(100% - 12px);
    left:0;
    width:calc(100% + 10px);
    padding-top:24px;
    display: flex;
    justify-content: space-between;
    margin:0 -5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
}
#header #header-bar #menu ul li:hover .sub-menu, #header #header-bar #menu ul li.current-menu-item .sub-menu, #header #header-bar #menu ul li.current-menu-ancestor .sub-menu {
    opacity: 1;
    visibility: visible;
}
#header #header-bar #menu ul li .sub-menu li {
    margin:0 5px;
}
#header #header-bar #menu ul li .sub-menu li a {
    display: block;
    font-size:18px;
    line-height:18px;
    color:#000;
    padding:8px 36px;
    background:#fff;
}
#header #header-bar #menu ul li .sub-menu li a:hover, #header #header-bar #menu ul li.current-menu-ancestor .sub-menu li.current-menu-item a {
    color:#000;
    background:#FF716D;
}
#header #header-bar #menu ul li.menu-item-has-children:has(> .sub-menu:hover) > a {
    color:#FF716D;
    background:#000;
    transition: 0.4s;
}

#header #header-bar #hb-overlay {
    position: absolute;
    top:0;
    left:50%;
    width:100%;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .8s ease, box-shadow .8s ease, width .8s ease;
    padding:48px 56px 30px 56px;
    overflow: hidden;
    border-radius:28px;
    background:#FF716D;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0);
    transform: translateX(-50%);
    z-index:1;
}
#header #header-bar.hbopen #hb-overlay {
    width: 100%;
    grid-template-rows: 1fr;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.16);
    z-index:2;
}
#header #header-bar #hb-overlay #hb-overlay-inner {
    overflow: hidden;
    min-height: 0;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-frozen, #header #header-bar #hb-overlay #hb-overlay-inner #hb-gastronovi {
    position: absolute;
    top:50%;
    left:56px;
    width:280px;
    opacity:0;
    transform: translateY(calc(-50% - 24px));
    transition:transform 1s ease, opacity .6s ease 0s;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-gastronovi {
    left:unset;
    right:56px;
}
#header #header-bar.hbopen #hb-overlay #hb-overlay-inner #hb-frozen, #header #header-bar.hbopen #hb-overlay #hb-overlay-inner #hb-gastronovi {
    opacity:1;
    transform: translateY(-50%);
    transition:transform .8s ease .2s, opacity .8s ease .2s;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-frozen span {
    display: block;
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#000;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:8px;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-frozen a {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background:#fff;
    padding:6px 46px;
    border-radius:28px;
    transition:all .4s ease;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-frozen a:hover {   
    background: #7BDFFD;
    transition:all .4s ease;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-gastronovi .hb-gastronovi-item {
    padding:4px 0;
    text-align: center;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-gastronovi .hb-gastronovi-item span {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:22px;
    line-height:22px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
#header #header-bar #hb-overlay #hb-overlay-inner #hb-gastronovi .hb-gastronovi-item span:hover {   
    color:#fff;
}
#hb-menu {
    margin:0 auto;
    max-width:872px;
    opacity:0;
    transform: translateY(-24px);
    transition:transform 1s ease, opacity .6s ease 0s;
}
.hbopen #hb-menu {
    opacity:1;
    transform: translateY(0);
    transition:transform .8s ease .2s, opacity .8s ease .2s;
}
#hb-menu ul li {
    padding:8px 0;
    text-align: center;
    opacity:1;
}
#hb-menu ul li a {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:54px;
    line-height:54px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
}
#hb-menu ul li a:hover, #hb-menu ul li.current-menu-item a, #hb-menu ul li.current-menu-item .sub-menu li a:hover, #hb-menu ul li.current-menu-ancestor a, #hb-menu ul li.current-menu-ancestor .sub-menu li a:hover, #hb-menu ul li.current-menu-ancestor .sub-menu li.current-menu-item a {
    color:#fff;
}
#hb-menu ul li.current-menu-item .sub-menu li a, #hb-menu ul li.current-menu-ancestor .sub-menu li a {
    color:#000;
}
#hb-menu ul li .sub-menu {
    padding:8px 0;
}
#hb-menu ul li .sub-menu li a {
    font-size:32px;
    line-height:32px;
}
#header #open-hours {
    position: absolute;
    top:100%;
    left:0;
    width:100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
    z-index: -1;
}
#header #open-hours.sub-active, #header #open-hours.scroll-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}
.opening-status {
    width: 100%;
    padding-top:11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
span.opening-status__left, span.opening-status__right {
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#FF716D;
    text-transform: uppercase;
}
#menu-trigger {
    position: relative;
    width:47px;
    height:27px;
    margin-right:38px;
    cursor: pointer;
    z-index: 3;
}
#menu-trigger span {
    position: absolute;
    left:0;
    width:100%;
    height:5px;
    background:#000;
    border-radius:3px;
}
#menu-trigger span:nth-child(1) {
    top:0;
    transition:all .4s ease;
}
#menu-trigger span:nth-child(2) {
    top:11px;
}
#menu-trigger span:nth-child(3) {
    top:22px;
    transition:all .4s ease;
}
#menu-trigger.active span:nth-child(1), #menu-trigger.active span:nth-child(3) {
    top:11px;
    transition:all .4s ease;
}

.hero-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    cursor: pointer;
    z-index: 9999;
}
.hero-section.is-hidden {
    pointer-events: none;
    visibility: hidden;
}
.video-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    will-change: opacity;
}
.svg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    will-change: transform, opacity;
}
.video-layer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#container {
    padding-top:312px;
}

.peng-slider {
    position: relative;
    margin:0 auto 200px auto;
    width: 1440px;
    height: 692px;
    overflow: visible;
}
.peng-slider__track {
    position: relative;
    width: 100%;
    aspect-ratio:1440 / 692;
    overflow: visible;
}
.peng-slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.6s ease;
}
.peng-slider__slide.is-active {
    opacity: 1;
}
.peng-slider__dots {
    position: absolute;
    bottom: 96px;
    right: 84px;
    display: flex;
    gap: 26px;
    z-index: 10;
}
.peng-slider__dot {
    width: 45px;
    height: 5px;
    border-radius: 3px;
    border: none;
    background: #FF716D;
    padding: 0;
    cursor: pointer;
    transition: background .4s ease;
}
.peng-slider__dot.is-active {
    background: #fff;
}

.sb-item:nth-child(1) > * {
    padding-top:0;
}
.home .sb-item:nth-child(1) > * {
    padding-top:196px;
}

.sbi-tfull {
    margin:0 auto;
    padding:196px 32px;
    max-width:1024px;
}

.sbi-buttons {
    margin:0 auto;
    max-width:1024px;
    padding:178px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:stretch;
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item {
    padding:18px 0; 
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item a {
    display: block;
    font-family: 'GT-America-Standard-Medium';
    font-size:54px;
    line-height:54px;
    color:#000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:22px 56px;
    border-radius:28px;
    background:#FF716D;
    transition: all .4s ease;
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item a:hover {
    background:#fff;
    transition: all .4s ease;
}
.sbi-buttons .sbi-buttons-text {
    margin: 0 auto;
    max-width: 1080px;
}

.sbi-ititem, .sbi-event {
    margin:0 auto;
    padding:196px 32px 160px 32px;
    max-width:1504px;
}
.sbi-event .sbi-event-teaser, #event-archive #event-archive-items .event-archive-item {
    position: relative;
}
.sbi-ititem .sbi-ititem-img, .sbi-event .sbi-event-teaser .sbi-event-teaser-img, #event-archive #event-archive-items .event-archive-item .event-archive-item-img {
    position: relative;
    border-radius:80px;
    overflow: hidden;
}
.sbi-ititem .sbi-ititem-img img, .sbi-event .sbi-event-teaser .sbi-event-teaser-img img, #event-archive #event-archive-items .event-archive-item .event-archive-item-img img {
    display: block;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact .event-archive-item-img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100vw;
    border-radius:0;
    opacity:0;
    transition:opacity .8s ease;
    z-index: -1;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact:hover .event-archive-item-img {
    opacity:.6;
    transition:opacity .8s ease;
}
.sbi-ititem .sbi-ititem-img .sbi-ititem-img-caption,.sbi-event .sbi-event-teaser .sbi-event-teaser-img .sbi-event-teaser-img-caption, #event-archive #event-archive-items .event-archive-item .event-archive-item-img-caption {
    position: absolute;
    bottom:56px;
    left:56px;
    right:56px;
    text-align: center;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact .event-archive-item-img-caption {
    display: none;
}
.sbi-ititem .sbi-ititem-img .sbi-ititem-img-caption span, .sbi-event .sbi-event-teaser .sbi-event-teaser-img .sbi-event-teaser-img-caption span, #event-archive #event-archive-items .event-archive-item .event-archive-item-img-caption span {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:32px;
    line-height:32px;
    color:#000;
    text-transform: uppercase;
    padding:8px 36px;
    background:#fff;
    border-radius:28px;
}
.sbi-ititem .sbi-ititem-text, .sbi-event .sbi-event-teaser .sbi-event-teaser-text, #event-archive #event-archive-items .event-archive-item .event-archive-item-text {
    margin:0 auto;
    padding-top:72px;
    max-width:1080px;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-text {
    padding:72px 0 96px 0;
}
.sbi-ititem a, .sbi-event .sbi-event-teaser a, #event-archive #event-archive-items .event-archive-item a {
    display: block;
    text-decoration: none;
}
.sbi-event .sbi-event-teaser .sbi-event-teaser-title, #event-archive #event-archive-items .event-archive-item .event-archive-item-title {
    margin:0 216px;
}
.sbi-ititem a .sbi-ititem-img img, .sbi-event .sbi-event-teaser .sbi-event-teaser-img img, #event-archive #event-archive-items .event-archive-item .event-archive-item-img img {
    transform: scale(1);
    transition:all .8s ease;
}
.sbi-ititem a:hover .sbi-ititem-img img, .sbi-event .sbi-event-teaser:hover .sbi-event-teaser-img img, #event-archive #event-archive-items .event-archive-item:hover .event-archive-item-img img {
    transform: scale(1.1);
    transition:all .8s ease;
}
.sbi-event .sbi-event-teaser span.sbi-event-teaser-date-wday, .sbi-event .sbi-event-teaser span.sbi-event-teaser-date-day, #event-archive #event-archive-items .event-archive-item span.event-archive-item-date-wday, #event-archive #event-archive-items .event-archive-item span.event-archive-item-date-day {
    position: absolute;
    top:0;
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#fff;
    text-transform: uppercase;
    white-space: nowrap;
}
.sbi-event .sbi-event-teaser span.sbi-event-teaser-date-wday, #event-archive #event-archive-items .event-archive-item span.event-archive-item-date-wday {
    left:0;
}
.sbi-event .sbi-event-teaser span.sbi-event-teaser-date-day, #event-archive #event-archive-items .event-archive-item span.event-archive-item-date-day {
    right:0;
}

.sbi-mcards {
    margin:0 auto;
    padding:196px 32px 132px 32px;
    max-width:1504px;
}
.sbi-mcards-title {
    margin:0 auto;
    max-width:860px;
}
.sbi-mcards-items {
    padding-top:96px;
}
.sbi-mcards-items .sbi-mcards-item {
    border-radius:80px;
    position: relative;
    margin-bottom:64px;
}
.lila .sbi-mcards-items .sbi-mcards-item {
    background:#DDB9F5;
}
.yellow .sbi-mcards-items .sbi-mcards-item {
    background:#FFFF00;
}
.red .sbi-mcards-items .sbi-mcards-item {
    background:#FF716D;
}
.sbi-mcards-item-date {
    position: absolute;
    top:-56px;
    left:0;
    width:100%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
.sbi-mcards-item-date span {
    font-family: 'GT-America-Standard-Medium';
    font-size:32px;
    line-height:32px;
    text-transform: uppercase;
}
.lila .sbi-mcards-item-date span {
    color:#DDB9F5;
}
.yellow .sbi-mcards-item-date span {
    color:#FFFF00;
}
.red .sbi-mcards-item-date span {
    color:#FF716D;
}
.sbi-mcards-item-trigger {
    padding:30px 88px;
    cursor: pointer;
}
.sbi-mcards-item-trigger:after {
    content:"";
    position: absolute;
    top:50%;
    right:68px;
    width:56px;
    height:56px;
    background:#000;
    border-radius:50%;
    transform: translateY(-50%);
    transition:all .4s ease;
}
.is-open .sbi-mcards-item-trigger:after {
    content:"";
    right:68px;
    width:56px;
    height:5px;
    border-radius:3px;
    transition:all .4s ease;
}
.sbi-mcards-item-toggle, .sbi-mcards-item-acc-item-toggle {
    padding:0 68px 68px 68px;
    display: none;
}
.sbi-mcards-item-toggle {
    padding-bottom:156px;
}
.sbi-mcards-item-acc-item-toggle {
    margin:0 auto;
    padding:0 0 64px 0;
    max-width:760px;
}
.sbi-mcards-item-toggle > *, .sbi-mcards-item-acc-item-toggle > * {
    transform: translateY(-16px);
    opacity:0;
    transition:all .6s ease;
}
.is-open .sbi-mcards-item-toggle > *, .is-open .sbi-mcards-item-acc-item-toggle > * {
    transform: translateY(0);
    opacity:1;
    transition:all .6s ease; 
}
.sbi-mcards-item-menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -24px;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item {
    width:calc(33.333% - 48px);
    margin:0 24px 88px 24px;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item .sbi-mcards-item-menu-item-dot {
    margin:0 auto 16px auto;
    width:68px;
    height:68px;
    border-radius: 50%;
    cursor: pointer;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.black .sbi-mcards-item-menu-item-dot {
    background:#000;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.red .sbi-mcards-item-menu-item-dot {
    background:#FF716D;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.green .sbi-mcards-item-menu-item-dot {
    background:#76FF00;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.yellow .sbi-mcards-item-menu-item-dot {
    background:#FFFF00;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.lila .sbi-mcards-item-menu-item-dot {
    background:#DDB9F5;
}
.sbi-mcards-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity 1.2s ease, transform .8s ease;
    pointer-events: none;
    border-radius: 90px;
}
.sbi-mcards-item-trigger, .sbi-mcards-item-toggle {
    position: relative;
    z-index: 1;
}
.sbi-mcards-item-acc-item-toggle-links {
    position: absolute;
    bottom:76px;
    left:0;
    width:100%;
    padding:0 68px;
    display: flex;
    justify-content: space-between;
}
.sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link {
    font-size:0;
    text-align: left;
}
.sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link:nth-child(2) {
    text-align: right;
}
.sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link a, .sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link span {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:18px;
    line-height:18px;
    color:#fff;
    text-decoration: none;
    padding:8px 24px;
    border-radius: 18px;
    background:#000;
    cursor: pointer;
    transition:all .4s ease; 
}
.sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link a:hover, .sbi-mcards-item-acc-item-toggle-links .sbi-mcards-item-acc-item-toggle-link span:hover {
    color:#000;
    background:#fff;
    transition:all .4s ease; 
}
.sbi-mcards-item-menu-item-dot {
    cursor: pointer;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item .sbi-mcards-item-menu-item-price, .sbi-mcards-item-menu-item-price {
    text-align: center;
    font-size:0;
    padding-top:32px;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item .sbi-mcards-item-menu-item-price span, .sbi-mcards-item-menu-item-price span {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:23px;
    line-height:26px;
    color:#000;
    padding:10px 14px;
    border-radius: 11px;
}
.sbi-mcards-item-menu-item-price span {
    background:#000;
    color:#fff;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.black .sbi-mcards-item-menu-item-price span {
    background:#fff;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.red .sbi-mcards-item-menu-item-price span {
    background:#FF716D;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.green .sbi-mcards-item-menu-item-price span {
    background:#76FF00;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.yellow .sbi-mcards-item-menu-item-price span {
    background:#FFFF00;
}
.sbi-mcards-item-menu-items .sbi-mcards-item-menu-item.lila .sbi-mcards-item-menu-item-price span {
    background:#DDB9F5;
}
.sbi-mcards-item-dacc-item-menu-item-prices {
    display: flex;
    justify-content: center;
    margin:0 -12px;
}
.sbi-mcards-item-dacc-item-menu-item-prices .sbi-mcards-item-menu-item-price {
    margin:0 12px;
    padding-top:24px;
    display: flex;
    flex-direction: column;
}
.sbi-mcards-item-dacc-item-menu-item-prices .sbi-mcards-item-menu-item-price span:nth-child(1) {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:23px;
    line-height:26px;
    color:#000;
    padding:0;
    border-radius:0;
    background:none;
    margin-bottom:12px;
}
.sbi-mcards-item-menu-item-info, .sbi-mcards-item-menu-item-dessert {
    position: relative;
    padding:60px 0;
    border-top:5px solid #000;
}
.sbi-mcards-item-menu-item-dessert {
    padding:60px 0 0 0;
}
.sbi-mcards-item-acc-items .sbi-mcards-item-acc-item {
    border-bottom:5px solid #000;
}
.sbi-mcards-item-acc-items .sbi-mcards-item-acc-item .sbi-mcards-item-acc-item-trigger {
    position: relative;
    padding:32px 72px 30px 72px;
    cursor: pointer;
}
.sbi-mcards-item-acc-items .sbi-mcards-item-acc-item .sbi-mcards-item-acc-item-trigger:after {
    content:"";
    position: absolute;
    top:50%;
    right:0;
    width:56px;
    height:56px;
    background:#000;
    border-radius:50%;
    transform: translateY(-50%);
    transition:all .4s ease;
}
.sbi-mcards-item-acc-items .sbi-mcards-item-acc-item.is-open .sbi-mcards-item-acc-item-trigger:after {
    content:"";
    width:56px;
    height:5px;
    border-radius:3px;
    transition:all .4s ease;
}
.sbi-mcards-item-acc-item-menu-items .sbi-mcards-item-acc-item-menu-item {
    border-top:3px solid #000;
    margin-bottom:42px;
    padding-top:42px;
}
.sbi-mcards-item-acc-item-menu-items .sbi-mcards-item-acc-item-menu-item:nth-child(1) {
    padding-top:0;
    border-top:none;
}
.drinks .sbi-mcards-item-acc-item-menu-items .sbi-mcards-item-acc-item-menu-item:nth-child(1) {
    padding-top:42px;
}
.sbi-mcards-item-acc-item-menu-items .sbi-mcards-item-acc-item-menu-item.no-price {
    padding-top:48px;
    padding-bottom:16px;
    margin-bottom:0;
    border-top:none;
}
.sbi-mcards-item-acc-item-menu-items .sbi-mcards-item-acc-item-menu-item.no-price:nth-child(1) {
    padding-top:0;
}

.sbi-cslider {
    position: relative;
    margin:0 auto;
    padding: 196px 32px;
    max-width: 1504px;
}
.sbi-cslider-title {
    margin: 0 auto;
    max-width: 860px;
}
.sbi-cslider-items {
    position: relative;
    width: 100%;
    aspect-ratio: 1440 / 692;
    overflow: visible;
}
.sbi-cslider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.6s ease;
}
.sbi-cslider-item.is-active {
    opacity: 1;
}
.sbi-cslider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sbi-cslider-dots {
    position: absolute;
    bottom: 292px;
    right: 116px;
    display: flex;
    gap: 26px;
    z-index: 10;
}
.sbi-cslider-dot {
    width: 45px;
    height: 5px;
    border-radius: 3px;
    border: none;
    background: #FF716D;
    padding: 0;
    cursor: pointer;
    transition: background .4s ease;
}
.sbi-cslider-dot.is-active {
    background: #fff;
}

.sbi-tiles {
    position: relative;
    margin:0 auto;
    padding: 196px 32px 88px 32px;
    max-width: 1504px;
}
.sbi-tiles .sbi-tiles-title {
    margin: 0 auto;
    max-width: 860px;
}
.sbi-tiles .sbi-tiles-title.has-text {
    padding-bottom:32px;
}
.sbi-tiles .sbi-tiles-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -48px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item {
    width: calc(50% - 96px);
    margin: 0 48px 108px 48px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-title {
    margin-bottom:16px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-img {
    margin-bottom:32px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-img img {
    display: block;
    border-radius:40px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-button {
    text-align: left;
    font-size:0;
} 
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-button a {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
    padding:12px 32px;
    border-radius: 28px;
    background:#fff;
    cursor: pointer;
    transition:all .4s ease; 
} 
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-button a:hover {
    color:#fff;
    background:#FF716D;
    transition:all .4s ease; 
} 

.sb-item.sbi-claim {
    margin:0 auto;
    padding:96px 32px 324px 32px;
    max-width:1244px;
}
.sbi-claim .sbi-claim-icon {
    margin-bottom:72px;
}
.sbi-claim .sbi-claim-icon img {
    display: block;
    margin:0 auto;
}

#event-archive, #event-single {
    margin:0 auto;
    padding:0 32px 160px 32px;
    max-width:1504px;
}
#event-archive #event-archive-items {
    padding-top:32px;
}
#event-archive #event-archive-items .event-archive-item {
    border-bottom:2px solid #fff;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact a {
    padding:32px 212px;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact span.event-archive-item-date-wday, #event-archive #event-archive-items .event-archive-item.event-archive-item-compact span.event-archive-item-date-day {
    top:50%;
    transform: translateY(-50%);
    transition: all .4s ease;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact .event-archive-item-title {
    text-align: center;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact a:hover span.event-archive-item-date-wday {
    left: 24px;
    color:#FF716D;
    transition: all .4s ease;
}
#event-archive #event-archive-items .event-archive-item.event-archive-item-compact a:hover span.event-archive-item-date-day {
    right: 24px;
    color:#FF716D;
    transition: all .4s ease;
}

#post-e404 {
    margin:0 auto;
    padding:32px 32px 220px 32px;
    max-width:1024px;
}
#post-e404 span {
    display: block;
    font-family: 'GT-America-Standard-Medium';
    font-size:300px;
    line-height:300px;
    color:#FF716D;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:22px;
}

#content h1, #content h2 {
    font-family: 'GT-America-Standard-Medium';
    font-size:54px;
    line-height:54px;
    color:#FF716D;
    text-align: center;
    text-transform: uppercase;
    margin:0 auto 56px auto;
    max-width:720px;
}
#content .sbi-ititem h1, #content .sbi-ititem h2, #content .sbi-event h1, #content .sbi-event h2, #content .event-archive-item h1, #content .event-archive-item h2 {
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:20px;
}
#content .event-archive-item.event-archive-item-compact h1, #content .event-archive-item.event-archive-item-compact h2 {
    margin-bottom:0;
}
#content h3, #content .sbi-tiles-item h4 {
    font-family: 'GT-America-Standard-Medium';
    font-size:54px;
    line-height:54px;
    color:#FF716D;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:20px;
}
#content .sbi-mcards-item-trigger h3 {
    color:#000;
    margin-bottom:0;
}
#content .sbi-tiles-item h3, #content .sbi-tiles-item h4 {
    text-align: left;
    margin-bottom:0;
    color:#fff;
}
#content h4, #content h5 {
    font-family: 'GT-America-Standard-Medium';
    font-size:28px;
    line-height:28px;
    color:#000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:8px;
}
#content .sbi-mcards-item-acc-item-trigger h4, #content .sbi-mcards-item-acc-item-menu-item.no-price h4 {
    margin-bottom:0;
}
#content .sbi-mcards-item-menu-item-info h4, #content .sbi-mcards-item-menu-item-dessert h4 {
    margin-bottom:22px;
}
#content h5 {
    margin-bottom:16px;
}
#content .sbi-mcards-item-acc-item-toggle h5 {
    margin-bottom:0;
    color:#fff;
}
#content .sbi-mcards-item-acc-item-menu-item.no-price h4, #content .sbi-mcards-item-menu-item.black h5 {
    color:#fff;
}
#content .sbi-mcards-item-menu-item.green h5 {
    color:#76FF00;
}
#content .sbi-mcards-item-menu-item.red h5 {
    color:#FF716D;
}
#content .sbi-mcards-item-menu-item.yellow h5 {
    color:#FFFF00;
}
#content .sbi-mcards-item-menu-item.lila h5 {
    color:#DDB9F5;
}
#content p {
    font-family: 'GT-America-Standard-Regular';
    font-size:28px;
    line-height:36px;
    color:#FF716D;
    margin-bottom:36px;
}
#content .sbi-ititem p, #content .sbi-buttons-text p, #content .sbi-claim p, #content .sbi-event-teaser-text p, #content .event-archive-item p {
    font-family: 'GT-America-Standard-Medium';
    font-size:54px;
    line-height:60px;
    color:#fff;
    text-align: center;
    margin-bottom:0;
}
#content .sbi-mcards-item-menu-item p, #content .sbi-mcards-item-menu-item-info p, #content .sbi-mcards-item-menu-item-dessert p, #content .sbi-mcards-item-acc-item-toggle p {
    text-align: center;
    color:#000;
    margin-bottom:0;
}
#content .sbi-ititem p {
    margin-bottom:54px;
}
#content .sbi-mcards-item-acc-item-toggle > p {
    margin-bottom:72px;
}
#content .lila .sbi-mcards-item-acc-item-toggle > p {
    color:#553774;
}
#content .yellow .sbi-mcards-item-acc-item-toggle > p {
    color:#554600;
}
#content .red .sbi-mcards-item-acc-item-toggle > p {
    color:#5C1513;
}
#content #post-e404 p {
    text-align: center;
}
#content p a {
    font-family: 'GT-America-Standard-Medium';
    font-size:18px;
    line-height:18px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
    background:#fff;
    margin:-2px 8px 0 8px;
    padding:6px 24px;
    border-radius:18px;
    transition: all .4s ease;
}
#content p a:hover {
    color:#fff;
    background:#FF716D;
    transition: all .4s ease;
}
#content ul, #content ol {
    margin-bottom:36px;
    padding-left:24px;
}
#content ul li {
    font-family: 'GT-America-Standard-Regular';
    font-size:28px;
    line-height:36px;
    color:#FF716D;
    list-style: disc;
}
#content ol li {
    font-family: 'GT-America-Standard-Regular';
    font-size:28px;
    line-height:36px;
    color:#FF716D;
    list-style: decimal;
}

#content .sbi-ititem.lila h1, #content .sbi-ititem.lila h2, #content .sbi-ititem.lila p, #content .sbi-event .sbi-event-teaser.lila h1, #content .sbi-event .sbi-event-teaser.lila h2, #content .sbi-event .sbi-event-teaser.lila p, #content .event-archive-item.lila h2, #content .event-archive-item.lila p {
    color:#DDB9F5;
}
#content .sbi-ititem.yellow h1, #content .sbi-ititem.yellow h2, #content .sbi-ititem.yellow p, #content .sbi-event .sbi-event-teaser.yellow h1, #content .sbi-event .sbi-event-teaser.yellow h2, #content .sbi-event .sbi-event-teaser.yellow p, #content .event-archive-item.yellow h2, #content .event-archive-item.yellow p {
    color:#FFFF00;
}
#content .sbi-event .sbi-event-teaser.red h1, #content .sbi-event .sbi-event-teaser.red h2, #content .sbi-event .sbi-event-teaser.red p, #content .event-archive-item.red h2, #content .event-archive-item.red p {
    color:#FF716D;
}
#content #event-archive #event-archive-items .event-archive-item.event-archive-item-compact a:hover .event-archive-item-title h2 {
    color:#FF716D;
}

#peng-circles {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 196px 0;
}
#peng-circles__track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    will-change: transform;
}
.peng-circles__item {
    flex: 0 0 auto;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

#footer {
    margin:0 68px 96px 68px;
    padding:48px 96px 44px 96px;
    background:url(images/fcircle.svg) #FF716D no-repeat bottom 58px right 68px;
    background-size:192px 192px;
    border-radius:120px;
}
#footer #footer-inner {
    margin:0 auto;
}
#footer #footer-inner #flogo img {
    display: block;
    margin:0 auto;
}
#opening-hours {
    padding-top:64px;
}
#opening-hours #opening-hours__table {
    font-family: 'GT-America-Standard-Regular';
    font-size:36px;
    line-height:40px;
    color:#000;
    text-transform: uppercase;
}
#opening-hours #opening-hours__table .opening-hours__row {
    display: flex;
    justify-content: center;
}
#opening-hours #opening-hours__table .opening-hours__row .opening-hours__days {
    margin-right:24px;
}
#cmenu {
    padding-top:50px;
}
#cmenu ul li {
    text-align: center;
}
#cmenu ul li a {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:56px;
    line-height:60px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
}
#cmenu ul li a:hover, #fmenu ul li a:hover {
    color:#fff;
}
#cmenu ul li .sub-menu, #fmenu ul li .sub-menu {
    display: none;
}
#fmenu {
    padding-top:44px;
}
#fmenu ul {
    display: flex;
    justify-content: center;
}
#fmenu ul li:before {
    display: inline-block;
    content:"/";
    font-family: 'GT-America-Standard-Medium';
    font-size:22px;
    line-height:26px;
    color:#000;
    text-transform: uppercase;
}
#fmenu ul li:nth-child(1):before {
    display: none;
}
#fmenu ul li a {
    display: inline-block;
    font-family: 'GT-America-Standard-Medium';
    font-size:22px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
}
#copyright {
    text-align: center;
    padding-top:20px;
}
#copyright span {
    display: inline-block;
    font-family: 'GT-America-Standard-Regular';
    font-size:18px;
    line-height:18px;
    color:#000;
    text-transform: uppercase;
}

@media only screen and (max-width:1023px) {
    .alignright, .alignleft {
        float:none;
        display: block;
        margin:0 auto 20px auto;
    } 
}