@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--font-primary: "Montserrat", sans-serif;--font-secondary: "Poppins", sans-serif;--color-pink: #E050C5;--color-blue: #1FBCF6;--gradient-primary: linear-gradient(90deg, var(--color-pink) 0%, var(--color-blue) 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-blur: blur(10px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:#0b0f14;color:#fff}h2,h1{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--font-primary)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.bg-gradient{background:var(--gradient-primary)}.background-img{width:100%;height:auto;position:relative}.banner-section{position:relative}.banner-btn{position:absolute;bottom:25%;left:22%}.header{position:fixed;top:0%;left:0%;width:100%;background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10;padding:1% 5%;display:flex;justify-content:space-between;align-items:center}.btn-primary{background:linear-gradient(90deg,#ffea2f,#aaf4be);border:none;padding:8px 16px;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:var(--font-secondary);font-size:1.5rem;transition:all .3s ease}.btn-primary:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 0 20px #1fbcf666}.logo{max-width:150px;height:auto}.about-section{display:flex;padding:5%;justify-content:space-between}.about-image-container,.about-content{width:50%}.image-wrapper{width:80%;background:linear-gradient(45deg,#2f113b,#21536b);border-radius:25px;display:flex;justify-content:center;align-items:center;padding:5%}.image-wrapper img{height:80%}.about-content h2{font-size:3.5rem}.about-content .description{font-size:1rem;font-family:var(--font-secondary);color:#e5e7eb}.feature-item{display:flex;gap:1rem;align-items:center;padding-bottom:2rem}.features-list p{font-family:var(--font-primary);font-size:1.5rem;padding-bottom:.2rem}.features-list{margin-top:2rem}.leavering-section{padding:0 5% 5%}.leavering-section h2{font-size:3.5rem;font-family:var(--font-primary);text-align:center}.leavering-list{display:flex;gap:2rem;margin-top:2rem}.leavering-item{display:flex;flex-direction:column;align-items:center;background-color:#247b9b1a;gap:2rem;padding:2%;border-radius:25px;text-align:center;flex:1}.bestellen-section{position:relative;width:100%;height:650px}.bestellen-section .bestellen-img{width:100%;height:100%;object-fit:fill;display:block}.bestellen-content{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;width:90%;max-width:600px;padding-left:10%}.bestellen-content h1{font-size:4.5rem;padding-bottom:2rem}.bestellen-content p{font-size:1.5rem;padding-bottom:2rem}.bestellen-btn{display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg,#ffea2f,#aaf4be);border:none;padding:8px 16px;border-radius:25px;cursor:pointer;font-family:var(--font-secondary);font-size:1.5rem;transition:all .3s ease}.bestellen-btn:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 0 20px #1fbcf666}.bestellen-btn img{width:30px}.bestellen-content span{margin-top:2rem;font-size:1rem}.map-section{padding:0 5% 5%;display:flex;gap:5%;align-items:center}.map-section .map-image{width:50%;display:flex;justify-content:center;align-items:center}.map-section .map-image img{width:60%;height:auto}.map-content{background-color:#247b9b1a;padding:2% 3%;width:40%;border-radius:15px}.map-content h2{font-size:2.5rem;text-align:center;margin-bottom:1.5rem}.map-content ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:1rem;list-style:none;padding:0}.map-content li{display:flex;align-items:center;gap:10px;font-size:1.2rem;text-align:left;padding:.2rem 0}.map-content li img{width:20px;height:20px;object-fit:contain}@media screen and (max-width:768px){.header{padding:10px 15px}.logo{max-width:100px}.btn-primary{font-size:.9rem;padding:6px 12px}.btn-primary img{height:15px}.about-section{flex-direction:column;gap:30px}.about-image-container,.about-content{width:100%}.image-wrapper{margin:0 auto}.about-content h2{font-size:2rem;text-align:center}.about-content .description{text-align:center}.leavering-section h2{font-size:2rem}.leavering-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bestellen-section{height:auto}.bestellen-section .bestellen-img{height:auto;object-fit:contain}.bestellen-content{width:100%;padding:0 5%;text-align:center;display:flex;flex-direction:column;align-items:center}.bestellen-content h1{font-size:2.5rem;padding-bottom:1rem}.bestellen-content p{font-size:1rem;padding-bottom:1rem;max-width:100%}.bestellen-content span{font-size:.8rem;margin-top:1rem;display:block}.map-section{flex-direction:column;padding:0 5% 5%;gap:2rem}.map-section .map-image{width:100%}.map-section .map-image img{height:auto;width:60%}.map-content{width:100%;padding:1.5rem}.map-content h2{font-size:2rem}.map-content li{font-size:1rem}.footer{padding:1.5rem;margin-top:3rem}.footer h4{font-size:2rem}}.footer{margin-top:5rem;background:linear-gradient(90deg,#172f961f,#83076d1f);text-align:center;padding:2rem}.footer h4{background:linear-gradient(90deg,#17bdf9,#a8e8ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;font-family:var(--font-primary);padding-bottom:.8rem}.footer ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:1rem}.dot{width:10px;height:10px;background-color:#17bdf9;border-radius:50%}.footer-line{padding:2rem;display:flex;align-items:center;justify-content:center}.line{height:2.5px;width:300px;background:linear-gradient(90deg,#0b0f14,#1fbcf6 23%,#c40aa2,#1fbcf6 79%,#0b0f14)}.footer span{font-size:.8rem;color:#a4a7ae}@media screen and (max-width:650px){.bestellen-content h1{font-size:2rem;padding-bottom:.5rem}.bestellen-content p{font-size:.9rem;padding-bottom:1rem}.bestellen-btn{font-size:1rem;padding:5px 12px}}@media screen and (max-width:480px){.header{padding:8px 10px}.logo{max-width:80px}.btn-primary{font-size:.8rem;padding:5px 10px}.bestellen-content h1{font-size:1.8rem;margin-bottom:.5rem}.bestellen-btn{font-size:1rem}.footer{padding:1rem;margin-top:2rem}.footer h4{font-size:1.5rem;padding-bottom:.5rem}.footer ul{gap:.5rem}.footer li{font-size:.8rem}.dot{width:6px;height:6px}.footer-line{padding:1rem}.line{width:150px;height:2px}.footer span{font-size:.7rem}}
