@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Georgia,serif;background-image:url(/images/background.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}input,button,textarea,select{font:inherit;color:inherit;-webkit-appearance:none;appearance:none}a{color:inherit;text-decoration:none}a:visited{color:inherit}#header{position:sticky;top:0;z-index:1000;width:100%;background:#5b5b5b}.topper-container-container{background-color:#fff;background-image:url(/images/backgroundtop.jpg);background-size:cover;background-position:left}.topper-container{width:1150px;margin-left:auto;margin-right:auto;position:relative;height:150px}.topper-logo{position:absolute;height:100px;top:20px;left:30px;font-family:var(--font-logo);color:#8b6f47;font-size:60pt;user-select:none}.topper-logo-mob{position:absolute;height:50px;top:20px;left:30px;font-family:var(--font-logo);color:#8b6f47;font-size:20pt;user-select:none;visibility:hidden}.topper-telephone-container{position:absolute;height:100px;top:50px;right:30px}.topper-telephone{background-color:#fff;font: 700 15pt Open Sans;padding:10px 20px;border:solid 2px #888888}.topper-telephone a{color:#8b6f47}.nav-container{height:60px;padding:0rem 2rem;display:flex;align-items:center;justify-content:center;gap:3rem;margin:0 auto;background-color:#fff;border:#8b6f47 solid 1px}.brand{position:absolute;left:2rem;flex-shrink:0}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:4.5rem;flex-wrap:nowrap}.nav-menu li a{font-family:Georgia,serif;color:#8b6f47;text-decoration:none;padding:.75rem 1.7rem;white-space:nowrap;font-size:1.2rem;transition:color .3s,text-shadow .3s;display:block}.nav-menu li a:hover{text-shadow:0 0 .01px currentColor,.5px 0 0 currentColor}.menu-toggle{display:none;flex-direction:column;gap:5px;background:#fff3;border:2px solid #8b6f47;padding:10px;border-radius:6px;cursor:pointer;position:absolute;right:2rem;transition:all .3s}.menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.hamburger-line{height:4px;width:28px;background:#8b6f47;border-radius:2px;transition:all .3s ease;transform-origin:left center}.menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:999;padding:3rem 2rem;backdrop-filter:blur(10px)}.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.close-btn{position:absolute;top:2rem;right:2rem;font-size:2.5rem;color:#8b6f47;background:none;border:none;cursor:pointer;width:50px;height:50px;border-radius:50%;transition:all .3s}.close-btn:hover{background:#fff3;color:#8b6f47;transform:rotate(90deg)}.mobile-link{color:#8b6f47;font-size:clamp(1.25rem,5vw,1.875rem);padding:1.25rem 2.5rem;border-radius:12px;transition:all .3s;text-decoration:none;min-width:280px;text-align:center;display:block}.mobile-link:hover{background:#ffffff40;color:#8b6f47;transform:translateY(-3px)}.mobile-link:visited{color:#8b6f47}.main-content{padding:1.5rem 1.25rem;margin:0 auto;background-color:#ffffffe5}.inner-content{max-width:800px;width:100%;margin:0 auto;text-align:center}.image-mid-container{text-align:center;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;margin-top:20px}.image-mid{width:100%;max-width:400px}.image-mid-800{width:100%;max-width:800px}.image-mid-container-cell{font-size:60pt;color:#725b3a}.opening-container{margin-top:20px}.opening-container-header{font-family:var(--font-logo);font-size:30pt;text-align:center}.opening-container-table{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;max-width:500px;width:100%;margin:0 auto;font-size:20pt}.opening-container-table div{font-family:Georgia,serif}.partyservice-container{font-size:16pt;max-width:350px;margin:0 auto}.partyservice-container div{font-family:Georgia,serif}.kontakt-container{font-size:16pt;max-width:600px;margin:0 auto;grid-template-columns:1fr 1fr}.kontakt-container div{font-family:Georgia,serif}@media(max-width:1150px){.topper-container{width:100%}}@media(max-width:991px){.nav-container{justify-content:flex-start;padding:1rem;height:auto;min-height:70px;gap:0}.nav-menu{display:none!important}.menu-toggle{display:flex!important}.topper-telephone{visibility:hidden}.topper-container{visibility:hidden;height:0px}.topper-logo-mob{visibility:visible}.main-content{padding:1.5rem .25rem}.nav-container{border-left:none;border-top:none;border-right:none}.image-mid-container{grid-template-columns:1fr}.opening-container-table div{font-size:16pt}}@media(max-width:480px){.nav-container{padding:.75rem 1rem}.mobile-menu{padding:1.5rem 1rem;gap:1rem}}body.menu-open{overflow:hidden}.ZusatzstoffeImg{height:14px;width:14px}.ZusatzstoffeImgSmall{height:10px;width:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.active{animation:fadeIn .4s ease-out}.tab-buttons{padding:.4rem 1rem;text-align:center;display:block;gap:.5rem;margin:0 auto;max-width:900px}.tab-buttons button{margin:5px;background-color:transparent;border:none;font-size:16pt;transition:color .3s,text-shadow .3s}.tab-buttons button.active,.tab-buttons button:hover{text-shadow:0 0 .01px #8b6f47,.5px 0 0 #8b6f47;color:#8b6f47}.tab-item.active{display:block}.tab-item{display:none}.food-table-wrapper{width:100%;max-width:800px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.food-table{width:100%;border-collapse:collapse;font-family:Georgia,serif}.food-entry{border-bottom:1px dotted #c8b89a}.food-entry td,.food-desc-row td{padding:.75rem .5rem;vertical-align:top}.food-desc-row td{padding-top:0;padding-bottom:.75rem}.food-no{width:2.5rem;color:#8b6f47;font-weight:700;white-space:nowrap}.food-name{width:100%;font-size:1rem;font-weight:600;color:#2c2c2c}.food-desc{font-size:.85rem;font-weight:400;color:#666;font-style:italic;line-height:1.4}.food-price,.food-price2{white-space:nowrap;text-align:right;font-weight:600;color:#2c2c2c;padding-left:1rem;color:#8b6f47}.fett{font-weight:700;font-size:14pt}
