/* Hell und ruhig wie eure Website */
body{
  background: linear-gradient(180deg,#ffffff 0%,#f6f7f8 100%) !important;
}

/* Standard-Headertext ausblenden, Logo einblenden */
#kc-header{ display:none; }
#kc-header-wrapper{
  padding-top: 40px;
  padding-bottom: 10px;
}
#kc-header-wrapper:before{
  content:"";
  display:block;
  width:240px;
  height:64px;
  margin:0 auto 10px auto;
  background:url("../img/logo.svg") center/contain no-repeat;
}

/* Karte modern */
.card-pf{
  border:none !important;
  border-radius:16px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.08) !important;
  padding:32px 28px !important;
}

/* Typo */
#kc-page-title{
  font-weight:650;
  color:#1f2933;
  margin-bottom:18px;
}
label{
  color:#4b5563;
  font-weight:500;
}

/* Akzentfarbe Gelb */
#kc-login, .btn-primary{
  background:#f5b000 !important;
  border-color:#f5b000 !important;
  color:#1f2933 !important;
  border-radius:12px !important;
  font-weight:650;
}
.btn-primary:hover, #kc-login:hover{
  filter: brightness(0.95);
}
a{ color:#f5b000 !important; font-weight:500; }

/* Inputs */
.pf-c-form-control{
  border-radius:10px !important;
  border-color:#d1d5db !important;
}
.pf-c-form-control:focus{
  border-color:#f5b000 !important;
  box-shadow:0 0 0 2px rgba(245,176,0,.2) !important;
}