@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&display=swap");
html {
  --color-black: rgb(32, 32, 32);
  --color-black-15pct: rgb(221, 221, 221);
  --color-blue: rgb(34, 142, 224);
  --color-blue-15pct: rgb(222, 240, 254);
  --color-blue-dark: rgb(28, 104, 197);
  --color-blue-dark-15pct: rgb(221, 232, 247);
  --color-gold: rgb(183, 137, 43);
  --color-gold-15pct: rgb(244, 237, 223);
  --color-green: rgb(106, 153, 56);
  --color-green-15pct: rgb(235, 244, 227);
  --color-green-dark: rgb(0, 148, 74);
  --color-green-dark-15pct: rgb(217, 239, 228);
  --color-grey-dark: rgb(38, 47, 53);
  --color-grey-light: rgb(168, 172, 174);
  --color-orange: rgb(246, 132, 1);
  --color-orange-15pct: rgb(254, 237, 217);
  --color-pink: rgb(220, 48, 111);
  --color-pink-15pct: rgb(250, 224, 233);
  --color-purple: rgb(113, 39, 168);
  --color-purple-15pct: rgb(234, 222, 242);
  --color-red: rgb(198, 40, 40);
  --color-red-15pct: rgb(247, 223, 223);
  --color-silver: rgb(158, 158, 158);
  --color-silver-15pct: rgb(241, 241, 241);
  --color-teal: rgb(52, 162, 151);
  --color-teal-15pct: rgb(224, 241, 240);
  --color-yellow: rgb(184, 133, 14);
  --color-yellow-15pct: rgb(255, 244, 217);
  --color-white: rgb(255, 255, 255);
  --lumo-error-color: rgb(220, 53, 69);
  --lumo-error-color-10pct: rgba(220, 53, 69, 0.1);
  --lumo-error-color-50pct: rgba(220, 53, 69, 0.5);
  --lumo-error-text-color: rgb(220, 53, 69);
  --lumo-header-text-color: rgb(0, 146, 212);
  --lumo-primary-color: rgb(0, 146, 212);
  --lumo-primary-color-10pct: rgba(0, 146, 212, 0.1);
  --lumo-primary-color-50pct: rgba(0, 146, 212, 0.5);
  --lumo-primary-color-darker: rgb(0, 69, 135);
  --lumo-primary-text-color: rgb(0, 146, 212);
  --lumo-secondary-color: rgb(130, 146, 158);
  --lumo-success-color: rgb(0, 148, 74);
  --lumo-success-color-10pct: rgb(229, 244, 236);
  --lumo-success-color-50pct: rgb(127, 201, 164);
  --lumo-success-text-color: rgb(0, 148, 74);
}

vaadin-icon {
  width: var(--lumo-icon-size-s);
  height: var(--lumo-icon-size-s);
}

html {
  --lumo-font-family: "Heebo", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT",
    "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

h1.pension-calculator-view-header,
h1.reference-view-header {
  background-image: url(images/berens-logo.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 58px;
  border-bottom: 1px solid var(--lumo-primary-color-10pct);
  color: #004892;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0 20px 78px;
  width: calc(100vw - 7rem);
}

h2 {
  font-size: 32px;
  font-weight: normal;
}

h3 {
  margin-top: 0;
}

.insurance-description,
.extrapolation-description {
  background-color: var(--lumo-primary-color-10pct);
  border: 1px solid var(--lumo-primary-color);
  border-radius: 4px;
  color: var(--lumo-primary-color);
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 160%;
  max-width: 985px;
  padding: 1em 1.4em;
  display: flex;
  gap: 0.5em;
}

.pension-entitlement-container,
.calculation-parameters ul {
  color: var(--color-silver);
}

.pension-entitlement-container p {
  margin: 0;
}
.pension-entitlement-container strong.value {
  color: var(--lumo-primary-text-color);
  font-size: 24px;
}

.future-entitlement {
  margin-top: 2rem;
  max-width: 960px;
}

.calculation-parameters h3 {
  font-size: 16px;
  margin-top: 2rem;
}

.logging-container {
  background-color: var(--color-black);
  border-radius: 8px;
  color: #fff;
  overflow-x: auto;
  margin: 0;
  max-height: calc(100vh - 200px);
  max-width: 30vw;
  min-width: 480px;
  padding: 20px;
  position: fixed;
  right: 40px;
  top: 80px;
}
.logging-container h3 {
  margin-top: 1.25em;
}
.logging-container label {
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  width: 260px;
}
.logging-container label + span {
  display: inline-block;
  text-align: right;
  width: 170px;
}
.logging-container > div > div:nth-child(even) {
  color: var(--color-silver);
}

.logging-container-debug div {
  font-family: monospace;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.wrap {
  white-space: pre-wrap;
}

vcf-tooltip {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

/* NOTE: vaadin-*.scss files are automatically included by Vaadin and are therefore not listed above */
vaadin-horizontal-layout[theme=spacing] iron-icon {
  height: 44px;
}

vaadin-dialog-overlay .draggable-leaf-only {
  max-width: 1010px;
}

.consulting-notice {
  background-color: var(--lumo-primary-color-darker);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  padding: 20px;
}
.consulting-notice a {
  background-color: var(--color-white);
  color: var(--lumo-primary-color-darker);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-top: 20px;
  padding: 20px 40px;
  text-transform: uppercase;
}

.pension-calculator-view vaadin-form-item label div {
  display: inline-block;
}
.pension-calculator-view vaadin-form-item label div vaadin-icon {
  margin: 0 var(--lumo-space-xs) 0 var(--lumo-space-xs);
}
.pension-calculator-view .income-adjustments-list {
  padding-left: 0;
}

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