*{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;padding:0;font-family:Alike Angular,serif}main{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;max-height:100dvh;overflow-y:scroll}section{scroll-snap-align:start;height:100dvh}main,section{position:relative}.main-menu{position:absolute;top:50%;right:20px}h1{color:#162b4b;text-align:center;font-family:Kavoon,cursive;font-size:12vmin}h2,h3{text-align:center;font-family:Concert One,cursive}h3{font-size:20px}.bottom-menu{background-image:url(/assets/logo-DKq3vB6r.svg);background-position:10px 1px;background-repeat:no-repeat;background-size:auto 100%;border-bottom:2px solid #162b4b;height:10vh;position:absolute;bottom:0;left:0;right:0}#logo{background-color:#f0efeb}#logo img{width:70vmin;max-height:60vh;margin:25px auto;display:block}#intro{background-color:#0000;background-image:linear-gradient(#162b4be6,#162b4b00),url(/assets/boy-child-childhood-BspaBVjz.jpg);background-position:50% 100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#intro #action{color:#fff;margin-top:30vh}#intro #cta{text-align:center;margin-top:10vh}#intro #cta a{text-align:center;color:#fff;border:3px solid #fff;border-radius:3px;width:170px;margin:5px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-block}#essen{background-color:#0000;background-image:linear-gradient(#95c83be6,#95c83b00),url(/assets/blowing-child-cute-B4X5bfMV.jpg);background-position:50% 100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}section p.smaller{font-size:4.2vmin}#konzept{background-color:#0000;background-image:linear-gradient(#f05d71e6,#f05d7100),url(/assets/bloom-blossom-children-Dh55Ibk7.jpg);background-position:50% 100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#essen,#intro,#konzept,#kontakt,#oeffnungszeiten{color:#fff;padding:10%}section h3{margin-bottom:20px;font-size:6vmin}section p{font-size:4.5vmin}#oeffnungszeiten{background-color:#0000;background-image:linear-gradient(#d8bb77e6,#d8bb7700),url(/assets/alphabet-blocks-blur-dbAcj5BR.jpg);background-position:50% 100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#oeffnungszeiten table{margin:15vh auto 0}#oeffnungszeiten table,#oeffnungszeiten td,#oeffnungszeiten th{border:none;font-size:4vmin}#oeffnungszeiten td{text-align:center;padding-left:5px}#oeffnungszeiten th{text-align:left}#oeffnungszeiten p span{color:#162b4b}#karte{background-color:#f0efeb;display:flex}#karte iframe{width:85dvw;height:80dvh;margin:10dvh auto;display:block}#kontakt{background-color:#0000;background-image:linear-gradient(#fba633e6,#fba63300),url(/assets/action-adventure-blur-DK-UuNz-.jpg);background-position:50% 100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#kontakt h3{margin-bottom:10vh}#kontakt address{font-size:4.5vmin;font-style:normal;text-decoration:none}#kontakt a{color:#162b4b;text-decoration:underline}.scroll-down{z-index:100;width:80px;height:60px;margin:0 0 0 -40px;line-height:60px;text-decoration:none;animation:2s ease-in-out infinite move_down;position:absolute;bottom:0;left:50%}.scroll-down a{color:#162b4b;text-align:center;text-shadow:0 0 3px #0006;width:80px;height:60px;font-size:70px;line-height:60px;text-decoration:none;display:block;transform:rotate(90deg)}@keyframes move_down{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.open{cursor:pointer;width:50px;height:50px;transition:opacity .2s linear;display:block;position:fixed;top:20px;right:20px}.open:hover{opacity:.8}.open ul:after,.open ul:before,.open span:after,.open span:before{box-sizing:border-box}.open span{float:left;clear:both;background-color:#162b4b;border-radius:40px;width:40px;height:4px;transition:all .4s;display:block;position:absolute;top:3px;right:3px;overflow:hidden}.open span:first-child{z-index:9;margin-top:10px}.open span:nth-child(2){margin-top:25px}.open span:nth-child(3){margin-top:40px}.sub-menu{z-index:18;background-color:#162b4b8a;border-radius:50%;width:0;height:0;margin:16px 0;padding-left:40px;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:0;right:0;overflow:hidden}.sub-menu li{float:right;clear:both;height:auto;margin-right:-160px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:block}.sub-menu li:first-child{margin-top:180px}.sub-menu li:first-child{transition-delay:50ms}.sub-menu li:nth-child(2){transition-delay:.1s}.sub-menu li:nth-child(3){transition-delay:.15s}.sub-menu li:nth-child(4){transition-delay:.2s}.sub-menu li:nth-child(5){transition-delay:.25s}.sub-menu li a{color:#fff;float:left;width:100%;font-size:16px;line-height:40px;text-decoration:none;display:block}.sub-menu li a.active{color:#aaa}.opened .sub-menu{opacity:1;width:400px;height:400px}.opened span:nth-child(2){overflow:visible}.opened span:first-child,.opened span:nth-child(3){z-index:100;background-color:#fff;transform:rotate(45deg)}.opened span:first-child{transform:rotate(45deg)translateY(12px)translate(12px)}.opened span:nth-child(2){background-color:#162b4b8a;border-radius:50%;width:400px;height:400px;top:-160px;right:-160px}.opened span:nth-child(3){transform:rotate(-45deg)translateY(-10px)translate(10px)}.opened li{margin-right:168px}
