@import url('main-layout.css');
@import url('container.css');
@import url('stammdaten.css');
   html {
      --lumo-base-color: hsl(0, 0%, 100%);
      --lumo-primary-color: hsl(348, 65%, 32%);
      --lumo-primary-color-50pct: hsla(348, 65%, 32%, 0.5);
      --lumo-primary-color-10pct: hsla(348, 65%, 32%, 0.1);
      --lumo-primary-text-color: hsl(348, 65%, 32%);
      --lumo-shade-5pct: hsla(0, 0%, 56%, 0.05);
      --lumo-shade-10pct: hsla(0, 0%, 56%, 0.1);
      --lumo-shade-20pct: hsla(0, 0%, 56%, 0.2);
      --lumo-shade-30pct: hsla(0, 0%, 56%, 0.3);
      --lumo-shade-40pct: hsla(0, 0%, 56%, 0.4);
      --lumo-shade-50pct: hsla(0, 0%, 56%, 0.5);
      --lumo-shade-60pct: hsla(0, 0%, 56%, 0.6);
      --lumo-shade-70pct: hsla(0, 0%, 56%, 0.7);
      --lumo-shade-80pct: hsla(0, 0%, 56%, 0.8);
      --lumo-shade-90pct: hsla(0, 0%, 56%, 0.9);
      --lumo-shade: hsl(0, 0%, 56%);
      --lumo-contrast-5pct: hsla(0, 15%, 5%, 0.05); /* Button background. Button toolbar. Secondary section background. */
      --lumo-contrast-10pct: hsla(0, 15%, 5%, 0.1); /* Input field background. */
      --lumo-contrast-20pct: hsla(0, 15%, 5%, 0.2); /* Divider border color. */
      --lumo-contrast-30pct: hsla(0, 15%, 5%, 0.3); /* Disabled text. */
      --lumo-contrast-40pct: hsla(0, 15%, 5%, 0.4);
      --lumo-contrast-50pct: hsla(0, 15%, 5%, 0.5); /* Tertiary text. */
      --lumo-contrast-60pct: hsla(0, 15%, 5%, 0.6); /* Icons. */
      --lumo-contrast-70pct: hsla(0, 15%, 5%, 0.7); /* Secondary text. */
      --lumo-contrast-80pct: hsla(0, 15%, 5%, 0.8);
      --lumo-contrast-90pct: hsla(0, 15%, 5%, 0.9); /* Body text. */
      --lumo-contrast: hsl(0, 15%, 5%); /* Heading text. */
      --lumo-body-text-color: hsl(0, 0%, 30%);
      --lumo-space-xl: 1.75rem;
      --lumo-space-l: 1.125rem;
      --lumo-space-m: 0.5rem;
      --lumo-space-s: 0.25rem;
      --lumo-space-xs: 0.125rem;
      --lumo-size-xl: 3rem;
      --lumo-size-l: 2.5rem;
      --lumo-size-m: 2rem;
      --lumo-size-s: 1.75rem;
      --lumo-size-xs: 1.5rem;
      --vaadin-input-field-background: hsla(0, 20%, 9%, 0.05);
      --vaadin-app-layout-drawer-width: 18em;
    }

    [theme~="dark"] {
      --lumo-base-color: hsl(0, 0%, 30%);
      --lumo-body-text-color: hsl(0, 0%, 100%);
      --lumo-shade: hsl(0, 0%, 75%);
      --lumo-shade-5pct: hsla(0, 0%, 75%, 0.05);
      --lumo-shade-10pct: hsla(0, 0%, 75%, 0.1);
      --lumo-shade-20pct: hsla(0, 0%, 75%, 0.2);
      --lumo-shade-30pct: hsla(0, 0%, 75%, 0.3);
      --lumo-shade-40pct: hsla(0, 0%, 75%, 0.4);
      --lumo-shade-50pct: hsla(0, 0%, 75%, 0.5);
      --lumo-shade-60pct: hsla(0, 0%, 75%, 0.6);
      --lumo-shade-70pct: hsla(0, 0%, 75%, 0.7);
      --lumo-shade-80pct: hsla(0, 0%, 75%, 0.8);
      --lumo-shade-90pct: hsla(0, 0%, 75%, 0.9);
      --lumo-primary-color: hsl(0, 0%, 75%);
      --lumo-primary-color-50pct: hsla(0, 0%, 75%, 0.5);
      --lumo-primary-color-10pct: hsla(0, 0%, 75%, 0.1);
      --lumo-primary-text-color: hsl(348, 65%, 32%);
      --vaadin-app-layout-drawer-width: 18em;
    }

.vaadin-app-layout-inmem::part(drawer) {
	background-color:rgb(248, 248, 224);
}
.vaadin-app-layout-inmem::part(navbar) {
	background-color:rgb(248, 248, 224);
}

.vaadin-app-layout-nightly::part(drawer) {
	background: rgb(204, 204, 255);
}
.vaadin-app-layout-nightly::part(navbar) {
	background: rgb(204, 204, 255);
}

.vaadin-app-layout-testing::part(drawer) {
	background-color:rgb(248, 200, 200);
}
.vaadin-app-layout-testing::part(navbar) {
	background-color:rgb(248, 200, 200);
}

.vaadin-text-input-field-background-success::part(input-field) {
	background: var(--lumo-success-color-50pct);
}

.vaadin-text-input-field-background-error::part(input-field) {
	background: var(--lumo-error-color-50pct);
}

vaadin-grid.add39theme::part(add39-textfarbe_schwarz) {
	color: black;
}

vaadin-grid.add39theme::part(add39-textfarbe_rlprot) {
	color: #871d33;
}

vaadin-grid.add39theme::part(add39DateText) {
	font-size: 15px;
	font-weight: normal;
	width: 15em;
}

vaadin-grid.add39theme::part(add39Date) {
	width: 15em;
}

vaadin-grid.add39theme::part(add39edit) {
	text-align: center;
    background: #fce6c7;
  	color: black;
}

vaadin-grid.add39theme::part(add39left) {
	text-align: left;
	white-space: normal;
	height: auto;
	line-height: normal;
}

vaadin-grid.add39theme::part(add39rowLeft) {
	text-align: left;
	background: #e3eecf;
	color: black;
}

vaadin-grid.add39theme::part(add39summe) {
	text-align: center;
	background-color: #8e8e8e;
	color: black;
	font-weight: bold;
}

vaadin-grid.add39theme::part(add39summenzeile) {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #8e8e8e;
	color: black;
}

vaadin-grid.add39theme::part(add39Grundvertrag) {
	font-weight: bold;
}

vaadin-grid.add39theme::part(add39center) {
	text-align: center;
}

vaadin-grid.add39theme::part(add39linethrough) {
	font-weight: bold;
	text-decoration: line-through;
}

vaadin-grid.add39theme::part(add39centerlinethrough) {
	text-align: center;
	text-decoration: line-through;
}

vaadin-grid.add39theme::part(add39treegridGrundvertrag) {
	font-weight: bold;
}

vaadin-grid.add39theme::part(add39treegridcenter) {
	text-align: center;
}

vaadin-notification-card.notification-justify-content-center::part(content) {
	justify-content: center;
	color: hsl(0, 15%, 5%);
}

.add39-homepage-nav-div {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*CI-hellgrau*/
	background-color: rgba(237,237,237,1);
}

.add39-homepage-logo-div {
	padding-top:   20px;
	padding-left: 160px;
}

.add39-homepage-nav-div-dark {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	/*CI-rot*/
	background-color: rgba(135,29,51,1);
}

.add39-homepage-footer-div {
	background-color: rgba(44,44,44,1);
}

/* Styling für einen Rahmen auf einem Panel */
.second-partition{
    border:1px solid rgba(0,0,0,0.2);
    position:relative;
    border-radius: var(--lumo-border-radius-l);
    padding: var(--lumo-space-m)
}