@import url("https://fonts.googleapis.com/css2?family=Roboto: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(198, 40, 40);
  --lumo-error-color-10pct: rgb(249, 233, 233);
  --lumo-error-color-50pct: rgb(226, 147, 147);
  --lumo-error-text-color: rgb(198, 40, 40);
  --lumo-header-text-color: rgb(0, 81, 78);
  --lumo-primary-color: rgb(0, 81, 78);
  --lumo-primary-color-10pct: rgb(230, 230, 230);
  --lumo-primary-color-50pct: rgb(128, 168, 167);
  --lumo-primary-text-color: rgb(0, 81, 78);
  --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);
  --lumo-background: rgb(236, 243, 235);
  --lumo-accent: rgb(138, 255,121);
  --lumo-accent-icon: rgb(191, 216,189);
  --lumo-footer: rgb(230, 230, 230);
}

a:has(vaadin-icon) {
  display: flex;
  flex-direction: row;
  align-items: center;
}

div.me-s:has(vaadin-icon) {
  width: var(--lumo-icon-size-xs);
  height: var(--lumo-icon-size-xs);
  display: inline-block;
}

html {
  --lumo-font-family: "Roboto", 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, h2, h3, h4, h5, h6 {
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}

h2 {
  color: var(--lumo-primary-text-color);
  font-size: 1.3em;
  font-weight: 400;
}

label[slot=label] {
  max-width: min(60em, 70vw);
}

.error-data {
  color: var(--lumo-error-color);
  font-weight: bold;
}

[theme~=badge][theme~=black] {
  background-color: var(--color-black-15pct);
  color: var(--color-black);
}

[theme~=badge][theme~=primary][theme~=black] {
  background-color: var(--color-black);
  color: var(--color-white);
}

[theme~=badge][theme~=blue] {
  background-color: var(--color-blue-15pct);
  color: var(--color-blue);
}

[theme~=badge][theme~=primary][theme~=blue] {
  background-color: var(--color-blue);
  color: var(--color-white);
}

[theme~=badge][theme~=blue-dark] {
  background-color: var(--color-blue-dark-15pct);
  color: var(--color-blue-dark);
}

[theme~=badge][theme~=primary][theme~=blue-dark] {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}

[theme~=badge][theme~=gold] {
  background-color: var(--color-gold-15pct);
  color: var(--color-gold);
}

[theme~=badge][theme~=primary][theme~=gold] {
  background-color: var(--color-gold);
  color: var(--color-white);
}

[theme~=badge][theme~=green] {
  background-color: var(--color-green-15pct);
  color: var(--color-green);
}

[theme~=badge][theme~=primary][theme~=green] {
  background-color: var(--color-green);
  color: var(--color-white);
}

[theme~=badge][theme~=green-dark] {
  background-color: var(--color-green-dark-15pct);
  color: var(--color-green-dark);
}

[theme~=badge][theme~=primary][theme~=green-dark] {
  background-color: var(--color-green-dark);
  color: var(--color-white);
}

[theme~=badge][theme~=orange] {
  background-color: var(--color-orange-15pct);
  color: var(--color-orange);
}

[theme~=badge][theme~=primary][theme~=orange] {
  background-color: var(--color-orange);
  color: var(--color-white);
}

[theme~=badge][theme~=pink] {
  background-color: var(--color-pink-15pct);
  color: var(--color-pink);
}

[theme~=badge][theme~=primary][theme~=pink] {
  background-color: var(--color-pink);
  color: var(--color-white);
}

[theme~=badge][theme~=purple] {
  background-color: var(--color-purple-15pct);
  color: var(--color-purple);
}

[theme~=badge][theme~=primary][theme~=purple] {
  background-color: var(--color-purple);
  color: var(--color-white);
}

[theme~=badge][theme~=red] {
  background-color: var(--color-red-15pct);
  color: var(--color-red);
}

[theme~=badge][theme~=primary][theme~=red] {
  background-color: var(--color-red);
  color: var(--color-white);
}

[theme~=badge][theme~=silver] {
  background-color: var(--color-silver-15pct);
  color: var(--color-silver);
}

[theme~=badge][theme~=primary][theme~=silver] {
  background-color: var(--color-silver);
  color: var(--color-white);
}

[theme~=badge][theme~=teal] {
  background-color: var(--color-teal-15pct);
  color: var(--color-teal);
}

[theme~=badge][theme~=primary][theme~=teal] {
  background-color: var(--color-teal);
  color: var(--color-white);
}

[theme~=badge][theme~=yellow] {
  background-color: var(--color-yellow-15pct);
  color: var(--color-yellow);
}

[theme~=badge][theme~=primary][theme~=yellow] {
  background-color: var(--color-yellow);
  color: var(--color-white);
}

html {
  --lumo-border-radius: 10px;
  --lumo-clickable-cursor: pointer;
}

.button {
  --lumo-button-size: var(--lumo-size-m);
  background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
  border-radius: var(--lumo-border-radius);
  box-sizing: border-box;
  color: var(--_lumo-button-color, var(--lumo-primary-text-color));
  cursor: var(--lumo-clickable-cursor);
  font-family: var(--lumo-font-family);
  font-size: var(--lumo-font-size-m);
  font-weight: 500;
  height: var(--lumo-button-size);
  line-height: inherit;
  margin: var(--lumo-space-xs) 0;
  min-width: calc(var(--lumo-button-size) * 2);
  padding: calc(var(--lumo-button-size) / 6) calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
  text-align: center;
}
.button:focus {
  box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
}
.button.small {
  --lumo-button-size: var(--lumo-size-s);
  font-size: var(--lumo-font-size-s);
}
.button.large {
  --lumo-button-size: var(--lumo-size-l);
  font-size: var(--lumo-font-size-l);
}
.button.error {
  color: var(--lumo-error-text-color);
}
.button.success {
  color: var(--lumo-success-text-color);
}
.button.contrast {
  color: var(--lumo-contrast);
}
.button.disabled {
  color: var(--lumo-disabled-text-color);
  pointer-events: none;
}
.button:hover {
  text-decoration: none;
}
.button.primary {
  background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
  color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
  font-weight: 600;
  min-width: calc(var(--lumo-button-size) * 2.5);
}
.button.primary:focus {
  box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
}
.button.primary.error {
  background-color: var(--lumo-error-color);
  color: var(--lumo-error-contrast-color);
}
.button.primary.success {
  background-color: var(--lumo-success-color);
  color: var(--lumo-success-contrast-color);
}
.button.primary.contrast {
  background-color: var(--lumo-contrast);
  color: var(--lumo-base-color);
}
.button.primary.disabled {
  background-color: var(--lumo-contrast-30pct);
  color: var(--lumo-base-color);
}
.button.tertiary {
  background-color: transparent;
  min-width: 0;
}

.action-bar vaadin-button,
.action-bar .button {
  background-color: var(--color-grey-dark);
  color: var(--color-white);
}
.action-bar vaadin-button[theme~=error],
.action-bar .button.error {
  color: var(--lumo-error-text-color);
}
.action-bar vaadin-button[theme~=success],
.action-bar .button.success {
  color: var(--lumo-success-text-color);
}
.action-bar vaadin-button[theme~=contrast],
.action-bar .button.contrast {
  color: var(--lumo-contrast);
}
.action-bar vaadin-button[disabled],
.action-bar vaadin-button.invalid-selections,
.action-bar .button[disabled] {
  cursor: default;
  opacity: 0.3;
}
.action-bar vaadin-button[theme~=primary],
.action-bar .button.primary {
  background-color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
  color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
}
.action-bar vaadin-button[theme~=primary][theme~=error],
.action-bar .button.primary.error {
  background-color: var(--lumo-error-color);
  color: var(--lumo-error-contrast-color);
}
.action-bar vaadin-button[theme~=primary][theme~=success],
.action-bar .button.primary.success {
  background-color: var(--lumo-success-color);
  color: var(--lumo-success-contrast-color);
}
.action-bar vaadin-button[theme~=primary][theme~=contrast],
.action-bar .button.primary.contrast {
  background-color: var(--lumo-contrast);
  color: var(--lumo-base-color);
}
.action-bar vaadin-button[theme~=primary][disabled],
.action-bar .button.primary.disabled {
  opacity: 0.3;
}

vaadin-dialog-overlay h3.dialog-header {
  margin-top: 0;
}
vaadin-dialog-overlay .dialog-buttons {
  margin-top: 1em;
}
vaadin-dialog-overlay .dialog-buttons vaadin-button {
  margin-bottom: 0;
  margin-top: 0;
}

.popup {
  margin: -0.5rem;
}

.documents-table {
  margin-top: 1em;
}

.investment-card {
  background-color: var(--color-white);
  border: 0.1em solid var(--lumo-contrast-10pct);
  border-radius: 10px;
  flex: 0 0 24em;
}
.investment-card h2 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  padding: var(--lumo-space-m);
  padding-bottom: 0;
}
.investment-card vaadin-horizontal-layout {
  flex-direction: column;
  flex-grow: 1;
}
.investment-card vaadin-horizontal-layout img {
  align-self: flex-start;
  aspect-ratio: 2/1;
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
}
.investment-card vaadin-horizontal-layout .label-value-block {
  gap: 0.2em;
}
.investment-card vaadin-horizontal-layout .label-value-block .label-value-group {
  line-height: 1.3;
  padding: 0 var(--lumo-space-m);
  width: calc(24em - 2 * var(--lumo-space-m));
}
.investment-card vaadin-horizontal-layout .label-value-block .label-value-group .label {
  align-self: baseline;
}
.investment-card vaadin-horizontal-layout .label-value-block .label-value-group .value {
  overflow-wrap: anywhere;
  text-align: right;
}
.investment-card vaadin-horizontal-layout .label-value-block .label-value-group .label,
.investment-card vaadin-horizontal-layout .label-value-block .label-value-group .value {
  width: 50%;
}
.investment-card vaadin-horizontal-layout .label-value-block div.summary-item-additional-info {
  background-color: var(--lumo-primary-color-10pct);
  border-radius: 10px;
  color: var(--lumo-primary-text-color);
  font-size: 0.8em;
  line-height: 1.4;
  margin: 1em;
  padding: var(--lumo-space-m);
}
.investment-card .available-public-issue-details-description {
  padding: var(--lumo-space-m);
}
.investment-card .button.large {
  margin: 0 0.7em 0.7em 0.7em;
  width: calc(100% - 1.4em);
}

.label-value-block {
  display: flex;
  gap: 0.5em;
}

.label-value-group {
  align-items: stretch;
  cursor: default;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.label-value-group .label {
  align-self: center;
  color: var(--lumo-primary-text-color);
  font-size: 90%;
  font-weight: 600;
  width: 12em;
}
.label-value-group:not(:first-of-type) {
  border-top: var(--lumo-grid-border-width) solid var(--lumo-grid-border-color);
}

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

vaadin-horizontal-layout.wizard-bar {
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
vaadin-horizontal-layout.wizard-bar vaadin-button.wizard-step {
  align-items: center;
  background-color: var(--lumo-primary-color);
  border-radius: var(--lumo-border-radius-l);
  color: var(--color-white);
  display: flex;
  flex-grow: 1;
  padding: 0.6em 1.4em;
  text-align: center;
}
vaadin-horizontal-layout.wizard-bar vaadin-button.wizard-step.active {
  background-color: var(--lumo-primary-color);
  color: var(--color-white);
  flex-grow: 1.5;
}
vaadin-horizontal-layout.wizard-bar vaadin-button.wizard-step.active ~ .wizard-step {
  background-color: var(--lumo-primary-color-10pct);
  color: var(--lumo-primary-text-color);
}

/* NOTE: vaadin-*.scss files are automatically included by Vaadin and are therefore not listed above */
html {
  --app-content-height: calc(100vh - var(--app-header-height) - var(--app-footer-height));
  --app-footer-height: 8em;
  --app-header-height: 4.5em;
  --paged-grid-height: calc(var(--app-content-height) - var(--pager-height));
  --individual-payments-header-height: 25em;
  --individual-payments-grid-height: calc(var(--app-content-height) - var(--individual-payments-header-height));
  --pager-height: 4em;
  --lumo-icon-size-xs: 1.1em;
}
@media (min-width: 620px) {
  html {
    --app-footer-height: 6.9em;
  }
}
@media (min-width: 720px) {
  html {
    --app-footer-height: 5.4em;
  }
}
@media (min-width: 1100px) {
  html {
    --app-footer-height: 4.3em;
  }
}

vaadin-vertical-layout.cookies-banner {
  position: fixed;
  bottom: var(--app-footer-height);
  z-index: 3;
  background-color: var(--lumo-primary-color-10pct);
}
vaadin-vertical-layout.cookies-banner vaadin-button.accept {
  margin-right: 0.5em;
}

footer#main-footer {
  background-color: var(--lumo-footer);
  height: var(--app-footer-height);
  left: 0;
  z-index: 2;
}
footer#main-footer .footer-container {
  font-size: 0.9em;
  gap: 2em;
  justify-content: center;
  padding: 0.8em;
}
footer#main-footer .footer-container .footer-logo {
  height: 3em;
  margin-left: 1em;
}
footer#main-footer .footer-container .footer-column {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}
footer#main-footer .footer-container .footer-text {
  max-width: 48em;
}
@media (max-width: 870px) {
  footer#main-footer .footer-container .footer-logo,
  footer#main-footer .footer-container .footer-version {
    display: none;
  }
}
footer#main-footer .footer-container a {
  color: var(--lumo-primary-text-color);
  text-decoration: underline;
}

header {
  background-color: var(--lumo-primary-color);
  height: var(--app-header-height);
}
header h1.page-title {
  color: var(--color-white);
  margin-left: 3rem;
}
header .action-bar {
  margin-left: auto;
  margin-right: 1em;
}

header vaadin-context-menu {
  align-items: center;
  display: flex;
}

header nav a:hover {
  text-decoration: none;
}

header nav a[highlight] {
  color: var(--lumo-primary-text-color);
}

header nav a::before,
header nav a::after {
  background-color: var(--lumo-contrast-60pct);
  border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) scale(0);
  transform-origin: 50% 100%;
  width: var(--lumo-size-s);
  will-change: transform;
}

header nav a::before {
  transition: 0.14s transform cubic-bezier(0.12, 0.32, 0.54, 1);
}

header nav a::after {
  box-shadow: 0 0 0 4px var(--lumo-primary-color);
  opacity: 0.15;
  transition: 0.15s 0.02s transform, 0.8s 0.17s opacity;
}

header nav a[highlight]::before,
nav a[highlight]::after {
  background-color: var(--lumo-primary-color);
}

header nav a[highlight]::before,
header nav a[highlight]::after {
  transform: translateX(-50%) scale(1);
  transition-timing-function: cubic-bezier(0.12, 0.32, 0.54, 1.5);
}

header nav a[highlight]:not([active])::after {
  opacity: 0;
}

header a.home-link {
  display: flex;
  align-items: center;
}
header img.header-logo,
header img.header-logo-full {
  margin-left: 1em;
  max-width: 10em;
}

div.header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.header span.name {
  color: var(--color-white);
  font-weight: 600;
  margin-right: 1.5em;
}

vaadin-scroller {
  background-color: var(--color-white);
}

vaadin-app-layout[primary-section=navbar] .current-user {
  max-width: 16em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
vaadin-app-layout[primary-section=navbar] .logout-link {
  font-size: var(--lumo-font-size-s);
  margin: 0 10px;
  background-color: var(--lumo-contrast-5pct);
  display: flex;
  flex-direction: row;
  align-items: center;
}
vaadin-app-layout[primary-section=navbar] .logout-link div {
  height: var(--lumo-icon-size-xs);
}
vaadin-app-layout[primary-section=navbar] li a {
  border-radius: 10px;
}
vaadin-app-layout[primary-section=navbar] li a i.icon {
  align-self: center;
}
vaadin-app-layout[primary-section=navbar] li a:hover {
  color: var(--lumo-primary-color);
  text-decoration: none;
}
vaadin-app-layout[primary-section=navbar] li a[highlight] {
  background-color: var(--lumo-background);
  color: var(--lumo-primary-color);
}

.ad-hoc-provider-project-details-view h2.header {
  font-size: 2em;
  padding-left: var(--lumo-space-m);
  margin-bottom: 0;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout {
  display: flex;
  flex-wrap: wrap;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout {
  flex: 3 1 500px; /* image section grows bigger than .informations section*/
  position: relative; /* needed for absolute-positioned dots */
  align-items: flex-start;
  max-width: calc(800px + 2 * var(--lumo-space-m));
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery {
  flex-direction: row;
  align-items: normal;
  max-width: 800px;
  max-height: 400px;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery .image {
  width: 100%;
  aspect-ratio: 1.5/1;
  object-fit: cover;
  cursor: pointer;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery ul.dots {
  list-style: none;
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0;
  height: fit-content;
  /* place dots over image bottom-right */
  position: absolute;
  right: var(--lumo-space-m);
  bottom: var(--lumo-space-m);
  z-index: 1;
  /* draw custom circular dot */
  /* active dot filled white for highlight */
  /* hover feedback */
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery ul.dots li {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery ul.dots li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--lumo-base-color);
  background: var(--lumo-shade-30pct); /* subtle dark fill */
  transform: translate(-50%, -50%);
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery ul.dots li.active::before {
  background-color: var(--lumo-base-color);
  border-color: var(--lumo-contrast-30pct);
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout .image-gallery ul.dots li:hover::before {
  transform: translate(-50%, -50%) scale(1.2);
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout vaadin-vertical-layout div.markdown-box.summary {
  width: 100%;
}
.ad-hoc-provider-project-details-view > vaadin-horizontal-layout div.markdown-box.informations {
  padding: var(--lumo-space-m);
  flex: 1 0 300px;
  align-items: flex-start !important;
}

vaadin-horizontal-layout.ad-hoc-provider-projects-overview {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--lumo-space-m);
  margin: var(--lumo-space-m) 0;
}
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card {
  flex: 0 0 24em;
  align-items: stretch;
  border: 0.1em solid var(--lumo-contrast-10pct);
  border-radius: 10px;
  padding-bottom: var(--lumo-space-m);
}
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card .header,
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card .summary,
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card .button {
  margin-right: var(--lumo-space-m);
  margin-left: var(--lumo-space-m);
}
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card .header {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0;
  font-style: bold;
}
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .project-info-card .project-image {
  aspect-ratio: 1.5/1;
  object-fit: cover;
  width: 100%;
}
vaadin-horizontal-layout.ad-hoc-provider-projects-overview .button {
  margin-top: auto;
}

.adequacy-investigation-result .state-evaluation {
  margin: 0.5em 0;
}
.adequacy-investigation-result .state-evaluation i {
  font-size: 1.6em;
  font-weight: bold !important;
  margin-right: 0.3em;
}
.adequacy-investigation-result .state-evaluation i + span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  top: -0.25em;
}
.adequacy-investigation-result .state-evaluation i.icon-interface-delete-3 {
  color: var(--lumo-error-color);
}
.adequacy-investigation-result .state-evaluation i.icon-interface-delete-3 + span {
  color: var(--lumo-error-color);
}
.adequacy-investigation-result .state-evaluation i.icon-interface-validation-check-circle {
  color: #2ecc40;
}
.adequacy-investigation-result .state-evaluation i.icon-interface-validation-check-circle + span {
  color: #2ecc40;
}
.adequacy-investigation-result .label-value-block .label {
  width: 15em;
}
.adequacy-investigation-result .experience-span {
  display: block;
}
.adequacy-investigation-result .average-yearly-investments-span:not(:empty) {
  font-size: 80%;
  margin-right: 0.2em;
}

vaadin-vertical-layout.admin-project-details-view .name,
vaadin-vertical-layout.admin-project-details-view .markdown-box.summary,
vaadin-vertical-layout.admin-project-details-view .markdown-box.informations {
  width: 100%;
}
vaadin-vertical-layout.admin-project-details-view .name.name,
vaadin-vertical-layout.admin-project-details-view .name .markdown-text-area,
vaadin-vertical-layout.admin-project-details-view .name .preview-area,
vaadin-vertical-layout.admin-project-details-view .markdown-box.summary.name,
vaadin-vertical-layout.admin-project-details-view .markdown-box.summary .markdown-text-area,
vaadin-vertical-layout.admin-project-details-view .markdown-box.summary .preview-area,
vaadin-vertical-layout.admin-project-details-view .markdown-box.informations.name,
vaadin-vertical-layout.admin-project-details-view .markdown-box.informations .markdown-text-area,
vaadin-vertical-layout.admin-project-details-view .markdown-box.informations .preview-area {
  width: 100%;
  max-width: 1618px;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: var(--lumo-space-m);
  margin-top: var(--lumo-space-l);
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images {
  flex-wrap: wrap;
  gap: var(--lumo-space-m);
  align-items: stretch;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card {
  background-color: var(--lumo-background);
  border-radius: var(--lumo-border-radius);
  width: 400px;
  height: fit-content;
  position: relative;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image {
  border-radius: var(--lumo-border-radius);
  object-fit: cover;
  height: 225px;
  width: 400px;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-infos-and-buttons {
  z-index: 10;
  background-color: var(--color-white);
  border-radius: var(--lumo-border-radius);
  margin-left: auto;
  margin-right: 0;
  position: absolute;
  top: calc(225px + var(--lumo-space-s));
  right: var(--lumo-space-s);
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-infos-and-buttons .image-card-infos {
  height: 44px !important;
  padding: 12px var(--lumo-space-s) 12px 9px;
  align-content: center;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-infos-and-buttons .image-card-buttons {
  position: relative;
  gap: 2px;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-infos-and-buttons .image-card-buttons > * {
  background-color: var(--color-white);
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-infos-and-buttons .image-card-buttons a.button {
  min-width: 0;
  padding: 5px 9px 0px 10px;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-details {
  padding: var(--lumo-space-s) 160px var(--lumo-space-s) var(--lumo-space-m); /* big padding-right to adjust for .image-card-infos-and-buttons */
  top: -27px;
  max-width: 400px;
  height: fit-content;
  min-height: calc(44px + 2 * var(--lumo-space-s));
  justify-content: center;
}
vaadin-vertical-layout.admin-project-details-view .project-image-gallery .project-images .project-image-card .image-card-details .name {
  font-size: var(--lumo-font-size-l);
  font-weight: 500;
  overflow-wrap: break-word;
}

vaadin-vertical-layout.company-details .label-value-group {
  align-items: baseline;
}
vaadin-vertical-layout.company-details .label-value-group .label {
  align-self: baseline;
  width: 15em;
}
vaadin-vertical-layout.company-details .label-value-group .value {
  align-items: center;
  display: flex;
  max-width: calc(100% - 14em);
}

.companies-view div.icon-tooltip-container {
  display: inline-block;
}

.available-public-issue-details {
  align-items: start;
}
.available-public-issue-details .investment-card {
  flex: auto;
}
.available-public-issue-details .investment-card .label-value-block .label-value-group {
  width: calc(100% - 2 * var(--lumo-space-m));
}
@media (max-width: 1600px) {
  .available-public-issue-details .investment-card vaadin-horizontal-layout {
    flex-direction: column;
  }
  .available-public-issue-details .investment-card vaadin-horizontal-layout img {
    width: 100%;
  }
}

.crowd-invest-overview {
  padding-left: 0;
  padding-right: 0;
}
.crowd-invest-overview .available-public-issues-container,
.crowd-invest-overview .completed-public-issues-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--lumo-space-m);
  justify-content: center;
}
.crowd-invest-overview .available-public-issues-container .investment-card vaadin-horizontal-layout .label-value-block div.summary-item-additional-info {
  margin-bottom: 0;
}
.crowd-invest-overview .completed-public-issues-section {
  background-color: var(--lumo-primary-color-10pct);
  margin-top: 2em;
  padding-bottom: 2em;
  width: 100%;
}
.crowd-invest-overview .completed-public-issues-section > h2 {
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}
.crowd-invest-overview .completed-public-issues-section .investment-card {
  flex-basis: 20em;
  padding-bottom: 0.7em;
}
.crowd-invest-overview .completed-public-issues-section .investment-card vaadin-horizontal-layout .label-value-block .label-value-group {
  width: calc(20em - 2 * var(--lumo-space-m));
}

.documents-overview div.icon-tooltip-container {
  display: inline-block;
}

div.label-value-group.signature-group vaadin-text-field.signature {
  width: 20em;
}

.investment-details vaadin-horizontal-layout {
  width: 100%;
}
.investment-details .label-value-block.requested .label-value-group .label {
  width: 13em;
}
.investment-details .label-value-block.investment .label-value-group .label {
  width: 11em;
}

.label-value-block.user-data .label {
  align-self: baseline;
  width: 18em;
}
.label-value-block.user-data div.value {
  display: flex;
  flex-direction: column;
}

.investor-details vaadin-horizontal-layout {
  width: 100%;
}
.investor-details vaadin-horizontal-layout .label-value-block.user-data .label {
  width: 20em;
}
.investor-details vaadin-horizontal-layout .label-value-block.status {
  width: 39em !important;
}
.investor-details vaadin-horizontal-layout .label-value-block.status .value {
  align-items: center;
  display: flex;
}

.investor-edit {
  padding: 0 1em 1em 1em;
}

vaadin-vertical-layout.issuer-create vaadin-horizontal-layout vaadin-form-layout {
  width: 50%;
}
vaadin-vertical-layout.issuer-create vaadin-horizontal-layout vaadin-form-layout + div {
  width: 50%;
}
vaadin-vertical-layout.issuer-create vaadin-horizontal-layout vaadin-form-layout + div vaadin-form-layout {
  width: 100%;
}
vaadin-vertical-layout.issuer-create .iban-validation-error {
  color: var(--color-red);
  font-weight: bold;
}

.register-or-login {
  align-items: center;
  justify-content: center;
}
.register-or-login h1 {
  margin-top: 0;
}
.register-or-login .captcha .frc-captcha {
  border-radius: var(--lumo-border-radius);
  padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-l) var(--lumo-space-m);
}
.register-or-login .captcha.invalid .frc-captcha {
  border-color: var(--lumo-error-color);
}

.negative-target-market-comparison .invalid-choice {
  color: var(--lumo-error-color);
  display: block;
  font-weight: bold;
  margin: 1em 0;
}

.suspect-payments {
  font-weight: bold;
}

.suspect-payments-list .label-value-group {
  margin-top: 0.6em;
}
.suspect-payments-list .label-value-group .enum-span {
  width: calc(100% - 0.6em);
}

.private-placement-create {
  padding-bottom: 1em;
}

vaadin-vertical-layout.private-placement-details vaadin-vertical-layout.label-value-block .label-value-group .label,
vaadin-vertical-layout.private-placement-details vaadin-vertical-layout.ex-ante-block .label-value-group .label {
  margin-right: 1em;
  width: 17em !important;
}

vaadin-dialog-overlay .label-value-group .label {
  width: 8em;
}

vaadin-dialog.edit-private-placement-dialog + vaadin-dialog-overlay {
  max-width: 930px;
}
vaadin-dialog.edit-private-placement-dialog + vaadin-dialog-overlay span {
  font-size: 0.8em;
}

vaadin-vertical-layout.bank-account {
  padding: var(--lumo-space-m);
}

vaadin-vertical-layout.personal-data .investor-type {
  font-size: 70%;
  margin-left: 0.5em;
}
vaadin-vertical-layout.personal-data .investor-type::before {
  content: "(";
}
vaadin-vertical-layout.personal-data .investor-type::after {
  content: ")";
}

vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issues-details .label-value-group,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-exAnte-block .label-value-group,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-secupay-block .label-value-group {
  align-items: baseline;
}
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issues-details .label-value-group .label,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-exAnte-block .label-value-group .label,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-secupay-block .label-value-group .label {
  align-self: baseline;
  margin-right: 1em;
  width: 17em;
}
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issues-details .label-value-group .value,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-exAnte-block .label-value-group .value,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-secupay-block .label-value-group .value {
  align-items: center;
  display: flex;
  max-width: calc(100% - 14em);
}
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issues-details .label-value-group .value vaadin-select,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-exAnte-block .label-value-group .value vaadin-select,
vaadin-horizontal-layout.public-issue-details vaadin-vertical-layout.public-issue-secupay-block .label-value-group .value vaadin-select {
  width: 9em;
}
vaadin-horizontal-layout.public-issue-details .public-issue-image {
  max-width: 100%;
}
vaadin-horizontal-layout.public-issue-details vaadin-horizontal-layout {
  align-items: center;
}

vaadin-form-layout.public-issue-create,
vaadin-form-layout.public-issue-edit {
  max-width: 37em;
  padding: var(--lumo-space-m);
}
vaadin-form-layout.public-issue-create vaadin-date-picker,
vaadin-form-layout.public-issue-edit vaadin-date-picker {
  width: auto !important;
}
vaadin-form-layout.public-issue-create .label-value-group .label,
vaadin-form-layout.public-issue-edit .label-value-group .label {
  align-self: auto;
  font-size: var(--lumo-font-size-s);
  padding-top: 1em;
}
vaadin-form-layout.public-issue-create .label-value-group vaadin-date-picker,
vaadin-form-layout.public-issue-edit .label-value-group vaadin-date-picker {
  margin-left: var(--lumo-space-m);
}

.adequacy-investigation-warning {
  color: var(--lumo-primary-text-color);
  font-weight: bold;
  max-width: 46em;
}

.fact-sheet-aproval-warning {
  background-color: var(--lumo-primary-text-color);
  color: var(--color-white);
  font-weight: bold;
  padding: 1em 2em;
}

.subscription-process-step-crowd-invest-amount vaadin-big-decimal-field {
  width: 19.6em;
}

.subscription-process-step-personal-data .iban-validation-error {
  color: var(--color-red);
  font-weight: bold;
}

.calculating-payment-instructions-hint,
.missing-payment-instructions-hint {
  border-radius: var(--lumo-border-radius-l);
  box-shadow: 0 0 0 0 rgb(3, 86, 147);
  padding: 0.7em 1.2em;
}

.calculating-payment-instructions-hint {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(3, 86, 147, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(3, 86, 147, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(3, 86, 147, 0);
  }
}
.user-details {
  padding: var(--lumo-space-m);
  width: 28em;
}
.user-details vaadin-email-field + .label-value-group,
.user-details .label-value-group + vaadin-horizontal-layout {
  margin-top: 1em;
}
.user-details .label-value-group .label {
  width: 13em;
}

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