@charset "UTF-8";
@import url(keycloak/login.css);
/**
 * contains color and dimension specs
 */
@use "sass:map";
/*
 * master element definitions
 */
/** äquidistante farben */
/**
 * defines basic html tags like titles h1-h4, em ...
 */
.default-font, body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #444444;
}

h1, .h1 {
  color: #375f78;
  font-size: 42px;
  line-height: 50px;
  font-weight: 600;
}

h2, .h2 {
  color: #375f78;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

h3, .h3 {
  color: #af0a05;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

h4, .h4 {
  color: #af0a05;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  text-transform: uppercase;
}

h5, .h5 {
  color: #ffc300;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}

.is-dark, .darker,
.bg-primary-black, .bg-primary-blue,
.bg-secondary-darkgrey, .bg-secondary-lightgrey,
.bg-accent-red, .bg-accent-darkred,
.bg-accent-magenta, .bg-accent-purple,
.bg-accent-green, .bg-accent-cyan,
.bg-accent-blue, .bg-accent-darkblue,
.bg-primary-blue-shade-1, .bg-primary-blue-shade-2, .bg-primary-blue-shade-3,
.bg-primary-black-light, .bg-primary-black-xlight, .bg-primary-black-xxlight, .dark, .login-pf .card-pf {
  color: #ffffff;
}
.is-dark, .darker,
.bg-primary-black, .bg-primary-blue,
.bg-secondary-darkgrey, .bg-secondary-lightgrey,
.bg-accent-red, .bg-accent-darkred,
.bg-accent-magenta, .bg-accent-purple,
.bg-accent-green, .bg-accent-cyan,
.bg-accent-blue, .bg-accent-darkblue,
.bg-primary-blue-shade-1, .bg-primary-blue-shade-2, .bg-primary-blue-shade-3,
.bg-primary-black-light, .bg-primary-black-xlight, .bg-primary-black-xxlight, .dark, .login-pf .card-pf, .is-dark h1, .darker h1,
.bg-primary-black h1, .bg-primary-blue h1,
.bg-secondary-darkgrey h1, .bg-secondary-lightgrey h1,
.bg-accent-red h1, .bg-accent-darkred h1,
.bg-accent-magenta h1, .bg-accent-purple h1,
.bg-accent-green h1, .bg-accent-cyan h1,
.bg-accent-blue h1, .bg-accent-darkblue h1,
.bg-primary-blue-shade-1 h1, .bg-primary-blue-shade-2 h1, .bg-primary-blue-shade-3 h1,
.bg-primary-black-light h1, .bg-primary-black-xlight h1, .bg-primary-black-xxlight h1, .dark h1, .login-pf .card-pf h1, .is-dark h2, .darker h2,
.bg-primary-black h2, .bg-primary-blue h2,
.bg-secondary-darkgrey h2, .bg-secondary-lightgrey h2,
.bg-accent-red h2, .bg-accent-darkred h2,
.bg-accent-magenta h2, .bg-accent-purple h2,
.bg-accent-green h2, .bg-accent-cyan h2,
.bg-accent-blue h2, .bg-accent-darkblue h2,
.bg-primary-blue-shade-1 h2, .bg-primary-blue-shade-2 h2, .bg-primary-blue-shade-3 h2,
.bg-primary-black-light h2, .bg-primary-black-xlight h2, .bg-primary-black-xxlight h2, .dark h2, .login-pf .card-pf h2 {
  color: #ffffff;
}
.is-dark h3, .darker h3,
.bg-primary-black h3, .bg-primary-blue h3,
.bg-secondary-darkgrey h3, .bg-secondary-lightgrey h3,
.bg-accent-red h3, .bg-accent-darkred h3,
.bg-accent-magenta h3, .bg-accent-purple h3,
.bg-accent-green h3, .bg-accent-cyan h3,
.bg-accent-blue h3, .bg-accent-darkblue h3,
.bg-primary-blue-shade-1 h3, .bg-primary-blue-shade-2 h3, .bg-primary-blue-shade-3 h3,
.bg-primary-black-light h3, .bg-primary-black-xlight h3, .bg-primary-black-xxlight h3, .dark h3, .login-pf .card-pf h3, .is-dark h4, .darker h4,
.bg-primary-black h4, .bg-primary-blue h4,
.bg-secondary-darkgrey h4, .bg-secondary-lightgrey h4,
.bg-accent-red h4, .bg-accent-darkred h4,
.bg-accent-magenta h4, .bg-accent-purple h4,
.bg-accent-green h4, .bg-accent-cyan h4,
.bg-accent-blue h4, .bg-accent-darkblue h4,
.bg-primary-blue-shade-1 h4, .bg-primary-blue-shade-2 h4, .bg-primary-blue-shade-3 h4,
.bg-primary-black-light h4, .bg-primary-black-xlight h4, .bg-primary-black-xxlight h4, .dark h4, .login-pf .card-pf h4 {
  color: #ffc300;
}

.darker,
.bg-primary-black, .bg-primary-blue,
.bg-secondary-darkgrey, .bg-secondary-lightgrey,
.bg-accent-red, .bg-accent-darkred,
.bg-accent-magenta, .bg-accent-purple,
.bg-accent-green, .bg-accent-cyan,
.bg-accent-blue, .bg-accent-darkblue,
.bg-primary-blue-shade-1, .bg-primary-blue-shade-2, .bg-primary-blue-shade-3,
.bg-primary-black-light, .bg-primary-black-xlight, .bg-primary-black-xxlight {
  /* is-dark layers */
}

a {
  transition: all .3s;
  color: #f08700;
}
a:hover {
  color: #ffc300;
}

.generic-button, button, button:hover {
  /* generic-button */
  background-color: #375f78;
  border-width: 1px solid #375f78;
  border-radius: 0;
  color: #ffffff;
  transition: all .3s;
}
.generic-button:hover, button:hover {
  background-color: #5f94b6;
  border-color: #a5c3d6;
}

ol, ul {
  padding-left: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
}

/**
 * defines CSS helper classes for setting colors
 */
.is-dark, .darker,
.bg-primary-black, .bg-primary-blue,
.bg-secondary-darkgrey, .bg-secondary-lightgrey,
.bg-accent-red, .bg-accent-darkred,
.bg-accent-magenta, .bg-accent-purple,
.bg-accent-green, .bg-accent-cyan,
.bg-accent-blue, .bg-accent-darkblue,
.bg-primary-blue-shade-1, .bg-primary-blue-shade-2, .bg-primary-blue-shade-3,
.bg-primary-black-light, .bg-primary-black-xlight, .bg-primary-black-xxlight, .dark, .login-pf .card-pf {
  color: #ffffff;
}

.dark, .login-pf .card-pf {
  background: #555555;
}

.darker {
  background: #262626;
}

/***** Foreground ***/
/*
* basic primary
*/
/* theme colors for foreground and background */
/* color "primary" */
.primary {
  color: #375f78;
}

.bg-primary {
  background-color: #375f78;
}

.fill-primary {
  fill: #375f78;
}

.stroke-primary {
  stroke: #375f78;
}

/* color "primary-blue" */
.primary-blue {
  color: #375f78;
}

.bg-primary-blue {
  background-color: #375f78;
}

.fill-primary-blue {
  fill: #375f78;
}

.stroke-primary-blue {
  stroke: #375f78;
}

/* color "primary-black" */
.primary-black {
  color: #000000;
}

.bg-primary-black {
  background-color: #000000;
}

.fill-primary-black {
  fill: #000000;
}

.stroke-primary-black {
  stroke: #000000;
}

/* color "primary-white" */
.primary-white {
  color: #ffffff;
}

.bg-primary-white {
  background-color: #ffffff;
}

.fill-primary-white {
  fill: #ffffff;
}

.stroke-primary-white {
  stroke: #ffffff;
}

/* color "secondary-darkgrey" */
.secondary-darkgrey {
  color: #555555;
}

.bg-secondary-darkgrey {
  background-color: #555555;
}

.fill-secondary-darkgrey {
  fill: #555555;
}

.stroke-secondary-darkgrey {
  stroke: #555555;
}

/* color "secondary-lightgrey" */
.secondary-lightgrey {
  color: #b4b4b4;
}

.bg-secondary-lightgrey {
  background-color: #b4b4b4;
}

.fill-secondary-lightgrey {
  fill: #b4b4b4;
}

.stroke-secondary-lightgrey {
  stroke: #b4b4b4;
}

/* color "secondary-lightblue" */
.secondary-lightblue {
  color: #bee6fa;
}

.bg-secondary-lightblue {
  background-color: #bee6fa;
}

.fill-secondary-lightblue {
  fill: #bee6fa;
}

.stroke-secondary-lightblue {
  stroke: #bee6fa;
}

/* color "accent-yellow" */
.accent-yellow {
  color: #ffc300;
}

.bg-accent-yellow {
  background-color: #ffc300;
}

.fill-accent-yellow {
  fill: #ffc300;
}

.stroke-accent-yellow {
  stroke: #ffc300;
}

/* color "accent-orange" */
.accent-orange {
  color: #f08700;
}

.bg-accent-orange {
  background-color: #f08700;
}

.fill-accent-orange {
  fill: #f08700;
}

.stroke-accent-orange {
  stroke: #f08700;
}

/* color "accent-red" */
.accent-red {
  color: #e62d0a;
}

.bg-accent-red {
  background-color: #e62d0a;
}

.fill-accent-red {
  fill: #e62d0a;
}

.stroke-accent-red {
  stroke: #e62d0a;
}

/* color "accent-darkred" */
.accent-darkred {
  color: #af0a05;
}

.bg-accent-darkred {
  background-color: #af0a05;
}

.fill-accent-darkred {
  fill: #af0a05;
}

.stroke-accent-darkred {
  stroke: #af0a05;
}

/* color "accent-magenta" */
.accent-magenta {
  color: #d7007d;
}

.bg-accent-magenta {
  background-color: #d7007d;
}

.fill-accent-magenta {
  fill: #d7007d;
}

.stroke-accent-magenta {
  stroke: #d7007d;
}

/* color "accent-purple" */
.accent-purple {
  color: #69196e;
}

.bg-accent-purple {
  background-color: #69196e;
}

.fill-accent-purple {
  fill: #69196e;
}

.stroke-accent-purple {
  stroke: #69196e;
}

/* color "accent-green" */
.accent-green {
  color: #a0c80f;
}

.bg-accent-green {
  background-color: #a0c80f;
}

.fill-accent-green {
  fill: #a0c80f;
}

.stroke-accent-green {
  stroke: #a0c80f;
}

/* color "accent-cyan" */
.accent-cyan {
  color: #00828c;
}

.bg-accent-cyan {
  background-color: #00828c;
}

.fill-accent-cyan {
  fill: #00828c;
}

.stroke-accent-cyan {
  stroke: #00828c;
}

/* color "accent-blue" */
.accent-blue {
  color: #008cd2;
}

.bg-accent-blue {
  background-color: #008cd2;
}

.fill-accent-blue {
  fill: #008cd2;
}

.stroke-accent-blue {
  stroke: #008cd2;
}

/* color "accent-darkblue" */
.accent-darkblue {
  color: #004187;
}

.bg-accent-darkblue {
  background-color: #004187;
}

.fill-accent-darkblue {
  fill: #004187;
}

.stroke-accent-darkblue {
  stroke: #004187;
}

/* color "primary-blue-light" */
.primary-blue-light {
  color: #a5c3d6;
}

.bg-primary-blue-light {
  background-color: #a5c3d6;
}

.fill-primary-blue-light {
  fill: #a5c3d6;
}

.stroke-primary-blue-light {
  stroke: #a5c3d6;
}

/* color "primary-blue-xlight" */
.primary-blue-xlight {
  color: #ebf2f6;
}

.bg-primary-blue-xlight {
  background-color: #ebf2f6;
}

.fill-primary-blue-xlight {
  fill: #ebf2f6;
}

.stroke-primary-blue-xlight {
  stroke: #ebf2f6;
}

/* color "primary-blue-shade-1" */
.primary-blue-shade-1 {
  color: #274355;
}

.bg-primary-blue-shade-1 {
  background-color: #274355;
}

.fill-primary-blue-shade-1 {
  fill: #274355;
}

.stroke-primary-blue-shade-1 {
  stroke: #274355;
}

/* color "primary-blue-shade-2" */
.primary-blue-shade-2 {
  color: #477b9b;
}

.bg-primary-blue-shade-2 {
  background-color: #477b9b;
}

.fill-primary-blue-shade-2 {
  fill: #477b9b;
}

.stroke-primary-blue-shade-2 {
  stroke: #477b9b;
}

/* color "primary-blue-shade-3" */
.primary-blue-shade-3 {
  color: #5f94b6;
}

.bg-primary-blue-shade-3 {
  background-color: #5f94b6;
}

.fill-primary-blue-shade-3 {
  fill: #5f94b6;
}

.stroke-primary-blue-shade-3 {
  stroke: #5f94b6;
}

/* color "primary-black-light" */
.primary-black-light {
  color: #1b1b1b;
}

.bg-primary-black-light {
  background-color: #1b1b1b;
}

.fill-primary-black-light {
  fill: #1b1b1b;
}

.stroke-primary-black-light {
  stroke: #1b1b1b;
}

/* color "primary-black-xlight" */
.primary-black-xlight {
  color: #262626;
}

.bg-primary-black-xlight {
  background-color: #262626;
}

.fill-primary-black-xlight {
  fill: #262626;
}

.stroke-primary-black-xlight {
  stroke: #262626;
}

/* color "primary-black-xxlight" */
.primary-black-xxlight {
  color: #444444;
}

.bg-primary-black-xxlight {
  background-color: #444444;
}

.fill-primary-black-xxlight {
  fill: #444444;
}

.stroke-primary-black-xxlight {
  stroke: #444444;
}

/* color "accent-yellow-light" */
.accent-yellow-light {
  color: #ffdb66;
}

.bg-accent-yellow-light {
  background-color: #ffdb66;
}

.fill-accent-yellow-light {
  fill: #ffdb66;
}

.stroke-accent-yellow-light {
  stroke: #ffdb66;
}

/* color "accent-orange-light" */
.accent-orange-light {
  color: #ffb657;
}

.bg-accent-orange-light {
  background-color: #ffb657;
}

.fill-accent-orange-light {
  fill: #ffb657;
}

.stroke-accent-orange-light {
  stroke: #ffb657;
}

/* color "accent-red-light" */
.accent-red-light {
  color: #f8775e;
}

.bg-accent-red-light {
  background-color: #f8775e;
}

.fill-accent-red-light {
  fill: #f8775e;
}

.stroke-accent-red-light {
  stroke: #f8775e;
}

/* color "accent-darkred-light" */
.accent-darkred-light {
  color: #f92821;
}

.bg-accent-darkred-light {
  background-color: #f92821;
}

.fill-accent-darkred-light {
  fill: #f92821;
}

.stroke-accent-darkred-light {
  stroke: #f92821;
}

/* color "accent-magenta-light" */
.accent-magenta-light {
  color: #ff3eae;
}

.bg-accent-magenta-light {
  background-color: #ff3eae;
}

.fill-accent-magenta-light {
  fill: #ff3eae;
}

.stroke-accent-magenta-light {
  stroke: #ff3eae;
}

/* color "accent-purple-light" */
.accent-purple-light {
  color: #b82cc1;
}

.bg-accent-purple-light {
  background-color: #b82cc1;
}

.fill-accent-purple-light {
  fill: #b82cc1;
}

.stroke-accent-purple-light {
  stroke: #b82cc1;
}

/* color "accent-green-light" */
.accent-green-light {
  color: #cef24b;
}

.bg-accent-green-light {
  background-color: #cef24b;
}

.fill-accent-green-light {
  fill: #cef24b;
}

.stroke-accent-green-light {
  stroke: #cef24b;
}

/* color "accent-cyan-light" */
.accent-cyan-light {
  color: #00e1f2;
}

.bg-accent-cyan-light {
  background-color: #00e1f2;
}

.fill-accent-cyan-light {
  fill: #00e1f2;
}

.stroke-accent-cyan-light {
  stroke: #00e1f2;
}

/* color "accent-blue-light" */
.accent-blue-light {
  color: #39bdff;
}

.bg-accent-blue-light {
  background-color: #39bdff;
}

.fill-accent-blue-light {
  fill: #39bdff;
}

.stroke-accent-blue-light {
  stroke: #39bdff;
}

/* color "accent-darkblue-light" */
.accent-darkblue-light {
  color: #0072ed;
}

.bg-accent-darkblue-light {
  background-color: #0072ed;
}

.fill-accent-darkblue-light {
  fill: #0072ed;
}

.stroke-accent-darkblue-light {
  stroke: #0072ed;
}

/* color "accent-yellow-xlight" */
.accent-yellow-xlight {
  color: #fff3cc;
}

.bg-accent-yellow-xlight {
  background-color: #fff3cc;
}

.fill-accent-yellow-xlight {
  fill: #fff3cc;
}

.stroke-accent-yellow-xlight {
  stroke: #fff3cc;
}

/* color "accent-orange-xlight" */
.accent-orange-xlight {
  color: #ffe2bd;
}

.bg-accent-orange-xlight {
  background-color: #ffe2bd;
}

.fill-accent-orange-xlight {
  fill: #ffe2bd;
}

.stroke-accent-orange-xlight {
  stroke: #ffe2bd;
}

/* color "accent-red-xlight" */
.accent-red-xlight {
  color: #fcc9c0;
}

.bg-accent-red-xlight {
  background-color: #fcc9c0;
}

.fill-accent-red-xlight {
  fill: #fcc9c0;
}

.stroke-accent-red-xlight {
  stroke: #fcc9c0;
}

/* color "accent-darkred-xlight" */
.accent-darkred-xlight {
  color: #fc8885;
}

.bg-accent-darkred-xlight {
  background-color: #fc8885;
}

.fill-accent-darkred-xlight {
  fill: #fc8885;
}

.stroke-accent-darkred-xlight {
  stroke: #fc8885;
}

/* color "accent-magenta-xlight" */
.accent-magenta-xlight {
  color: #ffa4d9;
}

.bg-accent-magenta-xlight {
  background-color: #ffa4d9;
}

.fill-accent-magenta-xlight {
  fill: #ffa4d9;
}

.stroke-accent-magenta-xlight {
  stroke: #ffa4d9;
}

/* color "accent-purple-xlight" */
.accent-purple-xlight {
  color: #d974df;
}

.bg-accent-purple-xlight {
  background-color: #d974df;
}

.fill-accent-purple-xlight {
  fill: #d974df;
}

.stroke-accent-purple-xlight {
  stroke: #d974df;
}

/* color "accent-green-xlight" */
.accent-green-xlight {
  color: #e8f9aa;
}

.bg-accent-green-xlight {
  background-color: #e8f9aa;
}

.fill-accent-green-xlight {
  fill: #e8f9aa;
}

.stroke-accent-green-xlight {
  stroke: #e8f9aa;
}

/* color "accent-cyan-xlight" */
.accent-cyan-xlight {
  color: #59f3ff;
}

.bg-accent-cyan-xlight {
  background-color: #59f3ff;
}

.fill-accent-cyan-xlight {
  fill: #59f3ff;
}

.stroke-accent-cyan-xlight {
  stroke: #59f3ff;
}

/* color "accent-blue-xlight" */
.accent-blue-xlight {
  color: #9fdfff;
}

.bg-accent-blue-xlight {
  background-color: #9fdfff;
}

.fill-accent-blue-xlight {
  fill: #9fdfff;
}

.stroke-accent-blue-xlight {
  stroke: #9fdfff;
}

/* color "accent-darkblue-xlight" */
.accent-darkblue-xlight {
  color: #54a6ff;
}

.bg-accent-darkblue-xlight {
  background-color: #54a6ff;
}

.fill-accent-darkblue-xlight {
  fill: #54a6ff;
}

.stroke-accent-darkblue-xlight {
  stroke: #54a6ff;
}

/* color "accent-yellow-clean" */
.accent-yellow-clean {
  color: #FFF101;
}

.bg-accent-yellow-clean {
  background-color: #FFF101;
}

.fill-accent-yellow-clean {
  fill: #FFF101;
}

.stroke-accent-yellow-clean {
  stroke: #FFF101;
}

/* color "accent-basic-clean" */
.accent-basic-clean {
  color: #DFE6EE;
}

.bg-accent-basic-clean {
  background-color: #DFE6EE;
}

.fill-accent-basic-clean {
  fill: #DFE6EE;
}

.stroke-accent-basic-clean {
  stroke: #DFE6EE;
}

/* color "accent-basic" */
.accent-basic {
  color: #718DA7;
}

.bg-accent-basic {
  background-color: #718DA7;
}

.fill-accent-basic {
  fill: #718DA7;
}

.stroke-accent-basic {
  stroke: #718DA7;
}

/* // theme colors */
/***** Background ****/
.transition-all {
  transition: all .3s;
}

.vgbe-form-element, .login-pf a, #kc-form-options .checkbox {
  color: #f08700;
}
.vgbe-form-element:hover, .login-pf a:hover, #kc-form-options .checkbox:hover {
  color: #ffc300;
}

.login-pf {
  background: url(../images/vgbe_energiefeld_energiegeladen.svg) no-repeat center center fixed;
  background-size: cover;
}
.login-pf body {
  background: url("../images/vgbe_energiefeld_energiegeladen.svg") no-repeat center center fixed;
  background-size: cover;
}
.login-pf .card-pf p {
  color: #fff;
}
.login-pf .card-pf {
  margin-top: 180px;
  max-width: 700px;
  margin-bottom: 180px;
}

#kc-header {
  color: #375f78;
  display: none;
}

.btn-primary {
  border-color: #00659c;
  background-color: #f08700;
  background-image: none;
}
.btn-primary:hover {
  background-color: #ffc300;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
}

#kc-terms-text {
  padding-right: 30px;
  margin-right: -40px;
}

.login-pf-header .form-group {
  margin: 0;
}

@media (max-width: 840px) {
  .login-pf-page .card-pf {
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 100%;
  }
}

/*# sourceMappingURL=login.css.map */