html,
body {
  background: url("../images/bki.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* .ui-widget-header{ */
/* 	border: none; */
/* 	background: url("../images/transparent-white.png"); */
/* } */

/* .ui-widget-content{ */
/* 	background: url("../images/transparent-black.png"); */
/* 	border: none; */
/* } */

/* .ui-dialog .ui-dialog-content{ */
/* 	background: none; */
/* } */

/* .ui-dialog .ui-dialog-content .ui-widget-content{ */
/* 	background: none; */
/* } */

/* .ui-tabs .ui-tabs-panel.ui-widget-content{ */
/* 	background: none; */
/* } */

/* .list.ui-tabs.ui-widget.ui-widget-content{ */
/* 	background: url("../images/transparent-white.png"); */
/* } */

#note {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
    color:black;
}

.loginPage {
  background-color: #c8c8c8;
  width: 400px;
  padding: 50px;
  top: 40%;
  position: absolute;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 60%;
  border-radius: 20px;
  box-shadow: rgba(64, 44, 74, 0.9) 17px 7px 29px 25px;
  opacity: 0.9;
  left:10%;
}

.karteTitle
{
  font-weight: bold;
  font-size: 13pt;
  padding: 0px 0px 50px 0px;
  color:#395873;
  text-shadow: 1px 1px #67e698d1;
}

.loginButton
{
  background-color: #c2fbd7;
  border-radius: 100px;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
  color: green;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.loginButton:hover {
   box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
   transform: scale(1.05) rotate(-1deg);
}

input.loginpassword {
  font-family: 'password';
}

@font-face
{
	font-family: 'password';
	src: url('password/password.ttf');
	font-weight: normal;
	font-style: normal;
}