/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2024 Philipp Kolbeck
 * Parsed: 15.07.2024 13:09:40 - Rendertime: 0,0009sec.
 */
.fss-container,
.fss-container>div { position: fixed; left: 0; top: 0; width: 100vw; min-width: 100vh; height: 100vh; z-index: -1; }
.fss-container .vignette { pointer-events: none; background: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,.5) 100%); background: radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,.5) 100%); }
#fss { animation-name: fss-fader; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 300s; transform-style: preserve-3d; opacity: 0; }
@keyframes fss-fader {
0%,.1% { opacity: 0; }
3%,95% { opacity: 1; }
95%,100% { opacity: 0; } }
body.login { background-color: #FFF; }
body.login { display: flex; align-items: center; justify-content: center; }
body.login .language-switcher { display: none; }
body.login #login { border: 1px rgba(0,0,0,.1) solid; background-color: rgba(255,255,255,.65); box-shadow: 0 5px 20px rgba(0,0,0,.1); padding-top: 30px; padding-bottom: 30px; }
body.login #login h1 { }
body.login #login h1>a { background-image: url('../img/loginlogo.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
body.login #login #loginform { margin-top: 0; border: none; background-color: transparent; padding-bottom: 20px; box-shadow: none; }
body.login #login #loginform input { border-radius: 0; }
body.login #login #loginform input[type=text],
body.login #login #loginform input[type=password] { background-color: #FFF; border: none; }
body.login #login #backtoblog { display: none; }
body.login #login #login_error { box-shadow: none; border: none; background-color: rgba(255,0,0,.2); }
@media  (min-width: 576px) {
body.login #login { padding: 30px !important; } }
@media  (min-width: 768px) {
body.login #login { padding-left: 350px !important; position: relative; }
body.login #login>h1 { height: calc(100% - 60px); position: absolute; padding-left: 24px; padding-right: 24px; margin-left: -320px; width: 320px; width: 250px; box-shadow: inset -1px 0 0 0 rgba(0,0,0,.1); display: flex; justify-content: center; align-items: center; }
body.login #login>h1>a { width: 90%; height: 90%; background-position: center; background-size: contain; background-repeat: no-repeat; animation-name: logo-spinner; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-delay: 3s; animation-duration: 10s; transform-style: preserve-3d; }
    @keyframes logo-spinner {
0%,25% { transform: rotateY(0deg); }
25%,100% { transform: rotateY(-360deg); } }
body.login #login #loginform { padding-top: 10px; } }