.hero-overlay{background-image:linear-gradient(#0000004d,#000),url(/images/Background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-top:2em}h1{padding-top:2em}.hero{color:#fff;justify-content:center;align-items:center;height:70vh;margin-bottom:2rem;display:flex;position:relative}.hero-overlay{position:absolute;inset:0}.hero-content{text-align:center;z-index:1;position:relative}.hero-content h1{font-size:4rem;font-weight:700}.hero-content p{margin:.5rem 0 1rem;font-size:1.2rem}.button{color:#fff;background:linear-gradient(45deg,orange,#ff7f00);border:none;border-radius:30px;margin-top:2rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0000004d}.button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006}.welcome{background-color:#1f3a2d;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;padding:3rem 0;display:flex}.welcome-text{color:#fff3e0;flex:2 400px;order:1;padding:0 1.6rem 0 2rem}.welcome-text h2{color:#e8c6a7;margin-bottom:1rem;font-size:2.5rem}.welcome-text ul{margin:1rem 0;padding-left:1.2rem}.welcome-image{flex:300px;order:2;height:100%;margin-right:2em}.welcome-image img{border-radius:8px;width:100%;height:auto}.hover-card{border-radius:var(--border-radius);background-color:var(--color-accent-green);width:25rem;height:25rem;box-shadow:var(--box-shadow);transition:transform var(--transition-standard);margin:var(--margin-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.hover-card:hover{transform:translateY(-5px)}.hover-card:hover .hover-text{opacity:1}.hover-card:hover .card-image{opacity:.1}}.card-title{color:var(--color-accent-beige);font-size:var(--font-size-medium);text-align:center;order:-2;margin:0;padding:15px 15px 5px}.card_date{color:var(--color-accent-beige);font-size:var(--font-size-small);text-align:center;order:-1;margin:0;padding:0 15px 15px;font-style:italic}.image-container{flex-grow:1;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.hover-text{font-size:var(--font-size-small-medium);text-align:center;background-color:var(--color-accent-green-transparent);opacity:0;width:100%;height:100%;transition:opacity var(--transition-standard);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;left:0}.hover-text div{color:var(--color-accent-beige);text-align:center;width:100%;max-height:100%;padding-right:5px;overflow-y:auto}.hover-text div::-webkit-scrollbar{width:5px}.hover-text div::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.hover-text div::-webkit-scrollbar-thumb{background:var(--color-accent-beige);border-radius:10px}.hover-text div{scrollbar-width:thin;scrollbar-color:var(--color-accent-beige) #0000001a}.hover-card.active .hover-text{opacity:1}.hover-card.active .card-image{opacity:.1}.hover-text p{margin:0;padding:0}@media (width<=768px){.hover-card{aspect-ratio:1;cursor:pointer;width:100%;max-width:350px;height:auto}.hover-card:active{transform:scale(.98)}.hover-card:after{color:var(--color-accent-beige);opacity:.8;pointer-events:none;z-index:10;background-color:#000000b3;border-radius:12px;padding:4px 8px;font-size:.7rem;position:absolute;bottom:10px;right:10px}.hover-card.active:after{display:none}}.events-gird{justify-content:center;gap:var(--gap-standard);padding:var(--padding-vertical) var(--padding-horizontal);flex-wrap:wrap;width:100%;display:flex}@media (width>=1600px){.events-gird{justify-content:space-between}}@media (width<=1599px){.events-gird{justify-content:space-around}}.Drinks{font-family:var(--font-family-primary);text-align:center;background-color:var(--color-accent-green);color:var(--color-accent-beige);border-radius:var(--border-radius);width:100%;box-shadow:var(--box-shadow);flex-direction:column;align-items:center;margin-top:2rem;padding:2rem;display:flex}.title{font-size:var(--font-size-large);color:var(--color-text);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:700}.card-link{border:2px solid var(--color-accent-beige);color:var(--color-text);background-color:var(--color-background);border-radius:var(--border-radius);transition:all var(--transition-standard);margin-top:2.5rem;margin-bottom:2.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.card-link:hover{background-color:var(--color-accent-beige);color:var(--color-accent-green);box-shadow:var(--box-shadow);transform:translateY(-3px)}.monats-hit{font-size:var(--font-size-medium);color:var(--color-text);margin-bottom:1.5rem;padding-bottom:.5rem;font-weight:700;position:relative}.monats-hit:after{content:"";background-color:var(--color-accent-beige);width:50px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mate-vodka{border-radius:var(--border-radius);flex-direction:column;align-items:center;width:80%;max-width:300px;margin-bottom:1.5rem;padding:1rem;display:flex}.mate-vodka div:not(.circle){color:var(--color-accent-beige);margin-top:.5rem;font-weight:700}.circle{border:2px solid var(--color-accent-beige);width:35vh;height:35vh;transition:all var(--transition-standard);cursor:pointer;background:radial-gradient(circle at 30% 30%,#ceb39b33,#0000 70%);border-radius:50%;justify-content:center;align-items:center;margin:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #0000004d}.circle:hover{border-color:var(--color-text);transform:scale(1.05)}.circle-label{opacity:0;color:var(--color-text);text-align:center;transition:opacity var(--transition-standard);z-index:2;font-size:.8rem;font-weight:700;position:absolute}.circle:hover .circle-label{opacity:1}.circle-image{object-fit:cover;object-position:center;z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.circle-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem 0;display:flex}.note{text-align:center;color:var(--color-text);border-top:1px solid #ceb39b4d;border-bottom:1px solid #ceb39b4d;max-width:80%;margin-top:2rem;padding:1rem;font-style:italic;line-height:1.6}@media (width<=768px){.Drinks{padding:1.5rem}.title{font-size:calc(var(--font-size-medium) + .2rem)}.mate-vodka{width:90%}.circle-label{opacity:1;background-color:#00000080;border-radius:3px;padding:2px 5px;font-size:.7rem}.circle-row{gap:1rem}.note{max-width:95%}}@media (width<=480px){.circle-row{flex-direction:column;align-items:center}.card-link{padding:.5rem 1rem}.circle{margin:1rem 0}.mate-vodka{padding:.8rem}}.image-carousel-container{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem}.section-title{text-align:center;color:var(--color-text);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.image-carousel{justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.carousel-images{width:100%;height:100%;position:relative;overflow:hidden}.carousel-track{height:100%;display:flex;position:relative}.carousel-slide{opacity:0;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;left:0;transform:scale(.8)}.carousel-slide.current{opacity:1;z-index:3;transform:scale(1)}.carousel-slide.prev{opacity:.7;z-index:2;transform:translate(-30%)scale(.85)}.carousel-slide.next{opacity:.7;z-index:2;transform:translate(30%)scale(.85)}.carousel-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 8px #0000001a}.nav-button{cursor:pointer;z-index:10;background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover{background-color:#ffffffe6}.prev-button{left:10px}.next-button{right:10px}.arrow{font-size:18px;font-weight:700}.carousel-indicators{justify-content:center;gap:8px;margin-top:1rem;display:flex}.indicator-dot{cursor:pointer;background-color:#ccc;border:none;border-radius:50%;width:12px;height:12px;transition:background-color .3s}.indicator-dot.active{background-color:#333}@media (width<=768px){.image-carousel{height:300px}.carousel-slide.prev,.carousel-slide.next{opacity:.5;transform:scale(.7)}.carousel-slide.prev{transform:translate(-20%)scale(.7)}.carousel-slide.next{transform:translate(20%)scale(.7)}}@media (width<=480px){.image-carousel{height:250px}.carousel-slide.prev,.carousel-slide.next{display:none}.nav-button{width:30px;height:30px}}