.hero{background-color:rgb(10,10,10);background:radial-gradient(farthest-corner at 0 0,var(--theme-color) 0%,rgb(10,10,10) 40%);background-size:200% 100%;top:0;left:0;width:100%;height:100vh;line-height:0;overflow:hidden;animation:ease-in-out 30.0s hero-background infinite}@keyframes hero-background{0%{background-position:60%}5%{background-position:60%}45%{background-position:0}55%{background-position:0}95%{background-position:60%}100%{background-position:60%}}.hero-overlay{background-image:url("../img/style/pixel.svg"),url("../img/style/cross.svg");background-repeat:repeat;top:0;left:0;width:100%;height:100vh;line-height:0;overflow:hidden}.hero canvas{overflow:hidden}@font-face{font-family:"Jura";src:url("../fonts/Jura-Regular.ttf");font-display:swap}.hero-slogan{background:linear-gradient(100deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.9) 100%);color:rgb(255,255,255);text-shadow:rgb(0,0,0) 0 0 20px,rgb(0,0,0) 0 0 20px;font-weight:lighter;font-family:"Jura",sans-serif;width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;overflow:hidden}.hero h1{font-size:3.5em}.sidebar{position:absolute;left:0;top:0;line-height:1;display:flex;flex-direction:row;justify-content:center;height:auto;font-size:1.2em;gap:1.5em;box-sizing:border-box;z-index:10}.sidebar a{padding:20px;color:rgba(255,255,255,.6);text-shadow:rgb(0,0,0) 0 0 20px,rgb(0,0,0) 0 0 20px;text-decoration:none}.sidebar a:hover{background-color:rgb(255,255,255);color:rgba(255,255,255,1);transition:all .2s;text-shadow:none}.sidebar a.xing:hover{background-color:#057a80}.sidebar a.flickr:hover{background-color:#0063dc}@media only screen and (max-width:800px){.hero h1{font-size:2.5em}}@media only screen and (max-width:600px){.hero h1{font-size:2em}.sidebar{font-size:1em;gap:1em}}@media only screen and (max-width:400px){.hero h1{font-size:1.5em}}@media only screen and (max-width:300px){.hero h1{font-size:1.2em}}@keyframes slideFromBottomToTop{0%{transform:translate3d(0,20px,0);opacity:0}50%{opacity:.2}100%{transform:translate3d(0,0,0);opacity:1}}.anim-slide-in{animation:.5s ease-out .2s forwards slideFromBottomToTop;opacity:0}@media (prefers-reduced-motion){.hero,.anim-slide-in{animation:none}.anim-slide-in{opacity:1}}