.login-pf body {
	background-image:none;
	overscroll-x:hidden;
}


@media screen and (min-width: 40rem) and (max-width: 89.99rem) {
  #kc-header {
    left: 1.25rem;
    right: 1.25rem;
  }
}

@media screen and (min-width: 60rem) {
   #kc-header  {
    height: 70px;
  }
   #kc-header:after {
    height: 70px;
  }
}

@media screen and (min-width: 72rem) {
   #kc-header  {
    height: 130px;
  }
  #kc-header:after {
    height: 130px;
  }
}

@media screen and (min-width: 90rem) {
  #kc-header #kc-header-wrapper {
    left: auto;
    right: auto;
    width: 1400px;
  }
  
}


/*
 * Variante: fixierter Header
 */
@media screen {
  #kc-header,
.kdvz-account-wrapper .pf-v5-c-page__header  { /* account s.u. nur schatten hier mit drin*/ 
    box-shadow: none;
    height: 130px;
	position:relative;
	z-index:10000;
  }
   #kc-header:after,
.kdvz-account-wrapper .pf-v5-c-page__header:after   {
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
    content: "";
    left: 0;
    height: 130px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
  }
   #kc-header #kc-header-wrapper {
    left: 0.88rem;
    position: fixed;
    right: 0.88rem;
    top: 0;
	padding:0;
  }
}


#kc-header-wrapper{
    background-image: url(../img/kdvz-logo.svg);
    background-repeat: no-repeat;
    height: 120px;
    width: 300px;
    margin: 10px auto;
	
	font-size:0px;
	background-size:228px 110px;
	color:#fff;
}
.login-pf #kc-page-title {
	text-align:left;
}
.login-pf #kc-page-title:before {
	content:url(../img/user-icon.svg);
	
} 

.login-pf .card-pf {
	background-color:#ededed;
	border-top:none;
	margin-bottom:4rem;
	
	
}

#kc-form-buttons input {
	padding-top:8px;
	padding-bottom:11px;
	 transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}




.pf-c-button.pf-m-primary {
  color:#fff;
  background-color:#005ca3;
}
.pf-c-button.pf-m-primary:hover {
	background-color:#204a87;
}


/* sticky footer, sp overrides für footer */ 
html,
body {
  height: 100%;
}

.SP-Paragraph--footer {
	font-size:14px !important;
}
.SP-Footer--variant-1 .SP-Footer__upper {
	
	padding:1.5rem 0 1.5rem 0 !important;
}

@media (max-width:1244px) {
	footer.SP-Footer--homepage  {
		margin-top:100px;
	}
	.SP-Headline--footer {
		font-size:16px !important;
	}
}


@media (min-width:1245px) {
	.kdvz-wrapper {
		min-height: 100%;
	}

	.kdvz-main {
		padding-bottom: 280px;  /* must be same height as the footer */
	}
	footer.SP-Footer--homepage {
		position: relative;
		margin-top: -280px; /* negative value of footer height */
		height: 280px;
		clear: both;
	} 
}


@media (min-width:60rem) {
	.SP-Headline--footer {
		font-size:20px !important;
	}
	
}


@media (min-width: 20rem) and (max-width: 59.99rem) {
  .SP-Footer--variant-1 .SP-Footer__service {
    
     background-color: rgb(68,68,68) !important; 
     background-image:none !important;
     color: #fff !important; 
      }
}


/* OTP ezc- */ 

#kc-select-try-another-way-form {
	margin-top:1.5rem;
	font-size:.8rem;
}
#try-another-way:before {
		content:url(../img/schloss-offen-icon.svg);
		margin-right:.2rem;
}


/* ACCOUNT */ 

.kdvz-account-wrapper {
	font:1rem/1.875 Open Sans, sans-serif;
}

/* Header */ 

.kdvz-account-wrapper .pf-v5-c-page__header {
	background-color:#fff;
	height:130px;
}
.pf-v5-c-page__header-brand {
	max-height:none;
}
.pf-v5-c-page__header-brand-link .pf-v5-c-brand {
	max-height:none;
}


.kdvz-account-wrapper .pf-v5-c-page__header-brand-link img {
	height:110px;
	width:228px;
}
/* schatten siehe oben login header */

/* Hamburger */ 
.pf-v5-svg {
	fill:#aaa;
	height:1.5em;
	width:1.5em;
}
/* NAVBAR */ 
#page-sidebar {
	width:330px;
}
.pf-v5-c-page__sidebar.pf-m-expanded {
		background-color:#dfdedc;
}

.pf-v5-c-nav__item.pf-m-expandable:before {
	border-block-end-color:#fff;
}


.pf-v5-c-nav__link {
	color:#444444;
	font-size:20px;
	 font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}

.pf-v5-c-nav__link .pf-v5-svg {
	fill:#444;
}
.pf-v5-c-nav__link:hover .pf-v5-svg,
.pf-v5-c-nav__link:active .pf-v5-svg {
	fill:#fff;
}


.pf-v5-c-nav__link:before {
	border-color:#fff;
	
}
.pf-v5-c-nav__list {
	padding-top:0;
	
}

/* linie links */ 
.pf-v5-c-nav__link.pf-m-current:after, .pf-v5-c-nav__link.pf-m-current:hover:after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after {
	border:none;
	
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-hover {
	background-color:#004a82;
	
}

/* bg aktiver Nav Link */ 
.pf-v5-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current:hover, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
	background-color:#005ca3;
}

.pf-v5-c-nav__link:focus, .pf-v5-c-nav__link:active {
	background-color:#005ca3;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link:hover {
	background-color:transparent;
	color:#444;
}


/* User DRopdown tools */ 
.pf-v5-c-menu-toggle {
	color:#444;
}