@font-face {
  font-family: 'augusta';
  src: url('fonts/augusta.ttf');
}
/* COLORS
white #f2f2f2
lightgrey #d8d8d8
lightgrey_dark #bebdbd
midgrey_light #a3a2a2
midgrey #878686
midgrey_dark #6a6969
darkgrey #484847
black #1d1d1b

lightblue #a5ddf9
blue #42ade2
darkblue #016694
*/
*{cursor:default;line-height:1.05;font:inherit;font-family: sans-serif;}
/* *{line-height:1.05;font:inherit;font-family: augusta;} */
body{color:#1d1d1b;background-color:#f2f2f2;font-size:10px;margin:0;padding:0;height:100vh;width:100vw;}
/* rgba(31,149,211,.6) */
.bold{font-weight:bold;}
.underline{text-decoration:underline;}

label{cursor:pointer;text-decoration:underline;}
a{cursor:pointer;text-decoration:underline;color:#42ade2;-webkit-transition:all 0.3s;transition:all 0.3s;}
a:hover{color:#016694;}

.wrapper{width:100vw;height:100vh;background-color:#f2f2f2;display:flex;align-items:center;justify-content:center;}
.login{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;}
.logo{width:60px;height:55px;float:left;background-image:url("../imag/logo.png");background-position:center;background-size:120px;background-repeat:no-repeat;}

.impressum{width:66%;height:auto;margin:0 auto;padding:2% 2%;}

.header{position:absolute;z-index:2;top:0;left:0;width:58%;height:10px;padding:5px 10px;}
.content{position:relative;width:96%;height:auto;background-color:#f2f2f2;padding:20px 20px;}
.footer{position:absolute;z-index:3;top:0;right:0;width:38%;height:10px;padding:5px 10px;text-align:right;}
.footer_slide{position:relative;z-index:3;width:370px;height:auto;padding:0 0 20px 20px;overflow-y:auto;}

.foot{position:absolute;bottom:5px;right:5px;margin:0 auto;}
/* mac retina: 1940 x 1229 */

.password_form{}

.fish_container { height:100%;width:100%;margin:auto;background: url("../imag/fish1.jpg");display:table;top:0;background-size:cover;position:absolute;top:0;right:0;z-index:-3;}
.fishGFX { height:100%;width:100%;margin:auto;margin-top:-3%;background: url("../imag/fish2.png") no-repeat 50% 50%;display:table;background-size:cover;position:relative;z-index:-2;}

@media screen and (min-width: 400px) and (max-width: 1024px)
{
/* medium size */

}


@media screen and (max-width: 399px)
{
/* small size */
    .login{position:absolute;top:5px;margin: 0 auto;}
}