@font-face{font-family:Helvetica Neue;font-weight:400;src:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/fonts/HelveticaNeueLTW05-55Roman.9f91cf.woff2) format("woff2"),url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/fonts/HelveticaNeueLTW05-55Roman.ab52e8.woff) format("woff")}@font-face{font-family:Helvetica Neue;font-weight:700;src:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/fonts/HelveticaNeueLTW05-75Bold.bd9703.woff2) format("woff2"),url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/fonts/HelveticaNeueLTW05-75Bold.0a5249.woff) format("woff")}body{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#000;font-family:Helvetica Neue,Helvetica,sans-serif;margin:0;padding:0}.fullscreen-button{background-color:#fff;background-image:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/images/fullscreen.edacf8.svg);background-position:50%;background-repeat:no-repeat;background-size:14px;border-radius:40px;bottom:20px;cursor:pointer;height:31px;position:fixed;right:20px;width:31px;z-index:9999}.fullscreen-button.isfullscreen{background-image:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/images/notfullscreen.264fc6.svg)}@media only screen and (max-width:600px){.fullscreen-button{display:none}}.controller{display:none;left:20px;pointer-events:inherit;position:fixed;right:20px;top:20px;z-index:9999}.controller .filter-button{align-self:center;border:1px solid #fff;border-radius:18px;color:#fff;cursor:pointer;display:inline-block;flex-grow:0;font-size:12px;font-weight:700;line-height:12px;margin-left:6px;padding:8px 10px 5px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.controller .filter-button:not(.active){background-color:#000!important}@media only screen and (min-width:600px){.controller .filter-button:hover{background-color:var(--color)!important;color:#000}}.controller .filter-button.active{background-color:inherit;color:#000}.controller .backbutton{background-color:#fff;background-image:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/images/arrow-back.4370df.svg);background-position:50%;background-repeat:no-repeat;background-size:14px;border-radius:40px;cursor:pointer;height:31px;width:31px}.controller .flex-filler{flex-grow:1;flex-shrink:0}.controller.active{display:flex;opacity:1;pointer-events:inherit}#backgroundsvg{height:100vw;min-height:1920px;min-width:1920px;opacity:0;transition:opacity .7s 0s;width:100vw}#backgroundsvg.active{opacity:1;transition:opacity .7s .2s}.scrollContainer{-ms-overflow-style:none;height:100vh;overflow:hidden;position:relative;scrollbar-width:none;width:100vw}.scrollContainer::-webkit-scrollbar{display:none}.scrollContainer.active{cursor:-webkit-grab;cursor:grab;overflow:auto}.scrollContainer.active.noscroll{overflow:hidden}@media only screen and (max-width:600px){.scrollContainer.active #main{min-height:auto!important;min-width:0;min-width:auto}.scrollContainer.active.noscroll{overflow:auto}.scrollContainer.active #backgroundsvg{display:none}}.scrollContainer.active.grabbing{cursor:-webkit-grabbing;cursor:grabbing}#background,#main{display:block;height:100vw;min-height:1920px;min-width:1920px;position:absolute;width:100vw}#background{left:0;top:0}#browser-container.active .level-1:not(.active){opacity:0;transform:translate(-50%,-50%) scale(0)}#browser-container.active .level-1.active{transform:translate(-50%,-50%);z-index:99}.explorer-elements{height:100vw;left:0;list-style:none;margin:0;min-height:1920px;min-width:1920px;padding:0;position:absolute;top:0;width:100vw}@media only screen and (max-width:600px){.explorer-elements{height:100vh;left:50%;min-height:0;min-height:auto;top:50%;transform:translate(-50%,-50%)}.explorer-elements.active{left:0;margin-top:35px;min-width:0;min-width:auto;position:relative;top:0;transform:translate(0);width:100vw}}.explorer-elements:before{height:3px;left:0;right:0;top:50%;transform:translateY(-50%);width:100%}.explorer-elements:after,.explorer-elements:before{background-color:red;display:block;position:absolute;z-index:-1}.explorer-elements:after{bottom:0;height:100%;left:50%;top:0;transform:translateX(-50%);width:3px}.explorer-elements .level-1{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;position:absolute;top:50%;transition:all .4s 1ms;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.explorer-elements .level-1,.explorer-elements .level-1 .circle{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.explorer-elements .level-1 .circle{align-items:center;animation:float 4s linear infinite;background-color:#eee;border-radius:100%;display:flex;height:120px;justify-content:center;text-align:center;transition:width .3s,height .3s,font-size .3s,line-height .3s;width:120px}.explorer-elements .level-1 .circle span{display:inline-block;max-width:100%;padding:20px}.explorer-elements .level-1 .circle.xxl{border-radius:300px;font-size:max(30px,min(2.1vw,40px));height:15.6vw;line-height:max(36px,min(2.5vw,48px));max-height:300px;max-width:300px;min-height:230px;min-width:230px;width:15.6vw}.explorer-elements .level-1 .circle.xl{border-radius:250px;font-size:max(18px,min(1.3vw,24px));height:13vw;line-height:max(21px,min(1.5vw,28px));max-height:250px;max-width:250px;min-height:190px;min-width:190px;width:13vw}.explorer-elements .level-1 .circle.l{border-radius:210px;font-size:max(16px,min(1vw,19px));height:10.9vw;line-height:max(20px,min(1.2vw,23px));max-height:210px;max-width:210px;min-height:160px;min-width:160px;width:10.9vw}.explorer-elements .level-1 .circle.m{border-radius:150px;font-size:max(14px,min(.8vw,16px));height:7.8vw;line-height:max(17px,min(.9vw,18px));max-height:150px;max-width:150px;min-height:120px;min-width:120px;width:7.8vw}.explorer-elements .level-1 .circle.s{border-radius:120px;font-size:max(14px,min(.8vw,14px));height:7.8vw;line-height:max(17px,min(.9vw,17px));max-height:120px;max-width:120px;min-height:120px;min-width:120px;width:7.8vw}.explorer-elements .level-1 ul{display:none;left:50%;list-style:none;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);z-index:-1}.explorer-elements .level-1 ul li{display:block;left:50%;opacity:0;position:absolute;top:50%;transition:all .6s;transition-delay:.1s}@media only screen and (max-width:600px){.explorer-elements .level-1{transition:none 0s ease 0s!important;transition:initial!important}.explorer-elements .level-1 .nmb{display:none}.explorer-elements .level-1 .circle{letter-spacing:-.005em}.explorer-elements .level-1 .circle,.explorer-elements .level-1 .level-2,.explorer-elements .level-1.active{transition:none 0s ease 0s!important;transition:initial!important}.explorer-elements .level-1.active{width:100%}.explorer-elements .level-1.active .circle{font-size:28px!important;height:250px!important;left:50%;line-height:30px!important;max-height:250px!important;max-width:250px!important;position:absolute;transform:translateX(-50%);transition:none 0s ease 0s!important;transition:initial!important;width:250px!important}.explorer-elements .level-1.active ul{bottom:0;left:0;right:0;top:300px}.explorer-elements .level-1.active ul li{box-sizing:border-box;max-height:none;max-width:none;opacity:1!important;padding:10px 15px 30px;position:relative;transform:none!important;transition:none 0s ease 0s!important;transition:initial!important;width:100%}.explorer-elements .level-1.active ul li.disabled{display:none}.explorer-elements .level-1.active ul li:before{border-bottom:1px solid;content:" ";display:block;left:15px;position:absolute;right:15px;top:0}.explorer-elements .level-1.active ul li:after{display:none}.explorer-elements .level-1.active ul li h1{box-sizing:border-box;margin-bottom:14px;max-width:100%;padding-right:24px;position:relative;width:100%}.explorer-elements .level-1.active ul li h1 .new{height:30px;line-height:30px;right:-4px;width:30px}}.explorer-elements .level-1.b0{transform:translate(9vw,-4vh) scale(1)}.explorer-elements .level-1.b0:not(.active):hover{transform:translate(9vw,-4vh) scale(1.05)!important}.explorer-elements .level-1.b0 .circle{animation-delay:.56s;animation-direction:alternate-reverse;animation-duration:4183ms;background-color:#ffab85}.explorer-elements .level-1.b1{transform:translate(-32vw,-40vh) scale(1)}.explorer-elements .level-1.b1:not(.active):hover{transform:translate(-32vw,-40vh) scale(1.05)!important}.explorer-elements .level-1.b1 .circle{animation-delay:147ms;animation-direction:reverse;animation-duration:5543ms;background-color:#ffa1ab}.explorer-elements .level-1.b2{transform:translate(7vw,-40vh) scale(1)}.explorer-elements .level-1.b2:not(.active):hover{transform:translate(7vw,-40vh) scale(1.05)!important}.explorer-elements .level-1.b2 .circle{animation-delay:30ms;animation-direction:alternate-reverse;animation-duration:4791ms;background-color:#f4de83}.explorer-elements .level-1.b3{transform:translate(17vw,12vh) scale(1)}.explorer-elements .level-1.b3:not(.active):hover{transform:translate(17vw,12vh) scale(1.05)!important}.explorer-elements .level-1.b3 .circle{animation-delay:239ms;animation-duration:5181ms;background-color:#87d8ca}.explorer-elements .level-1.b4{transform:translate(-11vw,-40vh) scale(1)}.explorer-elements .level-1.b4:not(.active):hover{transform:translate(-11vw,-40vh) scale(1.05)!important}.explorer-elements .level-1.b4 .circle{animation-delay:379ms;animation-direction:alternate-reverse;animation-duration:3731ms;background-color:#6fd9f8}.explorer-elements .level-1.b5{transform:translate(-25vw,-10vh) scale(1)}.explorer-elements .level-1.b5:not(.active):hover{transform:translate(-25vw,-10vh) scale(1.05)!important}.explorer-elements .level-1.b5 .circle{animation-delay:951ms;animation-duration:3.18s;background-color:#d3d88c}.explorer-elements .level-1.b6{transform:translate(-33vw,18vh) scale(1)}.explorer-elements .level-1.b6:not(.active):hover{transform:translate(-33vw,18vh) scale(1.05)!important}.explorer-elements .level-1.b6 .circle{animation-delay:.18s;animation-direction:alternate-reverse;animation-duration:5584ms;background-color:#ffab85}.explorer-elements .level-1.b7{transform:translate(-6vw,-11vh) scale(1)}.explorer-elements .level-1.b7:not(.active):hover{transform:translate(-6vw,-11vh) scale(1.05)!important}.explorer-elements .level-1.b7 .circle{animation-delay:209ms;animation-duration:4307ms;background-color:#65b0e8}.explorer-elements .level-1.b8{transform:translate(-15vw,15vh) scale(1)}.explorer-elements .level-1.b8:not(.active):hover{transform:translate(-15vw,15vh) scale(1.05)!important}.explorer-elements .level-1.b8 .circle{animation-delay:857ms;animation-direction:alternate-reverse;animation-duration:5982ms;background-color:#ffab85}.explorer-elements .level-1.b9{transform:translateY(24vh) scale(1)}.explorer-elements .level-1.b9:not(.active):hover{transform:translateY(24vh) scale(1.05)!important}.explorer-elements .level-1.b9 .circle{animation-delay:326ms;animation-duration:5161ms;background-color:#ffa1ab}.explorer-elements .level-1.b10{transform:translate(25vw,-22vh) scale(1)}.explorer-elements .level-1.b10:not(.active):hover{transform:translate(25vw,-22vh) scale(1.05)!important}.explorer-elements .level-1.b10 .circle{animation-delay:104ms;animation-direction:alternate-reverse;animation-duration:5826ms;background-color:#87d8ca}@media only screen and (max-width:599px){.explorer-elements .level-1.b0{transform:translate(-15vw,-11vh) scale(.8)}.explorer-elements .level-1.b0:not(.active):hover{transform:translate(-15vw,-11vh)!important}.explorer-elements .level-1.b0 .circle{animation-delay:1.04s;animation-direction:alternate-reverse;animation-duration:3162ms;background-color:#ffab85}.explorer-elements .level-1.b1{transform:translate(-46vw,-51vh) scale(.8)}.explorer-elements .level-1.b1:not(.active):hover{transform:translate(-46vw,-51vh)!important}.explorer-elements .level-1.b1 .circle{animation-delay:661ms;animation-direction:reverse;animation-duration:5352ms;background-color:#ffa1ab}.explorer-elements .level-1.b2{transform:translate(9vw,4vh) scale(.8)}.explorer-elements .level-1.b2:not(.active):hover{transform:translate(9vw,4vh)!important}.explorer-elements .level-1.b2 .circle{animation-delay:30ms;animation-direction:alternate-reverse;animation-duration:4568ms;background-color:#f4de83}.explorer-elements .level-1.b3{transform:translate(-15vw,19vh) scale(.8)}.explorer-elements .level-1.b3:not(.active):hover{transform:translate(-15vw,19vh)!important}.explorer-elements .level-1.b3 .circle{animation-delay:1145ms;animation-duration:3225ms;background-color:#87d8ca}.explorer-elements .level-1.b4{transform:translate(15vw,-49vh) scale(.8)}.explorer-elements .level-1.b4:not(.active):hover{transform:translate(15vw,-49vh)!important}.explorer-elements .level-1.b4 .circle{animation-delay:638ms;animation-direction:alternate-reverse;animation-duration:5526ms;background-color:#6fd9f8}.explorer-elements .level-1.b5{transform:translate(-47vw) scale(.8)}.explorer-elements .level-1.b5:not(.active):hover{transform:translate(-47vw)!important}.explorer-elements .level-1.b5 .circle{animation-delay:799ms;animation-duration:5416ms;background-color:#d3d88c}.explorer-elements .level-1.b6{transform:translate(-47vw,26vh) scale(.8)}.explorer-elements .level-1.b6:not(.active):hover{transform:translate(-47vw,26vh)!important}.explorer-elements .level-1.b6 .circle{animation-delay:1104ms;animation-direction:alternate-reverse;animation-duration:3841ms;background-color:#ffab85}.explorer-elements .level-1.b7{transform:translate(-8vw,-35vh) scale(.8)}.explorer-elements .level-1.b7:not(.active):hover{transform:translate(-8vw,-35vh)!important}.explorer-elements .level-1.b7 .circle{animation-delay:466ms;animation-duration:3.83s;background-color:#65b0e8}.explorer-elements .level-1.b8{transform:translate(-39vw,-26vh) scale(.8)}.explorer-elements .level-1.b8:not(.active):hover{transform:translate(-39vw,-26vh)!important}.explorer-elements .level-1.b8 .circle{animation-delay:.19s;animation-direction:alternate-reverse;animation-duration:3.56s;background-color:#ffab85}.explorer-elements .level-1.b9{transform:translate(18vw,-17vh) scale(.8)}.explorer-elements .level-1.b9:not(.active):hover{transform:translate(18vw,-17vh)!important}.explorer-elements .level-1.b9 .circle{animation-delay:8ms;animation-duration:3584ms;background-color:#ffa1ab}.explorer-elements .level-1.b10{transform:translate(6vw,27vh) scale(.8)}.explorer-elements .level-1.b10:not(.active):hover{transform:translate(6vw,27vh)!important}.explorer-elements .level-1.b10 .circle{animation-delay:803ms;animation-direction:alternate-reverse;animation-duration:3571ms;background-color:#87d8ca}}@media only screen and (min-width:600px)and (max-width:1140px){.explorer-elements .level-1.b0{transform:translate(28vw,-30vh)}.explorer-elements .level-1.b0:not(.active):hover{transform:translate(28vw,-30vh)!important}.explorer-elements .level-1.b0 .circle{animation-delay:891ms;animation-direction:alternate-reverse;animation-duration:3973ms;background-color:#ffab85}.explorer-elements .level-1.b1{transform:translate(-45vw,-45vh)}.explorer-elements .level-1.b1:not(.active):hover{transform:translate(-45vw,-45vh)!important}.explorer-elements .level-1.b1 .circle{animation-delay:.68s;animation-direction:reverse;animation-duration:5.64s;background-color:#ffa1ab}.explorer-elements .level-1.b2{transform:translate(22.58vw)}.explorer-elements .level-1.b2:not(.active):hover{transform:translate(25vw)!important}.explorer-elements .level-1.b2 .circle{animation-delay:30ms;animation-direction:alternate-reverse;animation-duration:5678ms;background-color:#f4de83}.explorer-elements .level-1.b3{transform:translate(12vw,24vh)}.explorer-elements .level-1.b3:not(.active):hover{transform:translate(12vw,24vh)!important}.explorer-elements .level-1.b3 .circle{animation-delay:829ms;animation-duration:3334ms;background-color:#87d8ca}.explorer-elements .level-1.b4{transform:translate(6vw,-45vh)}.explorer-elements .level-1.b4:not(.active):hover{transform:translate(6vw,-45vh)!important}.explorer-elements .level-1.b4 .circle{animation-delay:1081ms;animation-direction:alternate-reverse;animation-duration:4851ms;background-color:#6fd9f8}.explorer-elements .level-1.b5{transform:translate(-39vw,-8vh)}.explorer-elements .level-1.b5:not(.active):hover{transform:translate(-39vw,-8vh)!important}.explorer-elements .level-1.b5 .circle{animation-delay:528ms;animation-duration:4806ms;background-color:#d3d88c}.explorer-elements .level-1.b6{transform:translate(-39vw,25vh)}.explorer-elements .level-1.b6:not(.active):hover{transform:translate(-39vw,25vh)!important}.explorer-elements .level-1.b6 .circle{animation-delay:473ms;animation-direction:alternate-reverse;animation-duration:4039ms;background-color:#ffab85}.explorer-elements .level-1.b7{transform:translate(1vw,-21vh)}.explorer-elements .level-1.b7:not(.active):hover{transform:translate(1vw,-21vh)!important}.explorer-elements .level-1.b7 .circle{animation-delay:219ms;animation-duration:4834ms;background-color:#65b0e8}.explorer-elements .level-1.b8{transform:translate(-19vw,-33.27vh)}.explorer-elements .level-1.b8:not(.active):hover{transform:translate(-19vw,-32vh)!important}.explorer-elements .level-1.b8 .circle{animation-delay:431ms;animation-direction:alternate-reverse;animation-duration:5.85s;background-color:#ffab85}.explorer-elements .level-1.b9{transform:translate(-3vw,6vh)}.explorer-elements .level-1.b9:not(.active):hover{transform:translate(-3vw,6vh)!important}.explorer-elements .level-1.b9 .circle{animation-delay:1149ms;animation-duration:4769ms;background-color:#ffa1ab}.explorer-elements .level-1.b10{transform:translate(-18vw,25vh)}.explorer-elements .level-1.b10:not(.active):hover{transform:translate(-18vw,25vh)!important}.explorer-elements .level-1.b10 .circle{animation-delay:175ms;animation-direction:alternate-reverse;animation-duration:4741ms;background-color:#87d8ca}}.explorer-elements .level-1.active{transition:all .6s}.explorer-elements .level-1.active ul{color:#fff;display:block}.explorer-elements .level-1.active ul,.explorer-elements .level-1.active ul li{transform:translate(-50%,-50%) scale(1)}.explorer-elements .level-1.active .circle{animation:none!important;border-radius:200px;font-size:20px;height:200px;line-height:26px;max-height:200px;max-width:200px;width:200px}@media only screen and (max-width:600px){.explorer-elements .level-1.active{top:40px;transform:translate(-50%)!important}}@keyframes float{0%{transform:translate(0)}12%{transform:translate(-3px,-3px)}25%{transform:translate(-6px,-3px)}37%{transform:translate(-9px)}50%{transform:translate(-9px,-3px)}62%{transform:translate(-6px,-6px)}75%{transform:translate(-3px,-6px)}87%{transform:translateY(-3px)}to{transform:translate(0)}}.card{filter:blur(0);position:absolute;transform:scale(1)}.card.disabled{filter:blur(20px);opacity:0!important;pointer-events:none;transform:scale(1.5)!important}.card:after{background-color:#000;bottom:0;content:" ";display:block;filter:blur(24px);left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1}.card .category{background-color:currentcolor;border:1px solid;border-radius:7px;display:inline-block;font-size:14px;font-weight:700;line-height:14px;padding:4px 4px 1px;vertical-align:top}.card .category span{color:#000}.card .online{background-color:#000;border:1px solid;border-radius:7px;display:inline-block;font-size:14px;font-weight:700;line-height:14px;padding:4px 4px 1px;text-transform:uppercase;vertical-align:top}.card h1{font-size:19px;font-weight:400;line-height:25px;margin:5px 0 10px;max-width:250px;min-width:180px;padding:0}.card h1 .new{background-color:#000;border:1px solid;border-radius:40px;display:block;font-size:11px;font-weight:700;height:40px;line-height:43px;position:absolute;right:-10px;text-align:center;text-transform:uppercase;top:-10px;transform:rotate(-29deg);width:40px}.card h1 .title{color:#fff}.card a.button{background-color:#414141;border-radius:18px;color:#c3c3c3;display:inline-block;font-size:14px;line-height:14px;margin-bottom:7px;padding:5px 30px 6px 14px;position:relative;text-decoration:none;transition:all .3s}.card a.button:after{background-image:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/images/arrow.533195.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:" ";display:block;height:11px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px}.card a.button:hover{background-color:#fff;color:#000}.card a.button:hover:after{background-image:url(/wp-content/themes/zhaw-weiterbildungsbrowser/public/images/arrow-black.f7b58f.svg)}@media only screen and (max-width:600px){.card h1{font-size:24px;line-height:28px;margin-top:8px;max-width:95%;width:95%}.card .category,.card .online{font-size:12px!important;line-height:12px!important}.card .button{font-size:14px!important;line-height:17px!important;margin-bottom:10px;margin-right:5px;padding:8px 38px 5px 20px!important}.card .button:after{right:15px!important}}.transitioning{pointer-events:none!important}.hidden{display:none!important}