html{--scrollbarBG:#ffffff00;--thumbBG:#90A4AE;--color_part0:187;--color_part1:hsla(298, 79%, 63%, 0.376);--color_part2:hsl(224deg 51% 69% / 50%);--color_part3:#58eb9860;--color_part4:#ebe65860;--color_part5:#00000060;overflow:hidden!important}body,html{min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;min-height:calc(var(--vh,1vh) * 100);max-height:calc(var(--vh,1vh) * 100);overflow-y:scroll;overflow-x:hidden;position:relative;font-size:clamp(12px,2vmax,2.75vmin);scroll-behavior:smooth;font-family:ui-rounded,'Hiragino Maru Gothic ProN',Quicksand,Comfortaa,Manjari,'Arial Rounded MT','Arial Rounded MT Bold',Calibri,source-sans-pro,sans-serif;font-weight:400}body,html{margin:0!important;padding:0!important}h1,h2{width:calc(100% + 2em);text-align:center;font-size:1.5em;margin:0;padding:.5em 0;position:sticky;top:0;left:0;height:1em;min-width:100%}h4{margin:1em 0 .5em 0;font-weight:600;text-decoration:underline}article footer,section footer,section header{margin:1em 0;background-color:hsl(0deg 0% 100% / 17%);padding:1em;box-shadow:0 0 12vmin hsl(0deg 98% 100% / 26%) inset,0 0 1vmin hsl(0deg 0% 0% / 7%)}article footer,section footer{margin-bottom:2em}.flex{display:flex;align-items:center;justify-content:center}h3{padding:.5em;width:100vw}.flex p{text-indent:1em;text-align:justify}figure{margin:1vmin 0 1vmin 0}picture{display:flex;justify-content:center;overflow:hidden;box-shadow:0 0 .3em #7a7878;border-radius:.2em .2em 0 0}picture img{max-height:min(15em,40vmin);height:15em;width:auto;border-radius:.2em .2em 0 0}figcaption{text-align:center;font-size:.75em;font-weight:700;padding:.5em 0;background-color:#ffffffec;box-shadow:0 0 .3em #7a7878}.links{float:left;margin-right:2vmin!important}.rechts{float:right;margin-right:0;margin-left:2vmin}.snap{scroll-padding:0;scroll-margin:0;scroll-padding:0;scroll-snap-align:start;-webkit-overflow-scrolling:touch}.vert{display:flex;flex-direction:column;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll}.hor{scroll-snap-type:x mandatory;display:flex;overflow-x:scroll;overflow-y:auto;position:relative;scroll-behavior:smooth}.full{min-width:100vw;max-width:100vw;min-height:calc(100vh - 3em);min-height:calc(var(--vh,1vh) * 100 - 3em);max-height:calc(100vh - 3em);max-height:calc(var(--vh,1vh) * 100 - 3em);position:absolute}.capture{padding:0;height:100vh;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);max-height:100vh;max-height:calc(var(--vh,1vh) * 100);position:relative;overflow-y:auto;overflow-x:hidden}.capture>h1,.capture>h2{padding:.5em 0;margin:0;position:sticky;top:0;left:0;height:1em;min-width:100vw;z-index:2}.kind{padding:0 2em 0 1em;min-width:calc(100vw - 3em);max-width:calc(100vw - 3em);min-height:calc(100% - 3em - .6vh)!important;max-height:calc(100% - 3em - .6vh)!important;min-height:100%;margin:0;overflow-y:auto;overflow-x:hidden;position:relative}.hor>.kind{padding:0 2em 0 2em;min-width:calc(100vw - 4em);max-width:calc(100vw - 4em)}.kind .kind{padding:0 2em 0 0}@media (orientation:landscape){.capture>h1,.capture>h2{max-width:0;min-width:0;padding:0 1em;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);max-height:100vh;max-height:calc(var(--vh,1vh) * 100);position:absolute;text-orientation:upright;writing-mode:vertical-rl;overflow-x:hidden;overflow-y:auto}#Klavierunterricht h2{margin-left:-3.5em!important}h3{margin-top:0;text-align:center;margin-left:-4em;padding-left:1em}.flowdown{display:flex;justify-content:center;align-items:center}.full{min-width:calc(100vw);max-width:calc(100vw);min-height:calc(100vh);min-height:calc(var(--vh,1vh) * 100)}.hor .kind,.kind{padding:0 2em 0 5em;min-width:calc(100vw - 7em);max-width:calc(100vw - 7em);min-height:calc(100% - .6vh)!important;max-height:calc(100% - .6vh)!important;min-height:100%}.nachlinks{transform:translateX(-5em)}}.gallery{width:calc(100%);margin:0 auto;padding:0 1em;background:#04191b;overflow-y:hidden}.gallery img{margin:2em 1em!important;padding:0!important;max-width:10em!important;max-height:7.5em!important;min-width:10em!important;min-height:7.5em!important;scroll-snap-align:center}.gallery img:focus,.gallery img:hover{transform:scale(1.5)}#Spielen p{-webkit-backface-visibility:hidden;backface-visibility:hidden}.pfeile{height:0;position:sticky;top:calc(50vh - 1em)}.pfeil{height:1em;width:1em;position:absolute;background-color:#ffffff54;padding:.4em;border-radius:.5em;z-index:20;display:block}.nachrechts{left:calc(100%)}.nachlinks{left:0;transform:translateX(-2em)}.pfeil:hover{background-color:#ffffff85;box-shadow:0 0 .3em #8c8c8c}body{scrollbar-width:thin}::-webkit-scrollbar{width:.5vw;height:.6vh}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:.3vw;border:0 solid var(--scrollbarBG)}.capture:nth-child(1),.capture:nth-child(1) h2,.capture:nth-child(1) h3{background:hsla(0,100%,80%,.5)}.capture:nth-child(2),.capture:nth-child(2) h2,.capture:nth-child(2) h3{background:hsla(45,100%,80%,.5)}.capture:nth-child(3),.capture:nth-child(3) h2,.capture:nth-child(3) h3{background:hsla(90,100%,80%,.5)}.capture:nth-child(4),.capture:nth-child(4) h2,.capture:nth-child(4) h3{background:hsla(135,100%,80%,.5)}.capture:nth-child(5),.capture:nth-child(5) h2,.capture:nth-child(5) h3{background:hsla(180,100%,80%,.5)}.capture:nth-child(6),.capture:nth-child(6) h2,.capture:nth-child(6) h3{background:hsla(225,100%,80%,.5)}.capture:nth-child(7),.capture:nth-child(7) h2,.capture:nth-child(7) h3{background:hsla(270,100%,80%,.5)}.capture:nth-child(8),.capture:nth-child(8) h2,.capture:nth-child(8) h3{background:hsla(315,100%,80%,.5)}h1{background:hsla(0,100%,80%,.5)}nav{position:fixed;z-index:10;-webkit-transform:scale(.14) rotateZ(0);transform:scale(.14) rotateZ(0);top:-7em;transform-origin:50% 50%;transition:all .6s;width:12em;left:-5em;box-shadow:0 0 2ex #000}@media (orientation:landscape){nav{left:-2em}}nav:active,nav:focus,nav:hover{-webkit-transform:scale(1) translate(0,0) rotateZ(0);transform:scale(1) translate(0,0) rotateZ(0);padding:0;left:2em;top:.4em}nav:focus>.overlay,nav:hover>.overlay{height:0%;width:0}nav .overlay{height:150%;width:28em;transition:all 0s .6s;z-index:20;position:absolute;top:-3em;left:-8em}nav:hover ol li a{color:#000}nav:hover ol li .sharp{color:#fff}nav ol{list-style-type:none;margin:0;padding:0}nav ol li{width:12em}nav ol li a div{padding:1em;width:10em!important;cursor:pointer!important}nav ol li a{text-decoration:none;text-align:end;color:transparent}nav ol li .sharp{height:6%!important;width:30%!important;padding:0 1em;text-align:left;color:transparent}:root{--bg-color:#e6e6e673;--white:#ffffff;--transparent-white:#ffffff66;--desert-storm:#f8f8f8;--soapstone:#fcfcfc;--black:#000000;--onyx:#111111;--dark-jungle-green:#222222;--ironside-grey:#666666;--davy-grey:#555555;--primary-shadow-color:#00000080;--secondary-shadow-color:#000000b3;--primary-transition:all 0.1s ease;--secondary-transition:0.3s ease;--font-family:"Source Serif Pro",serif}#Spielen{margin:0;padding:0;border:none;outline:0;box-sizing:border-box}#Spielen{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;font-family:var(--font-family);background-image:linear-gradient(to left,var(--bg-color),var(--soapstone) 50%,var(--bg-color))}.keys{display:flex;justify-content:flex-start;position:relative;flex-direction:column;width:10em}.key{border-radius:.1ex;background-image:linear-gradient(-30deg,var(--desert-storm),var(--white));box-shadow:inset .2ex 0 0 var(--white),inset -.2ex 0 0 var(--white),inset .2ex 0 0 var(--white),inset -.2ex 0 0 var(--white),0 .5ex .4ex var(--secondary-shadow-color),inset 0 -.2ex 0 var(--white),inset .2ex 0 0 var(--white),inset -.2ex -.2ex 1.6ex var(--primary-shadow-color),-.3ex .5ex .7ex var(--primary-shadow-color)}.key:active:not(.sharp),.playing{transition:var(--primary-transition);box-shadow:inset .2ex 0 0 var(--white),inset 0 -.2ex 0 var(--white),inset .2ex 0 0 var(--white),inset -.2ex 0 0 var(--white),0 .4ex .4ex var(--secondary-shadow-color),inset 0 -.2ex 0 var(--white),inset .1ex 0 0 var(--white),inset -.2ex -.2ex 1.6ex var(--black),-.4ex .5ex .7ex var(--primary-shadow-color);width:10.5em!important}.sharp{z-index:10;margin-top:-2ex!important;position:absolute!important;background-image:linear-gradient(-20deg,var(--dark-jungle-green),var(--black),var(--dark-jungle-green))!important;box-shadow:inset 0 -.1ex .2ex var(--transparent-white),0 .2ex .3ex var(--primary-shadow-color)!important;border-style:solid;border-color:var(--ironside-grey) var(--dark-jungle-green) var(--onyx) var(--davy-grey);border-width:.4ex 1.2ex 1.2ex .4ex}.playing,.sharp:active{transition:var(--primary-transition);border-right-width:.7ex;cursor:grabbing}::selection{color:var(--soapstone);background-color:var(--dark-jungle-green)}address{font-style:normal;font-weight:700}.kontakt{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:3vmin;flex-wrap:wrap;align-content:flex-start;margin:auto;padding-top:2.2vmin!important;padding-bottom:2.2vmin!important}.kButton{padding:2vh 5vw;background-color:#ffffff40;border-radius:1em;border:1vmin solid #00000050;width:12em;max-width:80vw;min-height:6em;text-align:center;box-shadow:0 0 2vmin #000;font-size:clamp(1rem,1.5vw,1.5vh)}@media (orientation:landscape){.kButton{min-height:6em}}.kButton{text-decoration:none;color:#000}.kButton:hover{background-color:#ffffff80;border-color:#00000070;cursor:pointer}.kButton .logo{color:#00f;font-weight:900;font-size:3em;padding:.5vmin;filter:drop-shadow(3px 5px 2px rgb(0 0 0 / .4))}.kButton p{text-align:center;margin:0}.kButton svg{height:1em;width:auto;filter:drop-shadow(3px 5px 2px rgb(0 0 0 / .4))}.IG{border-radius:.35em;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.TF svg{transform:scale(.8)}.video{position:relative;margin:3em auto 5em auto;border-radius:.5em;max-height:80vh;max-width:80vw;height:auto;width:auto;box-shadow:0 0 2vmin #000;min-width:64px;aspect-ratio:640/360}.video img,.video video{position:absolute;width:100%;height:100%;border-radius:.5em}.video img{z-index:10}.center{display:flex;align-items:center;justify-content:center}.w1280{display:none}@media (min-width:1280px){.w1280{display:flex}.w640{display:none}}img.play{opacity:.75;height:50%;cursor:pointer;margin:auto;padding:14% 0}img.play:hover{opacity:1}