:root {
  --pf-global--primary-color--50: rgb(51, 51, 51);
	--pf-global--primary-color--100: rgb(102, 102, 102);
	--pf-global--primary-color--200: rgb(153, 153, 153);
	--pf-global--primary-color--300: rgb(204, 204, 204);
	--pf-global--primary-color--400: rgb(222, 222, 222);
  --pf-global--secodary-color--50: #3e3e3e;
	--pf-global--link--Color: var(--pf-global--primary-color--100);
	--pf-global--link--hover--Color: var(--pf-global--primary-color--100);
	--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
	--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--400);
	--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--400);
	--pf-c-button--m-primary--Color: #ffffff;
  --pf-c-form-control--hover--BorderBottomColor: var(--pf-global--secodary-color--50);
  --pf-c-form-control--focus--BorderBottomColor: var(--pf-global--secodary-color--50);
  --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--secodary-color--50);
  --pf-c-form-control--BorderTopColor:#2e2e2e;
  --pf-c-form-control--BorderRightColor:#2e2e2e;
  --pf-c-form-control--BorderBottomColor:#2e2e2e;
  --pf-c-form-control--BorderLeftColor:#2e2e2e;
  --pf-global--link--Color: var(--pf-global--primary-color--100);
  --pf-global--link--Color--hover: var(--pf-global--primary-color--50);
  --pf-global--link--TextDecoration: var(--pf-global--primary-color--100);
  --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--secodary-color--50);
  --pf-c-button--m-control--hover--after--BorderBottomColor

a {
  text-decoration: none;
}

#kc-header-wrapper {
    background-size: 100%;
    margin: auto;
    margin-top: 7%;
    margin-bottom: 5%;
    background-image: url(../img/niehoff-logo-white-bg.svg);
    background-repeat: no-repeat;
    height: 160px;
    width: 160px;
    padding: 62px 10px 20px;
    font-size: 0px;
}

#kc-footer-wrapper {
    display: flex;
    justify-content: center; 
    gap: 20px;              
    align-items: center;  
    margin-top: 25px;   
}

.pf-c-form-control {
  --pf-c-form-control--hover--BorderBottomColor: #252525;
  --pf-c-form-control--focus--BorderBottomColor: #252525;
}

.pf-c-button:hover {
  --pf-c-button--after--BorderBottomColor: #3e3e3e;
}

.login-pf a:hover {
  color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
  #kc-header-wrapper {
    background-image: url(../img/niehoff-logo-white-bg.svg);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    font-size: 0px;
  }

  h1#kc-page-title {
    margin-top: 10px;
    font-weight: bold;
  }
  
  .login-pf-page-header {
    margin-bottom: 0px;
}
}
}