@font-face { font-family: "KoHoB";	src: url(/css/fonts/KoHo-Bold.ttf); }
/*
@font-face { font-family: KoHoL;	src: url(/css/fonts/KoHo-ExtraLight.ttf); }
@font-face { font-family: KoHoLI;	src: url(/css/fonts/KoHo-ExtraLightItalic.ttf); }
@font-face { font-family: KoHoI;	src: url(/css/fonts/KoHo-Italic.ttf); } */
@font-face { font-family: "KoHoR";	src: url("/css/fonts/KoHo-Regular.ttf"); }
*, h1, p, a {  font-family:"KoHoR"; margin:0; color:#93de9c; }
.clear { clear:both; }
div { display:block;  } 
html, body { margin:0; padding:0; background:#000; }

.background-image,
.viewport {
	position:absolute;
	top:0;
	left:0;
	width:100vw; 
	height:100vh;
}

.background-image {  background:url("/img/start/start_bg.jpg") center center no-repeat #8bcac1; background-size: cover; }
.title,
.content01 { position:absolute;  }
.title { top:20vh; text-align:center; width:100vw; max-width:100%; }
.content01 { position:absolute; top:1vh; text-align:center; width:100vw; max-width:100%; }
.title .stage,
.content01 .stage { border:2px solid #93de9c; padding:2em; display:inline-block; margin:1em;}
.title p,
.title a, 
.title h1 { color:#93de9c; text-decoration:none; font-weight:normal; text-shadow:0px 0px 8px #023153;  }
.title h1 {  font-size:3em;   }
.title p { font-size:1.5em; } 

.title .logo img { max-width:100%; margin:0 0 0 0; height:100px; 
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(2, 49, 83, .7));
  	filter: drop-shadow( 3px 3px 2px rgba(2, 49, 83, .7)); }


@media only screen and (max-width: 500px) {
  .background-image { opacity:0.3; }
  .title h1 { line-height:1em; }
  .title { position:absolute; top:10vh; }
}

hr { border-top:1px solid #93de9c; margin:1em 0; border-bottom:0; }

/* login form */
form[name="loginform"] input {background:#fffbdf; color:#799b8b; border:0; padding:0.3em; font-size:1em; margin:0 0 0.4em 0; }
form[name="loginform"] .errormessage { color:#fffbdf; }
.bto.medium { font-size:1em; padding:0.3em 1em;  }

.bto._93de9c {
	box-shadow:inset 0px -3px 7px 0px #7ebf9a;
	background:linear-gradient(to bottom, #93de9c 5%, #bbffc0 100%);
	background-color:#93de9c;
	border-radius:3px;
	border:1px solid #93de9c;
	display:inline-block;
	cursor:pointer;
	color:#757761;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.bto._93de9c:hover {
	background:linear-gradient(to bottom, #bbffc0 5%, #93de9c 100%);
	background-color:#bbffc0;
}
.bto._93de9c:active {
	position:relative;
	top:1px;
}

.stage.impressum { max-width:600px; }
.stage.impressum p { font-size:1em; text-align:left; }
.stage.impressum p.subnav { margin-top:2em; }