@charset "UTF-8";
html * {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  src: url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Ubuntu Light"), local("Ubuntu-Light"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.woff2") format("woff2"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.woff") format("woff"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.ttf") format("truetype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-300.svg#Ubuntu") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  src: url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.woff2") format("woff2"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.woff") format("woff"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.ttf") format("truetype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-regular.svg#Ubuntu") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  src: url("/files/wf/eb/theme/fonts/fonts/ubuntu-v13-latin-500.eot"); /* IE9 Compat Modes */
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-500.eot?#iefix") format("embedded-opentype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-500.woff2") format("woff2"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-500.woff") format("woff"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-500.ttf") format("truetype"), url("/files/wf/eb/theme/fonts/ubuntu-v13-latin-500.svg#Ubuntu") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "icomoon";
  src: url("/files/wf/eb/theme/fonts/icomoon.ttf?82xbf5") format("truetype"), url("/files/wf/eb/theme/fonts/icomoon.woff?82xbf5") format("woff"), url("/files/wf/eb/theme/fonts/icomoon.svg?82xbf5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-handshake-o:before {
  content: "\e90d";
}

.icon-exclamation-circle:before {
  content: "\e900";
}

.icon-calendar-check-o:before {
  content: "\e901";
}

.icon-check-circle-o:before {
  content: "\e902";
}

.icon-check-square-o:before {
  content: "\e903";
}

.icon-check-circle:before {
  content: "\e904";
}

.icon-check-square:before {
  content: "\e905";
}

.icon-check:before {
  content: "\e906";
}

.icon-envelope:before {
  content: "\e907";
}

.icon-phone-square:before {
  content: "\e908";
}

.icon-arrow-right:before {
  content: "\e909";
}

.icon-arrow-left:before {
  content: "\e90a";
}

.icon-arrow-down:before {
  content: "\e90b";
}

.icon-arrow-up:before {
  content: "\e90c";
}

.icon-redo2:before {
  content: "\e968";
}

.icon-forward:before {
  content: "\e969";
}

.icon-circle-up:before {
  content: "\ea41";
}

.icon-circle-right:before {
  content: "\ea42";
}

.icon-circle-down:before {
  content: "\ea43";
}

.icon-circle-left:before {
  content: "\ea44";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

body {
  color: var(--surfaceOnColor);
  font-family: var(--fontFamilyBase);
  font-size: 100%;
  background: var(--surfaceColor);
  font-weight: var(--fontWeightLight);
}

a {
  color: var(--linkColor);
  text-decoration: none;
}

a:link {
  color: var(--linkColor);
  text-decoration: none;
}

a:visited {
  color: var(--linkColor);
  text-decoration: none;
}

a:focus {
  color: var(--linkColorActive);
  text-decoration: none;
}

a:hover {
  color: var(--linkColorActive);
  text-decoration: none;
}

a:active {
  color: var(--linkColorActive);
  text-decoration: none;
}

h1 {
  color: var(--primColor01);
  margin: calc(var(--paddingLarge) * 1) 0;
  font-size: 30px;
  font-weight: var(--fontWeightBold);
}

h2 {
  color: var(--primColor01);
  margin: calc(var(--paddingLarge) * 1) 0;
  font-size: 28px;
  font-weight: var(--fontWeightBold);
}

h3 {
  color: var(--primColor01);
  margin: var(--paddingBase) 0;
  font-size: 24px;
  font-weight: var(--fontWeightBold);
}

h4 {
  color: var(--primColor01);
  margin: calc(var(--paddingBase) / 2) 0;
  font-size: 20px;
  font-weight: var(--fontWeightBold);
}

h5 {
  color: var(--primColor01);
  margin: calc(var(--paddingBase) / 2) 0;
  font-weight: var(--fontWeightBold);
  font-size: 18px;
}

h6 {
  color: var(--primColor01);
  margin: calc(var(--paddingBase) / 4) 0;
  font-weight: var(--fontWeightBold);
  font-size: 16px;
}

@media screen and (max-width: 719px) {
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 16px;
  }
}
p {
  margin: var(--paddingBase) 0;
  line-height: 1.4em;
}

ul, ol {
  margin: var(--paddingBase) 0 var(--paddingBase) 0;
  padding-left: 25px;
}

ul li, ol li {
  margin: var(--paddingSmall) 0;
}

dl {
  margin: var(--paddingBase) 0 var(--paddingBase) 0;
  display: grid;
  grid-template-columns: 160px auto;
  grid-gap: var(--paddingBase);
}

dl dt {
  font-weight: var(--fontWeightBold);
}

table {
  width: auto;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  margin: var(--paddingBase) 0 var(--paddingBase) 0;
}

table caption {
  margin: 0 0 var(--paddingBase) 0;
  font-style: italic;
}

table tr th {
  padding: var(--paddingSmall);
  text-align: left;
  color: var(--surfaceOnGray01Color);
  border: var(--borderBase);
  background: var(--surfaceGray01Color);
  font-size: var(--fontSizeBase);
}

table tr th[role=columnheader] {
  padding-right: 25px;
}

table tr td {
  padding: var(--paddingSmall);
  text-align: left;
  color: var(--surfaceOnGray01Color);
  border: var(--borderBase);
  font-size: var(--fontSizeBase);
}

blockquote {
  font-style: italic;
  font-size: var(--fontSizeVeryLarge);
  font-weight: var(--fontWeightLight);
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

figure figcaption {
  padding-top: var(--paddingSmall);
}

pre {
  overflow: auto;
  padding: var(--paddingBase);
  background: var(--surfaceGray01Color);
  color: var(--surfaceOnGray01Color);
  font-family: monospace;
  font-size: var(--fontSizeSmall);
}

/* Forms */
form .formbody {
  margin: var(--paddingBase) 0;
}

form fieldset {
  padding: var(--paddingBase);
  margin: var(--paddingBase) 0;
  border: var(--borderBase);
  color: var(--surfaceGray01OnColor);
}

form fieldset legend {
  padding: var(--paddingSmall) var(--paddingBase);
  color: var(--surfaceGray01OnColor);
  border: var(--borderBase);
  font-size: var(--fontSizeSmall);
  font-weight: var(--fontWeightBold);
}

form .widget {
  padding: var(--paddingBase) 0;
}

form label {
  display: block;
  margin: 0 0 var(--paddingBase) 0;
  color: var(--surfaceGray01OnColor);
}

form span.mandatory {
  color: var(--accentErrorColor);
}

/* Fields / Input Types */
form input[type=text],
form input[type=number],
form input[type=date],
form input[type=email],
form input[type=password],
form input[type=file],
select,
textarea {
  padding: var(--paddingBase) var(--paddingBase);
  box-sizing: border-box;
  width: 100%;
  border: var(--borderBase);
  border-radius: var(--borderRadiusBase);
  background: var(--primOnColor01);
  font-size: 1em;
  appearance: none;
  color: var(--surfaceGray01OnColor);
  transition: var(--transitionBase);
}

form input[type=text]:focus,
form input[type=number]:focus,
form input[type=date]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: var(--linkColorActive);
}

form input[type=date] {
  max-width: 180px;
}

form select {
  appearance: auto;
}

form textarea {
  min-height: 150px;
}

form fieldset.radio_container span, form fieldset.checkbox_container span {
  display: flex;
  flex-wrap: no-wrap;
  gap: var(--paddingBase);
  align-items: center;
  padding: 0 0 var(--paddingBase) 0;
}

form fieldset.radio_container span:last-child, form fieldset.checkbox_container span:last-child {
  padding-bottom: 0;
}

form fieldset.radio_container label, form fieldset.checkbox_container label {
  margin-bottom: 0;
}

/* Buttons */
form input[type=submit],
button[type=submit] {
  display: inline-block;
  padding: var(--paddingSmall) var(--paddingBase);
  color: var(--primOnColor01);
  background: var(--primColor01);
  font-size: var(--fontSizeLarge);
  border: 1px solid var(--primOnColor01);
  border-radius: var(--borderRadiusBase);
  font-weight: var(--fontWeightBase);
  cursor: pointer;
  transition: var(--transitionBase);
}

form input[type=submit]:hover,
button[type=submit]:hover {
  background-color: var(--linkColorActive);
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.error {
  color: var(--accentErrorColor);
}

.error-block {
  color: var(--accentErrorColor);
  background: var(--accentErrorSurfaceColor);
  padding: var(--paddingBase);
  margin: var(--paddingBase) 0;
}

.success, .confirm {
  color: var(--accentSuccessColor);
}

.success-block, .confirm-block {
  color: var(--accentSuccessColor);
  background: var(--accentSuccessSurfaceColor);
  padding: var(--paddingBase);
  margin: var(--paddingBase) 0;
}

.info {
  color: var(--accentInfoColor);
}

.textsize-very-large {
  font-size: var(--fontSizeVeryLarge);
}

.textsize-large {
  font-size: var(--fontSizeLarge);
}

.textsize-normal {
  font-size: var(--fontSizeNormal);
}

.textsize-small {
  font-size: var(--fontSizeSmall);
}

.textsize-very-small {
  font-size: var(--fontSizeVerySmall);
}

#wrapper #header,
#wrapper #container,
#wrapper #footer > div.inside {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--paddingBase);
  box-sizing: border-box;
}

#wrapper #header .header-row-one {
  display: flex;
  gap: var(--paddingBase);
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #wrapper #header .header-row-one {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 479px) {
  #wrapper #header .header-row-one {
    flex-direction: column;
  }
}
.header-row-one ul {
  display: flex;
  gap: var(--paddingBase);
  list-style: none;
  padding: var(--paddingBase);
  margin: 0;
  background: var(--surfaceGray01Color);
  color: var(--surfaceOnGray01Color);
}

@media screen and (max-width: 1023px) {
  .header-row-one ul {
    display: block;
  }
}
.header-row-one ul li {
  font-size: var(--fontSizeSmall);
}

.header-row-one .seal {
  text-align: center;
}

.header-row-one .seal figure figcaption {
  text-align: center;
  font-size: var(--fontSizeVerySmall);
}

#wrapper #footer {
  background: var(--surfaceGray01Color);
}

#wrapper #footer .footer-row-one {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--paddingBase);
}

#wrapper #footer .footer-row-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--paddingBase);
}

/* CSS Grid */
.wf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--paddingBase);
}

.wf-grid.wf-grid-col-1 {
  grid-template-columns: 1fr;
}

.wf-grid.wf-grid-col-2 {
  grid-template-columns: 1fr 1fr;
}

.wf-grid.wf-grid-col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.wf-grid.wf-grid-col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wf-grid.wf-grid-col-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.wf-grid.wf-grid-col-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.wf-grid-no-gap {
  grid-gap: 0;
}

@media screen and (max-width: 1023px) {
  .wf-grid.wf-grid-col-4 {
    grid-template-columns: 1fr 1fr;
  }
  .wf-grid.wf-grid-col-5 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .wf-grid.wf-grid-col-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 719px) {
  .wf-grid.wf-grid-col-3,
  .wf-grid.wf-grid-col-4,
  .wf-grid.wf-grid-col-5,
  .wf-grid.wf-grid-col-6 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  .wf-grid.wf-grid-col-1,
  .wf-grid.wf-grid-col-2,
  .wf-grid.wf-grid-col-3,
  .wf-grid.wf-grid-col-4,
  .wf-grid.wf-grid-col-5,
  .wf-grid.wf-grid-col-6 {
    grid-template-columns: 1fr;
  }
}
table.table-full-width {
  width: 100%;
}

table.table-borderless tr td, table.table-borderless tr th {
  border: none;
}

table.table-var1 tbody tr:nth-child(even) td {
  background: var(--surfaceGray01Color);
}

/***** WF-List Variant 1 *****************************************************/
.wf-list-var1 {
  margin: calc(var(--paddingBase) * 2) 0;
}

.wf-list-var1 .header {
  text-align: center;
}

.wf-list-var1 .content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--paddingBase);
  justify-content: space-evenly;
  list-style: none;
  padding: var(--paddingBase);
  margin: 0;
}

.wf-list-var1 .content {
  counter-reset: list-counter;
}

.wf-list-var1 .content li {
  position: relative;
  min-width: 200px;
  max-width: 240px;
  flex: 1;
  margin: 50px 0px 0px 0px;
  padding: var(--paddingBase);
  background: var(--surfaceGray01Color);
  color: var(--surfaceGray01OnColor);
  border: var(--borderOutlined);
  border-color: var(--primColor01);
  border-radius: var(--borderRadiusBase);
  /* box-shadow: var(--boxShadowBase); */
}

.wf-list-var1 .content li::before {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: counter(list-counter);
  counter-increment: list-counter;
  background: var(--primColor01);
  color: var(--primOnColor01);
  border: var(--borderOutlined);
  border-color: var(--primOnColor01);
  border-radius: var(--borderRadiusBase);
  font-weight: bold;
  font-size: 32px;
  line-height: 60px;
  box-shadow: var(--boxShadowSmall);
}

/***** WF-List Variant 2 *****************************************************/
.wf-list-var2 {
  margin: calc(var(--paddingBase) * 2) 0;
}

.wf-list-var2 .header {
  text-align: center;
}

.wf-list-var2 .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--paddingBase) 0;
  padding: calc(var(--paddingBase) * 3);
  box-sizing: border-box;
  gap: calc(var(--paddingBase) * 3);
  list-style: none;
  counter-reset: step-counter;
  background: var(--surfaceGray01Color);
  border-radius: var(--borderRadiusBase);
}

.wf-list-var2 .content li {
  padding: var(--paddingBase);
  margin-top: 75px;
  flex: 1 1 200px;
  min-width: 200px;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  background-color: var(--surfaceColor);
  color: var(--surfaceOnColor);
  counter-increment: step-counter;
  text-align: center;
  border-radius: var(--borderRadiusBase);
}

.wf-list-var2 .content li:before {
  position: absolute;
  top: -75px;
  left: calc(50% - var(--paddingBase) * 2);
  z-index: 1;
  display: flex;
  width: 60px;
  height: 60px;
  line-height: 60px;
  justify-content: center;
  align-items: center;
  content: counter(step-counter);
  background-color: var(--primColor01);
  color: var(--primOnColor01);
  font-weight: bold;
  font-size: 42px;
  border-radius: 50%;
}

.wf-list-var2 .content li:last-child:after {
  display: none;
}

.wf-list-var2 .content li:after {
  position: absolute;
  top: calc(50% - var(--paddingBase));
  right: -40px;
  z-index: 1;
  display: block;
  color: var(--primColor01);
  content: "\e909";
  font-family: icomoon;
  font-size: 40px;
}

@media screen and (max-width: 1199px) {
  .wf-list-var2 .content li:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wf-list-var2 .content li {
    margin-top: 85px;
    flex: 1 1 100%;
  }
  .wf-list-var2 .content li:after {
    display: block;
    top: 100%;
    right: calc(50% - var(--paddingBase));
    content: "\e90b";
  }
}
/***** WF-Card Variant 1 *****************************************************/
.wf-card-var1 {
  display: grid;
  grid-template-columns: calc(200px + var(--paddingBase)) auto;
  align-items: center;
  gap: var(--paddingBase);
  margin: var(--paddingBase) 0;
  padding: var(--paddingBase);
  box-shadow: var(--boxShadowBase);
  background: var(--surfaceColor);
  color: var(--surfaceOnColor);
}

.wf-card-var1 figure {
  padding: 0;
  margin: 0;
  text-align: center;
}

.wf-card-var1 figure img {
  max-width: 100px;
}

@media screen and (max-width: 767px) {
  .wf-card-var1 {
    grid-template-columns: auto;
  }
  .wf-card-var1 .content {
    text-align: center;
  }
}
/* Style Guide */
body.styleguide h2.separator {
  margin: calc(var(--paddingBase) * 5) 0 0 0;
  padding: var(--paddingBase);
  background: var(--primColor02);
  color: var(--primOnColor02);
}

.wf-hero {
  width: 100%;
}

.wf-hero-inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: var(--paddingBase);
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--paddingBase);
  box-sizing: border-box;
}

.wf-hero-header {
  grid-column: 1;
  grid-row: 1;
}

.wf-hero-header h3 {
  background: var(--surfaceColor);
  background: rgba(255, 255, 255, 0.8);
  padding: var(--paddingBase);
  margin: 0;
}

.wf-hero-header:after {
  display: block;
  text-align: right;
  font-family: "icomoon";
  font-size: 30px;
  content: "\e969";
  color: var(--surfaceColor);
}

.wf-hero-list {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: var(--paddingSmall);
  margin: 0;
  padding: 0;
}

.wf-hero-list li:before {
  position: absolute;
  left: var(--paddingSmall);
  top: var(--paddingSmall);
  display: block;
  font-family: "icomoon";
  content: "\e905";
  font-size: 20px;
  color: var(--primColor01);
}

.wf-hero-list li {
  position: relative;
  background: var(--surfaceColor);
  background: rgba(255, 255, 255, 0.8);
  padding: var(--paddingSmall);
  padding-left: var(--paddingLarge);
  margin: 0;
  line-height: 20px;
}

.wf-hero-widget {
  grid-column: 2; /* zweite Spalte, über beide Zeilen */
  grid-row: 1/span 2; /* span über beide Zeilen */
  box-sizing: border-box;
}

.wf-widget-placeholder {
  width: 740px;
  min-height: 400px;
  background: var(--surfaceGray01Color);
  background: rgba(255, 255, 255, 0.8);
  color: var(--surfaceGray01OnColor);
  padding: var(--paddingBase);
}

@media screen and (max-width: 1023px) {
  .wf-hero-inside {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .wf-hero-header {
    grid-column: 1;
    grid-row: 2;
  }
  .wf-hero-list {
    grid-column: 1;
    grid-row: 3;
    flex-direction: row;
  }
  .wf-hero-widget {
    grid-row: 1;
    grid-column: 1;
  }
  .wf-widget-placeholder {
    width: 100%;
  }
  .wf-hero-header:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wf-hero-list {
    flex-direction: column;
  }
}
nav.mod_navigation.main ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--paddingBase);
  margin: 0;
  padding: 0;
  list-style: none;
}

nav.mod_navigation.main ul li {
  display: inline;
  margin: 0;
}

nav.mod_navigation.main ul li a {
  color: var(--rtl_surfaceOnGray03Color);
  text-decoration: none;
}

nav.mod_navigation.main ul li a:link {
  color: var(--rtl_surfaceOnGray03Color);
  text-decoration: none;
}

nav.mod_navigation.main ul li a:visited {
  color: var(--rtl_surfaceOnGray03Color);
  text-decoration: none;
}

nav.mod_navigation.main ul li a:focus {
  color: var(--rtl_surfaceOnColor);
  text-decoration: none;
  border-color: var(--rtl_surfaceOnColor);
}

nav.mod_navigation.main ul li a:hover {
  color: var(--rtl_surfaceOnColor);
  text-decoration: none;
  border-color: var(--rtl_surfaceOnColor);
}

nav.mod_navigation.main ul li a:active, nav.mod_navigation.main ul li strong {
  color: var(--rtl_surfaceOnColor);
  text-decoration: none;
  border-color: var(--rtl_surfaceOnColor);
}

@media screen and (max-width: 767px) {
  nav.mod_navigation.main ul {
    flex-direction: column;
  }
}
.content-downloads {
  padding: var(--paddingBase);
}

.content-downloads ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

:root {
  /* Primary */
  --primColor01: #dd662a; /* Energieberatungs-Rot */
  --primOnColor01: #ffffff;
  --primColor02: #125896; /* WattFox-Blau */
  --primOnColor02: #ffffff;
  /* Accent */
  --accentErrorColor: #961812;
  --accentErrorSurfaceColor: #FCE9E8;
  --accentSuccessColor: #517D22;
  --accentSuccessSurfaceColor: #F2FAEB;
  --accentInfoColor: #404040;
  --accentInfoSurfaceColor: #ffffff;
  /* Surfaces / Grayscales */
  --surfaceColor: #ffffff;
  --surfaceOnColor: #404040;
  --surfaceDarkColor: #404040;
  --surfaceOnDarkColor: #ffffff;
  --surfaceGray01Color: #EEEEEE;
  --surfaceOnGray01Color: #404040;
  --surfaceGray02Color: #CBCBCB;
  --surfaceOnGray02Color: #404040;
  --linkColor: var(--primColor02);
  --linkColorActive: var(--surfaceOnColor);
  --boxShadowSmall: 0 0 5px rgba(47, 11, 11, 0.3);
  --boxShadowBase: 0 0 10px rgba(0, 0, 0, 0.2);
  --boxShadowLarge: 0 0 15px rgba(0, 0, 0, 0.3);
  --boxShadowInset: 0 0 5px rgba(0, 0, 0, 0.2) inset;
  --fontSizeVeryLarge: 24px;
  --fontSizeLarge: 18px;
  --fontSizeBase: 16px; /* Keep it higher or equal than 16 px! */
  --fontSizeSmall: 15px;
  --fontSizeVerySmall: 13px;
  --fontFamilyBase: "Ubuntu", "AbsolutRed-Book", Arial, Verdana, sans-serif;
  --fontWeightLight: 300;
  --fontWeightBase: 400;
  --fontWeightBold: 500;
  --paddingSmall: 5px;
  --paddingBase: 15px;
  --paddingLarge: 30px;
  --borderBase: 1px solid var(--surfaceGray02Color);
  --borderOutlined: 2px solid var(--surfaceGray02Color);
  --borderRadiusBase: 5px;
  --transitionBase: all 0.5s linear;
}

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