@font-face{font-family:'Heavitas';src:url("../fonts/Heavitas.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:'Roboto';src:url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");font-weight:400;font-style:normal}a,div,h2{-moz-box-sizing:border-box;box-sizing:border-box}body{background:#222;background-attachment:fixed;background-size:cover;padding:0;font-family:'Heavitas', sans-serif;color:#fff;margin:0;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (min-width: 720px){body{background:#222;background-attachment:fixed;background-size:cover}}.logo{margin-bottom:20px;width:80%;height:auto}@media only screen and (min-width: 720px){.logo{width:auto}}.pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:transparent url(../images/pattern_black.png)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:transparent url(../images/pattern_vignette2.png);background-size:cover;background-position:center center}.wrapper{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}#background-video{width:100vw;height:100vh;object-fit:cover;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-10}.imprint-logos{text-align:center}.imprint-logos .logo-broken{width:200px;height:auto}@media only screen and (min-width: 720px){.imprint-logos{text-align:center;margin-top:5px}.imprint-logos .logo-broken{width:300px;height:auto}}.contactlinks{display:grid;grid-template-columns:auto;gap:10px}@media only screen and (min-width: 720px){.contactlinks{grid-template-columns:auto auto auto}}.contactlink{display:inline-block;border:solid 1px rgba(255,255,255,0.4);padding:6px 10px;border-radius:3px;font-size:14px;line-height:28px;color:#fff;text-decoration:none;border-bottom:solid 2px rgba(255,255,255,0.4);transition:background-color .3s, border-bottom .3s}.contactlink i{margin:4px 10px 0 0;color:#fff;font-size:20px;float:left}.contactlink:hover{background-color:rgba(255,255,255,0.1);border-bottom:solid 2px cyan}footer{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:'Roboto';padding-bottom:16px;font-size:14px;color:#888}footer .modal-link{display:inline;color:#888;cursor:pointer;margin:0 10px;transition:color .3s}footer .modal-link:hover{color:#00ffff}.link-effect{color:#fff;margin:0;padding:4px;position:relative;overflow:hidden;display:inline-block;-moz-transition:ease-out 0.2s 0.1s;-o-transition:ease-out 0.2s 0.1s;-webkit-transition:ease-out 0.2s;-webkit-transition-delay:0.1s;transition:ease-out 0.2s 0.1s}@media only screen and (min-width: 720px){.link-effect{padding:10px}}.link-effect span::before{width:100%;height:3px;background:#00ffff;content:"";position:absolute;left:0;top:0;-moz-transition:0.1s;-o-transition:0.1s;-webkit-transition:0.1s;transition:0.1s;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.link-effect span::after{width:100%;height:3px;background:#00ffff;content:"";position:absolute;right:0;bottom:0;-moz-transition:0.1s 0.2s;-o-transition:0.1s 0.2s;-webkit-transition:0.1s;-webkit-transition-delay:0.2s;transition:0.1s 0.2s;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.link-effect::before{width:3px;height:100%;background:#00ffff;content:"";position:absolute;left:0;top:0;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transition:0.1s 0.3s;-o-transition:0.1s 0.3s;-webkit-transition:0.1s;-webkit-transition-delay:0.3s;transition:0.1s 0.3s}.link-effect::after{width:3px;height:100%;background:#00ffff;content:"";position:absolute;right:0px;bottom:0;-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-transition:0.1s 0.1s;-o-transition:0.1s 0.1s;-webkit-transition:0.1s;-webkit-transition-delay:0.1s;transition:0.1s 0.1s}.link-effect:hover{color:white}.link-effect:hover::before,.link-effect:hover::after{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.link-effect:hover span::before,.link-effect:hover span::after{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.grid-2{display:grid;grid-template-columns:1fr}@media only screen and (min-width: 720px){.grid-2{display:grid;grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr}@media only screen and (min-width: 720px){.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}}nav{padding:16px 0;background:rgba(0,0,0,0)}nav a{display:inline-block;font-size:28px;margin:0 16px 20px 16px;cursor:pointer;padding:5px 12px 1px 12px;color:#fff;text-decoration:none;background-color:rgba(255,255,255,0.1);border-bottom:solid 4px transparent;transition:background-color .4s, color .4s, border-bottom .4s, margin .4s}nav a:hover{background-color:rgba(255,255,255,0.5);color:#000;border-bottom:solid 4px cyan;margin:-4px 16px 4px 16px}@media only screen and (min-width: 720px){nav a{float:left;margin:0 16px 0 16px}nav br{display:none}}.subnav{display:inline-block;font-family:'Roboto', sans-serif;margin-top:40px}.subnav a{cursor:pointer;margin:0 10px;transition:color .3s}.subnav a:hover{color:cyan}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)}.modal{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.modal-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;background-size:cover;color:#fff;text-align:left;padding:10px;box-sizing:border-box}.modal-content{display:block;position:relative;width:100vw;background:#000 url(../images/pattern_white.png);padding:50px;height:100vh;max-height:100vh;font-family:'Roboto',sans-serif;line-height:24px;overflow-y:auto}.modal-content.full-width{width:50vw}.modal-content.dates{width:100vw}.modal-content .modal-content-scroll{overflow-y:auto;height:auto}.modal-content h2{display:inline-block;font-family:'Heavitas',sans-serif;font-size:32px;font-weight:normal;text-transform:uppercase;color:#fff;margin:5px 0}.modal-content .date-link{display:block;color:#fff;text-decoration:none;font-size:20px;width:80%;padding-left:20px;margin:0 auto 60px auto;transition:color .3s ,padding .3s}.modal-content .date-link span{display:inline-block;background-color:#fff;color:#111;padding:0 4px;margin:4px 20px 20px -40px;transform:rotate(-4deg);transition:background-color .3s, transform .3s}.modal-content .date-link em{display:block;color:#a3a3a3;transition:color .3s}.modal-content .date-link:hover{color:cyan;padding-left:45px}.modal-content .date-link:hover span{background:cyan;transform:rotate(0deg)}.modal-content .date-link:hover em{color:#fff}@media only screen and (min-width: 1280px){.modal-content{width:820px;max-height:75vh;border-top-right-radius:20px;padding:80px;height:auto}.modal-content .modal-content-scroll{height:500px}.modal-content.artists{width:1280px;padding:50px}.modal-content.dates{width:540px}.modal-content .date-link{width:100%;padding-left:40px}.modal-content .date-link span{float:left}.modal-content .date-link br{display:none}}#close-modal{position:fixed;background:rgba(255,255,255,0.2) url(../images/icon-close.png) no-repeat;background-position:center;background-size:40%;bottom:auto;right:auto;top:0;left:0;width:32px;height:32px;padding:10px;border-top:none;border-bottom:none;cursor:pointer;opacity:.6;transition:opacity .3s}#close-modal:hover{opacity:1}@media only screen and (min-width: 720px){#close-modal{position:absolute;right:0;left:auto;border-top-right-radius:20px;border-bottom-left-radius:20px}}.modal-loader{width:48px;height:48px;margin:0 auto;padding:30px;border-radius:50%;display:block;border-top:3px solid #FFF;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.artist-grid{display:grid;grid-template-columns:1fr;gap:42px;width:100%}.artist-grid .artist-info{display:grid;grid-template-columns:100%;gap:0px;position:relative;font-family:'Roboto', sans-serif;line-height:23px;font-weight:100}.artist-grid .artist-info .artist-image{position:relative;min-height:250px;width:100%}.artist-grid .artist-info .artist-image.compiler{background:#000 url(../images/artists/compiler.jpg) no-repeat;background-size:cover;background-position:center}.artist-grid .artist-info .artist-image.rive{background:#000 url(../images/artists/rive.jpg) no-repeat;background-size:cover;background-position:center}.artist-grid .artist-info .artist-image.larou{background:#000 url(../images/artists/larou.jpg) no-repeat;background-size:cover;background-position:center}.artist-grid .artist-info .artist-image.basti_m{background:#000 url(../images/artists/basti_m.jpg) no-repeat;background-size:cover;background-position:center}.artist-grid .artist-info .artist-image .modal-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;box-shadow:0 0 20px 10px rgba(0,0,0,0.8) inset}.artist-grid .artist-info .artist-social{position:absolute;right:0px;bottom:8px}.artist-grid .artist-info .artist-social a{color:#fff;margin-right:16px;opacity:.7;transition:opacity .3s, color .3s}.artist-grid .artist-info .artist-social a i{font-size:32px}.artist-grid .artist-info .artist-social a:hover{opacity:1;color:cyan}.artist-grid .artist-info .artist-caption{text-align:left;font-size:14px;line-height:22px;padding:30px 20px 60px 20px;background:rgba(0,0,0,0.5);min-height:auto}.artist-grid .artist-info .artist-caption h2{display:inline-block;position:absolute;bottom:auto;top:200px;left:-7px;font-family:'Heavitas',sans-serif;font-size:24px;font-weight:normal;color:#111;background:#fff;padding:6px 7px 3px 7px;margin:0;z-index:1100;border-bottom:solid 4px cyan}.artist-grid .artist-info .artist-caption h3{display:inline-block;position:absolute;bottom:0;right:-7px;font-family:'Roboto',sans-serif;font-size:16px;font-weight:normal;color:#111;background:#fff;padding:0 8px;transform:rotate(5deg)}@media only screen and (min-width: 720px){.artist-grid .artist-info{grid-template-columns:50% 50%}}@media only screen and (min-width: 1080px){.artist-grid{grid-template-columns:1fr 1fr}.artist-grid .artist-info{grid-template-columns:40% 60%}.artist-grid .artist-info .artist-image{min-height:200px}.artist-grid .artist-info .artist-caption{min-height:260px;padding:20px 25px}.artist-grid .artist-info .artist-caption h2{bottom:-7px;top:auto}}